.cade-root{--cade-accent:hsl(var(--primary));--cade-mint:hsl(var(--aqua,170 75% 66%));color:hsl(var(--foreground));font-family:Inter,system-ui,sans-serif}.cade-root *,.cade-root :before,.cade-root :after{box-sizing:border-box}.cade-hero{border:1px solid hsl(var(--primary)/.22);background:radial-gradient(ellipse at 95% 20%,hsl(var(--primary)/.15),transparent 65%),hsl(var(--card));border-radius:24px;justify-content:space-between;align-items:center;gap:2rem;padding:clamp(24px,4vw,48px);display:flex;position:relative;overflow:hidden}.cade-hero-copy{z-index:1;max-width:650px;position:relative}.cade-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:hsl(var(--primary));font-weight:800;margin:0 0 12px!important;font-size:11px!important}.cade-hero h1{letter-spacing:-.045em;max-width:560px;margin:0 0 18px;font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(30px,4.5vw,52px);font-weight:800;line-height:1.05}.cade-hero p{color:#c3becd;max-width:550px;font-size:14px;line-height:1.75}.cade-hero-meta{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.cade-hero-meta span,.cade-mode-pill{color:#dbd6e5;border:1px solid #ffffff20;border-radius:20px;padding:6px 10px;font-size:11px;font-weight:700}.cade-cabinet-art{width:168px;box-shadow:8px 15px 0 #06050b,0 0 60px hsl(var(--primary)/.1);background:#17121f;border:4px solid #423a57;border-radius:18px 18px 5px 5px;flex-shrink:0;padding:10px;transform:rotate(5deg)}.cade-cabinet-marquee{text-align:center;letter-spacing:.18em;background:hsl(var(--primary));color:#100c13;border-radius:7px;padding:6px;font-family:Space Grotesk,sans-serif;font-weight:900}.cade-cabinet-screen{background:linear-gradient(135deg,#123338,#1f1030);border:5px solid #07060c;border-radius:9px;justify-content:center;align-items:flex-end;gap:6px;height:100px;margin-top:10px;padding:15px;display:flex;position:relative;overflow:hidden}.cade-cabinet-screen span{color:#ffe8aa;font-size:35px;position:absolute;top:0}.cade-cabinet-screen i{background:#72ead3;width:10px;height:30%}.cade-cabinet-screen i:nth-of-type(2n){background:hsl(var(--primary));height:50%}.cade-cabinet-screen i:nth-of-type(3){height:70%}.cade-cabinet-deck{background:#33283c;border-radius:4px;align-items:center;gap:10px;margin-top:8px;padding:15px;display:flex}.cade-cabinet-deck b{background:#f1b45d;border-radius:50%;width:14px;height:14px;margin-right:auto;box-shadow:0 5px #0a0711}.cade-cabinet-deck i{background:#dc83ee;border-radius:50%;width:10px;height:10px}.cade-lobby-toolbar{justify-content:space-between;align-items:center;gap:20px;margin:26px 0 20px;display:flex}.cade-lobby-toolbar p{color:#b9b4c4;max-width:480px;margin:0;font-size:12px;line-height:1.6}.cade-mode-switch{background:#131019;border:1px solid #ffffff14;border-radius:12px;flex-shrink:0;gap:4px;padding:4px;display:flex}.cade-mode-switch button{color:#c6bfd0;background:0 0;border:0;border-radius:8px;min-height:42px;padding:9px 16px;font-size:13px;font-weight:700}.cade-mode-switch button[aria-pressed=true]{color:#191221;background:#e7def2}.cade-cabinet-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.cade-cabinet{background:hsl(var(--card));--cabinet:#ffc172;border:1px solid #ffffff1a;border-radius:18px;transition:border-color .2s,transform .2s;overflow:hidden}.cade-cabinet:hover{border-color:var(--cabinet);transform:translateY(-3px)}.cade-cabinet-vinyl-match{--cabinet:#d19bff}.cade-cabinet-signal-sequence{--cabinet:#81dfce}.cade-cabinet-neon-breaker{--cabinet:#8baeff}.cade-cabinet-beat-grid{--cabinet:#ff9dc5}.cade-cabinet-visual{background:radial-gradient(ellipse at 50% 95%,color-mix(in srgb,var(--cabinet) 20%,transparent),transparent 75%),linear-gradient(135deg,#1c1726,#111017);border-bottom:1px solid #ffffff0e;place-items:center;height:142px;display:grid;position:relative;overflow:hidden}.cade-cabinet-number{letter-spacing:.15em;color:#a39aae;font-size:11px;position:absolute;top:14px;left:18px}.cade-cabinet-glyph{z-index:1;color:var(--cabinet);text-shadow:0 0 30px color-mix(in srgb,var(--cabinet) 30%,transparent);font-family:Space Grotesk,sans-serif;font-size:56px;font-weight:800}.cade-cabinet-signal-sequence .cade-cabinet-glyph{letter-spacing:.16em;font-size:35px}.cade-cabinet-lines{opacity:.5;justify-content:space-evenly;display:flex;position:absolute;inset:0;transform:perspective(100px)rotateX(25deg)}.cade-cabinet-lines i{background:linear-gradient(#0000,#ffffff25);width:1px}.cade-cabinet-body{padding:20px}.cade-cabinet-body h2{margin:0 0 8px;font-family:Space Grotesk,sans-serif;font-size:21px;font-weight:800}.cade-cabinet-body p{color:#c3bdcd;min-height:42px;margin:0;font-size:13px;line-height:1.6}.cade-cabinet-record{color:#aba2b8;justify-content:space-between;align-items:center;margin:18px 0;font-size:12px;display:flex}.cade-cabinet-record strong{color:#f7f1ff;font-family:Space Grotesk,sans-serif;font-size:20px}.cade-button{color:#f5effa;cursor:pointer;background:#221c2b;border:1px solid #ffffff26;border-radius:10px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:10px 18px;font-size:13px;font-weight:750;line-height:1.3;display:inline-flex}.cade-button-primary{background:hsl(var(--primary));color:#130d13;border-color:#0000}.cade-cabinet .cade-button-primary{background:var(--cabinet);justify-content:space-between;width:100%}.cade-button-quiet{background:0 0}.cade-button:disabled{opacity:.4;cursor:default}.cade-button:hover:enabled{filter:brightness(1.12)}.cade-root button:focus-visible,.cade-play-area:focus-visible{outline-offset:4px;outline:3px solid #b0f4df}.cade-footer{color:#b9b1c5;border-top:1px solid #ffffff14;margin-top:28px;padding:18px 0;font-size:12px;line-height:1.7}.cade-footer span{color:#e6deef;font-weight:700}.cade-footer p{margin:6px 0}.cade-storage-warning{color:#ffe5ae;background:#4c3317;border:1px solid #efbe5a55;border-radius:10px;padding:12px}.cade-session{max-width:760px;margin:auto}.cade-session-heading{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:20px;display:flex}.cade-session-heading h2{flex:1;margin:0;font-family:Space Grotesk,sans-serif;font-size:26px;font-weight:800}.cade-meters{gap:10px;margin-bottom:14px;display:flex}.cade-meter{background:hsl(var(--card));border:1px solid #ffffff12;border-radius:12px;flex:1;padding:10px 14px}.cade-meter span{color:#bdb4cc;font-size:11px;display:block}.cade-meter strong{font-variant-numeric:tabular-nums;margin-top:4px;font-family:Space Grotesk,sans-serif;font-size:22px;display:block}.cade-play-area{isolation:isolate;background:hsl(var(--background));border:1px solid #ffffff25;border-radius:18px;max-width:600px;margin:auto;position:relative;overflow:hidden}.cade-game-overlay{z-index:5;text-align:center;background:#100d19f2;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.cade-game-overlay h3{margin:0 0 16px;font-family:Space Grotesk,sans-serif;font-size:clamp(24px,4vw,32px);font-weight:800;line-height:1.1}.cade-game-overlay p{color:#c9c0d6;max-width:340px;margin:0 0 18px;font-size:13px;line-height:1.65}.cade-game-overlay .cade-final-score{color:#aaf3d8;font-size:56px;font-weight:850;line-height:1.2}.cade-session-toolbar{align-items:center;gap:10px;max-width:600px;margin:14px auto;display:flex}.cade-pause{margin-left:auto}.cade-direction-controls{gap:10px;display:flex}.cade-direction-controls button{touch-action:manipulation;width:72px;font-size:24px}.cade-help{background:#18131f;border:1px solid #ffffff10;border-radius:14px;margin-top:20px;padding:18px 20px}.cade-help h3{margin:0 0 8px;font-size:13px;font-weight:750}.cade-help p{color:#d0c6db;margin:0;font-size:13px;line-height:1.75}.cade-help .cade-help-secondary{color:#aa9fba;margin-top:8px;font-size:12px}.cade-runner-field,.cade-breaker-field{touch-action:none;background:linear-gradient(hsl(var(--background)),hsl(var(--secondary)));height:360px;position:relative;overflow:hidden}.cade-runner-lanes{display:flex;position:absolute;inset:0}.cade-runner-lanes i{border-right:1px dashed #ffffff20;width:20%}.cade-runner-lanes i:nth-child(2n){background:#ffffff03}.cade-drop{width:34px;height:34px;position:absolute;transform:translate(-50%,-50%)}.cade-record{width:100%;height:100%;color:var(--record-color,#72ead3);background:repeating-radial-gradient(circle,#16121f 0 4px,#2d243a 5px,#16121f 6px);border:2px solid;border-radius:50%;place-items:center;font-size:19px;font-weight:900;display:grid}.is-hazard .cade-record{color:#ff8299;background:#3e1730;border-style:dashed;font-size:30px}.cade-runner-avatar{z-index:2;place-items:center;width:56px;height:62px;display:grid;position:absolute;top:87%;transform:translate(-50%,-50%)}.cade-runner-avatar span{color:#211324;background:#f9b96e;border:2px solid #fff0c4;border-radius:14px;place-items:center;width:42px;height:42px;font-weight:850;display:grid}.cade-runner-avatar img{-o-object-fit:contain;object-fit:contain;max-width:60px;max-height:70px}.cade-runner-avatar i{background:#b27bff70;border-radius:50%;width:52px;height:8px;position:absolute;bottom:-2px}.cade-match{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;min-height:360px;padding:16px;display:grid}.cade-memory-card{cursor:pointer;background:#21182d;border:1px solid #544064;border-radius:12px;place-items:center;min-height:70px;padding:12px;display:grid}.cade-memory-card .cade-record{color:#af9fbd;width:48px;height:48px}.cade-memory-card.is-shown{background:#352342}.cade-memory-card.is-shown .cade-record{color:var(--record-color)}.cade-memory-card.is-matched{opacity:.65;background:#173329;border-color:#86dcb6}.cade-signal{min-height:360px;padding:18px 24px}.cade-signal-prompt{text-align:center;color:#ebe1fa;margin:0 0 16px;font-size:14px;font-weight:750}.cade-pads{grid-template-columns:repeat(2,1fr);gap:12px;max-width:340px;margin:auto;display:grid}.cade-tone-0{--tone:#ffc17b}.cade-tone-1{--tone:#83e5d1}.cade-tone-2{--tone:#bfa3ff}.cade-tone-3{--tone:#ff9dca}.cade-signal-pad{border:2px solid color-mix(in srgb,var(--tone) 45%,#281d35);min-height:104px;color:var(--tone);background:#211a2b;border-radius:18px;font-size:30px;font-weight:800;position:relative}.cade-signal-pad small{font-size:14px;position:absolute;bottom:10px;right:14px}.cade-signal-pad.is-lit{background:var(--tone);color:#16101d;border-color:#fff;box-shadow:inset 0 0 0 6px #ffffff50}.cade-signal-pad:active:enabled{background:var(--tone);color:#16101d}.cade-sequence-progress{justify-content:center;gap:8px;margin-top:20px;display:flex}.cade-sequence-progress i{background:#52425f;border-radius:3px;width:14px;height:8px}.cade-sequence-progress .is-filled{background:#98ebcb}.cade-court-grid{background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0}.cade-brick{background:var(--tone);border-radius:3px;width:13%;height:4%;position:absolute;box-shadow:inset 0 -3px #0003}.cade-ball{background:#fff;border-radius:50%;width:10px;height:10px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 12px #c5a4ff}.cade-paddle{background:#b2f4e1;border-radius:5px;width:24%;height:9px;position:absolute;top:90%;transform:translate(-50%);box-shadow:0 0 18px #75e4bf40}.cade-beat-field{background:linear-gradient(hsl(var(--background)),hsl(var(--secondary)));height:320px;position:relative;overflow:hidden}.cade-beat-lane{border-inline-end:1px solid #ffffff1a;width:25%;position:absolute;top:0;bottom:0}.cade-note{background:var(--tone);width:19%;height:12px;box-shadow:0 0 15px color-mix(in srgb,var(--tone) 25%,transparent);border-radius:4px;margin-top:-6px;position:absolute;top:0}.cade-hit-line{background:#fff;height:2px;position:absolute;top:280px;left:0;right:0;box-shadow:0 0 14px #fff8}.cade-beat-feedback{text-align:center;color:#e1d6ec;font-size:11px;font-weight:800;position:absolute;inset:292px 0 auto}.cade-beat-buttons{background:#15101e;grid-template-columns:repeat(4,1fr);gap:6px;padding:10px;display:grid}.cade-beat-buttons button{min-height:52px;color:var(--tone);border:1px solid var(--tone);touch-action:none;background:#24182f;border-radius:9px;font-size:20px;font-weight:800}.cade-beat-buttons button small{opacity:.7;margin-left:8px;font-size:11px}.cade-beat-buttons button:active{background:var(--tone);color:#1a0c20}.cade-embedded .cade-hero{padding:24px}.cade-embedded .cade-hero h1{font-size:32px}.cade-embedded .cade-cabinet-art{display:none}.cade-embedded .cade-cabinet-grid{gap:12px}.cade-embedded .cade-cabinet-body{padding:14px}@media (width<=850px){.cade-cabinet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cade-lobby-toolbar{flex-wrap:wrap;gap:12px}.cade-cabinet-art{width:138px;transform:rotate(3deg)}.cade-hero{gap:20px}}@media (width<=540px){.cade-cabinet-art{display:none}.cade-hero{padding:24px}.cade-cabinet-grid{grid-template-columns:minmax(0,1fr)}.cade-cabinet{grid-template-columns:100px minmax(0,1fr);display:grid}.cade-cabinet-visual{border-bottom:0;border-right:1px solid #ffffff10;height:100%}.cade-cabinet-glyph{font-size:38px}.cade-cabinet-signal-sequence .cade-cabinet-glyph{font-size:18px}.cade-cabinet-body{padding:16px}.cade-cabinet-body h2{font-size:19px}.cade-cabinet-body p{min-height:0;font-size:12px}.cade-cabinet-record{margin:10px 0}.cade-cabinet-record strong{font-size:17px}.cade-session-heading h2{font-size:21px}.cade-session-heading{gap:10px}.cade-session-heading .cade-mode-pill{display:none}.cade-session-heading .cade-button{padding:10px}.cade-meter{padding:9px 10px}.cade-meter strong{font-size:20px}.cade-meter span{font-size:10px}.cade-meters{gap:6px}.cade-match{gap:8px;padding:10px}.cade-memory-card{padding:8px}.cade-memory-card .cade-record{width:42px;height:42px}.cade-help{padding:14px}.cade-signal{padding:18px}.cade-footer{margin-top:20px}.cade-game-overlay{padding:16px}.cade-root{min-width:0}.cade-embedded .cade-cabinet-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.cade-cabinet{transition:none}.cade-cabinet:hover{transform:none}}.cade-earned-frame{border:3px double hsl(var(--primary));width:44px;height:44px;box-shadow:0 0 14px hsl(var(--primary)/.2);border-radius:50%;place-items:center;display:grid;position:relative}.cade-earned-frame>img{-o-object-fit:contain;object-fit:contain;border-radius:50%;width:34px;height:34px}.cade-earned-frame .cade-frame-stamp{inset-inline-end:-7px;background:hsl(var(--card));border-radius:50%;width:22px;height:22px;position:absolute;bottom:-4px}.cade-dpad{justify-content:center;gap:10px;padding:12px;display:flex}.cade-dpad button{background:hsl(var(--card));min-width:48px;min-height:48px;color:hsl(var(--foreground));touch-action:manipulation;border:1px solid #ffffff40;border-radius:10px;font-size:22px}.cade-snake-field{background-color:#111d1b;background-image:linear-gradient(#ffffff12 1px,#0000 1px),linear-gradient(90deg,#ffffff12 1px,#0000 1px);background-size:8.3333% 8.3333%;width:288px;max-width:100%;height:288px;margin:12px auto;position:relative}.cade-snake-cell,.cade-snake-food{background:#78c9a4;border:2px solid #111d1b;border-radius:5px;width:8.3333%;height:8.3333%;position:absolute}.cade-snake-cell.is-head{background:#e1efad;box-shadow:inset 0 0 0 2px #173b2e}.cade-snake-food{color:#25181b;background:#ffbb79;place-items:center;font-size:18px;display:grid}.cade-merge-grid{grid-template-columns:repeat(4,1fr);gap:8px;max-width:380px;margin:auto;padding:14px;display:grid}.cade-merge-cell{aspect-ratio:1;color:#e6d8f1;background:#292130;border-radius:10px;place-items:center;min-height:62px;font-family:Space Grotesk,sans-serif;font-size:26px;font-weight:900;display:grid}.cade-tile-2{color:#312b27;background:#e2d5bc}.cade-tile-4{color:#312b27;background:#eedba1}.cade-tile-8{color:#312b27;background:#f7b77a}.cade-tile-16{color:#281c22;background:#f38e75}.cade-tile-32{color:#241522;background:#e66e94}.cade-tile-64{color:#21132c;background:#ba83df}.cade-tile-128,.cade-tile-256{color:#102e2a;background:#87dfd2}.cade-circuit-grid{grid-template-columns:repeat(5,1fr);gap:6px;max-width:390px;margin:auto;padding:14px;display:grid}.cade-circuit-grid button{aspect-ratio:1;color:#a1acba;background:#151d29;border:2px solid #51606d;border-radius:8px;min-height:44px;font-size:20px;position:relative}.cade-circuit-grid button.is-on{color:#33221a;background:#ffcf86;border-color:#ffe9bb}.cade-circuit-grid small{font-size:9px;font-weight:800;position:absolute;bottom:2px;right:4px}.cade-target-grid{grid-template-columns:repeat(3,1fr);gap:10px;max-width:370px;margin:auto;padding:16px;display:grid}.cade-target-grid button{aspect-ratio:1;color:#a69aad;background:#21192b;border:2px solid #4b4059;border-radius:50%;min-height:70px;font-size:22px;font-weight:800}.cade-target-grid button.is-target{color:#102d22;background:#8be0bd;border-color:#d6fff0;font-size:32px}.cade-target-grid button.is-bomb{color:#ffe1ea;background:#733b50;border-color:#ef91ae;font-size:36px}.cade-stack-field{background:linear-gradient(hsl(var(--background)),hsl(var(--secondary)));height:300px;position:relative;overflow:hidden}.cade-stack-block{background:#87d0c2;border:1px solid #c5f9eb;border-radius:3px;height:18px;position:absolute}.cade-stack-block.is-active{background:#eeb276;border-color:#ffe5b9}.cade-stack-drop{background:hsl(var(--primary));color:#15101a;min-width:180px;margin:12px auto;display:flex}.cade-cabinet-bass-snake{--cabinet:#9ddeae}.cade-cabinet-groove-merge{--cabinet:#eed193}.cade-cabinet-circuit-flip{--cabinet:#91bff5}.cade-cabinet-tempo-targets{--cabinet:#eda4b7}.cade-cabinet-crossfade-stack{--cabinet:#b8a2ef}