:root{--cream:#f0e2bd;--cream-dark:#e1cda0;--choc:#3d2417;--choc-soft:#5a3a26;--red:#c8332b;--orange:#d96f2b;--badge:#c85724;--good:#7ba24a;font-family:Rubik,system-ui,sans-serif}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body{background:#1d130c;width:100%;height:100%;overflow:hidden}#game-canvas{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#ui-root{pointer-events:none;position:fixed;inset:0;overflow:hidden}.vignette{pointer-events:none;z-index:5;border-radius:28px;position:absolute;inset:0;box-shadow:inset 0 0 140px #3d1e088c,0 0 0 60px #120b06}.td-text{color:var(--cream);text-shadow:-2px -2px 0 var(--choc), 2px -2px 0 var(--choc), -2px 2px 0 var(--choc), 2px 2px 0 var(--choc), 0 5px 0 #281408d9;letter-spacing:.02em;font-family:Titan One,Rubik,sans-serif}.screen{pointer-events:auto;z-index:10;flex-direction:column;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:absolute;inset:0}.screen.hidden,.hidden{display:none!important}#screen-title{gap:26px}.title-logo{text-align:center;font-size:clamp(54px,9vw,110px);line-height:.95;transform:rotate(-3deg)}.title-logo .line2{color:#ffb904;font-size:.82em;display:block}.title-sub{color:var(--cream-dark);text-shadow:0 2px #281408b3;margin-top:-14px;font-size:15px;font-weight:600;transform:rotate(-3deg)}.badge-btn{color:var(--cream);background:radial-gradient(circle at 50% 38%, #e8743a 0%, var(--badge) 52%, #9c3c16 100%);border:5px solid var(--cream);cursor:pointer;text-shadow:-2px -2px #6f2810,2px -2px #6f2810,-2px 2px #6f2810,2px 2px #6f2810;border-radius:999px;outline:4px solid #8a3414;padding:18px 44px;font-family:Titan One,sans-serif;font-size:26px;transition:transform 80ms,box-shadow 80ms;box-shadow:0 8px #2810048c}.badge-btn:hover{transform:translateY(-2px)scale(1.03)}.badge-btn:active{transform:translateY(3px);box-shadow:0 3px #2810048c}.badge-btn.small{border-width:3px;outline-width:3px;padding:10px 22px;font-size:16px}.badge-btn.green{background:radial-gradient(circle at 50% 38%,#93b75c 0%,#6f9440 52%,#4c6c28 100%)}.badge-btn.dark{background:radial-gradient(circle at 50% 38%,#6b5440 0%,#4d3826 52%,#33220f 100%)}#screen-levels{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#22120873;gap:18px}.levels-heading{font-size:44px}.levels-grid{grid-template-columns:repeat(3,minmax(220px,270px));gap:16px;max-width:900px;display:grid}@media (width<=860px){.levels-grid{grid-template-columns:repeat(2,minmax(200px,1fr))}}.level-card{border:4px solid var(--cream-dark);cursor:pointer;color:var(--cream);pointer-events:auto;background:linear-gradient(#4d3826,#3a2715);border-radius:18px;padding:14px 16px;transition:transform 80ms;position:relative;box-shadow:0 6px #1e0e0499}.level-card:hover{transform:translateY(-3px)rotate(-.5deg)}.level-card.locked{filter:grayscale(.7)brightness(.65);cursor:not-allowed}.level-card h3{margin-bottom:4px;font-family:Titan One,sans-serif;font-size:19px}.level-card p{color:#cdb796;min-height:30px;font-size:12px}.level-card .best{color:#ffb904;margin-top:8px;font-size:13px;font-weight:700}.level-card .dots{gap:4px;display:flex;position:absolute;top:12px;right:12px}.level-card .dot{background:#2a1a0d;border:2px solid #1d1107;border-radius:50%;width:12px;height:12px}.level-card .dot.done{background:#ffb904}.level-card .lock{justify-content:center;align-items:center;font-size:36px;display:flex;position:absolute;inset:0}.mode-row{align-items:center;gap:12px;display:flex}.mode-row .hint{color:#cdb796;text-align:center;max-width:380px;font-size:13px}#hud{z-index:8;pointer-events:none;position:absolute;inset:0}.hud-score{text-align:right;position:absolute;top:26px;right:38px}.hud-score .score{font-variant-numeric:tabular-nums;font-size:44px}.hud-score .label{color:var(--cream-dark);text-shadow:0 2px #281408b3;font-size:13px;font-weight:700}.hud-combo{color:#ffb904;font-size:26px;transition:transform .1s;position:absolute;top:108px;right:38px;transform:rotate(4deg)}.hud-telemetry{color:var(--cream);text-shadow:0 2px #281408cc;font-size:14px;font-weight:700;line-height:1.7;position:absolute;top:30%;left:34px}.hud-telemetry b{font-variant-numeric:tabular-nums;font-size:19px}.injury-stack{flex-direction:column;align-items:flex-end;gap:6px;max-height:50vh;display:flex;position:absolute;top:168px;right:30px;overflow:hidden}.injury-chip{border:2px solid var(--cream-dark);color:var(--cream);background:#281609d1;border-radius:10px;align-items:center;gap:8px;padding:4px 10px;font-size:13px;font-weight:700;animation:.25s chip-in;display:flex}.injury-chip .ico{font-size:16px}@keyframes chip-in{0%{opacity:0;transform:translate(60px)}}#popup-layer{z-index:7;position:absolute;inset:0;overflow:hidden}.popup{color:var(--cream);text-shadow:-2px -2px 0 var(--choc), 2px -2px 0 var(--choc), -2px 2px 0 var(--choc), 2px 2px 0 var(--choc);white-space:nowrap;font-family:Titan One,sans-serif;font-size:18px;animation:1.1s ease-out forwards pop-float;position:absolute;transform:translate(-50%,-50%)}.popup.big{color:#ffb904;font-size:28px}.popup.label{color:#ff8c4a}@keyframes pop-float{0%{opacity:0;margin-top:0;scale:.5}12%{opacity:1;scale:1.15}22%{scale:1}to{opacity:0;margin-top:-90px}}.banner{text-align:center;z-index:9;font-size:54px;animation:.3s banner-in;position:absolute;top:20%;left:50%;transform:translate(-50%)rotate(-2deg)}.banner .sub{color:var(--cream-dark);font-size:18px;display:block}@keyframes banner-in{0%{opacity:0;scale:2.2}}#setup-bar{pointer-events:auto;z-index:11;align-items:flex-end;gap:14px;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.setup-btn{border:4px solid var(--cream);width:86px;height:86px;color:var(--cream);cursor:pointer;text-shadow:1px 1px #6f2810;background:radial-gradient(circle at 50% 35%,#e8743a,#b04a1d 60%,#8a3414);border-radius:50%;outline:3px solid #8a3414;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-family:Titan One,sans-serif;font-size:11px;transition:transform 80ms;display:flex;box-shadow:0 6px #2810048c}.setup-btn:hover{transform:translateY(-3px)}.setup-btn .ico{font-size:26px;line-height:1}.setup-btn .val{color:#ffd9a0;text-overflow:ellipsis;white-space:nowrap;max-width:76px;font-size:9px;overflow:hidden}#dismount-btn{border:6px solid var(--cream);background:radial-gradient(circle at 50% 32%, #ef8147 0%, var(--badge) 55%, #8a3414 100%);width:150px;height:150px;color:var(--cream);cursor:pointer;pointer-events:auto;text-shadow:-2px -2px #6f2810,2px -2px #6f2810,-2px 2px #6f2810,2px 2px #6f2810;z-index:12;border-radius:50%;outline:5px solid #8a3414;font-family:Titan One,sans-serif;font-size:21px;transition:transform 80ms;position:absolute;bottom:34px;right:40px;box-shadow:0 10px #2810048c}#dismount-btn:hover{transform:scale(1.04)}#dismount-btn:active{transform:scale(.96)}#dismount-btn.charging{animation:.18s linear infinite shake}@keyframes shake{0%{transform:translate(1px)rotate(.6deg)}50%{transform:translate(-1px,1px)rotate(-.6deg)}to{transform:translate(1px,-1px)rotate(.4deg)}}.hint-text{text-align:center;width:170px;color:var(--cream-dark);text-shadow:0 2px #281408cc;z-index:11;font-size:12px;font-weight:700;position:absolute;bottom:196px;right:40px}#gauge{border:4px solid var(--cream-dark);z-index:12;background:#2a1a0d;border-radius:999px;width:min(440px,50vw);height:34px;position:absolute;bottom:40px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 6px #1e0e048c}#gauge .fill{background:linear-gradient(90deg,#7ba24a 0%,#ffb904 55%,#c8332b 100%) 0 0/440px 100%;border-radius:999px;width:0%;height:100%;transition:none}#back-btn{border:3px solid var(--cream);width:58px;height:58px;color:var(--cream);cursor:pointer;pointer-events:auto;z-index:12;background:radial-gradient(circle at 50% 35%,#6b5440,#4d3826 60%,#33220f);border-radius:50%;outline:3px solid #8a3414;font-family:Titan One,sans-serif;font-size:24px;position:absolute;top:26px;left:30px;box-shadow:0 5px #1e0e048c}#mute-btn{border:3px solid var(--cream);width:58px;height:58px;color:var(--cream);cursor:pointer;pointer-events:auto;z-index:12;background:radial-gradient(circle at 50% 35%,#6b5440,#4d3826 60%,#33220f);border-radius:50%;outline:3px solid #8a3414;font-size:22px;position:absolute;top:26px;left:100px;box-shadow:0 5px #1e0e048c}.picker{border:4px solid var(--cream-dark);pointer-events:auto;z-index:13;background:#281609eb;border-radius:18px;gap:10px;max-width:92vw;padding:14px;display:flex;position:absolute;bottom:130px;left:50%;overflow-x:auto;transform:translate(-50%)}.pick-card{min-width:130px;color:var(--cream);cursor:pointer;text-align:center;background:#4d3826;border:3px solid #2a1a0d;border-radius:12px;padding:10px;transition:transform 80ms}.pick-card:hover{transform:translateY(-3px)}.pick-card.active{background:#5a4129;border-color:#ffb904}.pick-card.locked{filter:grayscale(.8)brightness(.6)}.pick-card h4{margin-bottom:2px;font-family:Titan One,sans-serif;font-size:13px}.pick-card p{color:#cdb796;min-height:24px;font-size:10px}.pick-card .ico{font-size:26px}.pick-card .pips{color:#ffb904;text-align:left;padding-left:8px;font-size:9px;line-height:1.5}.pick-card .pips span{color:#cdb796}#results{z-index:14;pointer-events:auto;background:#1c0e058c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.results-panel{border:5px solid var(--cream-dark);width:min(560px,92vw);color:var(--cream);background:linear-gradient(#543b1f,#3a2715);border-radius:22px;padding:26px 30px;animation:.3s panel-in;box-shadow:0 14px #14090299}@keyframes panel-in{0%{opacity:0;transform:translateY(60px)scale(.92)}}.results-panel h2{text-align:center;margin-bottom:4px;font-family:Titan One,sans-serif;font-size:34px}.results-panel .final-score{text-align:center;color:#ffb904;font-variant-numeric:tabular-nums;margin-bottom:4px;font-family:Titan One,sans-serif;font-size:48px}.results-panel .pb{text-align:center;color:#cdb796;margin-bottom:14px;font-size:13px;font-weight:700}.results-panel .pb.new{color:#ffb904}.breakdown{grid-template-columns:1fr 1fr;gap:3px 24px;margin-bottom:14px;font-size:13px;font-weight:600;display:grid}.breakdown div{justify-content:space-between;display:flex}.breakdown b{font-variant-numeric:tabular-nums;color:#ffd9a0}.challenges{border-top:2px solid #5a4129;margin-bottom:16px;padding-top:10px}.challenges h3{color:#cdb796;margin-bottom:6px;font-family:Titan One,sans-serif;font-size:13px}.challenge-row{align-items:center;gap:8px;padding:2px 0;font-size:13px;font-weight:600;display:flex}.challenge-row .check{color:#2a1a0d;background:#2a1a0d;border:2px solid #1d1107;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;display:inline-flex}.challenge-row.done .check{color:#3d2417;background:#ffb904}.challenge-row.fresh{color:#ffb904}.unlock-note{color:#93d069;text-align:center;margin-bottom:12px;font-size:13px;font-weight:700}.results-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}#replay-bar{border:4px solid var(--cream-dark);pointer-events:auto;z-index:14;background:#281609eb;border-radius:999px;align-items:center;gap:12px;padding:10px 20px;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}#replay-bar input[type=range]{accent-color:#ffb904;width:min(380px,40vw)}#replay-bar button{color:var(--cream);cursor:pointer;background:0 0;border:none;font-family:Rubik,sans-serif;font-size:20px}#replay-bar .speed{color:#ffd9a0;text-align:center;min-width:52px;font-size:13px;font-weight:700}.replay-title{z-index:14;font-size:34px;position:absolute;top:28px;left:50%;transform:translate(-50%)rotate(-2deg)}#prop-picker{border:4px solid var(--cream-dark);pointer-events:auto;z-index:15;background:#281609f2;border-radius:16px;flex-wrap:wrap;gap:8px;width:350px;padding:10px;display:flex;position:absolute}.prop-opt{width:74px;color:var(--cream);text-align:center;cursor:pointer;background:#4d3826;border:3px solid #2a1a0d;border-radius:10px;padding:6px 2px;font-size:10px;font-weight:700}.prop-opt .ico{font-family:Titan One,sans-serif;font-size:20px;display:block}.prop-opt:hover{border-color:#ffb904}.prop-opt.active{background:#6b5028;border-color:#ffb904}.steer-controls{pointer-events:auto;z-index:12;gap:18px;display:flex;position:absolute;bottom:30px;left:30px}.steer-btn{border:5px solid var(--cream);width:108px;height:108px;color:var(--cream);cursor:pointer;text-shadow:-2px -2px #6f2810,2px -2px #6f2810,-2px 2px #6f2810,2px 2px #6f2810;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 35%,#e8743a,#b04a1d 60%,#8a3414);border-radius:50%;outline:4px solid #8a3414;justify-content:center;align-items:center;font-family:Titan One,sans-serif;font-size:40px;line-height:1;transition:transform 60ms,box-shadow 60ms,background 60ms;display:flex;box-shadow:0 7px #2810048c}.steer-btn.held{background:radial-gradient(circle at 50% 35%,#ffd23e,#e8743a 60%,#b04a1d);transform:translateY(4px);box-shadow:0 3px #2810048c}@media (width<=760px){.steer-btn{width:124px;height:124px;font-size:46px}.steer-controls{gap:22px;bottom:24px;left:22px}}#loading{z-index:50;background:linear-gradient(#e8b488,#cf8d57);flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}#loading .bar{border:4px solid var(--choc);background:#b27845;border-radius:999px;width:280px;height:22px;overflow:hidden}#loading .bar .fill{background:var(--red);border-radius:999px;width:0%;height:100%;transition:width .2s}#loading .td-text{font-size:40px}@media (width<=640px){.levels-heading{font-size:30px}#screen-levels{-webkit-overflow-scrolling:touch;justify-content:flex-start;gap:12px;padding:78px 12px 28px;overflow-y:auto}.levels-grid{grid-template-columns:1fr;gap:12px;width:100%;max-width:440px}.level-card{padding:12px 14px}.mode-row .hint{font-size:12px}#setup-bar{gap:8px;bottom:16px;left:12px;transform:none}.setup-btn{border-width:3px;outline-width:2px;width:64px;height:64px;font-size:9px;box-shadow:0 4px #2810048c}.setup-btn .ico{font-size:20px}.setup-btn .val{max-width:58px;font-size:7.5px}#dismount-btn{border-width:4px;outline-width:3px;width:104px;height:104px;font-size:15px;bottom:14px;right:14px;box-shadow:0 6px #2810048c}.hint-text{display:none}#gauge{border-width:3px;width:min(440px,80vw);height:26px;bottom:130px}#replay-bar{gap:7px;max-width:94vw;padding:8px 12px;bottom:18px}#replay-bar input[type=range]{width:34vw}#replay-bar button{font-size:17px}#replay-bar .speed{min-width:34px;font-size:12px}.replay-title{font-size:24px;top:20px}.hud-score .score{font-size:34px}.hud-combo{font-size:22px;top:88px}.results-panel h2{font-size:26px}.results-panel .final-score{font-size:38px}}@media (orientation:landscape) and (height<=520px){#dismount-btn{border-width:4px;outline-width:3px;width:96px;height:96px;font-size:14px;bottom:12px;right:16px}.setup-btn{width:62px;height:62px;font-size:9px}.setup-btn .ico{font-size:19px}#setup-bar{gap:10px;bottom:12px}.hint-text{display:none}#gauge{width:min(360px,42vw);height:24px;bottom:14px}.steer-btn{width:84px;height:84px;font-size:34px}.steer-controls{gap:14px;bottom:12px;left:14px}#screen-levels{-webkit-overflow-scrolling:touch;justify-content:flex-start;padding:64px 16px 20px;overflow-y:auto}.levels-heading{font-size:26px}.title-logo{font-size:46px}}