.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}.cade-root{min-width:0;max-width:100%}.cade-top-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.cade-audio-controls{flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;display:flex}.cade-audio-controls label{color:#cfc4db}.cade-audio-controls input{width:110px;accent-color:var(--cade-accent);touch-action:pan-x;min-height:44px}.cade-audio-controls small{color:#bcb1c8;flex-basis:100%}.cade-tour{border:1px solid hsl(var(--primary)/.6);background:hsl(var(--card));border-radius:16px;align-items:center;gap:20px;margin-bottom:20px;padding:20px;display:flex}.cade-tour>div{flex:1;min-width:0}.cade-tour h2{margin-bottom:8px;font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:800}.cade-tour p:not(.cade-eyebrow){color:#d5cbe0;font-size:13px;line-height:1.7}.cade-tour nav{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.cade-browse{flex-wrap:wrap;align-items:end;gap:12px;margin:18px 0;display:flex}.cade-browse label{flex:1;min-width:180px}.cade-browse label>span{color:#d0c4db;margin-bottom:6px;font-size:12px;display:block}.cade-browse input{background:hsl(var(--card));width:100%;min-height:48px;color:inherit;border:1px solid #ffffff30;border-radius:10px;padding:10px 14px;font-size:16px}.cade-browse [role=group]{flex-wrap:wrap;gap:6px;display:flex}.cade-browse button{background:hsl(var(--card));border:1px solid #ffffff25;border-radius:10px;min-height:44px;padding:10px 12px;font-size:12px}.cade-browse button[aria-pressed=true]{background:var(--cade-accent);color:#17101d}.cade-browse>p{color:#bfb2cd;flex-basis:100%;font-size:12px}.cade-root button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.cade-play-area{min-height:240px}.cade-swipe-area{touch-action:none}.cade-play-area button,.cade-dpad,.cade-direction-controls{-webkit-user-select:none;user-select:none}.cade-session-heading{scroll-margin-top:90px}.cade-session-toolbar{flex-wrap:wrap}.cade-session-toolbar .cade-pause{min-width:88px;min-height:48px}.cade-direction-controls button{min-width:64px;min-height:52px}.cade-dpad button{min-width:52px;min-height:52px}.cade-snake-field{aspect-ratio:1;width:min(288px,100%);height:auto}.cade-merge-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cade-merge-cell{min-width:0;min-height:0}.cade-circuit-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.cade-circuit-grid button{min-width:0}.cade-hit-line{top:86%}.cade-beat-feedback{inset:90% 0 auto}@media (width<=540px){.cade-tour{padding:16px;display:block}.cade-tour nav{justify-content:flex-start;margin-top:14px}.cade-mode-switch{flex-wrap:wrap;flex-shrink:1;width:100%}.cade-mode-switch button{flex:1;min-width:70px;padding-inline:10px}.cade-match{aspect-ratio:1;min-height:0}.cade-memory-card{min-height:48px;padding:5px}.cade-memory-card .cade-record{aspect-ratio:1;width:min(42px,100%);height:auto}.cade-signal{min-height:290px}.cade-signal-pad{min-height:90px}.cade-runner-field,.cade-breaker-field{height:clamp(240px,43svh,340px)}.cade-beat-field{height:clamp(230px,38svh,320px)}.cade-circuit-grid{gap:4px;padding:10px}.cade-cabinet{grid-template-columns:82px minmax(0,1fr)}.cade-cabinet-body h2{overflow-wrap:anywhere}.cade-top-controls>.cade-button,.cade-audio-controls{width:100%}.cade-target-grid button{min-height:60px}.cade-embedded .cade-hero h1{font-size:28px}}@media (height<=600px) and (orientation:landscape){.cade-runner-field,.cade-breaker-field,.cade-beat-field,.cade-stack-field{height:220px}.cade-snake-field{width:220px}.cade-session-heading{margin-bottom:10px}.cade-meters{margin-bottom:8px}.cade-meter{padding:6px 10px}.cade-help{margin-top:10px}.cade-circuit-grid{max-width:300px}.cade-target-grid{max-width:270px}.cade-signal{min-height:260px}}.cade-mini-court{touch-action:none;background:linear-gradient(#112,#252039);border-bottom:1px solid #ffffff18;height:300px;position:relative;overflow:hidden}.cade-primary-pad{background:var(--cade-accent);color:#160f1d;min-width:170px;min-height:52px;margin:12px auto;font-size:15px;display:flex}.cade-airwave{background:linear-gradient(#142d37,#27384e)}.cade-air-pillar{background:repeating-linear-gradient(#4d3c68 0 18px,#2a213d 18px 22px);border:2px solid #b59ad0;border-radius:5px;width:10%;position:absolute}.cade-air-bird{color:#3c2530;background:#ffd28b;border-radius:6px;place-items:center;width:7%;height:7%;min-height:18px;font-size:20px;font-weight:900;display:grid;position:absolute;left:24%;transform:translate(-50%,-50%)}.cade-invaders{background-color:#111827;background-image:radial-gradient(#ffffff38 1px,#0000 1px);background-size:33px 37px}.cade-invader{color:#b8efca;font-size:27px;line-height:1;position:absolute;transform:translate(-50%,-50%)}.cade-shot{background:#ffdb8f;width:3px;height:12px;position:absolute;transform:translate(-50%,-50%)}.cade-shot.is-enemy{background:#ff91a9;width:5px}.cade-ship{color:#ffd593;font-size:28px;position:absolute;top:88%;transform:translate(-50%,-50%)}.is-shielded{outline-offset:5px;border-radius:50%;outline:2px dashed #fffa}.cade-pong{background:linear-gradient(90deg,#0000 49.7%,#ffffff35 49.7% 50.3%,#0000 50.3%),#13252a}.cade-pong-paddle{background:#99e6c5;border-radius:5px;width:2%;min-width:5px;height:28%;position:absolute;transform:translateY(-50%)}.cade-pong-paddle.is-ai{background:#e4a4e4}.cade-pong-controls{justify-content:center;gap:14px;padding:12px;display:flex}.cade-pong-controls button{width:100px;min-height:52px;font-size:24px}.cade-frequency-field{text-align:center;background:radial-gradient(#34243f,#17131f);flex-direction:column;justify-content:center;gap:25px;height:250px;padding:74px 22px 25px;display:flex}.cade-frequency-field p{color:#d8cbe5;font-size:13px}.cade-frequency-track{background:#11101b;border:2px solid #777083;border-radius:9px;height:50px;position:relative}.cade-frequency-target{background:#8ee3bd;position:absolute;inset-block:0;box-shadow:inset 0 0 0 5px #e4fff144}.cade-frequency-track>i{background:#ffda8e;width:4px;height:70px;position:absolute;top:-12px;transform:translate(-50%);box-shadow:0 0 0 1px #211824}.cade-sort-field{text-align:center;min-height:300px;padding:18px}.cade-sort-field>p{color:#d5c8e0;font-size:13px}.cade-sample-mark{color:#fbd19f;place-items:center;height:100px;font-size:72px;display:grid}.cade-sort-clock{background:#292034;border-radius:3px;height:5px;margin:10px 0 20px;overflow:hidden}.cade-sort-clock i{background:#8fdbbe;height:100%;display:block}.cade-sort-pads{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.cade-sort-pads button{min-height:76px;color:var(--tone);border:2px solid var(--tone);background:#231a30;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;font-size:30px;display:flex}.cade-sort-pads small{font-size:12px}.cade-slide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:360px;margin:auto;padding:18px;display:grid}.cade-slide-grid button{aspect-ratio:1;color:#fbe0fc;background:#42304b;border:2px solid #cf9acf;border-radius:12px;min-height:56px;font-size:30px;font-weight:800}.cade-slide-grid .is-empty{color:#6c5c7a;background:#18131e;border-style:dashed}.cade-patch-field{max-width:390px;margin:auto;padding:12px 18px 18px}.cade-patch-labels{color:#f9c48d;justify-content:space-between;margin-bottom:10px;font-size:11px;font-weight:800;display:flex}.cade-patch-board{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;display:grid;position:relative}.cade-patch-board:before,.cade-patch-board:after{content:"";z-index:2;background:#ffc780;width:12px;height:10px;position:absolute;top:37.5%;transform:translateY(-50%)}.cade-patch-board:before{left:-10px}.cade-patch-board:after{right:-10px}.cade-patch-board button{aspect-ratio:1;background:#172c30;border:1px solid #526c71;border-radius:7px;min-height:48px;position:relative;overflow:hidden}.cade-patch-board svg{stroke:#9bdccc;stroke-width:12px;fill:#f4d1a0;width:100%;height:100%}.cade-patch-board small{color:#b8ced0;font-size:9px;position:absolute;bottom:2px;right:4px}.cade-disco{background-image:linear-gradient(#ffffff12 1px,#0000 1px),linear-gradient(90deg,#ffffff12 1px,#0000 1px),linear-gradient(135deg,#2b203f,#103e3a);background-size:10% 10%,10% 10%,100% 100%}.cade-disco-danger,.cade-disco-ticket,.cade-disco-player{border-radius:50%;place-items:center;width:23px;height:23px;font-size:25px;font-weight:900;line-height:1;display:grid;position:absolute;transform:translate(-50%,-50%)}.cade-disco-danger{color:#ff99b2;background:#4b203b;border:1px dashed #ff99b2}.cade-disco-ticket{color:#ffd496;background:#211932;border:1px solid #ffd496}.cade-disco-player{color:#a6f0d0;background:#193e36;border:2px solid #a6f0d0}.cade-reflex-field{text-align:center;background:#2c2034;flex-direction:column;justify-content:center;align-items:center;gap:15px;min-height:310px;padding:20px;display:flex}.cade-reflex-field>p{color:#f1bdcf;font-size:22px;font-weight:900}.cade-reflex-field>span{color:#d2c4dd;font-size:12px}.cade-reflex-field.is-go{background:#184034}.cade-reflex-field.is-go>p{color:#b0f7d2}.cade-reflex-field .cade-primary-pad{margin:12px 0}.cade-backspin-field{max-width:370px;margin:auto;padding:16px}.cade-backspin-field>p{text-align:center;color:#dacfe6;margin:0 0 12px;font-size:12px}.cade-disc-key{justify-content:space-between;gap:8px;display:flex}.cade-backspin-board{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.cade-backspin-board button{aspect-ratio:1;opacity:1;background:#15382e;border:1px solid #4c6b64;border-radius:8px;min-height:48px;font-size:35px;line-height:1}.cade-backspin-board .cade-disc-1{color:#c9ffde}.cade-backspin-board .cade-disc-2{color:#d8a3f2}.cade-backspin-board .is-legal{color:#c6e5a9;background:#304835;border:2px dashed #c6e5a9}.cade-cabinet-airwave-flight{--cabinet:#95dbe6}.cade-cabinet-crate-invaders{--cabinet:#b5e5a3}.cade-cabinet-platter-pong{--cabinet:#e7a4ea}.cade-cabinet-frequency-lock{--cabinet:#eac98a}.cade-cabinet-sample-sort{--cabinet:#b8a0ec}.cade-cabinet-fader-slide{--cabinet:#eba7c8}.cade-cabinet-cable-connect{--cabinet:#8de1d1}.cade-cabinet-disco-dodge{--cabinet:#f4b296}.cade-cabinet-encore-reflex{--cabinet:#e5dc8b}.cade-cabinet-backspin-battle{--cabinet:#a5b9ed}@media (width<=540px){.cade-mini-court{height:clamp(230px,40svh,310px)}.cade-slide-grid,.cade-patch-field{padding:12px}.cade-sort-field{padding:14px}.cade-sort-pads{gap:6px}.cade-sort-pads button{min-height:62px}.cade-backspin-field{padding:12px}.cade-disc-key{font-size:10px!important}.cade-dpad{gap:8px;padding:10px 6px}.cade-stage-dialog{padding-bottom:max(12px,env(safe-area-inset-bottom));scroll-padding-block:20px}.cade-meters{flex-wrap:wrap}.cade-meter{min-width:65px}}@media (height<=600px) and (orientation:landscape){.cade-mini-court,.cade-frequency-field{height:210px}.cade-reflex-field{min-height:230px}.cade-sort-field{min-height:240px}.cade-slide-grid{max-width:290px}.cade-patch-field{max-width:320px}}.cade-root input,.cade-root select{max-width:100%;font-size:16px}@media (width<=540px){.cade-mode-switch button{overflow-wrap:anywhere;flex:120px;min-width:0}}.cade-tour-journey{color:#eef2f8;background:#121923;border:1px solid #7c9ba455;border-radius:18px;padding:0;display:block;overflow:auto;box-shadow:0 12px 40px #0005}.cade-tour-floating{z-index:120;overscroll-behavior:contain;max-width:calc(100% - 24px);max-height:calc(100dvh - 24px);margin:0;position:fixed;inset:auto}.cade-guide-head{background:linear-gradient(115deg,#ff873b14,#5ac7db12);align-items:center;gap:12px;padding:16px 18px 12px;display:flex}.cade-guide-emblem{color:#ffbd87;border:1px solid #ffad7055;border-radius:12px;place-items:center;width:38px;height:38px;font-size:26px;display:grid}.cade-guide-head>div{flex:1}.cade-guide-head p:last-child{color:#b7c1cf;margin-top:4px;font-size:11px}.cade-guide-close{border-radius:10px;min-width:44px;min-height:44px;font-size:24px}.cade-guide-chapters{border-bottom:1px solid #ffffff12;flex-wrap:wrap;gap:4px;padding:8px 16px;display:flex}.cade-guide-chapters button{color:#b3bfce;border-radius:8px;flex:60px;min-height:36px;padding:8px;font-size:11px}.cade-guide-chapters [aria-pressed=true]{color:#a9efff;background:#70d6ef15}.cade-guide-copy{padding:16px 18px}.cade-tour-journey h2{margin:0 0 10px;font-size:21px;line-height:1.25}.cade-tour-journey .cade-guide-copy p{color:#c1cbd7;font-size:14px;line-height:1.65}.cade-tour-journey nav{flex-wrap:wrap;justify-content:end;gap:8px;padding:12px 16px 16px;display:flex}.cade-guide-progress{background:#ffffff12;height:3px;margin-inline:18px}.cade-guide-progress span{background:linear-gradient(90deg,#ffab66,#85dfef);height:100%;display:block}[data-cade-highlight=true]{outline-offset:5px;border-radius:12px;scroll-margin-block:100px;outline:3px solid #7ee3f0!important}.cade-root .cade-hero{min-height:0;padding-block:28px}.cade-root .cade-hero h1{font-size:clamp(1.8rem,1.2rem + 2vw,2.8rem)}.cade-root .cade-cabinet-art{transform:scale(.8)}@media (prefers-reduced-motion:reduce){[data-cade-highlight=true]{transition:none!important}}.cade-tour-floating .cade-guide-copy{overscroll-behavior:contain;max-height:min(22dvh,200px);overflow-y:auto}.cade-tour-floating nav{background:#121923;position:sticky;bottom:0}.cade-guide-chapters button{min-height:44px}