.bk-hero{background:radial-gradient(90% 70% at 85% -10%,#7c4dff8c 0%,#0000 60%),radial-gradient(60% 60% at 0 110%,#2e9bf047 0%,#0000 60%),#1d1442;box-shadow:0 30px 60px -36px #1d1442e6}.bk-ramp{background:linear-gradient(90deg, var(--good) 0 25%, var(--sky) 25% 50%, var(--violet) 50% 75%, var(--hot) 75% 100%);border-radius:999px;width:2.1rem;height:.45rem;display:inline-block;box-shadow:0 0 0 1.5px #ffffff59}.bk-lineup{background:linear-gradient(#efecf8 0%,#dcd6ee 100%);box-shadow:inset 0 -18px 30px -24px #231b458c;container-type:inline-size}.bk-wall-line{border-top:1.5px solid #231b4538;position:absolute;left:0;right:0}.bk-wall-line>span{font-family:var(--font-display);color:#231b4573;font-size:.62rem;font-weight:900;position:absolute;top:.15rem;left:.6rem}.bk-wall-line>span:after{content:" cm";font-weight:700}.bk-lineup-scroll{overscroll-behavior-x:contain;scrollbar-width:none;overflow-x:auto}.bk-lineup-scroll::-webkit-scrollbar{display:none}.bk-lineup-row{--step:.68;--face:clamp(6.2rem, calc(96cqw / (1 + (var(--n) - 1) * var(--step))), 15rem);justify-content:center;align-items:flex-end;width:max-content;min-width:100%;margin:0;padding:2.6rem .75rem 0;list-style:none;display:flex}.bk-suspect{width:var(--face);margin-left:calc(var(--face) * (var(--step) - 1));flex:none;position:relative}.bk-suspect:first-child{margin-left:0}.bk-suspect img{filter:drop-shadow(0 10px 12px #231b4538);-webkit-user-select:none;user-select:none}.bk-placard{transform:translateX(-50%) rotate(var(--tilt,-1.5deg));width:calc(var(--face) * .7);color:#fff;font-family:var(--font-display);text-transform:uppercase;background:#121018;border-radius:.3rem;flex-direction:column;align-items:center;gap:.1rem;padding:.28rem .3rem .32rem;line-height:1;display:flex;position:absolute;bottom:9%;left:50%;box-shadow:0 4px 10px -4px #0009}.bk-suspect:nth-child(2n) .bk-placard{--tilt:1.5deg}.bk-placard-no{font-size:clamp(.5rem, calc(var(--face) * .065), .68rem);letter-spacing:.18em;color:var(--accent);font-weight:800}.bk-placard-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:clamp(.62rem, calc(var(--face) * .095), 1rem);letter-spacing:.04em;font-weight:900;overflow:hidden}.bk-strip{scrollbar-width:thin}.bk-plan>svg{width:100%;height:100%;display:block}.bk-progress{background:var(--ground-2);border-radius:999px;height:.85rem;overflow:hidden}.bk-progress>span{border-radius:inherit;background:repeating-linear-gradient(-45deg, #ffffff52 0 8px, transparent 8px 16px), linear-gradient(90deg, var(--accent-dark), var(--accent));background-size:22.6px 22.6px,100% 100%;height:100%;transition:width .6s cubic-bezier(.2,.8,.2,1);animation:.9s linear infinite bk-stripes;display:block}@keyframes bk-stripes{to{background-position:22.6px 0,0 0}}.bk-tile{border:2px solid var(--rule);background:var(--surface);border-radius:18px;flex-direction:column;height:100%;min-height:9.5rem;padding:.85rem .9rem .8rem;display:flex;position:relative;overflow:hidden}.bk-tile-ready{box-shadow:var(--shadow);background:linear-gradient(180deg, var(--tone-soft) 0%, transparent 46%), var(--surface);transition:transform .15s,border-color .15s,box-shadow .15s;animation:.45s cubic-bezier(.2,.8,.2,1) bk-arrive}.bk-tile-ready:before{content:"";background:var(--tone);height:6px;position:absolute;inset:0 0 auto}.bk-tile-ready:hover{border-color:var(--tone);transform:translateY(-2px);box-shadow:0 16px 30px -18px #231b458c}.bk-tile-play{background:var(--ink);color:#fff;opacity:0;border-radius:999px;place-items:center;width:2rem;height:2rem;transition:opacity .15s,transform .15s;display:grid;position:absolute;bottom:.7rem;right:.7rem;transform:scale(.8)}.bk-tile-ready:hover .bk-tile-play,.bk-tile-ready:focus-visible .bk-tile-play{opacity:1;transform:scale(1)}@media (hover:none){.bk-tile-play{opacity:1;width:1.7rem;height:1.7rem;transform:none}}@keyframes bk-arrive{0%{opacity:0;transform:translateY(6px)scale(.98)}}.bk-tile-making{background:var(--surface-2);border-style:dashed}.bk-skeleton{background:linear-gradient(90deg, var(--ground-2) 0%, #f6f3fd 50%, var(--ground-2) 100%);background-size:200% 100%;border-radius:6px;animation:1.4s ease-in-out infinite bk-shimmer;display:block}@keyframes bk-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.bk-premium{background:radial-gradient(70% 90% at 0% 0%, #c6f24e52 0%, transparent 55%), radial-gradient(60% 80% at 100% 100%, #7c4dff24 0%, transparent 60%), var(--surface);box-shadow:8px 8px 0 0 var(--ink)}@media (max-width:40rem){.bk-premium{box-shadow:5px 5px 0 0 var(--ink)}}.bk-mock{perspective:1600px;padding:1rem 0 1.4rem}.bk-mock-body{--t:1.6rem;aspect-ratio:148/210;width:78%;transform-style:preserve-3d;margin:0 auto;transition:transform .6s cubic-bezier(.2,.8,.2,1);position:relative;transform:rotateY(28deg)rotateX(4deg)}.bk-mock:hover .bk-mock-body{transform:rotateY(14deg)rotateX(2deg)}.bk-mock-front,.bk-mock-back{border-radius:3px 10px 10px 3px;position:absolute;inset:0}.bk-mock-front{transform:translateZ(calc(var(--t) / 2));background:radial-gradient(100% 60% at 80% 0,#7c4dff99 0%,#0000 60%),#1d1442;flex-direction:column;padding:1rem .9rem .8rem;display:flex;overflow:hidden;box-shadow:inset 4px 0 6px -2px #00000059}.bk-mock-front:after{content:"";pointer-events:none;background:linear-gradient(105deg,#ffffff29 0%,#0000 28% 70%,#ffffff0f 100%);position:absolute;inset:0}.bk-mock-back{transform:translateZ(calc(var(--t) / -2));background:#120c2c;box-shadow:18px 26px 40px -12px #231b458c}.bk-mock-spine{width:var(--t);transform-origin:0;transform:translateZ(calc(var(--t) / -2)) rotateY(-90deg);background:linear-gradient(90deg, #a9d63a 0%, var(--accent) 45%, #b7e544 100%);border-radius:3px 0 0 3px;place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;overflow:hidden}.bk-mock-spine>span{writing-mode:vertical-rl;text-overflow:ellipsis;white-space:nowrap;max-height:86%;font-family:var(--font-display);color:var(--ink);font-size:.68rem;font-weight:900;overflow:hidden}.bk-mock-pages{width:var(--t);transform-origin:100%;transform:translateZ(calc(var(--t) / -2)) rotateY(90deg);background:repeating-linear-gradient(90deg,#fbfaff 0 1px,#e3def2 1px 2px);position:absolute;top:3px;bottom:3px;right:2px}.bk-mock-teaser{opacity:.16;filter:grayscale()brightness(1.6);pointer-events:none;position:absolute;top:34%;left:18%;right:-12%;transform:rotate(-8deg)}.bk-mock-teaser>svg{width:100%;height:auto;display:block}.bk-mock-lineup{background:repeating-linear-gradient(#0000 0 13px,#231b4533 13px 14px),linear-gradient(#ece9f5 0%,#d9d4ea 100%);border-radius:6px;justify-content:center;align-items:flex-end;margin-top:auto;padding:.9rem .3rem 0;display:flex;position:relative}.bk-mock-lineup>img{--w:calc(100% / (1 + (var(--n) - 1) * .72));width:var(--w);aspect-ratio:1;object-fit:contain;margin-left:calc(var(--w) * -.28)}.bk-mock-lineup>img:first-child{margin-left:0}@media (prefers-reduced-motion:reduce){.bk-progress>span,.bk-skeleton,.bk-tile-ready{animation:none}.bk-mock-body,.bk-tile-ready{transition:none}}
