@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/press-start-2p-latin-400.woff2) format("woff2")}@font-face{font-family:Silkscreen;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/silkscreen-latin-400.woff2) format("woff2")}:root{--color-bg: #090e13;--color-surface: #121d26;--color-fg: #f4efe6;--color-muted: #a9bdc3;--color-primary: #ef4739;--color-gold: #f5c518;--color-sunset: #ff6a1a;--color-border: #2a4049;--color-stride: #64e2ed;--color-stomp: #e10600;--color-style: #f5c518;--font-display: "Press Start 2P", ui-monospace, monospace;--font-sans: "Silkscreen", ui-monospace, monospace;--reward-glow: #ffb53f;--hud-ink: #071018;--hud-border: #386b76}*{box-sizing:border-box}h1,h2,p{margin:0}html,body{height:100%;overflow:hidden;background:var(--color-bg);color:var(--color-fg)}body{margin:0;font-family:var(--font-sans);overscroll-behavior:none;font-synthesis:none}button:not(:disabled),[role=button]:not(:disabled){cursor:pointer}#root,body>div{height:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.shell{height:100dvh;display:grid;grid-template-rows:48px minmax(0,1fr) auto;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) 0 env(safe-area-inset-left,0px);background:var(--color-bg);color:var(--color-fg);touch-action:none;user-select:none;-webkit-user-select:none}.cabinet-header{display:flex;align-items:center;justify-content:space-between;padding:0 24px;font-size:11px;letter-spacing:.16em;border-bottom:1px solid var(--color-border);color:var(--color-muted)}.cabinet-header b{color:var(--color-primary);font-size:20px;letter-spacing:-.08em;margin-right:12px}.signal{color:var(--color-stride);font-size:9px}.stage{position:relative;min-height:0;margin:12px 20px;border:1px solid var(--color-border);border-radius:6px;box-shadow:0 0 0 4px #0c141a,0 0 36px #64e2ed09;background:#080d12;overflow:hidden}.stage canvas{width:100%;height:100%;display:block;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none}.crt{position:absolute;inset:0;pointer-events:none;opacity:.16;background:repeating-linear-gradient(0deg,transparent 0px,transparent 3px,#000 3px,#000 4px);z-index:1;box-shadow:inset 0 0 70px #0008}.overlay{position:absolute;z-index:2;inset:auto auto 24px 24px;width:min(460px,calc(100% - 48px));max-height:calc(100% - 72px);display:flex;flex-direction:column;padding:24px;background:#0a1119ed;border:1px solid var(--color-border);border-left:3px solid var(--color-primary);border-radius:3px;overflow-y:auto;touch-action:pan-y;pointer-events:none}.overlay>*{pointer-events:auto}.eyebrow{font-size:9px;letter-spacing:.17em;color:var(--color-stride);margin-bottom:12px}.brand{font-family:var(--font-display);font-size:30px;font-weight:950;line-height:1.04;letter-spacing:-.06em}.brand small{display:block;margin-top:10px;color:var(--color-gold);font-size:10px;letter-spacing:.22em}.brand em{display:block;margin-top:16px;color:var(--color-muted);font-style:normal;font-family:var(--font-sans);font-size:11px;letter-spacing:.16em}.hint-row{margin-top:12px;color:var(--color-muted);font-size:12px;line-height:1.6}.load-bar{height:6px;margin-top:8px;background:var(--hud-ink);border:1px solid var(--color-border);overflow:hidden}.load-bar>div{height:100%;background:var(--color-stride);transform-origin:left;transition:transform .15s linear}.menu-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.cab-btn{font-family:var(--font-display);font-size:10px;line-height:1.4;letter-spacing:.06em;color:var(--color-fg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:3px;padding:12px;min-height:44px;transition:background .15s,transform .15s,border-color .15s}.cab-btn:hover,.cab-btn:focus-visible{border-color:var(--color-gold);color:var(--color-gold);outline:none}.cab-btn:hover{transform:translateY(-1px)}.cab-btn:active{transform:translateY(1px)}.cab-btn.primary{grid-column:1 / -1;background:var(--color-primary);border-color:#ff7868;color:#fff8f4;box-shadow:0 4px #6b211d}.cab-btn.gold{grid-column:1 / -1;background:var(--color-surface);border-color:var(--color-stride);color:var(--color-stride)}.cab-btn:disabled{opacity:.4;cursor:wait}.route-start{grid-column:1 / -1}.route-start small{display:block;margin-top:8px;font-size:8px;opacity:.8;letter-spacing:.12em}.menu-actions>.cab-btn.primary:not(.route-start){grid-column:auto;background:var(--color-surface);color:var(--color-fg);border-color:var(--color-border);box-shadow:none}.menu-actions>.cab-btn.gold{grid-column:auto}.topbar{position:absolute;top:12px;right:12px;display:flex;gap:.35rem;z-index:3}.icon-btn{font-family:var(--font-display);font-size:9px;color:var(--color-fg);background:#0c0a0ecc;border:1px solid var(--color-border);border-radius:3px;min-height:44px;min-width:44px;padding:.35rem .45rem}.dock{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:12px 24px calc(12px + env(safe-area-inset-bottom));background:#0d151d;border-top:1px solid var(--color-border)}.dock>.hint-row{grid-column:1 / -1;text-align:center;font-size:10px;letter-spacing:.12em;margin:0}.sync{grid-column:1 / -1;display:flex;justify-content:center;gap:.4rem}.pad{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:18px;min-height:84px;border:1px solid var(--color-border);border-bottom-width:4px;border-radius:6px;background:var(--color-surface);color:var(--color-fg);padding:0;touch-action:none;-webkit-touch-callout:none;user-select:none;transition:background .12s,transform .12s}.pad img{width:54px;height:54px;image-rendering:pixelated;pointer-events:none}.pad span{font-family:var(--font-display);font-size:11px;letter-spacing:.04em}.pad.a span{color:var(--color-stride)}.pad.b span{color:var(--color-stomp)}.pad.c span{color:var(--color-style)}.pad:active img,.pad.on img{transform:translateY(2px)}.pad.on{transform:translateY(2px);background:#243640;border-bottom-width:2px;box-shadow:inset 0 0 25px #64e2ed22,0 0 20px #64e2ed15}.pad.a{border-color:#386b76}.pad.b{border-color:#8d3d39}.pad.c{border-color:#8c782d}.pad.b.on{box-shadow:inset 0 0 25px #ef473944,0 0 20px #ef473933}.pad.c.on{box-shadow:inset 0 0 25px #f5c51844,0 0 20px #f5c51833}.sheet{position:absolute;inset:.4rem;overflow:auto;background:#0c0a0ef0;border:1px solid var(--color-gold);border-radius:3px;padding:.8rem;touch-action:pan-y;z-index:4}.sheet h2{font-family:var(--font-display);font-size:.75rem;color:var(--color-gold);margin:16px 0 .6rem}.sheet h3{font-family:var(--font-display);font-size:.58rem;color:var(--color-sunset);margin:.9rem 0 .35rem}.sheet p,.sheet li{color:var(--color-fg);font-size:13px;line-height:1.45;margin:.25rem 0}.sheet ul{margin:.2rem 0 .4rem;padding-left:1.1rem}.lab{display:grid;gap:.6rem}.lab-canvas-wrap{background:#1a1024;border:2px solid var(--color-border);height:11rem}.lab-canvas-wrap canvas{width:100%;height:100%;image-rendering:pixelated}.lab-controls{display:flex;flex-wrap:wrap;gap:.4rem}.lab select{font-family:var(--font-sans);background:var(--color-surface);color:var(--color-fg);border:2px solid var(--color-border);min-height:2.75rem;padding:0 .5rem}.stat{color:var(--color-gold);font-family:var(--font-display);font-size:.55rem}.stage-card{width:100%;image-rendering:pixelated;margin-top:.35rem}.settings{max-width:640px}.setting-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0}.setting-row label{font-family:var(--font-display);font-size:9px;min-width:9.5em}.setting-row input[type=range]{flex:1 1 160px;min-height:44px;accent-color:var(--color-gold)}.calibrate{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.calibrate .tap-pad{flex:1 1 220px;min-height:96px;font-size:12px;touch-action:none}.calibrate .tap-pad small{display:block;margin-top:8px;font-size:9px}.result-detail{margin-top:16px;padding:14px 0;border-block:1px solid var(--color-border);font-size:12px;line-height:1.7}.result-detail strong{color:var(--color-gold)}.result-detail small{color:var(--color-muted)}.practice-card{position:absolute;right:20px;bottom:20px;z-index:3;width:min(355px,calc(100% - 40px));padding:16px;background:#0a1119ed;border:1px solid var(--color-border);border-left:3px solid var(--color-gold);font-size:10px;line-height:1.6}.practice-card h2{font-size:14px;margin:8px 0}.practice-card .practice-keys{font-size:23px;color:var(--color-gold);letter-spacing:.1em}.practice-card strong{display:block;color:var(--color-stride);margin:10px 0}.practice-card .cab-btn{min-height:44px;width:100%}.practice-hidden{display:none!important}.portrait-title,.playguide{display:none}.mode-strut,.mode-rhythm,.mode-pause{grid-template-rows:48px 178px minmax(0,1fr) auto}.live-hud{position:relative;display:grid;grid-template-columns:minmax(150px,1fr) 1fr auto;align-content:center;align-items:center;gap:10px 24px;margin:0 24px;padding:12px 0;z-index:4}.hud-label{display:block;font-size:9px;letter-spacing:.22em;color:var(--color-muted)}.score-block strong{display:block;font-size:clamp(34px,4vw,58px);line-height:1;letter-spacing:-.065em;color:var(--color-fg);font-variant-numeric:tabular-nums;text-shadow:0 0 32px #f5c51833}.rank-block{text-align:center}.rank-block strong{display:block;margin-top:8px;color:var(--color-gold);font-size:clamp(10px,1.4vw,18px);letter-spacing:.08em}.chain-block{text-align:right}.chain-block strong{color:var(--color-stride);font-size:38px;line-height:1}.style-block{grid-column:1/-1;display:block;width:100%;min-width:0;border:0;padding:0;background:transparent;color:var(--color-fg);text-align:left;font:inherit}.style-block:disabled{cursor:default;opacity:1}.meter-caption{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:11px;letter-spacing:.13em;color:var(--color-stride);margin-bottom:6px}.meter-caption b{font-size:20px;letter-spacing:-.06em}.meter-caption b small{font-size:10px}.style-track{position:relative;height:34px;background:var(--hud-ink);border:1px solid var(--hud-border);overflow:hidden;box-shadow:inset 0 3px 10px #0009;transform:skew(-8deg)}.meter-fill{position:absolute;inset:3px;background:linear-gradient(90deg,var(--color-primary),var(--reward-glow),var(--color-gold));transform-origin:left;transition:transform .12s linear;box-shadow:0 0 24px #f5c51899}.meter-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0003,transparent 50%,#fff5 51%,transparent)}.meter-grid{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(5% - 2px),var(--hud-ink) calc(5% - 2px),var(--hud-ink) 5%)}.meter-footer{display:flex;justify-content:space-between;margin-top:7px;color:var(--color-muted);font-size:8px;letter-spacing:.12em}.charged .style-track{border-color:var(--color-gold);box-shadow:0 0 25px #f5c51844}.charged .meter-caption{color:var(--color-gold)}.charged .meter-fill:after{animation:charge-sweep 1.4s linear infinite;background:linear-gradient(110deg,transparent 20%,#fff7 45%,transparent 70%);background-size:50% 100%;background-repeat:no-repeat}.charged .style-block:hover .style-track{box-shadow:0 0 36px #f5c51888}.reward-burst{position:absolute;z-index:3;top:12%;left:50%;width:max-content;max-width:94%;text-align:center;pointer-events:none;color:var(--color-gold);animation:reward-launch 1.25s both;filter:drop-shadow(0 4px 0 var(--hud-ink))}.reward-burst>span{display:block;font-size:10px;font-weight:800;letter-spacing:.3em;color:var(--color-stride)}.reward-burst strong{display:block;font-size:clamp(38px,7vw,94px);line-height:1.1;font-weight:950;letter-spacing:-.06em;text-shadow:3px 3px 0 #9b3b19,0 0 36px #f5c51855}.reward-burst small{display:block;font-size:10px;letter-spacing:.1em}.reward-burst.massive strong{color:var(--color-fg);text-shadow:4px 4px 0 #b76516,0 0 46px #f5c51888}.mode-pause .reward-burst,.mode-pause .meter-fill:after{animation-play-state:paused}@keyframes reward-launch{0%{opacity:0;transform:translate(-50%,14px) scale(.65)}12%{opacity:1;transform:translate(-50%) scale(1.1)}24%,74%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-24px) scale(.98)}}@keyframes charge-sweep{0%{background-position:-100% 0}to{background-position:200% 0}}@keyframes reward-static{0%,85%{opacity:1}to{opacity:0}}@media(orientation:landscape)and (max-height:550px){.shell{grid-template-rows:32px minmax(0,1fr);grid-template-columns:1fr 92px}.mode-strut,.mode-rhythm,.mode-pause{grid-template-rows:28px 86px minmax(0,1fr);grid-template-columns:1fr 92px}.cabinet-header{grid-column:1 / -1;font-size:9px;padding:0 12px}.stage{margin:6px}.mode-menu .stage,.mode-result .stage{grid-column:1 / -1}.dock{grid-template-columns:1fr;grid-template-rows:repeat(3,1fr);gap:4px;padding:6px;border-top:0;border-left:1px solid var(--color-border)}.mode-menu .dock,.mode-result .dock{display:none}.mode-strut .dock,.mode-rhythm .dock,.mode-pause .dock{grid-row:3;grid-column:2}.pad{min-height:0;flex-direction:column;gap:0}.pad img{width:36px;height:36px}.pad span{font-size:8px}.sync{grid-column:auto;flex-direction:column}.sync .cab-btn{padding:4px;min-height:44px;font-size:8px}.overlay{left:12px;bottom:10px;padding:12px;width:310px;max-height:calc(100% - 20px)}.brand{font-size:22px}.brand em,.brand small{font-size:9px;margin-top:6px}.eyebrow{font-size:7px;margin-bottom:6px}.hint-row{font-size:9px;margin-top:6px}.menu-actions{margin-top:8px;gap:4px}.cab-btn{min-height:44px;padding:7px;font-size:8px}.live-hud{grid-column:1/-1;margin:0 12px;gap:4px 16px;padding:3px 0;grid-template-columns:110px 1fr auto}.score-block strong{font-size:28px}.rank-block strong{font-size:10px;margin-top:3px}.hud-label{font-size:7px}.chain-block strong{font-size:24px}.style-block{display:grid;grid-template-columns:190px 1fr;align-items:center;gap:10px}.style-track{height:25px}.meter-caption{font-size:8px;margin:0;letter-spacing:0}.meter-caption b{font-size:16px}.meter-footer{display:none}.reward-burst strong{font-size:44px}}@media(orientation:landscape)and (max-height:500px){.practice-card{left:auto;right:8px;bottom:8px;width:230px;padding:10px;font-size:8px}.practice-card h2{font-size:10px}.practice-card .practice-keys{font-size:17px}.practice-card strong{margin:5px 0}}@media(max-width:600px)and (orientation:portrait){.mode-strut,.mode-rhythm,.mode-pause{grid-template-rows:40px 154px minmax(0,1fr) auto}.cabinet-header{padding:0 12px;font-size:9px}.signal{max-width:46%;text-align:right;font-size:7px;letter-spacing:.06em}.stage{margin:8px}.stage canvas{position:absolute;width:100%;height:auto;top:50%;transform:translateY(-50%)}.mode-menu .stage canvas,.mode-result .stage canvas{top:40px;transform:none}.mode-strut .stage canvas,.scene-strut.mode-pause .stage canvas{position:absolute;inset:0;width:100%;height:100%;transform:none;object-fit:contain;object-position:center}.overlay{left:12px;bottom:12px;width:calc(100% - 24px);padding:16px;max-height:calc(100% - 64px)}.brand{font-size:28px}.brand em{margin-top:10px}.eyebrow{font-size:8px;margin-bottom:8px}.hint-row{font-size:11px}.menu-actions{margin-top:12px;gap:6px}.cab-btn{padding:9px;font-size:9px}.dock{padding:10px 10px calc(10px + env(safe-area-inset-bottom));gap:8px}.dock>.hint-row{font-size:8px}.pad{flex-direction:column;gap:4px;min-height:92px}.pad img{width:48px;height:48px}.pad span{font-size:9px}.crt{opacity:.1}.portrait-title{display:block;position:absolute;top:60px;left:20px;right:20px}.portrait-title span{display:block;color:var(--color-stride);font-size:8px;letter-spacing:.18em}.portrait-title strong{display:block;font-size:19px;letter-spacing:-.06em;margin-top:8px}.playguide{display:block;position:absolute;left:20px;right:20px;top:calc(50% + 110px);color:var(--color-muted)}.playguide p{font-size:10px;line-height:1.6;margin:10px 0}.playguide>div,.playguide small{display:none}.mode-strut .portrait-title,.mode-strut .playguide,.scene-strut.mode-pause .portrait-title,.scene-strut.mode-pause .playguide{display:none}.live-hud{margin:0 14px;gap:8px 12px;padding:8px 0;grid-template-columns:1fr auto}.score-block strong{font-size:40px}.rank-block{display:none}.chain-block strong{font-size:30px}.hud-label{font-size:8px}.style-track{height:32px}.meter-caption{font-size:9px;letter-spacing:.05em}.meter-footer{font-size:7px;letter-spacing:0}.reward-burst{top:19%}.mode-strut .reward-burst,.mode-pause .reward-burst{top:21%}.reward-burst strong{font-size:52px}.reward-burst small{max-width:260px;font-size:9px}.practice-card{left:12px;right:12px;bottom:16px;width:auto;padding:12px}.practice-card h2{font-size:12px}.practice-card .practice-keys{font-size:20px}}@media(prefers-reduced-motion:reduce){.crt{display:none}button{transition:none!important}.reward-burst{animation:reward-static 1.25s both;transform:translate(-50%)}.meter-fill,.load-bar>div{transition:none}.charged .meter-fill:after{animation:none}}.cab-btn small{display:block;margin-top:6px;font-size:8px;letter-spacing:.08em;opacity:.8;font-family:var(--font-body, inherit);text-transform:none}.chooser .menu-actions{grid-template-columns:1fr}.chooser .cab-btn{min-height:56px;text-align:left}.cab-btn[aria-pressed=true]{border-color:var(--color-stride);color:var(--color-stride)}.bonus-badge{margin-left:8px;padding:1px 5px;background:#ff3ea5;color:#080d12;font-size:.85em;letter-spacing:.08em;animation:bonus-pulse .6s ease-in-out infinite alternate}.live-hud.bonus .score-block strong{color:#ff3ea5}@keyframes bonus-pulse{0%{opacity:.7}to{opacity:1}}@media(prefers-reduced-motion:reduce){.bonus-badge{animation:none}}.menu-hero{position:absolute;inset:0;z-index:1;overflow:hidden;background:#080d12;pointer-events:none}.menu-hero picture,.menu-hero img{display:block;width:100%;height:100%}.menu-hero img{object-fit:cover;object-position:center 60%;image-rendering:pixelated;animation:hero-drift 24s ease-in-out infinite alternate}.menu-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#080d1255 0%,transparent 35%,#080d12aa 78%,#080d12ee 100%)}.menu-hero.attract:after{background:linear-gradient(180deg,#080d1299 0%,transparent 30%,transparent 60%,#080d12cc 100%)}.mode-menu .crt{z-index:2}.mode-menu .overlay{z-index:3}.mode-menu .topbar{z-index:4}.attract-screen{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:max(68px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));text-align:center}.attract-title{font-size:clamp(26px,6vw,56px);color:var(--color-gold);text-shadow:3px 3px 0 #6b211d,0 0 24px #ff6a1a88}.attract-title small{color:var(--color-fg);text-shadow:1px 1px 0 #000}.attract-gate{margin-top:auto;font-family:var(--font-display);color:var(--color-fg);background:#0a1119cc;border:2px solid var(--color-gold);border-radius:3px;padding:16px 28px;min-height:64px;min-width:min(320px,100%);cursor:pointer}.attract-gate:focus-visible,.attract-gate:hover{outline:2px solid var(--color-stride);outline-offset:3px}.attract-pulse{display:block;font-size:18px;letter-spacing:.08em;color:var(--color-gold);animation:attract-pulse 1.1s steps(2,jump-none) infinite}.attract-gate small{display:block;margin-top:10px;font-size:8px;line-height:1.6;letter-spacing:.12em;color:var(--color-muted)}.attract-load{margin-top:10px;font-size:10px;color:var(--color-muted);text-shadow:1px 1px 0 #000}.overlay.menu-card{width:min(720px,calc(100% - 48px));left:max(24px,env(safe-area-inset-left));background:#0a1119e0}.mode-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}.mode-tile{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:4px;min-height:44px;padding:0 0 10px;text-align:left;font-family:var(--font-display);color:var(--color-fg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:3px;overflow:hidden;cursor:pointer;transition:border-color .15s,transform .15s}.mode-tile img{width:100%;aspect-ratio:16 / 9;object-fit:cover;image-rendering:pixelated;margin-bottom:4px}.mode-tile .mode-name{padding:0 10px;font-size:10px;line-height:1.4}.mode-tile small{padding:0 10px;font-size:8px;line-height:1.6;letter-spacing:.06em;color:var(--color-muted)}.mode-row .route-start{grid-column:auto}.mode-tile.route-start{border-color:#ff7868;box-shadow:0 4px #6b211d}.mode-tile.route-start .mode-name{color:#fff8f4}.mode-tile.gold .mode-name{color:var(--color-stride)}.mode-tile:hover{border-color:var(--color-gold);transform:translateY(-1px)}.mode-tile:disabled{opacity:.45;cursor:wait;transform:none}.best-badge{position:absolute;top:6px;left:6px;padding:3px 6px;font-family:var(--font-display);font-size:8px;letter-spacing:.06em;color:#080d12;background:var(--color-gold);border-radius:2px}.menu-secondary{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-top:8px}.menu-secondary .cab-btn{padding:8px 4px;font-size:8px}.menu-secondary .cab-btn small{display:none}.mode-tile:focus-visible,[data-nav] .stage .mode-tile:focus,.chart-card:focus-visible,[data-nav] .stage .chart-card:focus,.look-card:focus-visible,[data-nav] .stage .look-card:focus{outline:3px solid var(--color-gold);outline-offset:2px;border-color:var(--color-gold)}[data-nav] .stage .cab-btn:focus{outline:2px solid var(--color-gold);outline-offset:2px;color:var(--color-gold);border-color:var(--color-gold)}.mode-tile:focus-visible:after,[data-nav] .stage .mode-tile:focus:after{content:"\25b6  SELECT";position:absolute;top:6px;right:6px;padding:3px 6px;font-size:8px;color:#080d12;background:var(--color-stride);border-radius:2px}.chart-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;max-width:720px}.chart-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:120px;padding:34px 12px 12px;text-align:left;font-family:var(--font-display);color:var(--color-fg);background:linear-gradient(160deg,#1a1030,var(--color-surface));border:1px solid var(--color-border);border-radius:3px;cursor:pointer}.chart-card.picked{border-color:var(--color-stride)}.chart-card:disabled{opacity:.45;cursor:wait}.chart-card:hover{border-color:var(--color-gold)}.chart-name{font-size:12px;color:var(--color-gold)}.chart-pips{display:flex;gap:4px}.chart-pips i{width:14px;height:8px;background:var(--hud-ink);border:1px solid var(--color-border)}.chart-pips i.on{background:#ff3ea5;border-color:#ff3ea5}.chart-card small{font-family:var(--font-sans);font-size:10px;line-height:1.4;color:var(--color-muted)}.look-row{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.look-card{display:flex;flex-direction:column;align-items:center;gap:6px;width:132px;min-height:44px;padding:6px 6px 10px;font-family:var(--font-display);font-size:8px;color:var(--color-fg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:3px;cursor:pointer}.look-card img{width:100%;aspect-ratio:3 / 4;object-fit:cover;image-rendering:pixelated}.look-card[aria-pressed=true]{border-color:var(--color-stride);color:var(--color-stride);box-shadow:0 0 0 1px var(--color-stride)}.stage-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.stage-gallery figure{margin:0;background:#0a1119;border:1px solid var(--color-border);border-radius:3px;overflow:hidden}.stage-gallery figure .stage-card{margin:0;display:block;aspect-ratio:16 / 9;object-fit:cover}.stage-gallery figcaption{padding:6px 10px 10px}.stage-gallery .text-card{border-style:dashed}.hint-art{display:block;width:min(256px,100%);margin:8px 0;image-rendering:pixelated;border:1px solid var(--color-border)}@keyframes attract-pulse{0%{opacity:1}to{opacity:.25}}@keyframes hero-drift{0%{transform:scale(1.04) translate(-1%)}to{transform:scale(1.08) translate(1%)}}@media(orientation:landscape)and (max-height:550px){.overlay.menu-card{width:min(640px,calc(100% - 24px));left:max(12px,env(safe-area-inset-left))}.menu-card .brand small,.menu-card .brand em,.menu-card .eyebrow{display:none}.menu-card .brand{font-size:16px}.mode-row{margin-top:8px;gap:6px}.mode-tile img{aspect-ratio:auto;height:52px}.mode-tile .mode-name{font-size:8px}.mode-tile small{display:none}.menu-secondary{gap:4px;margin-top:6px}.menu-secondary .cab-btn{font-size:7px;padding:4px 2px}.attract-title{font-size:30px}.attract-screen{padding-top:14px;padding-bottom:14px}.attract-title{margin-right:120px}.attract-gate{min-height:52px;padding:10px 20px}.chart-card{min-height:96px;padding-top:30px}}@media(max-width:600px)and (orientation:portrait){.overlay.menu-card{width:calc(100% - 24px);left:12px}.menu-card .brand{font-size:22px}.menu-card .brand em{display:none}.mode-row{grid-template-columns:1fr;gap:6px;margin-top:12px}.mode-tile{display:grid;grid-template-columns:96px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:10px;row-gap:2px;padding:0 8px 0 0;min-height:60px}.mode-tile img{grid-row:1 / 3;height:100%;aspect-ratio:auto;margin:0}.mode-tile .mode-name{padding:8px 0 0;align-self:end}.mode-tile small{padding:0 0 8px;align-self:start}.best-badge{top:auto;bottom:4px;left:4px;font-size:7px}.mode-tile:focus-visible:after,[data-nav] .stage .mode-tile:focus:after{content:"\25b6"}.menu-secondary{grid-template-columns:repeat(4,minmax(0,1fr))}.chart-cards{grid-template-columns:1fr}.chart-card{min-height:64px;padding-top:12px}.chart-card .best-badge{inset:10px 10px auto auto}}.chart-card .best-badge{left:auto;right:8px}@media(prefers-reduced-motion:reduce){.menu-hero img{animation:none;transform:none}.attract-pulse{animation:none}.mode-tile{transition:none}.mode-tile:hover{transform:none}}.school-card{border-left-color:var(--color-stride)}.school-card h2{animation:school-in .35s cubic-bezier(.2,1.6,.4,1) both}.school-card .school-line{margin:6px 0 10px;min-height:3.2em}.school-pips{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin-bottom:10px}.school-pips span{position:relative;height:8px;background:#ffffff1f;overflow:hidden}.school-pips span.on{background:var(--color-gold)}.school-pips span.now{outline:1px solid var(--color-stride)}.school-pips i{position:absolute;inset:0;background:var(--color-stride);transform-origin:left;transition:transform .12s linear}.school-card.done{border-left-color:var(--color-gold)}.school-card.done h2{color:var(--color-gold)}.school-skip{min-height:44px}@keyframes school-in{0%{transform:translateY(6px) scale(.92);opacity:0}to{transform:none;opacity:1}}@media(orientation:landscape)and (max-height:500px){.school-card .school-line{min-height:0;margin:4px 0 6px}.school-pips{margin-bottom:6px}}@media(prefers-reduced-motion:reduce){.school-card h2{animation:none}.school-pips i{transition:none}}
/*# sourceMappingURL=arcade-UDYHOTGG.css.map */