:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f7f8fb;background:#07111f;font-synthesis:none;--gold: #ffc84a;--gold-2: #ff9b32;--ink: #07111f;--panel: rgba(7, 17, 31, .78);--line: rgba(255, 255, 255, .13)}*{box-sizing:border-box}html,body,#game-shell{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;background:radial-gradient(circle at 50% 10%,#16365c,#07111f 58%)}body{touch-action:none;-webkit-user-select:none;user-select:none}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}#game-shell{position:relative;isolation:isolate}#game-canvas{display:block;width:100%;height:100%;outline:none}.hidden{display:none!important}.overlay{position:absolute;inset:0;z-index:20;display:none;align-items:center;justify-content:space-between;gap:56px;padding:clamp(28px,6vw,88px);background:linear-gradient(90deg,#030911eb,#03091199 47%,#03091126 75%,#0309114d),linear-gradient(0deg,rgba(3,9,17,.75),transparent 40%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.overlay.active{display:flex;animation:overlayIn .28s ease-out both}.overlay.compact{justify-content:center;background:#030911a8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.hero-copy{width:min(680px,60vw);margin-top:5vh}.eyebrow{display:flex;align-items:center;gap:12px;color:#c7d3df;letter-spacing:.25em;font-size:11px;font-weight:800}.eyebrow span{width:34px;height:1px;background:var(--gold);box-shadow:0 0 12px #ffc84aa6}h1{margin:18px 0 16px;font-size:clamp(60px,9vw,132px);line-height:.75;letter-spacing:-.065em;font-weight:1000;text-transform:uppercase;text-shadow:0 8px 36px rgba(0,0,0,.45)}h1 span{color:#fff}h1 em{font-style:normal;color:var(--gold);text-shadow:0 0 28px rgba(255,200,74,.28)}.subtitle{max-width:640px;color:#c4d0db;line-height:1.68;font-size:clamp(14px,1.4vw,18px);margin:24px 0 28px}.feature-row{display:flex;gap:0;margin:0 0 30px}.feature{min-width:106px;padding:0 22px;border-left:1px solid var(--line)}.feature:first-child{padding-left:0;border-left:0}.feature b{display:block;font-size:23px;color:var(--gold);line-height:1.1}.feature span{font-size:9px;letter-spacing:.2em;color:#92a5b7;font-weight:800}.primary-button{min-width:270px;border:0;border-radius:8px;padding:17px 18px 17px 24px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;color:#211807;background:linear-gradient(135deg,#ffd663,#ffae33);box-shadow:0 12px 40px #ffae3338,inset 0 1px #ffffff80;font-weight:950;letter-spacing:.08em;cursor:pointer;transform:translateY(0);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.primary-button:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 16px 46px #ffae334d}.primary-button:active{transform:translateY(1px) scale(.99)}.primary-button kbd{color:#211807b3;border:1px solid rgba(33,24,7,.18);border-radius:4px;padding:4px 7px;font-size:10px}.controls-hint{margin:14px 0 0;color:#6f8498;font-size:11px;letter-spacing:.08em}.mission-card{align-self:flex-end;width:min(350px,30vw);margin-bottom:4vh;border:1px solid rgba(255,255,255,.12);border-radius:13px;overflow:hidden;background:#091626a8;box-shadow:0 22px 70px #00000052;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mission-head,.mission-foot{display:flex;align-items:center;justify-content:space-between;padding:14px 18px}.mission-head{border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.18em;font-weight:900;color:#91a5b8}.mission-head strong{color:var(--gold);font-size:10px}.mission-list{padding:8px 0}.mission{display:flex;gap:14px;align-items:center;padding:12px 18px}.mission+.mission{border-top:1px solid rgba(255,255,255,.055)}.mission-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;color:var(--gold);background:#ffc84a14;border:1px solid rgba(255,200,74,.18)}.mission b,.mission small{display:block}.mission b{font-size:12px;margin-bottom:3px}.mission small{color:#7990a5;font-size:10px}.mission-foot{border-top:1px solid var(--line);justify-content:center;color:#566d82;font-size:8px;letter-spacing:.14em}.hud{position:absolute;inset:0 0 auto;z-index:12;height:110px;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:20px;padding:max(18px,env(safe-area-inset-top)) 22px 0;pointer-events:none;background:linear-gradient(rgba(4,11,21,.58),transparent)}.hud-left,.hud-right{display:flex;align-items:center;gap:9px}.hud-right{justify-content:flex-end}.hud-pill{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 13px;border-radius:9px;border:1px solid rgba(255,255,255,.1);background:#040d1980;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.score-pill{min-width:122px;display:grid;gap:0}.hud-label{font-size:8px;color:#70869a;font-weight:900;letter-spacing:.18em}.hud-pill strong{font-variant-numeric:tabular-nums;font-size:16px;letter-spacing:.04em}.coin-icon{color:var(--gold);font-size:19px;text-shadow:0 0 12px rgba(255,200,74,.7)}.life-pill{min-width:48px;justify-content:center}.life-icon{color:#ff6f77;font-size:14px;text-shadow:0 0 10px rgba(255,111,119,.45)}.life-pill.empty{opacity:.38}.hud-center{min-width:220px;display:grid;place-items:center;gap:4px}.combo{color:var(--gold);font-size:22px;font-weight:1000;font-style:italic;text-shadow:0 0 18px rgba(255,200,74,.35);transform:skew(-7deg)}.distance-track{width:190px;height:3px;background:#ffffff21;overflow:hidden}.distance-track span{display:block;width:0%;height:100%;background:linear-gradient(90deg,#ff9b32,#ffe376);transition:width .2s linear}#distance-value{color:#7f94a8;font-size:9px;letter-spacing:.12em}.powerups{display:flex;gap:7px}.powerup-chip{position:relative;min-width:48px;height:44px;border:1px solid rgba(255,255,255,.12);border-radius:10px;display:grid;place-items:center;align-content:center;gap:0;overflow:hidden;background:#06101ca6}.powerup-chip b{position:relative;z-index:2;font-size:16px;line-height:1}.powerup-chip small{position:relative;z-index:2;margin-top:2px;color:#aebdca;font-size:7px;font-style:normal;font-weight:900;letter-spacing:.04em}.powerup-chip i{position:absolute;inset:auto 0 0;height:var(--life, 100%);background:#ffc84a2e;transition:height .1s linear}.icon-button{width:44px;height:44px;border-radius:9px;border:1px solid rgba(255,255,255,.12);background:#06101ca3;color:#e7eef5;font-weight:900;cursor:pointer;pointer-events:auto}.icon-button:hover{background:#ffffff1f}.mute-button{position:absolute;z-index:40;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:#040d1994;color:#eaf2fa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;box-shadow:0 10px 30px #0000003d}.mute-button[aria-pressed=true]{color:#7d8b98;text-decoration:line-through}.modal-card{width:min(460px,calc(100vw - 36px));text-align:center;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:40px 42px;background:linear-gradient(180deg,#0a1a2cf0,#050e1af0);box-shadow:0 32px 90px #00000075}.modal-kicker{color:var(--gold);font-size:9px;letter-spacing:.25em;font-weight:900}.modal-card h2{margin:8px 0 10px;font-size:clamp(42px,7vw,68px);letter-spacing:-.045em;line-height:.95}.modal-card>p{color:#899caf;line-height:1.6;font-size:13px;margin:0 auto 24px;max-width:320px}.modal-card .primary-button{width:100%;margin-top:8px}.text-button{border:0;background:none;color:#8095a8;margin-top:15px;padding:8px;font-weight:800;font-size:10px;letter-spacing:.12em;cursor:pointer}.text-button:hover{color:#fff}.secondary-button{width:100%;margin-top:10px;border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:14px 18px;background:#ffffff0e;color:#e6eef6;font-size:10px;font-weight:900;letter-spacing:.1em;cursor:pointer}.secondary-button:hover{background:#ffffff1a}.secondary-button:disabled,.primary-button:disabled{opacity:.42;cursor:not-allowed;filter:grayscale(.8)}.revive-wallet{margin:4px 0 14px;color:#768da2;font-size:10px;letter-spacing:.16em}.revive-wallet b{color:var(--gold);font-size:14px}.mission-results{margin:14px 0 4px;border:1px solid rgba(255,255,255,.08);border-radius:10px;overflow:hidden;text-align:left}.mission-results-title{display:block;padding:9px 11px;color:#70869a;font-size:8px;font-weight:900;letter-spacing:.18em;border-bottom:1px solid rgba(255,255,255,.07)}.mission-result{display:grid;grid-template-columns:1fr auto;gap:8px;padding:8px 11px;align-items:center;font-size:10px}.mission-result+.mission-result{border-top:1px solid rgba(255,255,255,.055)}.mission-result b{color:#dce7f1}.mission-result span{color:#7f93a5;font-variant-numeric:tabular-nums}.mission-result.done b,.mission-result.done span{color:var(--gold)}.mission.complete{opacity:.72}.mission.complete .mission-icon{color:#92ffaf;border-color:#92ffaf40;background:#92ffaf14}.score-flash{position:absolute;inset:35% auto auto 50%;z-index:18;transform:translate(-50%,-50%) rotate(-5deg);color:var(--gold);font-size:clamp(34px,6vw,82px);font-weight:1000;font-style:italic;letter-spacing:-.04em;text-shadow:0 0 20px rgba(255,200,74,.65),0 12px 40px rgba(0,0,0,.55);pointer-events:none}.score-flash.pop{display:block!important;animation:scoreFlash .7s ease-out both}@keyframes scoreFlash{0%{opacity:0;transform:translate(-50%,-40%) scale(.55) rotate(-8deg)}25%{opacity:1;transform:translate(-50%,-50%) scale(1.12) rotate(-5deg)}to{opacity:0;transform:translate(-50%,-62%) scale(1) rotate(-3deg)}}.result-score{margin:26px 0 20px;display:grid;gap:2px}.result-score span,.result-grid span{color:#71879b;font-size:9px;font-weight:900;letter-spacing:.16em}.result-score strong{color:var(--gold);font-size:52px;line-height:1;letter-spacing:-.04em}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:18px}.result-grid>div{padding:15px 6px;display:grid;gap:4px}.result-grid>div+div{border-left:1px solid var(--line)}.result-grid b{font-size:15px}.new-best{margin:-4px auto 12px;color:var(--gold);font-size:10px;font-weight:950;letter-spacing:.16em;animation:bestPulse 1s ease-in-out infinite alternate}@keyframes bestPulse{to{filter:drop-shadow(0 0 8px rgba(255,200,74,.65))}}.countdown{position:absolute;inset:50% auto auto 50%;z-index:30;transform:translate(-50%,-50%);color:#fff;font-size:min(28vw,220px);line-height:1;font-weight:1000;text-shadow:0 12px 60px rgba(0,0,0,.6),0 0 50px rgba(255,200,74,.22);animation:countPop .28s ease-out}@keyframes countPop{0%{opacity:.25;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.toast{position:absolute;top:25%;left:50%;z-index:16;transform:translate(-50%);border:1px solid rgba(255,200,74,.24);border-radius:999px;padding:9px 15px;background:#07111fbf;color:#ffe497;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:10px;font-weight:900;letter-spacing:.14em;animation:toastIn .25s ease-out}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,10px)}}.speed-lines{position:absolute;inset:0;z-index:8;pointer-events:none;opacity:0;transition:opacity .5s;background:repeating-linear-gradient(112deg,transparent 0 46px,rgba(255,255,255,.08) 47px,transparent 48px 94px);-webkit-mask-image:linear-gradient(90deg,#000,transparent 22%,transparent 78%,#000);mask-image:linear-gradient(90deg,#000,transparent 22%,transparent 78%,#000);animation:lines .3s linear infinite}.speed-lines.fast{opacity:.2}@keyframes lines{to{background-position:90px 0}}.mobile-controls{position:absolute;inset:auto 0 max(14px,env(safe-area-inset-bottom));z-index:15;display:none;align-items:end;justify-content:space-between;padding:0 18px;pointer-events:none}.mobile-controls>div{display:grid;gap:8px}.mobile-controls button{width:58px;height:58px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:#050f1c66;color:#ffffffb8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:auto;font-size:20px}.mobile-controls button:active{background:#ffc84a33;transform:scale(.96)}@media(max-width:850px){.overlay{padding:28px;justify-content:center;text-align:center}.hero-copy{width:min(600px,100%);margin:0}.eyebrow,.feature-row{justify-content:center}.subtitle{margin-left:auto;margin-right:auto}.mission-card{display:none}.hud{grid-template-columns:1fr auto;padding-left:12px;padding-right:12px}.hud-center{position:absolute;top:70px;left:50%;transform:translate(-50%);min-width:170px}.distance-track{width:135px}.powerups{position:absolute;top:73px;right:12px}.controls-hint{display:none}.mobile-controls{display:flex}}@media(max-width:560px){.overlay{padding:20px}h1{font-size:clamp(54px,18vw,88px)}.subtitle{font-size:13px}.feature{min-width:84px;padding:0 14px}.primary-button{width:min(100%,320px);min-width:0}.modal-card{padding:30px 22px}.score-pill{min-width:96px}.hud-pill{padding:7px 10px}.hud-left,.hud-right{gap:6px}.icon-button{width:40px;height:40px}}@media(pointer:coarse){.mobile-controls{display:flex}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}