.bp-wrap{position:relative;margin-top:26px;perspective:1100px;animation:rw-float 5s ease-in-out infinite}
.bp{position:relative;width:172px;height:256px;display:flex;flex-direction:column;transform:rotateY(-14deg) rotateX(4deg) rotateZ(-1.5deg);transition:transform .7s cubic-bezier(.2,.7,.2,1);filter:drop-shadow(0 30px 28px rgba(0,0,0,.5)) drop-shadow(0 6px 8px rgba(0,0,0,.35))}
.bp-hover:hover .bp{transform:rotateY(10deg) rotateX(-2deg) rotateZ(.5deg) scale(1.04)}
.bp-shadow{position:absolute;left:14%;right:14%;bottom:-24px;height:16px;border-radius:50%;background:radial-gradient(rgba(0,0,0,.55),transparent 70%);filter:blur(7px);animation:bp-shade 5s ease-in-out infinite}
.bp-crimp{position:relative;flex:0 0 13px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.38) 0 1px,rgba(255,255,255,0) 1px 2px,rgba(0,0,0,.18) 2px 3px),linear-gradient(180deg,rgba(255,255,255,.35),rgba(0,0,0,.25)),linear-gradient(90deg,var(--c2),var(--c0) 40%,var(--c1) 60%,var(--c2))}
.bp-top{clip-path:polygon(0 22%,2.5% 0,5% 22%,7.5% 0,10% 22%,12.5% 0,15% 22%,17.5% 0,20% 22%,22.5% 0,25% 22%,27.5% 0,30% 22%,32.5% 0,35% 22%,37.5% 0,40% 22%,42.5% 0,45% 22%,47.5% 0,50% 22%,52.5% 0,55% 22%,57.5% 0,60% 22%,62.5% 0,65% 22%,67.5% 0,70% 22%,72.5% 0,75% 22%,77.5% 0,80% 22%,82.5% 0,85% 22%,87.5% 0,90% 22%,92.5% 0,95% 22%,97.5% 0,100% 22%,100% 100%,0 100%)}
.bp-bot{clip-path:polygon(0 0,100% 0,100% 78%,97.5% 100%,95% 78%,92.5% 100%,90% 78%,87.5% 100%,85% 78%,82.5% 100%,80% 78%,77.5% 100%,75% 78%,72.5% 100%,70% 78%,67.5% 100%,65% 78%,62.5% 100%,60% 78%,57.5% 100%,55% 78%,52.5% 100%,50% 78%,47.5% 100%,45% 78%,42.5% 100%,40% 78%,37.5% 100%,35% 78%,32.5% 100%,30% 78%,27.5% 100%,25% 78%,22.5% 100%,20% 78%,17.5% 100%,15% 78%,12.5% 100%,10% 78%,7.5% 100%,5% 78%,2.5% 100%,0 78%)}
.bp-top::after,.bp-bot::after{content:"";position:absolute;left:0;right:0;height:1px;background:rgba(0,0,0,.35)}
.bp-top::after{bottom:0}
.bp-bot::after{top:0}
.bp-notch{position:absolute;top:20px;right:-1px;width:6px;height:8px;background:var(--panel2,#141415);clip-path:polygon(100% 0,0 50%,100% 100%)}
.bp-body{position:relative;flex:1 1 auto;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:11px 11px 10px}
.bp-foil{position:absolute;inset:0;background:radial-gradient(120% 70% at 30% 18%,rgba(255,255,255,.55),rgba(255,255,255,0) 55%),linear-gradient(165deg,var(--c1) 0%,var(--c0) 30%,var(--c2) 62%,var(--c0) 82%,var(--c3) 100%)}
.bp-foil::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,rgba(0,0,0,.04) 1px 2px);mix-blend-mode:overlay}
.bp-guil{position:absolute;inset:0;opacity:.35;mix-blend-mode:soft-light;background:repeating-radial-gradient(circle at 50% 46%,rgba(255,255,255,.9) 0 1px,transparent 1px 7px),repeating-linear-gradient(45deg,rgba(255,255,255,.4) 0 1px,transparent 1px 9px),repeating-linear-gradient(-45deg,rgba(0,0,0,.25) 0 1px,transparent 1px 9px)}
.bp-holo{position:absolute;inset:-35%;background:linear-gradient(115deg,transparent 20%,rgba(255,120,210,.35) 32%,rgba(120,210,255,.35) 42%,rgba(140,255,200,.32) 52%,rgba(255,240,140,.32) 62%,transparent 74%);mix-blend-mode:color-dodge;opacity:.55;transform:translateX(-12%);transition:transform 1.1s cubic-bezier(.2,.7,.2,1),opacity .6s}
.bp-hover:hover .bp-holo{transform:translateX(16%);opacity:.8}
.bp-burst{position:absolute;left:50%;top:42%;width:240px;height:240px;margin:-120px 0 0 -120px;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.16) 0deg 3deg,transparent 3deg 12deg);-webkit-mask-image:radial-gradient(circle,#000 14%,transparent 58%);mask-image:radial-gradient(circle,#000 14%,transparent 58%);animation:bp-spin 40s linear infinite}
.bp-frame{position:absolute;inset:7px;border-radius:4px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55),inset 0 0 0 2px rgba(0,0,0,.18),inset 0 0 18px rgba(0,0,0,.12);pointer-events:none}
.bp-head{position:relative;width:100%;display:flex;justify-content:space-between;align-items:center;padding:5px 8px;box-sizing:border-box;border-radius:4px;background:linear-gradient(180deg,#1B1B1C,#0B0B0C);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 1px 0 rgba(255,255,255,.35)}
.bp-brand{font:800 11px Archivo,sans-serif;font-stretch:125%;letter-spacing:.02em;background:linear-gradient(180deg,#FFF6C8,#FFD400 55%,#C99A00);-webkit-background-clip:text;background-clip:text;color:transparent}
.bp-series{font:500 6.5px 'IBM Plex Mono',monospace;letter-spacing:.16em;color:#A3A3A0}
.bp-emblem{position:relative;margin-top:24px;width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.98),rgba(255,255,255,.72) 42%,rgba(255,255,255,.35) 72%,rgba(255,255,255,.2));box-shadow:0 0 0 1.5px rgba(11,11,12,.75),0 0 0 4px rgba(255,255,255,.45),0 0 0 5px rgba(0,0,0,.15),0 10px 20px rgba(0,0,0,.28),inset 0 -6px 10px rgba(0,0,0,.08)}
.bp-emblem::after{content:"";position:absolute;inset:4px 10px 50% 10px;border-radius:50% 50% 40% 40%;background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(255,255,255,0));pointer-events:none}
.bp-claw{width:36px;height:36px}
.bp-cap{position:relative;margin:auto 0 0;font:500 6.5px 'IBM Plex Mono',monospace;letter-spacing:.16em;color:rgba(11,11,12,.7)}
.bp-tier{position:relative;margin:5px 0 0;font:800 24px Archivo,sans-serif;font-stretch:112%;letter-spacing:.06em;line-height:1;text-transform:uppercase;text-align:center;white-space:nowrap;color:#0B0B0C;text-shadow:0 1px 0 rgba(255,255,255,.65),0 -1px 0 rgba(0,0,0,.15)}
.bp-foot{position:relative;margin-top:9px;width:100%;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;padding:4px 8px;border-radius:4px;background:linear-gradient(180deg,#1B1B1C,#0B0B0C);font:500 7.5px 'IBM Plex Mono',monospace;letter-spacing:.08em;color:#E9E3B8;box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.bp-pillow{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.36) 0%,rgba(0,0,0,0) 7%,rgba(255,255,255,.16) 18%,rgba(255,255,255,0) 32%,rgba(0,0,0,0) 72%,rgba(255,255,255,.1) 86%,rgba(0,0,0,.38) 100%),linear-gradient(180deg,rgba(255,255,255,.14),rgba(0,0,0,0) 10%,rgba(0,0,0,0) 90%,rgba(0,0,0,.24))}
.bp-spec{position:absolute;top:-30%;left:-20%;width:70%;height:90%;pointer-events:none;background:radial-gradient(closest-side,rgba(255,255,255,.35),rgba(255,255,255,0));transform:rotate(-20deg);mix-blend-mode:overlay}
.bp-sheen{position:absolute;inset:-60%;pointer-events:none;background:linear-gradient(115deg,transparent 46%,rgba(255,255,255,.55) 50%,transparent 54%);animation:rw-sheen 5s ease-in-out infinite;mix-blend-mode:overlay}
.bp-hover:hover .bp-sheen{animation-duration:1.6s}
@keyframes bp-spin{to{transform:rotate(360deg)}}
@keyframes bp-shade{0%,100%{transform:scaleX(1);opacity:.9}50%{transform:scaleX(.82);opacity:.6}}
@media (prefers-reduced-motion: reduce){.bp-wrap,.bp-burst,.bp-sheen,.bp-shadow{animation:none}}