:root{color-scheme:dark;font-family:Yu Gothic UI,Hiragino Kaku Gothic ProN,Meiryo,system-ui,sans-serif;--ink: #10261b;--deep: #10261b;--green: #2f8c50;--green-bright: #54b66f;--green-pale: #d9efcf;--cream: #fff4d5;--paper: #f8ead0;--amber: #f2b735;--red: #d8513f;--line: rgba(255, 244, 213, .34);--corner-a: #f2b735;--corner-b: #54b66f;--corner-c: #6ab3d8;--corner-d: #b48ee0;--panel-bg: rgba(9, 30, 19, .9);--panel-line: rgba(255, 244, 213, .44);--meter-track: rgba(255, 244, 213, .16)}[data-corner=A]{--corner: var(--corner-a)}[data-corner=B]{--corner: var(--corner-b)}[data-corner=C]{--corner: var(--corner-c)}[data-corner=D]{--corner: var(--corner-d)}*{box-sizing:border-box}html,body{width:100%;min-width:320px;min-height:100%;margin:0;overflow:hidden;background:#07150e}body{min-height:100dvh;display:grid;place-items:center;color:var(--cream)}button,input{font:inherit}button{color:inherit}[hidden]{display:none!important}#app{position:relative;width:min(100vw,calc(100dvh * 16 / 9));height:min(100dvh,56.25vw);aspect-ratio:16 / 9;overflow:hidden;container-type:size;isolation:isolate;background:var(--deep)}#game-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#app:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;border:max(1px,.22cqw) solid rgba(255,244,213,.2);box-shadow:inset 0 0 10cqw #03120a40}.gamepad-status{position:absolute;z-index:35;top:1.5cqh;right:1.3cqw;max-width:22cqw;padding:.55cqh .8cqw;display:grid;gap:.2cqh;color:var(--cream);background:#07150ed6;border:.12cqw solid rgba(255,244,213,.42);border-radius:.55cqw;font-size:clamp(8px,.85cqw,14px);line-height:1.25;pointer-events:none}.gamepad-status strong{font-size:clamp(9px,.95cqw,15px)}.gamepad-status[data-state=connected]{border-color:var(--green-bright)}.gamepad-status[data-state=unsupported],.gamepad-status[data-state=paused]{border-color:var(--amber)}.gamepad-status span{color:#ffe29a}.disconnect-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;padding:5cqh 5cqw;display:grid;place-items:center;background:#031009c7;pointer-events:auto}.disconnect-overlay>div{width:min(68cqw,960px);padding:3.2cqh 3cqw;color:var(--ink);background:#fff4d5fa;border:.32cqw solid var(--amber);border-radius:1.2cqw;box-shadow:0 2cqh 6cqw #00000080}.disconnect-overlay h2{margin:.8cqh 0 1.4cqh;color:var(--deep);font-size:clamp(23px,3.1cqw,50px);line-height:1.2}.disconnect-overlay p,.disconnect-overlay li{font-size:clamp(11px,1.25cqw,20px);font-weight:750;line-height:1.65}.disconnect-overlay ul{margin:1.3cqh 0;padding-left:1.5em}.play-hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.top-strip{position:absolute;top:1.5cqh;left:1.3cqw;right:24cqw;display:flex;gap:.65cqw;justify-content:flex-start}.hud-chip{min-width:9.5cqw;padding:.65cqh .85cqw;display:flex;align-items:baseline;justify-content:space-between;gap:1cqw;color:var(--ink);background:#fff4d5f0;border:.18cqw solid var(--deep);border-radius:.7cqw;box-shadow:0 .45cqh #10261bb3}.hud-chip.progress{min-width:13cqw}.hud-chip span{font-size:clamp(9px,1.05cqw,17px);font-weight:800}.hud-chip strong{font-size:clamp(13px,1.55cqw,25px);font-variant-numeric:tabular-nums}.hud-chip.timer strong:after{content:"s";margin-left:.15em;font-size:.58em}.phase-banner{position:absolute;z-index:2;top:9.2cqh;left:50%;width:min(54cqw,860px);min-height:10.2cqh;transform:translate(-50%);padding:.8cqh 1.4cqw .9cqh;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.25cqh 1.2cqw;color:var(--cream);background:linear-gradient(105deg,#081e12f7,#1d4d2df2);border:.25cqw solid var(--amber);border-radius:.9cqw;box-shadow:0 .65cqh #10261bb8,0 1.2cqh 2cqw #030e0859;text-align:left}#phase-banner-kicker{color:var(--amber);font-size:clamp(10px,1.05cqw,17px);font-weight:950;letter-spacing:.12em}#phase-banner-title{font-size:clamp(24px,3cqw,48px);font-weight:950;line-height:1;letter-spacing:.08em}#phase-banner-detail{grid-column:1 / -1;margin:0;font-size:clamp(10px,1.08cqw,17px);font-weight:800;line-height:1.35}.phase-banner[data-phase=press]{border-color:var(--green-bright)}.phase-banner[data-phase=transition]{background:linear-gradient(105deg,#422b0bf7,#7b4e0ef2)}.corner-grid{position:absolute;top:22cqh;right:1.25cqw;bottom:28cqh;left:1.25cqw;display:grid;grid-template:1fr 1fr / 1fr 1fr;pointer-events:none}.corner-card{width:clamp(106px,12.5cqw,200px);min-height:7.2cqh;padding:.65cqh .8cqw;display:flex;align-items:center;gap:.7cqw;align-self:start;color:var(--cream);background:#0b2316e0;border:.18cqw solid rgba(255,244,213,.45);border-radius:.8cqw;box-shadow:0 .5cqh 1.2cqw #030e0847}.corner-card b{width:clamp(27px,2.7cqw,44px);aspect-ratio:1;display:grid;place-items:center;color:var(--ink);background:var(--cream);border-radius:.45cqw;font-size:clamp(15px,1.75cqw,28px)}.corner-state{font-size:clamp(10px,1.12cqw,18px);font-weight:800;font-variant-numeric:tabular-nums}.corner-card[data-selected=true]{border-color:var(--amber);box-shadow:0 0 0 .25cqw #f2b73542,0 .5cqh 1.2cqw #030e0859}.corner-card[data-selected=true] b{background:var(--amber)}.corner-b,.corner-c{justify-self:end}.corner-c,.corner-d{align-self:end}.corner-d{grid-row:2;grid-column:1}.corner-c{grid-row:2;grid-column:2}.center-console{position:absolute;left:50%;bottom:1.6cqh;width:min(62cqw,980px);min-height:19cqh;transform:translate(-50%);padding:1.2cqh 1.3cqw 1cqh;color:var(--cream);background:linear-gradient(110deg,#0a2215f7,#143e24f0);border:.2cqw solid rgba(255,244,213,.58);border-radius:1cqw;box-shadow:0 .8cqh 2cqw #030e0859}.console-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.1cqw;align-items:end}.eyebrow,.kicker{margin:0;color:var(--amber);font-size:clamp(9px,.95cqw,15px);font-weight:900;letter-spacing:.17em}.tilt-gauge{position:relative;width:100%;height:clamp(18px,2.9cqh,30px);margin-top:.4cqh;overflow:hidden;background:#4e261f;border:.13cqw solid var(--cream);border-radius:999px}.gauge-zone{position:absolute;inset-block:0}.zone-left{left:0;width:34%;background:#d8513fb8}.zone-center{left:34%;width:32%;background:#54b66fdb}.zone-right{right:0;width:34%;background:#d8513fb8}.tilt-gauge:after{content:"";position:absolute;inset-block:0;left:20%;right:20%;border-inline:.16cqw solid rgba(242,183,53,.95);background:#f2b73529}#tilt-bubble{position:absolute;z-index:2;top:50%;left:50%;width:clamp(12px,1.45cqw,24px);aspect-ratio:1;transform:translate(-50%,-50%);background:var(--cream);border:.2cqw solid var(--deep);border-radius:50%;transition:left 70ms linear}.tilt-gauge[data-band=green]{box-shadow:0 0 .8cqw #54b66fcc}.tilt-gauge[data-band=amber]{box-shadow:0 0 .8cqw #f2b735d9}.tilt-gauge[data-band=red]{box-shadow:0 0 .8cqw #d8513fe6}.tilt-readout{min-width:9.5cqw;display:grid;gap:.2cqh}.tilt-readout strong{font-size:clamp(15px,1.7cqw,27px)}.tilt-readout span{font-size:clamp(9px,.95cqw,15px);font-variant-numeric:tabular-nums}.stroke-panel{margin-top:.7cqh}.stroke-heading{display:flex;align-items:baseline;justify-content:space-between;font-size:clamp(10px,1.05cqw,17px);font-weight:800}#judgment-result{color:var(--amber);font-size:clamp(13px,1.45cqw,23px)}.stroke-progress{height:.65cqh;margin:.35cqh 0;overflow:hidden;background:#fff4d52e;border-radius:999px}#stroke-progress-fill{display:block;width:0;height:100%;background:var(--green-bright)}.timing-track{position:relative;height:clamp(12px,1.7cqh,19px);overflow:hidden;background:#fff4d529;border-radius:999px}.timing-window{position:absolute;inset-block:0}.good-window{background:#f2b735b8}.perfect-window{background:#54b66ff2}#timing-marker{position:absolute;top:50%;left:0;width:.22cqw;min-width:2px;height:150%;transform:translate(-50%,-50%);background:var(--cream);box-shadow:0 0 .4cqw var(--deep)}.timing-legend{display:flex;justify-content:space-between;margin-top:.15cqh;font-size:clamp(7px,.7cqw,11px);letter-spacing:.08em}.feedback-message{margin:.55cqh 0 0;padding:.45cqh .75cqw;color:var(--cream);background:#fff4d51f;border-left:.3cqw solid var(--green-bright);border-radius:.35cqw;font-size:clamp(11px,1.18cqw,19px);font-weight:900;line-height:1.3;text-align:center}.feedback-message[data-tone=positive]{color:#edffe9;background:#54b66f33;border-left-color:var(--green-bright)}.feedback-message[data-tone=warning]{color:#fff0bd;background:#f2b7352e;border-left-color:var(--amber)}.feedback-message[data-tone=danger]{color:#ffe1d9;background:#d8513f33;border-left-color:var(--red)}.play-hint{margin:.55cqh 0 0;font-size:clamp(9px,1.02cqw,16px);font-weight:700;line-height:1.3;text-align:center}.column-panel,.monitor-panel,.target-panel,.advisor,.lever-bank{position:absolute;color:var(--cream);background:var(--panel-bg);border:.16cqw solid var(--panel-line);border-radius:.8cqw;box-shadow:0 .5cqh 1.4cqw #030e0859}.panel-title{display:flex;align-items:baseline;justify-content:space-between;gap:.4cqw;margin:0;padding:.55cqh .7cqw .35cqh;border-bottom:.1cqw solid rgba(255,244,213,.22);color:var(--amber);font-size:clamp(9px,.98cqw,16px);font-weight:900;letter-spacing:.08em}.panel-unit{color:#fff4d5a8;font-size:.82em;font-weight:700;letter-spacing:0}.panel-note{margin:0;padding:.3cqh .7cqw .55cqh;font-size:clamp(8px,.86cqw,14px);font-weight:700;line-height:1.35;font-variant-numeric:tabular-nums}.column-panel{left:1.2cqw;top:9.6cqh;bottom:1.4cqh;width:16cqw;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.column-body{min-height:0;padding:.4cqh .5cqw;display:grid;place-items:stretch}#column-log{width:100%;height:100%}#column-log text{font-family:inherit;font-weight:700}.column-tick{stroke:#fff4d56b;stroke-width:.7}.column-tick-label{fill:#fff4d5b8;font-size:7px;text-anchor:end}.column-band{stroke:#091e13d9;stroke-width:.6}.column-soil{fill:#17150f;font-size:7px}.column-nvalue{fill:#17150f;font-size:7px;text-anchor:end}.column-water-line{stroke:#6ab3d8;stroke-width:1.4;stroke-dasharray:4 3}.column-water-label{fill:#9fd2ea;font-size:6.4px}.column-blade-line{stroke:var(--cream);stroke-width:1.6}.column-blade-mark{fill:var(--amber)}.column-blade-label{fill:var(--cream);font-size:7.4px;font-weight:900}.monitor-panel{right:1.2cqw;top:9.6cqh;width:27.2cqw;height:46cqh;display:grid;grid-template-rows:auto minmax(0,1fr)}.monitor-cross{position:relative;min-height:0;padding:.5cqh .6cqw .7cqh;display:grid;grid-template-columns:1fr 1.16fr 1fr;grid-template-rows:1fr 1.05fr 1fr;gap:.3cqh .3cqw}.monitor-cross:before{content:"";position:absolute;z-index:0;top:50%;left:50%;width:min(64%,26cqh);aspect-ratio:1;transform:translate(-50%,-50%);border:.16cqw dashed rgba(255,244,213,.24);border-radius:50%}.mon-cell{position:relative;z-index:1;padding:.3cqh .42cqw;display:grid;align-content:start;gap:.18cqh;background:#04120bb8;border:.12cqw solid var(--corner);border-radius:.5cqw}.mon-a{grid-area:1 / 2}.mon-b{grid-area:2 / 3}.mon-c{grid-area:3 / 2}.mon-d{grid-area:2 / 1}.mon-head{margin:0;display:flex;align-items:center;gap:.3cqw;font-size:clamp(8px,.88cqw,14px);font-weight:800}.mon-key{margin-left:auto;padding:.1cqh .35cqw;font-family:inherit;font-size:.86em;font-weight:800;line-height:1.25;color:var(--cream);background:#04120bd9;border:.1cqw solid rgba(255,244,213,.55);border-bottom-width:.22cqw;border-radius:.3cqw}.mon-cell[data-corner] .mon-key{border-color:var(--corner)}.mon-no,.lever-no{padding:0 .2cqw;color:var(--ink);background:var(--corner);border-radius:.28cqw;font-size:clamp(9px,1cqw,16px);line-height:1.25}.mon-diff{margin:0;display:flex;align-items:baseline;gap:.2cqw;font-size:clamp(8px,.8cqw,13px);font-weight:700}.mon-diff-value{font-size:clamp(14px,1.55cqw,25px);font-weight:900;font-variant-numeric:tabular-nums;line-height:1.16}.mon-bar,.mon-meter i,.lever-meter i,.mon-progress{overflow:hidden;background:var(--meter-track);border-radius:999px}.mon-bar{height:.85cqh}.mon-bar b,.mon-progress b{display:block;width:0;height:100%;background:var(--corner, var(--green-bright))}.mon-meters{display:grid;gap:.16cqh}.mon-meter{display:grid;grid-template-columns:1.2em minmax(0,1fr);align-items:center;gap:.25cqw;font-size:clamp(7px,.72cqw,12px);font-weight:700}.mon-meter i{display:block;height:.62cqh}.mon-meter b{display:block;width:0;height:100%;background:#fff4d5bf}.mon-meter[data-kind=load] b{background:var(--green-bright)}.mon-meter[data-kind=load][data-state=warn] b{background:var(--amber)}.mon-meter[data-kind=load][data-state=cap] b{background:var(--red)}.mon-cell[data-over=true]{border-color:var(--red);box-shadow:0 0 0 .14cqw #d8513f73}.mon-cell[data-over=true] .mon-diff-value{color:#ffd7ce}.mon-cell[data-over=true] .mon-bar b{background:var(--red)}.mon-center{position:relative;z-index:1;display:grid;align-content:center;justify-items:center;gap:.2cqh;font-size:clamp(8px,.82cqw,13px);font-weight:700;text-align:center}#mon-average{font-size:clamp(15px,1.75cqw,28px);font-weight:900;font-variant-numeric:tabular-nums;line-height:1}.mon-center b{font-variant-numeric:tabular-nums}.mon-progress{width:80%;height:.7cqh}.mon-progress b{background:var(--amber)}.target-panel{right:1.2cqw;top:57cqh;bottom:1.4cqh;width:27.2cqw;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.target-body{min-height:0;padding:.4cqh .6cqw;display:grid;place-items:center}#ecc-target{width:auto;height:100%;max-width:100%;aspect-ratio:1}.ecc-caisson{fill:none;stroke:#cf8f63;stroke-width:16;opacity:.92}.ecc-caisson-edge{fill:none;stroke:#75402f;stroke-width:1.4;opacity:.75}.ecc-jack{fill:#16351f;stroke:#54b66f;stroke-width:1.4}.ecc-jack-tag{fill:#54b66f;font-family:inherit;font-size:11px;font-weight:800;text-anchor:middle}.tilt-arrow{stroke:var(--sensor-blue, #2685c7);stroke-width:4;stroke-linecap:round}#tilt-arrow-head path{fill:var(--sensor-blue, #2685c7)}.ecc-ring{fill:none;stroke:#fff4d547;stroke-width:1.6}.ecc-limit{stroke:var(--amber);stroke-width:3}.ecc-cross{stroke:#fff4d552;stroke-width:1.4}.ecc-bearing{fill:#10261b;font-family:inherit;font-size:17px;font-weight:900;text-anchor:middle}.ecc-dot{fill:var(--cream);stroke:var(--deep);stroke-width:2.5}#ecc-target[data-over=true] .ecc-limit{stroke:var(--red);stroke-width:5}#ecc-target[data-over=true] .ecc-dot{fill:var(--red);stroke:#ffd7ce}.advisor{left:20cqw;top:63.5cqh;width:46cqw;height:12.5cqh;padding:.55cqh .9cqw;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.8cqw;border-left:.45cqw solid var(--green-bright)}.advisor[data-tone=warning]{border-left-color:var(--amber)}.advisor[data-tone=danger]{border-left-color:var(--red)}.advisor-face{width:clamp(30px,4cqw,64px);aspect-ratio:1}.advisor-face svg{width:100%;height:100%}.af-helmet{fill:var(--green-bright)}.af-brim{fill:var(--green)}.af-head{fill:#f6dfb4}.af-eye{fill:var(--deep)}.af-mouth{fill:none;stroke:var(--deep);stroke-width:2.4;stroke-linecap:round}.advisor-body{display:grid;gap:.12cqh}.advisor-name{margin:0;display:flex;align-items:baseline;gap:.4cqw;color:var(--amber);font-size:clamp(8px,.82cqw,13px);font-weight:900;letter-spacing:.08em}.advisor-name span{color:#fff4d58c;font-size:.86em;font-weight:700;letter-spacing:0}.advisor-text{margin:0;font-size:clamp(11px,1.24cqw,20px);font-weight:900;line-height:1.3}.advisor-note{margin:0;color:#ffe6a8;font-size:clamp(8px,.9cqw,14px);font-weight:700;line-height:1.3}.lever-bank{left:20cqw;top:77cqh;bottom:1.4cqh;width:46cqw;padding:.6cqh .8cqw;display:grid;grid-template-columns:repeat(4,1fr);gap:.7cqw}.lever{min-height:0;padding:.35cqh .4cqw;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:.25cqh;background:#04120ba8;border:.12cqw solid rgba(255,244,213,.28);border-radius:.5cqw}.lever[data-active=true]{border-color:var(--corner);box-shadow:0 0 0 .13cqw #fff4d524}.lever-head{margin:0;display:flex;align-items:center;gap:.3cqw;font-size:clamp(8px,.9cqw,14px);font-weight:900}.lever-track{position:relative;min-height:0;width:clamp(12px,1.5cqw,24px);margin:0 auto;background:linear-gradient(90deg,#020a06d9,#04120b99 50%,#020a06d9);border:.1cqw solid rgba(255,244,213,.3);border-radius:999px;box-shadow:inset 0 .2cqh .5cqh #0000008c}.lever-track:before,.lever-track:after{position:absolute;left:50%;transform:translate(-50%);font-size:clamp(6px,.6cqw,10px);font-weight:800;color:#fff4d58c;pointer-events:none}.lever-track:before{content:"押";top:2%}.lever-track:after{content:"戻";bottom:2%}.lever-knob{position:absolute;bottom:4%;left:50%;width:175%;aspect-ratio:1 / 1;height:auto;transform:translate(-50%);background:radial-gradient(circle at 32% 28%,#ff9d86,#e0523f 46%,#9c2a1c);border:.1cqw solid #4f130d;border-radius:50%;transition:bottom 80ms linear;z-index:1}.lever-knob:after{content:"";position:absolute;top:92%;left:50%;transform:translate(-50%);width:22%;height:80%;background:linear-gradient(90deg,#8f979b,#e8edee 45%,#767d81);border-radius:999px;z-index:-1}.lever[data-active=true] .lever-knob{bottom:62%;background:radial-gradient(circle at 32% 28%,#ffb39e,#f0654f 46%,#b23522);box-shadow:0 0 0 .22cqw var(--corner)}.lever-meters{display:grid;gap:.2cqh}.lever-meter{display:grid;grid-template-columns:2.6em minmax(0,1fr);align-items:center;gap:.25cqw;font-size:clamp(7px,.72cqw,12px);font-weight:700}.lever-meter i{display:block;height:.7cqh}.lever-meter b{display:block;width:0;height:100%;background:var(--corner)}.lever-meter[data-state=warn] b{background:var(--amber)}.lever-meter[data-state=cap] b{background:var(--red)}.lever-key{margin:0;color:#fff4d5a8;font-size:clamp(7px,.74cqw,12px);font-weight:800;text-align:center}.result-reason{margin:.3cqh 0 0;color:#4a6b53;font-size:clamp(9px,1.02cqw,16px);font-weight:800}.result-promo{margin:1.1cqh 0 0;padding:.7cqh 1cqw;color:var(--deep);background:#eaf3dd;border-left:.35cqw solid var(--green);border-radius:.4cqw;font-size:clamp(10px,1.12cqw,18px);font-weight:800;line-height:1.4}.howto-lead{margin:1.4cqh 0 0;color:#33513c;font-size:clamp(10px,1.05cqw,17px);font-weight:700;line-height:1.6}.tuning-toggle{position:absolute;z-index:40;bottom:1.2cqh;left:1.2cqw;padding:.4cqh .7cqw;color:var(--deep);background:#f2b735e6;border:.12cqw solid var(--deep);border-radius:.4cqw;font-size:clamp(9px,.9cqw,14px);font-weight:900;cursor:pointer}.tuning-panel{position:absolute;z-index:60;top:3cqh;right:4cqw;bottom:3cqh;left:4cqw;padding:1.2cqh 1.4cqw;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:.8cqh;color:var(--cream);background:#05140cf7;border:.2cqw solid var(--amber);border-radius:.9cqw;box-shadow:0 2cqh 5cqw #0000008c}.tuning-panel h2{margin:0;font-size:clamp(15px,1.8cqw,29px)}.tuning-head{display:flex;align-items:baseline;justify-content:space-between;gap:1cqw}.tuning-status{min-height:1.3em;margin:0;font-size:clamp(9px,.95cqw,15px);font-weight:800}.tuning-status[data-tone=error]{color:#ffb9ac}.tuning-status[data-tone=ok]{color:#b8e6bd}.tuning-body{min-height:0;padding-right:.5cqw;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5cqh 1.4cqw;overflow-y:auto}.tuning-row{display:grid;grid-template-columns:11em minmax(0,1fr) 5em;align-items:center;gap:.5cqw;font-size:clamp(8px,.88cqw,14px);font-weight:700}.tuning-row output{font-variant-numeric:tabular-nums;text-align:right}.tuning-row input[type=range]{width:100%;accent-color:var(--amber)}.tuning-foot{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:.8cqw}.tuning-foot textarea{width:100%;min-height:9cqh;padding:.4cqh .6cqw;color:var(--cream);background:#0006;border:.1cqw solid rgba(255,244,213,.4);border-radius:.4cqw;font-family:ui-monospace,Consolas,monospace;font-size:clamp(8px,.8cqw,13px);resize:none}.tuning-actions{display:grid;align-content:start;gap:.4cqh}.tuning-actions button,.tuning-actions select{padding:.4cqh .7cqw;color:var(--deep);background:var(--paper);border:.1cqw solid rgba(16,38,27,.5);border-radius:.4cqw;font-size:clamp(8px,.86cqw,14px);font-weight:800;cursor:pointer}.screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;padding:3.2cqh 4cqw;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 45%,#14452866,#04150cdb)}.title-screen{flex-direction:column;gap:2cqh;text-align:center;background:linear-gradient(#03140b4d,#03140bc2),radial-gradient(circle at 50% 40%,rgba(84,182,111,.35),transparent 58%)}.title-screen h1{margin:0;color:var(--cream);font-size:clamp(34px,6.6cqw,104px);font-weight:950;line-height:.98;letter-spacing:.03em;text-shadow:0 .08em 0 var(--deep),0 0 .45em rgba(4,20,11,.65)}.title-screen h1 span{color:var(--amber)}.lead{max-width:52cqw;margin:0;font-size:clamp(13px,1.65cqw,27px);font-weight:800;letter-spacing:.08em}.key-guide,.control-map{margin:0;color:#fff4d5c7;font-size:clamp(9px,1.05cqw,17px);font-weight:700}.screen-panel{width:min(84cqw,1180px);max-height:92cqh;padding:3cqh 3.2cqw;overflow-y:auto;color:var(--ink);background:#fff4d5f7;border:.3cqw solid var(--green);border-radius:1.3cqw;box-shadow:0 1cqh #0c331dc7,0 2.2cqh 5cqw #030e0861}.screen-panel.compact{width:min(56cqw,780px);text-align:center}.screen-panel h2{margin:.6cqh 0 2cqh;color:var(--deep);font-size:clamp(25px,3.8cqw,60px);line-height:1}.screen-panel .kicker{color:var(--green)}.menu-button,.text-button{pointer-events:auto;cursor:pointer}.menu-button{min-height:6.8cqh;padding:.9cqh 2cqw;color:var(--deep);background:var(--paper);border:.18cqw solid rgba(16,38,27,.5);border-radius:.85cqw;box-shadow:0 .45cqh #10261b73;font-size:clamp(13px,1.55cqw,25px);font-weight:900;letter-spacing:.06em}.menu-button.primary{color:#fff;background:var(--green)}.menu-button.is-selected{border-color:var(--amber);outline:.28cqw solid rgba(242,183,53,.62);outline-offset:.16cqw}.menu-button:active{transform:translateY(.25cqh);box-shadow:0 .18cqh #10261b80}.menu-button:focus-visible,.text-button:focus-visible,input:focus-visible{outline:.28cqw solid var(--amber);outline-offset:.16cqw}.title-screen .menu-button{min-width:24cqw}.mode-list{display:grid;gap:1.3cqh}.mode-button{width:100%;display:grid;grid-template-columns:1fr auto;align-items:center;text-align:left}.mode-button span{font-size:clamp(18px,2.3cqw,37px)}.mode-button small{font-size:clamp(9px,1.05cqw,17px);font-weight:700}.status-line{min-height:1.4em;margin:1.3cqh 0 0;color:#466250;font-size:clamp(9px,1.03cqw,16px);font-weight:700}.status-line.error{color:#a32c25}.text-button{padding:.45em .8em;color:#3a5a45;background:transparent;border:0;font-size:clamp(9px,1.05cqw,17px);font-weight:800;text-decoration:underline}.briefing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2cqw}.briefing-grid article{min-height:20cqh;padding:1.6cqh 1.4cqw;background:#fffaf0;border:.17cqw solid rgba(47,140,80,.65);border-radius:.8cqw}.briefing-grid b{color:var(--green);font-size:clamp(14px,1.65cqw,26px)}.briefing-grid p{margin:.8cqh 0 0;font-size:clamp(10px,1.1cqw,18px);font-weight:650;line-height:1.75}.control-map{margin-top:1.7cqh;color:#36523f;text-align:center}.screen-actions{margin-top:2cqh;display:flex;align-items:center;justify-content:center;gap:1.5cqw}.result-screen{padding:2cqh 2.5cqw}.result-panel{width:min(88cqw,1320px);padding:2.1cqh 2.5cqw}.result-summary{display:flex;align-items:center;justify-content:space-between}.result-summary h2{margin-bottom:0}.result-total{color:var(--red);font-size:clamp(40px,6.2cqw,98px);font-weight:950;font-variant-numeric:tabular-nums;line-height:1}.result-total span{color:var(--deep);font-size:.28em}.score-grid{margin-top:1.2cqh;display:grid;grid-template-columns:repeat(3,1fr);gap:1.1cqw}.score-grid>div{padding:.9cqh 1cqw;display:grid;grid-template-columns:1fr auto;gap:.5cqh .8cqw;background:#fffaf0;border-radius:.65cqw}.score-grid span,.score-grid strong{font-size:clamp(10px,1.12cqw,18px)}.score-grid i{grid-column:1 / -1;height:1.1cqh;overflow:hidden;background:#d7caa9;border-radius:999px}.score-grid i b{display:block;width:0;height:100%;background:var(--green)}.ranking-area{margin-top:1.4cqh;display:grid;grid-template-columns:1.2fr .8fr;gap:2cqw}.ranking-area h3{margin:0 0 .5cqh;color:var(--green);font-size:clamp(14px,1.55cqw,25px);letter-spacing:.12em}#ranking-list{margin:0;padding:0;list-style:none;counter-reset:rank}#ranking-list li{min-height:3.7cqh;padding:.38cqh .75cqw;display:grid;grid-template-columns:2.2em 1fr 3.5em;align-items:center;gap:.5cqw;counter-increment:rank;border-bottom:1px solid rgba(16,38,27,.16);font-size:clamp(10px,1.08cqw,17px);font-weight:800}#ranking-list li:before{content:counter(rank);color:var(--green)}#ranking-list li.current{background:#f2b73552}#ranking-list .rank-score{text-align:right;font-variant-numeric:tabular-nums}.registration-area{padding:1.2cqh 1.2cqw;display:grid;align-content:start;gap:.8cqh;background:#e8f1da;border-radius:.8cqw}.registration-area label{color:var(--green);font-size:clamp(10px,1.08cqw,17px);font-weight:900}#nickname-input{width:100%;min-height:5cqh;padding:.6cqh .8cqw;color:var(--deep);background:#fff;border:.17cqw solid var(--green);border-radius:.5cqw;font-size:clamp(13px,1.4cqw,22px);font-weight:800}.registration-area .menu-button{width:100%}@media(max-aspect-ratio:4 / 3){.screen-panel{width:92cqw}}@media(max-width:760px),(max-height:430px){.briefing-grid{grid-template-columns:repeat(3,1fr)}.briefing-grid article{min-height:18cqh;padding:1cqh 1cqw}.center-console{width:66cqw}}