:root{font-family:"Segoe UI",system-ui,sans-serif;color:#ecf6ed;background:#0a1325;font-size:17px;color-scheme:dark}*{box-sizing:border-box}body{margin:0}.wrap{max-width:1080px;margin:auto;padding:0 24px}a{color:#75e8d5;text-decoration:none;font-weight:650}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,#stage:focus-visible{outline:3px solid #ffd46d;outline-offset:4px}header{display:flex;justify-content:space-between;gap:20px;padding:24px 0;border-bottom:1px solid #2c455c;font-size:.85rem}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:28px 0 22px}.eyebrow{font-size:.67rem;letter-spacing:.13em;color:#75e8d5;font-weight:750;margin:0 0 8px}h1{font-size:clamp(1.9rem,5vw,2.9rem);letter-spacing:-.04em;line-height:1.1;margin:0}.goal{color:#9eb5bc;line-height:1.6;font-size:.9rem;margin:0}.player{border:1px solid #496078;border-radius:16px;overflow:hidden;background:#101c32;box-shadow:0 15px 50px #0004}#stage{display:block;width:100%;height:auto;aspect-ratio:4/3;touch-action:none;background:#101c32}#status{margin:0;padding:12px 18px;min-height:44px;font-size:.82rem;background:#14263d;color:#a9c2cb}#status.error{color:#ffb3b6}.toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}button{font:inherit;font-weight:700;min-height:46px;padding:11px 18px;border:1px solid #496078;border-radius:11px;background:#20354d;color:#ecf6ed;cursor:pointer}button:hover{background:#2b4860}button:disabled{opacity:.45;cursor:wait}#start{background:#75e8d5;color:#0a1325;border-color:#75e8d5}.touch{display:flex;justify-content:space-between;gap:16px;margin-top:12px;touch-action:none}.touch>div{display:flex;gap:10px}.touch button{min-width:76px;min-height:54px;background:#263b53}.touch button.pressed{background:#75e8d5;color:#0a1325}.help{color:#9eb5bc;font-size:.84rem;line-height:1.7;max-width:850px;padding:12px 0}.help b{color:#ecf6ed;font-weight:650}.help p{margin:10px 0}footer{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;border-top:1px solid #2c455c;padding:20px 0 26px;font-size:.75rem;color:#9eb5bc}[hidden]{display:none!important}@media(min-width:1000px) and (pointer:fine){.touch{max-width:390px}}@media(max-width:600px){:root{font-size:16px}.wrap{padding:0 14px}header{font-size:.76rem;padding:19px 0;gap:12px}.heading{display:block;margin:22px 0 17px}.goal{font-size:.82rem;margin-top:12px}.goal br{display:none}.player{border-radius:10px}.toolbar{gap:7px}.toolbar button{font-size:.8rem;padding:9px 12px;flex:1}.touch button{min-width:66px;font-size:1.1rem}.help{font-size:.8rem}footer{font-size:.7rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
