:root{color-scheme:dark;font-family:system-ui,-apple-system,sans-serif;background:#07111d;color:#edf7fa}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#183849,#07111d 60%);min-height:100dvh}button,select,input{font:inherit}button{border:0;cursor:pointer;color:inherit}button:focus-visible{outline:3px solid #fff;outline-offset:3px}header{height:76px;display:flex;align-items:center;justify-content:space-between;max-width:1120px;margin:auto;padding:0 24px;border-bottom:1px solid #ffffff1a}.brand{display:flex;gap:12px;align-items:center;letter-spacing:.07em}.brand span{display:grid;place-items:center;background:#f6c65b;color:#12202a;width:42px;height:42px;font-weight:1000;transform:skew(-8deg)}.brand b,.brand small{display:block}.brand small{font-size:9px;letter-spacing:.25em;color:#8faeb8}.quiet{background:transparent;color:#a5c2cb;padding:10px}main{max-width:1120px;margin:auto;padding:clamp(24px,5vw,64px) 24px 80px}.eyebrow{color:#f6c65b;font-size:12px;letter-spacing:.2em;font-weight:800}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center;min-height:370px}.hero-art{height:290px;background:linear-gradient(155deg,transparent 25%,#58b9bd33 26%,transparent 27%),linear-gradient(25deg,#123a49,#152735);border:1px solid #ffffff24;border-radius:16px;position:relative;overflow:hidden}.hero-art:after{content:'01 / SPEED';position:absolute;bottom:25px;left:25px;font-weight:900;font-size:clamp(32px,6vw,70px);color:#ffffff24;transform:skew(-8deg)}h1{font-size:clamp(42px,7vw,76px);line-height:1;letter-spacing:-.05em;margin:16px 0}h2{font-size:clamp(28px,4vw,42px);margin:8px 0 20px}h3{margin:0 0 8px}p{color:#a9c1ca;line-height:1.7}.primary,.card button,.row button{background:#f5c65e;color:#12202a;border-radius:8px;padding:13px 20px;font-weight:800}.secondary{background:#203c49;color:white;border-radius:8px;padding:13px 20px;font-weight:700}.buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.card,.panel{background:#102532;border:1px solid #ffffff18;border-radius:12px;padding:22px}.card p{font-size:14px;min-height:48px}.card button{width:100%}.card button:disabled{background:#33444a;color:#82949a;cursor:default}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #ffffff18;padding:12px 0}.muted{font-size:13px;color:#8faeb8}.notice{border-left:3px solid #f5c65e;padding:8px 15px;background:#f5c65e12}.stats{display:flex;gap:20px;flex-wrap:wrap;color:#c9e4e6}.stats b{color:#f5c65e}#game{position:fixed;inset:0;background:#07111d;touch-action:none}#game[hidden]{display:none}canvas{width:100%;height:100%;display:block}.hud{position:absolute;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));display:flex;gap:8px;align-items:center;flex-wrap:wrap}.hud span,.hud button,#hint{background:#071723db;padding:8px 12px;border-radius:7px;font-size:13px;font-weight:700}.hud button{margin-left:auto}#hint{position:absolute;top:60px;left:50%;transform:translateX(-50%);text-align:center;white-space:nowrap;color:#ffdf89}.controls{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));left:max(25px,env(safe-area-inset-left));right:max(25px,env(safe-area-inset-right));display:flex;justify-content:space-between;align-items:end;pointer-events:none}#stick{width:110px;height:110px;border:2px solid #ffffff80;border-radius:50%;background:#142d3980;position:relative;pointer-events:auto;touch-action:none}#knob{width:46px;height:46px;background:#ffffff9e;border-radius:50%;position:absolute;left:30px;top:30px}.actions{display:flex;gap:10px;pointer-events:auto}.actions button{width:74px;height:74px;border-radius:50%;background:#f5c65ee8;color:#16222b;font-size:13px;font-weight:900;touch-action:none}.actions button:first-child{background:#58c5c9df}@media(max-width:650px){.hero{grid-template-columns:1fr}.hero-art{height:150px;grid-row:1}header{height:64px}.brand b{font-size:13px}main{padding-top:30px}.hud span,.hud button{font-size:11px;padding:7px}#hint{top:55px;font-size:11px;max-width:90%;white-space:normal}#stick{width:90px;height:90px}#knob{left:22px;top:22px} .actions button{width:65px;height:65px}}

#pauseBtn{background:#f5c65e;color:#14242d;min-height:44px;min-width:90px;font-weight:900}#gameHome{min-height:44px}