:root{--sand:#e7a34d;--amber:#ffbf57;--dark:#170e0a;--panel:rgba(22,12,8,.92);--line:rgba(255,196,107,.28);--text:#fff4df}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#1b0f09;color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}canvas{display:block;position:fixed;inset:0;width:100%;height:100%;outline:none}.screen{display:none;position:fixed;inset:0;z-index:20;align-items:center;justify-content:center}.screen.visible{display:flex}.loading-card,.dialog-card,.finish-card{background:linear-gradient(145deg,rgba(45,24,13,.96),rgba(16,10,7,.97));border:1px solid var(--line);box-shadow:0 30px 100px #000b;padding:34px;min-width:min(92vw,480px);text-align:center;backdrop-filter:blur(10px)}#loading{background:radial-gradient(circle at 70% 30%,#8f4a20,#1e1009 58%,#090605)}.logo-mark{width:76px;height:76px;border:3px solid var(--amber);display:grid;place-items:center;margin:0 auto 14px;font-weight:1000;letter-spacing:3px;transform:skew(-8deg);box-shadow:0 0 35px #ff9b3033}.loading-card h1{font-size:28px;margin:0 0 8px}.loading-card p{opacity:.72}.loading-bar{height:6px;background:#ffffff17;margin-top:22px;overflow:hidden}.loading-bar i{display:block;width:3%;height:100%;background:linear-gradient(90deg,#d86624,#ffd27a);transition:width .25s}.menu-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,5,3,.96) 0%,rgba(8,5,3,.82) 35%,rgba(8,5,3,.13) 72%,rgba(8,5,3,.02));pointer-events:none}.menu-card{position:absolute;left:clamp(28px,6vw,100px);top:50%;transform:translateY(-50%);width:min(470px,88vw);padding:22px 28px 24px;border-left:3px solid var(--amber);background:linear-gradient(90deg,rgba(20,12,8,.75),transparent)}.eyebrow{font-size:11px;letter-spacing:4px;color:var(--amber);font-weight:900;margin:0 0 12px}.menu-card h1{font-size:clamp(42px,5vw,72px);line-height:.83;margin:0 0 14px;font-style:italic;letter-spacing:-3px;text-shadow:0 8px 30px #000}.menu-card h1 span{color:var(--amber)}.tagline{margin:0 0 24px;color:#e7d5bf;max-width:390px}.button-stack{display:grid;gap:8px;width:min(360px,100%)}button{border:1px solid #ffffff24;background:rgba(255,255,255,.055);color:white;padding:12px 16px;text-transform:uppercase;letter-spacing:1.6px;font-weight:800;cursor:pointer;text-align:left;transition:.18s;font-family:inherit}button:hover,button:focus-visible{border-color:var(--amber);background:#f0a03d22;transform:translateX(4px);outline:none}.primary{background:linear-gradient(90deg,#d65a22,#f2a23f);border-color:#ffc26b;color:#180d07;box-shadow:0 8px 28px #0008}.primary:hover{background:linear-gradient(90deg,#ee6927,#ffc15a)}.menu-panel{display:none;width:min(390px,100%);max-height:60vh;overflow:auto;padding-right:8px}.menu-panel.active{display:block}.menu-panel h2{font-size:27px;margin:4px 0 18px}.controls-grid{display:grid;grid-template-columns:70px 1fr 70px 1fr;gap:8px 10px;margin-bottom:20px}.controls-grid b{color:var(--amber);border:1px solid #ffffff2a;padding:6px;text-align:center}.controls-grid span{align-self:center;font-size:13px}.option-row{display:flex;gap:12px;padding:11px;border:1px solid #ffffff16;margin:8px 0;cursor:pointer}.option-row:has(input:checked){border-color:var(--amber);background:#f5a13a18}.option-row input{accent-color:#f5a13a}.option-row span{display:grid}.option-row small{opacity:.62;margin-top:3px}.menu-panel>label:not(.option-row){display:grid;gap:7px;margin:17px 0;font-size:13px;letter-spacing:1px}.menu-panel input[type=range]{width:100%;accent-color:#e98735}.backButton{margin-top:18px}.version{font-size:10px;letter-spacing:2px;opacity:.4;margin-top:20px}.score-list{margin:10px 0 18px;padding-left:25px}.score-list li{padding:6px 4px;border-bottom:1px solid #ffffff12}.score-list span{display:inline-block;width:52%;font-weight:700}.score-list em{float:right;color:var(--amber);font-style:normal}.hud{display:none;position:fixed;inset:0;z-index:10;pointer-events:none;padding:22px}.hud.visible{display:flex;justify-content:space-between}.hud-left,.hud-right{display:flex;flex-direction:column;gap:8px}.hud-box{min-width:185px;padding:8px 12px;background:linear-gradient(90deg,rgba(10,7,5,.83),rgba(10,7,5,.38));border-left:3px solid var(--amber);text-shadow:0 2px 5px #000}.hud-box span,.meter span{display:block;font-size:9px;letter-spacing:2px;color:#ffd59c}.hud-box strong{font-size:21px}.hud-box.compact strong{font-size:17px}.hud-center{position:absolute;left:50%;transform:translateX(-50%);top:20px;text-align:center;width:min(42vw,560px)}.zone-name{font-size:11px;letter-spacing:4px;font-weight:900;text-shadow:0 2px 8px #000;margin-bottom:7px}.progress-shell{height:8px;background:#090604a6;border:1px solid #ffffff2a;position:relative}.progress-shell i{display:block;height:100%;width:0;background:linear-gradient(90deg,#d45720,#ffd06d)}.progress-shell em{position:absolute;right:-43px;top:-5px;font-size:11px;font-style:normal}.message{margin-top:14px;font-size:20px;font-weight:1000;letter-spacing:1px;text-shadow:0 3px 8px #000;opacity:0;transition:opacity .2s}.message.show{opacity:1}.speedometer{text-align:right;text-shadow:0 3px 9px #000}.speedometer strong{font-size:58px;line-height:.85;font-style:italic}.speedometer span{display:block;font-size:11px;letter-spacing:3px;color:var(--amber)}.meter{width:210px;padding:8px 10px;background:#0a0705a8}.meter i{display:block;height:7px;margin:4px 0;background:#ffffff16}.meter i b{display:block;width:100%;height:100%;background:linear-gradient(90deg,#da3328,#f2c252)}.meter.turbo i b{background:linear-gradient(90deg,#138ab5,#55e5ff)}.meter em{float:right;margin-top:-17px;font-size:10px;font-style:normal}.best-line{text-align:right;font-size:10px;letter-spacing:1px;text-shadow:0 2px 5px #000}.best-line strong{color:var(--amber)}.countdown{display:none;position:fixed;inset:0;z-index:15;place-items:center;font-size:clamp(110px,20vw,260px);font-weight:1000;font-style:italic;text-shadow:0 12px 50px #000;color:white}.countdown.visible{display:grid}.damage-flash{position:fixed;inset:0;z-index:11;pointer-events:none;opacity:0;background:radial-gradient(circle,transparent 35%,rgba(255,35,10,.78));mix-blend-mode:screen}.storm-banner{position:fixed;z-index:12;top:12%;left:50%;transform:translateX(-50%) translateY(-30px);opacity:0;padding:9px 17px;border:1px solid #ffd69a55;background:#2c160e9c;font-size:12px;letter-spacing:4px;font-weight:900;transition:.5s}.storm-banner.visible{opacity:1;transform:translateX(-50%) translateY(0)}.pause-screen,.finish-screen{background:#080504aa;backdrop-filter:blur(7px)}.dialog-card{display:grid;gap:10px}.dialog-card h2{font-size:50px;margin:0 0 12px}.dialog-card button{text-align:center}.finish-card{width:min(92vw,540px);max-height:92vh;overflow:auto}.finish-card h2{font-size:38px;margin:4px 0 18px}.result-grid{display:grid;grid-template-columns:1fr auto;text-align:left;gap:8px 25px;background:#ffffff08;padding:16px;margin-bottom:14px}.result-grid strong{text-align:right;color:#ffd082}.result-grid span:last-of-type,.result-grid strong:last-of-type{font-size:19px;border-top:1px solid #ffffff22;padding-top:9px}.name-label{display:grid;text-align:left;gap:7px;font-size:11px;letter-spacing:2px;margin:10px 0}.name-label input{background:#0d0907;border:1px solid #ffffff2a;color:white;padding:12px;font-size:17px;outline:none}.name-label input:focus{border-color:var(--amber)}.finish-card button{width:100%;text-align:center;margin:5px 0}.fatal-screen{background:#120b08}.fatal-screen code{color:#ffcc81}@media(max-width:800px){.hud{padding:10px}.hud-box{min-width:135px}.hud-center{top:115px;width:70vw}.hud-right{align-items:flex-end}.speedometer strong{font-size:42px}.meter{width:145px}.controls-grid{grid-template-columns:55px 1fr}.menu-card{left:20px}.menu-card h1{font-size:45px}.tagline{font-size:13px}}