:root{color-scheme:dark;--text: #f5f6fb;--muted: #b9d0df;--accent: #ffd277;--cyan: #78e2dc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;color:var(--wp-ui-text, var(--text))}button,select{font:inherit}button{cursor:pointer}[hidden]{display:none!important}.screen-root{width:min(100%,920px);min-height:100dvh;margin:0 auto}.screen-root>.screen:not(.main-screen){min-height:100dvh}.main-grid{align-items:center;gap:20px}.twin-poster{position:relative;overflow:hidden;aspect-ratio:1}.main-poster{display:block;width:100%;height:100%;object-fit:cover;opacity:1}.twin-poster>span{display:none}.main-copy{display:flex;min-width:0;flex-direction:column;gap:12px}.coming{align-self:flex-start;margin:0;border:1px solid #7f6840;border-radius:999px;padding:6px 11px;color:var(--accent);font-size:.75rem;font-weight:800}.lede,.objective,.guide p,.battle-status,.control-hint,.result-copy{color:var(--muted);line-height:1.6}.lede,.objective{margin:0}.objective{border-inline-start:3px solid var(--accent);border-radius:8px;padding:8px 12px}.guide{border-top:1px solid #ffffff24;margin-top:4px;padding-top:12px}.guide h2{margin:0 0 5px;font-size:1rem}.guide p{margin:5px 0;font-size:.88rem}.stage-workspace{position:relative;width:100%;height:100%;min-width:0;min-height:0}.stage-content{position:relative;width:100%;height:100%;min-height:0;overflow:hidden}.stage-stat{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-content{position:relative;display:flex;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}.battle-play-content{display:flex;width:100%;height:100%;min-width:0;min-height:0;flex:1 1 auto;flex-direction:column;gap:8px}.battle-status{flex:0 0 auto;min-height:20px;margin:0;text-align:center}.canvas-wrap{display:grid;flex:1 1 auto;min-width:0;min-height:0;place-items:center;overflow:hidden;border:1px solid #285673;border-radius:12px;background:#061321;padding:6px}.canvas-wrap canvas{display:block;width:min(100%,960px);height:auto;max-height:100%;aspect-ratio:16 / 9;border-radius:8px;background:#07182a;object-fit:contain;touch-action:none}.battle-actions{display:flex;flex:0 0 auto;align-items:center;justify-content:center;gap:10px}.touch-controls{display:grid;width:min(100%,560px);grid-template-columns:64px minmax(120px,1fr) 64px;align-items:center;gap:8px}.control,.restart{min-height:48px;border:2px solid var(--wp-ui-line, #2d607d);border-radius:8px;padding:8px 12px;color:var(--wp-ui-text, var(--text));background:var(--wp-ui-button-image, #173853);font-weight:800}.jump{color:#06202b;border-color:#a4fff3;background:linear-gradient(135deg,#78e2dc,#38a9bc)}.restart{display:grid;min-width:48px;place-items:center;font-size:22px}.control-hint{flex:0 0 auto;margin:0;font-size:.82rem;text-align:center}.result-screen{box-sizing:border-box;position:absolute;z-index:10;inset:0;display:flex;align-items:flex-start;justify-content:center;overflow:auto;overscroll-behavior:contain;background:#061321dc;padding:12px}.result-card{box-sizing:border-box;display:flex;flex-direction:column;width:min(100%,650px);max-height:100%;margin-block:auto;overflow:auto;border:2px solid var(--wp-ui-line, #2d607d);border-radius:12px;background:var(--wp-ui-surface, #102b42);padding:clamp(16px,3vw,28px);box-shadow:0 8px 0 var(--wp-ui-shadow, #061321)}.result-card h2{margin:5px 0 8px;font-size:clamp(1.8rem,5vw,3rem)}.result-copy{box-sizing:border-box;flex:0 0 4.8em;min-height:4.8em;max-height:4.8em;overflow:auto;margin:0 0 12px}.eyebrow{margin:0;color:var(--cyan);font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0}.stats>span{display:grid;gap:4px;border:1px solid #ffffff24;border-radius:8px;padding:10px;color:var(--muted);font-size:.8rem}.stats strong{color:var(--text);font-size:1.2rem}.result-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex:0 0 44px;gap:8px;margin-top:auto}.result-actions button{box-sizing:border-box;width:100%;height:44px;min-height:44px;max-height:44px;overflow:hidden;padding:0 4px;border:2px solid var(--wp-ui-line, #2d607d);border-radius:8px;color:var(--wp-ui-text, var(--text));background:var(--wp-ui-button-image, #173853);font-size:clamp(11px,3.2vw,14px);line-height:1.15;font-weight:800}.result-actions .primary{background:var(--wp-ui-active, #317b66)}.result-actions button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:699px){.main-grid{gap:14px}.touch-controls{grid-template-columns:56px minmax(100px,1fr) 56px}.result-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.stats{gap:6px}.stats>span{padding:8px 6px}}@media(max-height:520px)and (orientation:landscape){.battle-play-content{gap:4px}.battle-status,.control-hint{display:none}.canvas-wrap{padding:3px}.touch-controls{grid-template-columns:52px minmax(100px,260px) 52px;gap:6px}.control,.restart{min-height:40px}.restart{min-width:40px}.result-screen{padding:6px}.result-card{padding:8px 12px}.result-card h2{margin:2px 0 4px;font-size:clamp(1.25rem,5vh,1.75rem);line-height:1.1}.result-copy{flex-basis:3.2em;min-height:3.2em;max-height:3.2em;margin-bottom:4px;font-size:.82rem;line-height:1.35}.stats{gap:4px;margin:4px 0}.stats>span{gap:2px;padding:4px 6px;font-size:.68rem}.stats strong{font-size:1rem}.result-actions{flex-basis:40px;gap:6px}.result-actions button{height:40px;min-height:40px;max-height:40px;font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.battle-play-content{gap:0;background:#102331;position:relative}.battle-status{height:30px;min-height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;padding:0 12px;background:#102331}.canvas-wrap{position:relative;display:block;padding:0;border:0;border-radius:0;min-height:0;flex:1;background:#102f3b}.canvas-wrap canvas{width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:initial;border-radius:0;outline:none;background:transparent}.lane-label{position:absolute;left:12px;top:10px;pointer-events:none;color:#85f8e8;background:#102b3bdd;border:1px solid #4ce0cf55;border-radius:6px;padding:4px 8px;font:800 12px/1.2 system-ui;letter-spacing:2px}.lane-label-1{top:calc(50% + 10px);color:#ffdc96;border-color:#ffc97855}.canvas-wrap:has(canvas[data-lane-layout=stack]):after{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:#6c859e55;pointer-events:none}.canvas-wrap:has(canvas[data-lane-layout=side]) .lane-label-1{top:10px;left:calc(50% + 12px)}.canvas-wrap:has(canvas[data-lane-layout=side]):after{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:#6c859e55;pointer-events:none}.route-progress{display:flex;align-items:center;gap:9px;height:24px;flex:0 0 24px;padding:0 12px;color:#adc6cf;font:600 10px/1 system-ui;direction:ltr;background:#102331}.route-progress progress{flex:1;min-width:0;max-width:none;height:4px;border:0;border-radius:4px;overflow:hidden;background:#2a4354;accent-color:#75e0ce}.route-progress progress::-webkit-progress-bar{background:#2a4354}.route-progress progress::-webkit-progress-value{background:#75e0ce}.battle-actions{padding:8px 12px;gap:10px;justify-content:space-between;background:#132c3b}.touch-controls{display:grid;grid-template-columns:58px 58px minmax(110px,1fr);width:100%;max-width:650px;gap:8px;direction:ltr}#leftBtn{grid-column:1;grid-row:1}#rightBtn{grid-column:2;grid-row:1}#jumpBtn{grid-column:3;grid-row:1}.control,.restart{height:52px;min-height:52px;padding:0 8px;border-width:1px;touch-action:none;user-select:none;-webkit-user-select:none;border-radius:10px;box-shadow:0 3px #081a24}.control[data-held],.control:active,.restart:active{transform:translateY(2px);filter:brightness(1.25);box-shadow:0 1px #081a24}.jump{background:#73e5d3;color:#0a353b;border-color:#a7f3e7;box-shadow:0 3px #278c8a}.control-hint{font-size:10px;line-height:16px;height:20px;background:#132c3b;color:#90afb9}.signal-flight{position:fixed;z-index:2000;width:16px;height:16px;border:2px solid #fff2ad;background:#ffd16f;box-shadow:0 0 12px #ffcb7077;pointer-events:none}.gear-workspace{height:100%;overflow:auto;padding:20px;display:grid;place-items:center}.gear-card{width:min(100%,430px);background:var(--wp-ui-surface,#142d3d);border:1px solid var(--wp-ui-line,#3c626d);border-radius:16px;padding:22px;color:var(--wp-ui-text,#f4fafb);text-align:center}.gear-card h2{margin:8px 0 18px}.gear-card p{font-size:14px;line-height:1.5}.gear-wallet{display:flex;justify-content:center;align-items:center;gap:8px}.gear-wallet img{width:24px;height:24px}.gear-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.gear-card button{min-height:44px;border:1px solid var(--wp-ui-line,#4f767d);border-radius:8px;padding:8px 12px;color:inherit;background:var(--wp-ui-button,#254b58)}.gear-card button:disabled{opacity:.55}#gearBuy{background:#356e67}#classicBtn{width:100%}#gearNotice{min-height:21px;color:#f7d291}.signal-swatch{display:flex;gap:28px;justify-content:center;align-items:center;height:100px;background:#0b1b2b;border-radius:12px;border:1px solid #385267}.signal-swatch span{width:58px;height:64px;border:8px solid #b49668;border-bottom-width:5px;box-shadow:inset 0 0 0 2px #87eddb,0 0 22px #4ce0cf44;background:#1a686b}.signal-swatch span+span{box-shadow:inset 0 0 0 2px #ffe2ad,0 0 22px #ffc97844;background:#6b5536}.signal-swatch[data-trim=aurora] span{box-shadow:inset 0 0 0 2px #dbb7ff,0 0 22px #bf84ff77;background:#634380}@media(max-height:520px)and (orientation:landscape){.battle-status{display:block;height:22px;min-height:22px;line-height:22px}.control-hint{display:none}.battle-actions{padding:6px 12px}.control,.restart{height:44px;min-height:44px}.touch-controls{grid-template-columns:56px 56px minmax(110px,220px);width:auto;gap:8px}.route-progress{height:18px;flex-basis:18px}.gear-workspace{padding:10px}.gear-card{padding:12px}.signal-swatch{height:70px}}@media(prefers-reduced-motion:reduce){.control:active,.control[data-held]{transform:none}.signal-flight{display:none}}.gear-art{display:block;width:112px;height:112px;object-fit:cover;border-radius:10px;margin:0 auto 12px}@media(max-height:520px){.gear-art{display:none}}.gear-workspace{align-items:safe center}.graphics-error{position:absolute;inset:20px;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#102736f5;color:#f5f3e2;text-align:center;padding:20px;border:1px solid #7da6ad;border-radius:12px}.graphics-error button{min-width:120px;min-height:44px;border:1px solid #b9ffe8;border-radius:8px;background:#76dfcf;color:#102c3b;font:700 16px system-ui}