:root{--ink:#163d32;--forest:#173d32;--deep:#102e27;--paper:#f6f3e9;--orange:#f78239;--line:#d9dfd0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 95% 0,#e3e9d6,transparent 45%),var(--paper)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,canvas:focus-visible,#game:focus-visible{outline:3px solid var(--orange);outline-offset:3px}button:disabled{cursor:default;opacity:.4}.skip-link{position:fixed;z-index:20;left:12px;top:12px;transform:translateY(-180%);background:var(--orange);padding:12px;border-radius:8px;font-weight:700}.skip-link:focus{transform:none}.app{max-width:1200px;margin:auto;padding:0 32px}.page-header{display:flex;align-items:center;justify-content:space-between;height:96px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:16px}.brand img{width:166px;height:51px;object-fit:contain}.brand span{border-left:1px solid #c9d2bd;padding-left:15px;font-size:8px;letter-spacing:2px;line-height:1.7;font-weight:700}.back-link{font-size:12px;font-weight:700}.title-row{display:flex;align-items:end;justify-content:space-between;padding:30px 0 22px;gap:12px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:800;margin:0 0 9px}h1{font-size:52px;margin:0;line-height:1;letter-spacing:-2.2px}h1 span{color:var(--orange)}.tag{font-size:9px;font-weight:800;letter-spacing:1.3px;border:1px solid #cdd8bf;border-radius:5px;padding:11px;margin-bottom:3px}#game{background:var(--deep);color:#f4f2df;border-radius:16px;overflow:hidden;box-shadow:0 15px 40px #183d3220;border:1px solid #183d32}.game-top{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:var(--forest);font-size:11px;gap:8px}.game-top>div{display:flex;gap:14px}.game-top button,.game-bottom button{border:0;background:transparent;color:#d9e4cf;font-size:10px;padding:3px}.scoreboard{display:grid;grid-template-columns:1.5fr 1fr .8fr .8fr;gap:20px;padding:15px 22px}.scoreboard>div{display:flex;flex-direction:column;gap:6px}.scoreboard span{font-size:7px;letter-spacing:1.6px;color:#96ae9b;font-weight:700}.scoreboard strong{font-size:22px;font-variant-numeric:tabular-nums}.scoreboard small{font-size:11px;font-weight:400;color:#adbea8}.stage{position:relative;width:100%;height:390px;overflow:hidden;background:#cfdece}canvas{display:block;width:100%;height:100%;touch-action:none}.track-note{position:absolute;top:15px;left:50%;transform:translateX(-50%);background:#183f32ed;color:#fff4d8;padding:10px 17px;border-radius:30px;font-size:11px;font-weight:700;white-space:nowrap;pointer-events:none;box-shadow:0 3px 10px #173d3222}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:18px;overflow:auto;background:#12382b99;backdrop-filter:blur(4px)}.overlay:empty{display:none}.panel{width:100%;max-width:690px;max-height:100%;overflow:auto;background:#faf7ea;border-radius:13px;color:var(--ink);padding:25px 30px;text-align:center;box-shadow:0 10px 50px #0c281b55}.panel h2{font-size:36px;letter-spacing:-1.4px;line-height:1.06;margin:7px 0 13px}.panel p{font-size:12px;line-height:1.6;color:#63735e;margin:0 auto 15px;max-width:520px}.panel .eyebrow{font-size:8px;color:#7a865f;margin-bottom:8px}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.choice{border:1px solid #d2dcc3;border-radius:7px;background:#e9edde;padding:11px 8px;color:var(--ink)}.choice strong{display:block;font-size:12px}.choice small{display:block;font-size:8px;line-height:1.5;margin-top:5px}.choice.active{border:2px solid #709160;padding:10px 7px;background:#dee8ce}.button-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.primary,.secondary{border:0;border-radius:7px;padding:12px 19px;font-weight:700;font-size:12px;min-height:42px}.primary{background:var(--orange);color:#18392d;box-shadow:0 3px 0 #d86323}.secondary{background:#e7ecda;color:var(--ink);border:1px solid #d0dbc1}.primary:hover{background:#ff9b55}.small-note{font-size:9px!important;margin:13px 0 0!important}.stats{display:flex;gap:24px;justify-content:center;margin:16px 0}.stats strong{display:block;font-size:23px}.stats span{display:block;font-size:9px;color:#7c896c;margin-top:5px}.event-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:14px 0;text-align:left}.event-card{border:1px solid #ccd8bf;background:#eef1e4;border-radius:8px;padding:12px;min-height:100px;color:var(--ink);text-align:left}.event-card strong{display:block;font-size:12px;margin:7px 0}.event-card small{display:block;font-size:9px;line-height:1.5;color:#6a7b5e}.event-card .number{font-size:8px;letter-spacing:1px;color:#8b986f}.event-card .medal{float:right;color:#c0842e;font-size:14px}.event-card.current{border:2px solid #db9651;padding:11px}.event-card:disabled{opacity:.44}.guide{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;text-align:left;margin:17px 0}.guide div{background:#e9edde;padding:13px;border-radius:8px}.guide strong{font-size:12px}.guide p{font-size:10px;margin:6px 0 0}.briefing-details{display:flex;justify-content:center;gap:14px;font-size:10px;margin:16px 0;color:#6c7f61}.briefing-details span{border:1px solid #d7dfc9;padding:8px 10px;border-radius:5px}.result-medal{font-size:33px;color:#c38b35;letter-spacing:5px}.gauges{display:grid;grid-template-columns:1fr 1fr 1fr;gap:26px;padding:15px 22px 13px}.gauge label{display:flex;justify-content:space-between;gap:4px;font-size:8px;letter-spacing:1px;color:#a9bba4;margin-bottom:6px}.gauge label strong{color:#e2e9d2;font-size:8px;letter-spacing:.3px}meter{display:block;width:100%;height:12px;border:none;border-radius:10px;background:#2f4c3d;appearance:none}meter::-webkit-meter-bar{background:#2f4c3d;border:0;border-radius:10px}meter::-webkit-meter-optimum-value{background:#a8c67d;border-radius:10px}meter::-webkit-meter-suboptimum-value{background:#e8b55f;border-radius:10px}meter::-webkit-meter-even-less-good-value{background:#ec7545;border-radius:10px}meter::-moz-meter-bar{background:#a8c67d;border-radius:10px}.controls{display:flex;justify-content:center;gap:10px;padding:0 22px 14px;user-select:none}.controls button{touch-action:none;border-radius:9px;min-height:58px;border:1px solid #68826a55;color:#ecf0d9;font-weight:800}.shift{width:95px;background:#2a5140;font-size:26px}.controls button span{display:block;font-size:8px;letter-spacing:1px;margin-top:4px}.throttle{flex:1;max-width:430px;background:var(--orange);color:#153d2e!important;font-size:15px;box-shadow:0 3px 0 #aa5526;border:0!important}.throttle.pressed{background:#ffd293;transform:translateY(2px);box-shadow:0 1px 0 #aa5526}.shift:active{background:#52734c}kbd{font:8px Arial;display:inline-block;padding:1px 3px;margin-left:3px;border:1px solid #ffffff35;border-radius:2px;opacity:.7}.throttle kbd{border-color:#173d3244}.game-bottom{border-top:1px solid #91a77e22;padding:10px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#94ae95;font-size:9px;min-height:37px}.game-bottom span{max-width:80%}.game-bottom button{white-space:nowrap}.below-game{display:flex;justify-content:space-between;align-items:center;gap:30px;margin:24px 0}.below-game p{font-size:12px;line-height:1.7;color:#78836d;max-width:650px;margin:0}.below-game strong{display:block;color:var(--ink);font-size:14px;margin-bottom:4px}.below-game>span{font-size:9px;border:1px solid var(--line);border-radius:30px;padding:10px 12px;white-space:nowrap;color:#78836d}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:25px 0;border-top:1px solid var(--line)}.features article>span{color:#dd8a44;float:left;margin-right:12px;font-size:22px;font-weight:700}.features h2{font-size:12px;margin:0 0 8px}.features p{font-size:11px;line-height:1.6;color:#7c8771;margin:0;padding-left:37px}footer{border-top:1px solid var(--line);padding:24px 0 32px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:9px;color:#7c8771}footer a{font-weight:700;color:var(--ink)}footer p{width:100%;font-size:8px;margin:0}
@media(max-width:800px){.app{padding:0 18px}.page-header{height:79px}.stage{height:350px}.panel{padding:22px}.gauges{gap:16px}.panel h2{font-size:30px}.below-game>span{display:none}.game-bottom{font-size:8px}.features{gap:15px}}
@media(max-width:540px){.app{padding:0 10px}.page-header{height:64px;padding:0 3px}.brand img{width:125px;height:43px}.brand{gap:10px}.brand span{font-size:6px;letter-spacing:1.2px;padding-left:10px}.back-link{font-size:10px}.title-row{padding:18px 3px 14px}h1{font-size:36px;letter-spacing:-1.5px}.eyebrow{font-size:7px;letter-spacing:1.3px;margin-bottom:6px}.tag{font-size:6px;letter-spacing:.7px;padding:8px}.game-top{padding:10px;font-size:8px;gap:4px;min-height:37px}.game-top>div{gap:9px}.game-top button{font-size:8px;padding:0}.game-top strong{max-width:45%}.scoreboard{padding:11px 13px;gap:10px;grid-template-columns:1.5fr 1fr .7fr .7fr}.scoreboard>div{gap:4px}.scoreboard span{font-size:6px;letter-spacing:1px}.scoreboard strong{font-size:16px}.scoreboard small{font-size:8px}.stage{height:285px}.track-note{font-size:9px;top:10px;padding:8px 12px;max-width:95%;white-space:normal;text-align:center}.overlay{padding:10px}.panel{padding:20px 14px}.panel h2{font-size:28px;margin:6px 0 12px}.panel p{font-size:10px;margin-bottom:12px}.choices{gap:5px;margin:12px 0}.choice{padding:10px 5px}.choice.active{padding:9px 4px}.choice strong{font-size:9px}.choice small{font-size:7px;margin-top:4px}.primary,.secondary{font-size:10px;min-height:39px;padding:10px 13px}.gauges{gap:12px;padding:13px 12px 12px}.gauge label{font-size:6px;letter-spacing:.6px}.gauge label strong{font-size:6px}meter{height:9px}.controls{gap:8px;padding:0 11px 12px}.controls button{min-height:61px}.shift{width:64px;font-size:23px}.controls button span{font-size:7px;letter-spacing:.5px}.throttle{font-size:12px;min-width:165px}.controls kbd{display:none}.game-bottom{padding:9px 11px;align-items:start;min-height:39px}.game-bottom span{max-width:68%;line-height:1.5;font-size:7px}.game-bottom button{font-size:8px}.below-game{margin:18px 4px 23px}.below-game p{font-size:10px}.below-game strong{font-size:12px}.features{grid-template-columns:1fr;padding:22px 6px;gap:20px}.features h2{font-size:11px}.features p{font-size:10px}.event-grid{grid-template-columns:1fr 1fr;gap:7px}.event-card{padding:9px;min-height:96px}.event-card.current{padding:8px}.event-card strong{font-size:10px}.event-card small{font-size:8px}.event-card .number{font-size:7px}.guide{grid-template-columns:1fr;gap:8px}.guide div{padding:10px}.guide strong{font-size:11px}.briefing-details{font-size:8px;gap:6px;margin:12px 0}.briefing-details span{padding:7px}.stats{gap:18px;margin:13px 0}.stats strong{font-size:20px}.stats span{font-size:8px}.result-medal{font-size:29px}footer{padding:20px 4px;font-size:8px}.small-note{font-size:8px!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}