.pcab{--fascia:#1d2336;--neon:#ff5ab8;--brass:#c79a4a;--gilt:#ffe2a0}.pcab-fav,.pcab-play,.pcab-sign{cursor:pointer;border:0;margin:0;font-family:inherit}.pcab-fav,.pcab-play{padding:0}.pcab-art{background-position:50%;background-size:cover;transition:transform .45s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.pcab-clip{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0}.pcab-clip.on{opacity:1}.pcab-sign{background:radial-gradient(120% 160% at 50% -10%, #788cd240, #788cd200 60%), linear-gradient(#232a41, var(--fascia) 55%, #171c2c);max-width:100%;min-height:25px;box-shadow:inset 0 0 0 2px var(--fascia), inset 0 0 0 3px var(--neon), 0 0 0 1.5px #0b0e17, 0 0 0 3.5px var(--brass), 0 0 0 4.5px #4c3412f2;border-radius:5px;justify-content:center;align-items:center;padding:4px 9px;display:flex;position:relative}.pcab-sign:before{content:"";pointer-events:none;--lit:radial-gradient(circle, #fff7de 0 .9px, #ffd68c8c 1.4px, #ffd68c00 2px);--dim:radial-gradient(circle, #9c7a45 0 .8px, #9c7a4500 1.3px);background:var(--lit) 0 0 / 8px 2px repeat-x, var(--dim) 4px 0 / 8px 2px repeat-x, var(--lit) 4px 100% / 8px 2px repeat-x, var(--dim) 0 100% / 8px 2px repeat-x;border-radius:7px;position:absolute;inset:-3.5px}.pcab-sign-name{letter-spacing:.06em;text-transform:uppercase;text-align:center;text-wrap:balance;color:var(--gilt);text-shadow:0 0 .3em #ffaa46d9,0 .07em #3c1e00e6;font-size:11px;font-weight:900;line-height:1.12;position:relative}.pcab-stars{letter-spacing:.06em;color:#ffd24a;margin-top:3px;font-size:11px;display:block}.pcab-stars i{color:#ffd24a47;font-style:normal}.pcab-stars.pcab-loved{color:#ff6b9d}.pcab{--a1:hsl(var(--h) 72% 62%);--a1d:hsl(var(--h) 50% 34%);--a2:hsl(var(--h2) 82% 66%);--a3:hsl(var(--h3) 70% 74%);cursor:pointer;outline:none;flex-direction:column;min-width:0;display:flex;position:relative;container:pcab/inline-size}.pcab:before,.pcab:after{content:"";z-index:0;pointer-events:none;position:absolute}.pcab:before{background:radial-gradient(closest-side,#000006b3,#00000600);height:16px;bottom:-7px;left:-4%;right:-4%}.pcab:after{background:radial-gradient(closest-side, hsl(var(--h2) 90% 65% / .22), transparent);opacity:.6;height:30px;transition:opacity .25s;bottom:-16px;left:-14%;right:-14%}.pcab:hover:after,.pcab:focus-visible:after{opacity:1}.pcab>*{position:relative}.pcab-mq{z-index:3;background:linear-gradient(#171c2a,#0b0e16);border-radius:2.4cqw 2.4cqw 1.2cqw 1.2cqw;height:25cqw;padding:1.8cqw;box-shadow:0 0 0 1px #ffffff12}.pcab-mq-face{border:.7cqw solid hsl(var(--h3) 70% 82% / .4);background:url(/ui/cab/face.png) 0 0 / 100% 100%, linear-gradient(180deg, hsl(var(--h) 52% 36%), hsl(var(--h2) 52% 15%));border-radius:1.4cqw;justify-content:center;align-items:center;height:100%;padding:3cqw 8cqw 0;display:flex;position:relative;overflow:hidden}.pcab-mq-face:before,.pcab-mq-face:after{content:"✦";color:var(--a3);opacity:.85;text-shadow:0 0 1.4cqw var(--a3);font-size:4.6cqw;position:absolute;top:54%;transform:translateY(-50%)}.pcab-mq-face:before{left:2.8cqw}.pcab-mq-face:after{right:2.8cqw}.pcab-title{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% + .8em);font-size:min(10cqw, calc(82cqw / (var(--n) * .6)));letter-spacing:.01em;color:#fff;text-shadow:0 0 .3em var(--a1), 0 0 .8em hsl(var(--h) 90% 60% / .7), 0 .07em 0 #0000008c;margin:-.3em -.4em;padding:.3em .4em;font-weight:900;line-height:1.1;display:block;overflow:hidden}.pcab:hover .pcab-mq-face,.pcab:focus-visible .pcab-mq-face{background:url(/ui/cab/face.png) 0 0 / 100% 100%, linear-gradient(180deg, hsl(var(--h) 60% 46%), hsl(var(--h2) 58% 22%))}.pcab-lv{z-index:2;white-space:nowrap;letter-spacing:.08em;color:#e8deff;text-shadow:0 0 .45em #b79bff;background:#0c0f16;border-radius:max(4px,1.8cqw);align-items:center;gap:.3em;height:max(14px,7.2cqw);padding:0 max(6px,3.2cqw);font-size:max(8.5px,4.2cqw);font-weight:900;display:inline-flex;position:absolute;top:-1.6cqw;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 max(1.5px,.7cqw) #8a5cff}.pcab-lv.gold{color:#ffe9b0;text-shadow:0 0 .45em #ffcf5a;box-shadow:inset 0 0 0 max(1.5px,.7cqw) #f5bd3d}.pcab-body{z-index:1;background:linear-gradient(90deg, var(--a1d), var(--a1) 1.1cqw, var(--a1) calc(100% - 1.1cqw), var(--a1d));margin:0 3.5cqw;padding:0 3.4cqw}.pcab-bezel{background:linear-gradient(#00000073, #0000 3.4cqw), var(--a2);padding:2.4cqw}.pcab-screen{aspect-ratio:4/3;isolation:isolate;background:#06080d;border-radius:1cqw;position:relative;overflow:hidden;box-shadow:0 0 0 .9cqw #06080d}.pcab-screen .pcab-art{transition:transform .6s cubic-bezier(.2,.7,.2,1),opacity .45s}.pcab:hover .pcab-screen .pcab-art,.pcab:focus-visible .pcab-screen .pcab-art{transform:scale(1.045)}.pcab-screen:before,.pcab-screen:after{content:"";pointer-events:none;position:absolute;inset:0}.pcab-screen:before{z-index:2;background:repeating-linear-gradient(0deg,#00000029 0 1px,#0000 1px 3px)}.pcab-screen:after{z-index:3;background:url(/ui/cab/crt.png) 0 0/100% 100%}.pcab-attract{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:3cqw;padding:0 8%;display:flex;position:absolute;inset:0}.pcab-attract b{text-wrap:balance;color:#fff;text-shadow:0 0 .4em hsl(var(--h) 90% 70% / .8), 0 .08em 0 #00000080;font-size:8.4cqw;font-weight:900;line-height:1.02}.pcab-attract i{letter-spacing:.18em;color:#ffe27a;text-shadow:0 0 .6em #ffd24acc;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:max(8px,3.6cqw);font-style:normal;font-weight:800;animation:1.1s step-end infinite pcab-blink}@keyframes pcab-blink{50%{opacity:0}}.pcab-hi{z-index:4;white-space:nowrap;letter-spacing:.1em;color:#ffeebecc;background:#04060cb8;border-radius:1cqw;padding:.7cqw 2.4cqw;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:max(8px,3.5cqw);font-weight:800;position:absolute;bottom:2.6cqw;left:50%;transform:translate(-50%)}.pcab-hi b{color:#ffe27a;text-shadow:0 0 .6em #ffd24ab3}.pcab-deck{--lip:5cqw;--btn:max(28px, 12.5cqw);z-index:2;height:22cqw}.pcab-deck:before{content:"";inset:0 0 var(--lip);clip-path:polygon(3.5cqw 0,calc(100% - 3.5cqw) 0,100% 100%,0 100%);background:linear-gradient(90deg, var(--a1) 0 1.4cqw, transparent 1.4cqw calc(100% - 1.4cqw), var(--a1) 0), linear-gradient(180deg, #161b28, #252d3f);position:absolute}.pcab-deck:after{content:"";height:var(--lip);box-sizing:border-box;border-left:1.4cqw solid var(--a1);border-right:1.4cqw solid var(--a1);border-top:1cqw solid var(--a2);background:#121620;border-radius:0 0 1cqw 1cqw;position:absolute;bottom:0;left:0;right:0}.pcab-ctl{z-index:1;inset:0 0 var(--lip);align-items:center;gap:2.6cqw;padding:.6cqw 6.5cqw 0;display:flex;position:absolute}.pcab-stick{flex:none;align-self:stretch;width:10cqw;margin-right:1.4cqw;position:relative}.pcab-stick:before{content:"";background:#07090e;border-radius:50%;height:3.4cqw;position:absolute;bottom:2.4cqw;left:0;right:0;box-shadow:inset 0 .5cqw .8cqw #000c}.pcab-stick i{transform-origin:50% 100%;background:linear-gradient(90deg,#8e97aa,#dde2ec,#8e97aa);border-radius:.95cqw;width:1.9cqw;height:8.5cqw;margin-left:-.95cqw;position:absolute;bottom:4cqw;left:50%}.pcab-stick i:before{content:"";background:radial-gradient(circle at 35% 30%, #ffffffb3, var(--ball) 42%, color-mix(in srgb, var(--ball), #000 45%));border-radius:50%;width:7.6cqw;height:7.6cqw;margin-left:-3.8cqw;position:absolute;top:-4.2cqw;left:50%;box-shadow:0 .6cqw 1cqw #00000073}.pcab:hover .pcab-stick i,.pcab:focus-visible .pcab-stick i{animation:.9s ease-in-out infinite pcab-wiggle}@keyframes pcab-wiggle{25%{transform:rotate(-17deg)}75%{transform:rotate(15deg)}}.pcab-btn{height:var(--btn);flex:none;justify-content:center;align-items:center;transition:transform 80ms,box-shadow 80ms,background .15s;display:inline-flex}.pcab .pcab-btn:active{transform:translateY(.8cqw)}.pcab-fav{width:var(--btn);font-size:calc(var(--btn) * .46);color:#f2f4fae6;background:radial-gradient(circle at 40% 28%,#4a5470,#262d40 70%);border-radius:50%;line-height:1;box-shadow:inset 0 0 0 1px #ffffff24,0 1cqw #0c0f18}.pcab-fav:hover{color:#ff8fb0}.pcab .pcab-fav:active{box-shadow:inset 0 0 0 1px #ffffff24,0 .2cqw #0c0f18}.pcab-fav.on{color:#fff;background:radial-gradient(circle at 40% 28%,#ff9dbb,#ff4f7e 70%);box-shadow:inset 0 0 0 1px #ffffff59,0 1cqw #9c2c50}.pcab-play{white-space:nowrap;letter-spacing:.08em;min-width:0;color:var(--gb-gold-ink);background:var(--gb-gold);border-radius:999px;flex:1;gap:.4em;font-size:max(11.5px,5.4cqw);font-weight:900;box-shadow:inset 0 0 0 1px #ffffff73,0 1cqw #a0740f}.pcab .pcab-play:active{box-shadow:inset 0 0 0 1px #ffffff73,0 .2cqw #a0740f}.pcab:hover .pcab-play,.pcab:focus-visible .pcab-play{background:linear-gradient(#ffeaa6,#f8c64e)}.pcab-kick{z-index:1;border-left:1.2cqw solid var(--a1);border-right:1.2cqw solid var(--a1);background:linear-gradient(#0009, #0000 3.4cqw), linear-gradient(180deg, hsl(var(--h) 22% 23%), hsl(var(--h) 24% 15%));flex-direction:column;align-items:center;gap:3.4cqw;margin:0 4.5cqw;padding:4.4cqw 4cqw 6.6cqw;display:flex}.pcab-kick:before{content:"";z-index:-1;pointer-events:none;background:var(--pat-c);-webkit-mask:var(--pat-m);-webkit-mask:var(--pat-m);mask:var(--pat-m);position:absolute;inset:0}.pcab-kick:after{content:"";background:repeating-linear-gradient(90deg,#0009 0 1cqw,#0000 1cqw 2.6cqw) 50% 0/56% 1.5cqw no-repeat,linear-gradient(#0000 1.9cqw,#07090e 1.9cqw);height:4cqw;position:absolute;bottom:0;left:0;right:0}.pcab[data-pat=checker]{--pat-c:hsl(var(--h) 30% 34% / .55);--pat-m:url(/ui/cab/pat-checker.png) 0 0 / 7cqw 7cqw repeat}.pcab[data-pat=stripes]{--pat-c:hsl(var(--h2) 45% 45% / .35);--pat-m:url(/ui/cab/pat-stripes.png) 0 0 / 6.2cqw 6.2cqw repeat}.pcab[data-pat=dots]{--pat-c:hsl(var(--h3) 60% 62% / .42);--pat-m:url(/ui/cab/pat-dots.png) 0 0 / 5cqw 5cqw repeat}.pcab[data-pat=zig]{--pat-c:hsl(var(--h2) 45% 42% / .4);--pat-m:url(/ui/cab/pat-zig.png) 0 0 / 6cqw 6cqw repeat}.pcab[data-pat=grid]{--pat-c:hsl(var(--h) 45% 50% / .3);--pat-m:url(/ui/cab/pat-grid.png) 0 0 / 5cqw 5cqw repeat}.pcab-tags{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.16em;text-transform:uppercase;max-width:100%;color:var(--a3);text-shadow:0 0 .6em hsl(var(--h3) 80% 60% / .6), 0 1px 0 #0009;margin-bottom:-.8cqw;font-size:max(8px,3.6cqw);font-weight:900;overflow:hidden}.pcab-plaque{white-space:nowrap;font-variant-numeric:tabular-nums;background:#06080ecc;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:7px;max-width:100%;height:21px;padding:0 9px;font-size:10.5px;font-weight:800;display:inline-flex;overflow:hidden}.pcab-plaque .pcab-stars{letter-spacing:.02em;margin:0;font-size:10px}.pcab-pi{align-items:center;gap:3px;display:inline-flex}.pcab-pi:before{content:"";flex:none;width:9px;height:9px}.pcab-pi.plays:before{background:#7ee08a;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path d='M3 1.6v8.8L10.4 6z'/></svg>") 50%/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path d='M3 1.6v8.8L10.4 6z'/></svg>") 50%/contain no-repeat}.pcab-pi.remix:before{background:#ff6b6b;-webkit-mask:url(/ui/remix.svg) 50%/contain no-repeat;mask:url(/ui/remix.svg) 50%/contain no-repeat}.pcab:focus-visible .pcab-mq{box-shadow:0 0 0 2px #ffd24af2,0 1.8cqw 2.2cqw #0000008c}@container pcab (width<=190px){.pcab-deck{height:26cqw}.pcab-ctl{gap:3cqw;padding:.6cqw 5cqw 0}.pcab-kick{gap:3cqw;padding:4cqw 2.6cqw 6.6cqw}.pcab-kick .pcab-sign{min-height:20px;padding:3px 7px}.pcab-kick .pcab-sign-name{font-size:8.5px}.pcab-plaque{gap:5px;height:18px;padding:0 7px;font-size:9.5px}.pcab-plaque .pcab-stars{font-size:8.5px}.pcab-plaque .pcab-pi.remix{display:none}}.pcab.tiny{flex:none;width:84px}.pcab.tiny .pcab-lv,.pcab.tiny .pcab-kick,.pcab.tiny .pcab-btn,.pcab.tiny .pcab-attract i{display:none}.pcab.tiny .pcab-deck{height:13cqw}.pcab.tiny .pcab-ctl{padding:0 0 0 8cqw}.pcab.tiny:before{bottom:-5px}.pcab.tiny .pcab-title{font-size:min(11cqw, calc(86cqw / (var(--n) * .6)))}.pcab.tiny .pcab-attract b{font-size:10cqw}.pcab-fav.pop{animation:.42s cubic-bezier(.3,1.6,.5,1) pcab-pop}@keyframes pcab-pop{40%{transform:scale(1.3)}}.pcab.is-off .pcab-attract i{animation:none}@media (prefers-reduced-motion:reduce){.pcab .pcab-stick i,.pcab-attract i,.pcab-fav.pop{animation:none!important}}.pcab-chips{z-index:2;gap:max(3px,1.2cqw);display:inline-flex;position:absolute;top:-1.6cqw;right:1.2cqw}.pcab-mp,.pcab-av{white-space:nowrap;color:#d9e6ff;background:#0c0f16;border-radius:max(4px,1.8cqw);align-items:center;height:max(14px,7.2cqw);padding:0 max(5px,2.4cqw);font-size:max(8.5px,4cqw);font-weight:800;display:inline-flex;box-shadow:inset 0 0 0 max(1.5px,.6cqw) #8caae68c}.pcab-av{color:#dcfcff;box-shadow:inset 0 0 0 max(1.5px,.6cqw) #29e6ffb3}.pcab-mp.fits{color:#d8ffe9;text-shadow:0 0 .45em #3ddc84;box-shadow:inset 0 0 0 max(1.5px,.7cqw) #3ddc84}