*{margin:0;padding:0;box-sizing:border-box}html,body{overflow:hidden;width:100%;height:100%;position:fixed;touch-action:none}body{background:#0a0a12;font-family:Segoe UI,system-ui,sans-serif;color:#e8e8f0;-webkit-user-select:none;user-select:none}canvas{display:block}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}#hud{position:absolute;top:20px;left:20px;right:20px;display:flex;flex-direction:column;gap:8px;opacity:0;transition:opacity .5s;pointer-events:none}.hud-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:10px;width:100%}.hud-side{display:flex;align-items:stretch;min-width:0}.hud-side-left{justify-content:flex-start}.hud-side-right{justify-content:flex-end;gap:10px;pointer-events:none}.hud-center{justify-self:center}.hud-pause-btn{pointer-events:all;align-self:stretch;width:4.5rem;min-width:4.5rem;min-height:44px;height:auto;padding:0;border-radius:12px;font-size:1.1rem;letter-spacing:0;background:#0a0a14bf;border:1px solid rgba(120,100,200,.35);box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);line-height:1;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.hud-pause-btn:hover{background:#1e1932e6;transform:scale(1.05);box-shadow:0 0 16px #7864c840}#hud.visible{opacity:1}.hud-item{background:#0a0a14bf;border:1px solid rgba(120,100,200,.3);border-radius:12px;padding:12px 20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;justify-content:flex-start}.hud-value{font-size:28px;font-weight:700;color:#a8f0ff;line-height:1;display:inline-flex;align-items:baseline;justify-content:center;gap:0;white-space:nowrap;flex:0 0 auto;min-height:1em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}#score,.hud-unit{font:inherit;color:inherit}.hud-item.hud-distance,.hud-item.danger{align-items:center;text-align:center}.hud-item.hud-distance{flex:0 0 auto}.hud-item.hud-distance .hud-value{width:100%}.hud-item.hud-distance .label,.hud-item.danger .label{width:100%;text-align:center}.hud-item.danger #danger-bar{width:100%;margin-top:8px;align-self:center;flex:0 0 auto}.hud-item .label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:2px;color:#88a;margin-bottom:4px}.hud-item.danger{flex:0 0 auto;width:10rem;min-width:10rem;max-width:10rem}#coin-count{font-size:28px;font-weight:700;color:#ffd866;text-shadow:0 0 12px rgba(255,200,60,.35);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;display:inline-block;min-width:4ch;text-align:center}.hud-item.coins{border-color:#ffbe3c59}.hud-coin-chip{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:44px;width:4.5rem;min-width:4.5rem;flex:0 0 auto;padding:8px 10px;pointer-events:none;text-align:center;box-sizing:border-box}.hud-coin-chip .label{margin-bottom:4px}.hud-coin-chip #coin-count{display:block;width:100%;font-size:24px;line-height:1;text-align:center}#danger-bar{width:100%;min-width:80px;height:12px;background:#281414cc;border-radius:6px;overflow:hidden;border:1px solid rgba(200,60,60,.4)}#danger-fill{height:100%;width:0%;background:linear-gradient(90deg,#f44,#f84);transition:width .15s ease-out;box-shadow:0 0 8px #ff503c99}.booster-hud{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch;width:100%}.booster-hud:not(:has(.booster-chip.active)){display:none}.booster-chip{display:none;align-items:center;gap:8px;background:#0a0a14bf;border:1px solid rgba(120,100,200,.3);border-radius:12px;padding:8px 12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:12px;letter-spacing:.5px}.booster-chip.active{display:flex}.booster-chip.ghost.active{border-color:#64dcff8c;color:#aaf5ff}.booster-chip.jump.active{border-color:#8cff648c;color:#cf9}.booster-chip.speed.active{border-color:#ffaa508c;color:#fc8}.booster-chip .booster-time{font-weight:700;font-variant-numeric:tabular-nums}.speed-fx{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:8;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s;background:radial-gradient(ellipse 95% 80% at 50% 45%,transparent 38%,rgba(255,120,50,.1) 65%,rgba(255,80,25,.26) 100%)}.speed-fx:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 50px #ffa0462e,inset 0 0 100px #ff6e281a}.speed-fx.visible{visibility:visible;opacity:.72}.speed-fx.visible.flash{animation:none;opacity:.92;transition:opacity .12s ease-out}.speed-fx.visible:not(.flash){animation:speedFxPulse 1.35s ease-in-out infinite}.speed-fx.hidden{opacity:0;visibility:hidden;animation:none}@keyframes speedFxPulse{0%,to{opacity:.58;filter:brightness(1)}50%{opacity:.82;filter:brightness(1.06)}}.ghost-fx{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:8;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s;background:radial-gradient(ellipse 95% 80% at 50% 45%,transparent 38%,rgba(100,200,255,.1) 65%,rgba(70,140,255,.24) 100%)}.ghost-fx:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 50px #78d2ff2e,inset 0 0 100px #50a0ff1a}.ghost-fx.visible{visibility:visible;opacity:.7}.ghost-fx.visible.flash{animation:none;opacity:.9;transition:opacity .12s ease-out}.ghost-fx.visible:not(.flash){animation:ghostFxPulse 1.5s ease-in-out infinite}.ghost-fx.hidden{opacity:0;visibility:hidden;animation:none}@keyframes ghostFxPulse{0%,to{opacity:.55;filter:brightness(1)}50%{opacity:.8;filter:brightness(1.05)}}.jump-fx{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:8;opacity:0;visibility:hidden;overflow:hidden;transition:opacity .35s ease,visibility .35s}.jump-fx:before{content:"";position:absolute;left:-5%;right:-5%;bottom:0;height:58%;transform:translateY(12%);background:linear-gradient(to top,rgba(90,255,120,.38) 0%,rgba(140,255,100,.2) 38%,rgba(100,220,90,.08) 68%,transparent 100%)}.jump-fx:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 110% 45% at 50% 100%,rgba(120,255,150,.22) 0%,rgba(80,200,100,.08) 45%,transparent 72%)}.jump-fx.visible{visibility:visible;opacity:.78}.jump-fx.visible.flash{animation:none;opacity:.95;transition:opacity .1s ease-out}.jump-fx.visible.flash:before{animation:jumpFxWaveBurst .42s cubic-bezier(.22,1,.36,1) forwards}.jump-fx.visible:not(.flash):before{animation:jumpFxWavePulse 1.45s ease-in-out infinite}.jump-fx.hidden{opacity:0;visibility:hidden;animation:none}.jump-fx.hidden:before{animation:none}@keyframes jumpFxWaveBurst{0%{transform:translateY(45%) scaleY(.55);opacity:.2}to{transform:translateY(0) scaleY(1);opacity:1}}@keyframes jumpFxWavePulse{0%,to{transform:translateY(4%) scaleY(.94);opacity:.72}50%{transform:translateY(-2%) scaleY(1.05);opacity:.92}}.story-toast{position:fixed;left:50%;bottom:clamp(5.5rem,18vh,7.5rem);transform:translate(-50%) translateY(12px);z-index:9;width:min(92vw,22rem);padding:.85rem 1.1rem 1rem;border-radius:14px;pointer-events:none;text-align:center;opacity:0;visibility:hidden;background:linear-gradient(165deg,#180c2af0,#080612f5);border:1px solid rgba(255,100,130,.35);box-shadow:0 12px 40px #00000073,0 0 24px #ff3c5a1f;transition:opacity .35s ease,visibility .35s ease,transform .35s ease}.story-toast.visible{opacity:1;visibility:visible;transform:translate(-50%) translateY(0);animation:storyToastPulse 4.5s ease-in-out}.story-toast.hidden{opacity:0;visibility:hidden}.story-toast-milestone{margin:0 0 .35rem;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#ff7896eb}.story-toast-text{margin:0;font-size:clamp(.92rem,3.4vw,1.02rem);line-height:1.45;color:#f5f0fff0}@keyframes storyToastPulse{0%,to{box-shadow:0 12px 40px #00000073,0 0 24px #ff3c5a1f}50%{box-shadow:0 14px 44px #00000080,0 0 32px #ff3c5a38}}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#140a28eb,#05050ff7);pointer-events:all;text-align:center;padding:20px}.overlay.hidden{display:none}.hidden{display:none!important}.overlay h1{font-size:clamp(2rem,6vw,3.5rem);font-weight:800;letter-spacing:4px;color:#f46;text-shadow:0 0 40px rgba(255,50,80,.5);margin-bottom:12px}#start-screen h1{animation:titleEnter .9s cubic-bezier(.22,1,.36,1) both,titleGlow 2.4s ease-in-out .9s infinite,titleShake 4s ease-in-out 1.5s infinite}@keyframes titleEnter{0%{opacity:0;transform:translateY(-28px) scale(.88);letter-spacing:12px;filter:blur(6px)}to{opacity:1;transform:translateY(0) scale(1);letter-spacing:4px;filter:blur(0)}}@keyframes titleGlow{0%,to{color:#f46;text-shadow:0 0 20px rgba(255,50,80,.45),0 0 50px rgba(255,30,60,.25)}50%{color:#f68;text-shadow:0 0 35px rgba(255,60,90,.85),0 0 70px rgba(255,30,60,.45),0 0 100px rgba(180,0,40,.2)}}@keyframes titleShake{0%,88%,to{translate:0 0}90%{translate:-3px 0}92%{translate:3px 0}94%{translate:-2px 0}96%{translate:2px 0}}.overlay .subtitle{font-size:1.1rem;color:#99b;margin-bottom:12px;max-width:400px;line-height:1.6}.best-score{font-size:.95rem;color:#8cf;margin-bottom:16px;min-height:1.2em}.leaderboard-panel{position:absolute;top:20px;right:20px;width:min(240px,42vw);background:#0a0a14d1;border:1px solid rgba(120,100,200,.35);border-radius:12px;padding:14px 16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:left;pointer-events:none}.leaderboard-title{font-size:.72rem;text-transform:uppercase;letter-spacing:2px;color:#88a;margin-bottom:10px;text-align:center}.leaderboard-list{list-style:none;display:flex;flex-direction:column;gap:8px}.leaderboard-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.85rem;color:#cce}.leaderboard-list .rank{color:#88a;min-width:1.55em;text-align:center;flex-shrink:0}.leaderboard-list .rank-medal{display:inline-flex;align-items:center;justify-content:center;width:1.55em;height:1.55em;min-width:1.55em;border-radius:50%;font-size:.78rem;font-weight:700;line-height:1}.leaderboard-list .rank-medal-1{color:#3d2a00;background:linear-gradient(145deg,#ffe066,gold 45%,#c9a012);border:1px solid rgba(255,220,80,.85);box-shadow:0 0 10px #ffd70059}.leaderboard-list .rank-medal-2{color:#2a2a32;background:linear-gradient(145deg,#f4f4f8,#c8c8d4 50%,#9898a8);border:1px solid rgba(220,220,235,.75);box-shadow:0 0 8px #c0c0d24d}.leaderboard-list .rank-medal-3{color:#2a1808;background:linear-gradient(145deg,#e8a86a,#cd7f32 50%,#a86428);border:1px solid rgba(205,127,50,.75);box-shadow:0 0 8px #cd7f3247}.leaderboard-list .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-list .dist{color:#a8f0ff;font-weight:700;font-variant-numeric:tabular-nums}.leaderboard-list--placeholder .leaderboard-placeholder{opacity:.72}.leaderboard-list--placeholder .leaderboard-placeholder .name,.leaderboard-list--placeholder .leaderboard-placeholder .dist{color:#779;font-weight:500}.leaderboard-msg{font-size:.82rem;color:#668}.leaderboard-error{color:#a66;text-align:center}.menu-corner-btn{position:absolute;top:20px;left:20px;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;font-size:.82rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#ffd866;background:#0a0a14d1;border:1px solid rgba(255,216,102,.35);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 18px #ffd8661f;cursor:pointer;transition:background .2s,border-color .2s,transform .15s}.menu-corner-btn:hover{background:#1e180aeb;border-color:#ffd8668c;transform:translateY(-1px)}.shop-open-icon{font-size:1rem;opacity:.9}.start-screen-top-right{position:absolute;top:20px;right:20px;z-index:2;display:flex;flex-direction:row;align-items:flex-start;gap:12px}.start-screen-top-right .leaderboard-panel{position:static;top:auto;right:auto;flex-shrink:0}.start-screen-top-right .start-audio-toggles{margin:0;flex-shrink:0}.shop-modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:20px}.shop-modal.hidden{display:none}.shop-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:none;background:#04040cb8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer}.shop-panel{position:relative;z-index:1;width:min(780px,96vw);max-height:min(88vh,640px);overflow-y:auto;padding:22px 20px 20px;background:#0a0a14f0;border:1px solid rgba(120,100,200,.45);border-radius:16px;box-shadow:0 0 40px #50287859,inset 0 1px #ffffff0a;text-align:left;animation:shopPanelIn .28s cubic-bezier(.22,1,.36,1) both}@keyframes shopPanelIn{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.shop-header{position:relative;margin-bottom:16px}.shop-heading{text-align:center;padding:0 40px}.shop-title{font-size:1.35rem;letter-spacing:2px;color:#ffd866;text-shadow:0 0 20px rgba(255,216,102,.25);margin-bottom:6px}.shop-close-btn{position:absolute;top:0;right:0;width:36px;height:36px;min-width:36px;padding:0;border-radius:50%;font-size:1.4rem;line-height:1;color:#aac;background:#ffffff0a;border:1px solid rgba(120,100,200,.35);box-shadow:none}.shop-close-btn:hover{color:#f68;background:#ff44661f;border-color:#ff446673}.shop-subtitle{font-size:.88rem;color:#88a;margin-bottom:0;line-height:1.45}.shop-balance{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;margin-bottom:16px;border-radius:12px;background:#ffd86614;border:1px solid rgba(255,216,102,.22)}.shop-balance-label{font-size:.75rem;text-transform:uppercase;letter-spacing:1.5px;color:#88a}.shop-balance-value{font-size:1.25rem;font-weight:700;color:#ffd866;font-variant-numeric:tabular-nums}.shop-items{display:flex;flex-direction:row;align-items:stretch;gap:12px}.shop-item{flex:1;min-width:0;display:flex;flex-direction:column;padding:14px 12px;border-radius:12px;background:#ffffff08;border:1px solid rgba(120,100,200,.25)}.shop-item.ghost{border-color:#64dcff59;background:#64dcff0d}.shop-item.jump{border-color:#8cff6459;background:#8cff640d}.shop-item.speed{border-color:#ffaa5059;background:#ffaa500d}.shop-item-name{display:flex;align-items:baseline;justify-content:space-between;gap:8px;width:100%;font-size:.95rem;letter-spacing:.5px;margin-bottom:8px;line-height:1.3}.shop-item.ghost .shop-item-name{color:#aaf5ff}.shop-item.jump .shop-item-name{color:#cf9}.shop-item.speed .shop-item-name{color:#fc8}.shop-item-level{margin-left:auto;flex-shrink:0;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:#88a}.shop-item-desc{font-size:.78rem;color:#99b;margin-bottom:auto;padding-bottom:10px;line-height:1.4;flex:1}.shop-item-stat{font-size:1.05rem;font-weight:700;color:#e8e8f0;margin-bottom:12px;font-variant-numeric:tabular-nums}.shop-item-stat:after{content:" süre";font-size:.72rem;font-weight:400;color:#88a;margin-left:2px}.shop-upgrade-btn{width:100%;padding:10px 8px;font-size:.75rem;border-radius:50px;color:#ffd866;background:#ffd8661a;border:1px solid rgba(255,216,102,.35);box-shadow:none;margin-top:auto}.shop-upgrade-btn:hover:not(:disabled){background:#ffd8662e;border-color:#ffd8668c;transform:translateY(-1px)}.shop-upgrade-btn:disabled{opacity:.45;cursor:not-allowed;color:#889;border-color:#7864c840;background:#ffffff08}.player-name-field{margin-bottom:20px;display:flex;flex-direction:column;align-items:center;gap:8px}.player-name-field label{font-size:.72rem;text-transform:uppercase;letter-spacing:2px;color:#88a}#player-name{pointer-events:all;width:min(280px,80vw);padding:12px 18px;border-radius:12px;border:1px solid rgba(120,100,200,.45);background:#141428d9;color:#e8e8f0;font-size:1rem;text-align:center;outline:none}#player-name:focus{border-color:#a8f0ff99;box-shadow:0 0 16px #7864ff40}#player-name.invalid{border-color:#ff6478a6}.player-name-error{font-size:.82rem;color:#f88;max-width:280px}.final-coins{margin:-8px 0 16px;font-size:18px;color:#ffd866;letter-spacing:.5px}.game-over-panel{display:flex;flex-direction:column;align-items:center;width:min(92vw,22rem);animation:gameOverPanelIn .45s cubic-bezier(.22,1,.36,1) both}#game-over-screen h1{margin-bottom:18px}.game-over-stats{width:100%;display:flex;flex-direction:column;gap:8px;margin:0 0 24px;padding:12px;background:#0a0a14d1;border:1px solid rgba(120,100,200,.35);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 12px 40px #00000059,inset 0 1px #ffffff0a}.game-over-stat{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;background:#120e20b8;border:1px solid rgba(100,80,160,.22)}.game-over-stat-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:#88a}.game-over-stat-value{font-size:1.35rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.stat-distance .game-over-stat-value{color:#a8f0ff;text-shadow:0 0 16px rgba(120,220,255,.25)}.stat-coins .game-over-stat-value{color:#ffd866;text-shadow:0 0 14px rgba(255,200,60,.3)}.stat-record .game-over-stat-value{color:#c8b8ff;text-shadow:0 0 14px rgba(160,130,255,.22)}@keyframes gameOverPanelIn{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.game-over-buttons{display:flex;flex-direction:column;gap:14px;align-items:center;width:100%}.game-over-score-msg{margin:0 0 4px;font-size:.9rem;color:#b4dcb4eb;text-align:center}.game-over-score-msg--error{color:#ffaa8cf2}.game-over-score-msg.hidden{display:none}#final-score,#best-score-gameover{margin:0}.controls-info{background:#14142899;border:1px solid rgba(100,80,180,.25);border-radius:12px;padding:24px 28px;margin-bottom:32px;text-align:left;color:#aac;font-size:.95rem;display:flex;flex-direction:column;gap:14px}kbd{display:inline-block;background:#3c326480;border:1px solid rgba(120,100,200,.4);border-radius:4px;padding:2px 8px;font-family:inherit;font-size:.85rem;color:#cce}.mobile-controls{display:none}.mobile-controls-title{font-size:1.2rem;font-weight:800;color:#fc6;letter-spacing:.1em;text-transform:uppercase;text-align:center;text-shadow:0 0 14px rgba(255,204,102,.4)}.mobile-hint-list{list-style:none;margin:0;padding:0;font-size:.85rem;color:#88a;line-height:1.65;text-align:center}.mobile-hint-action{color:#aac;font-weight:600}button{pointer-events:all;background:linear-gradient(135deg,#f46,#c24);border:none;border-radius:50px;padding:16px 48px;font-size:1.2rem;font-weight:700;letter-spacing:3px;color:#fff;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 30px #ff325066}button:hover{transform:scale(1.05);box-shadow:0 6px 40px #ff325099}button:active{transform:scale(.98)}.btn-secondary{background:transparent;border:2px solid rgba(255,100,120,.5);box-shadow:none}.btn-secondary:hover{background:#ff325026;box-shadow:0 0 24px #ff325033}button.menu-corner-btn{padding:10px 16px;font-size:.82rem;font-weight:600;letter-spacing:1px;color:#ffd866;background:#0a0a14d1;border:1px solid rgba(255,216,102,.35);border-radius:12px;box-shadow:0 0 18px #ffd8661f}button.menu-corner-btn:hover{background:#1e180aeb;border-color:#ffd8668c;transform:translateY(-1px);box-shadow:0 0 22px #ffd8662e}button.shop-upgrade-btn{width:100%;padding:10px 8px;font-size:.75rem;letter-spacing:.3px;font-weight:600;border-radius:50px;color:#ffd866;background:#ffd8661a;border:1px solid rgba(255,216,102,.35);box-shadow:none}button.shop-upgrade-btn:hover:not(:disabled){background:#ffd8662e;border-color:#ffd8668c;transform:translateY(-1px);box-shadow:none}button.shop-upgrade-btn:disabled{opacity:.45;cursor:not-allowed;color:#889;border-color:#7864c840;background:#ffffff08}button.shop-close-btn{position:absolute;top:0;right:0;width:36px;height:36px;min-width:36px;padding:0;border-radius:50%;font-size:1.4rem;line-height:1;letter-spacing:0;font-weight:400;color:#aac;background:#ffffff0a;border:1px solid rgba(120,100,200,.35);box-shadow:none}button.shop-close-btn:hover{color:#f68;background:#ff44661f;border-color:#ff446673;transform:none;box-shadow:none}button.shop-backdrop{padding:0;border-radius:0;background:#04040cb8;box-shadow:none;border:none}button.shop-backdrop:hover{transform:none;box-shadow:none}.pause-title{font-size:clamp(1.8rem,5vw,2.8rem);color:#a8b0ff;text-shadow:0 0 30px rgba(120,100,255,.4);animation:none;margin-bottom:36px}.pause-screen-top-right{position:absolute;top:20px;right:20px;z-index:2}#pause-screen .pause-hint{position:absolute;top:20px;left:20px;z-index:2;margin:0;font-size:.85rem;color:#88a;text-align:left}#pause-screen .pause-audio-toggles{margin:0;gap:8px;flex-wrap:nowrap}#pause-screen .pause-audio-toggles .audio-toggle{min-width:0;padding:10px 12px;font-size:.72rem;border-radius:12px;border-width:1px;border-color:#7864ff59;box-shadow:0 0 18px #7864ff1f;background:#0a0a14d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);gap:2px;letter-spacing:0}#pause-screen .pause-audio-toggles .audio-toggle .audio-toggle-label{font-size:.68rem;font-weight:600;letter-spacing:.8px;text-transform:uppercase}#pause-screen .pause-audio-toggles .audio-toggle .audio-toggle-state{font-size:.62rem}#pause-screen .pause-audio-toggles .audio-toggle:hover{transform:translateY(-1px)}.pause-buttons{display:flex;flex-direction:column;gap:14px;align-items:center}.audio-toggles{display:flex;gap:12px;justify-content:center;margin-bottom:24px;flex-wrap:wrap}#start-screen .start-audio-toggles{margin:0}@media(min-width:601px){#start-screen{--menu-corner-btn-width: 7.75rem}#start-screen .menu-corner-btn{width:var(--menu-corner-btn-width);justify-content:center;box-sizing:border-box}.start-screen-top-right .start-audio-toggles{gap:8px;flex-wrap:nowrap}.start-screen-top-right .start-audio-toggles .audio-toggle{width:var(--menu-corner-btn-width);min-width:var(--menu-corner-btn-width);box-sizing:border-box;justify-content:center;padding:10px 16px;font-size:.82rem;border-radius:12px;border-width:1px;border-color:#7864ff59;box-shadow:0 0 18px #7864ff1f;background:#0a0a14d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);gap:2px;letter-spacing:0}.start-screen-top-right .start-audio-toggles .audio-toggle .audio-toggle-label{font-size:.68rem;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.start-screen-top-right .start-audio-toggles .audio-toggle .audio-toggle-state{font-size:.62rem}.start-screen-top-right .start-audio-toggles .audio-toggle:hover{transform:translateY(-1px)}#pause-screen{--menu-corner-btn-width: 7.75rem}#pause-screen .pause-audio-toggles .audio-toggle{width:var(--menu-corner-btn-width);min-width:var(--menu-corner-btn-width);box-sizing:border-box;justify-content:center;padding:10px 16px;font-size:.82rem}}.audio-toggle{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:120px;padding:12px 18px;font-size:.9rem;background:#141428d9;border:2px solid rgba(120,100,255,.45);box-shadow:0 0 20px #7864ff26}.audio-toggle .audio-toggle-label{font-weight:700;letter-spacing:.04em}.audio-toggle .audio-toggle-state{font-size:.78rem;color:#8ca;font-weight:400}.audio-toggle.is-off{border-color:#ff647859;box-shadow:none;opacity:.75}.audio-toggle.is-off .audio-toggle-state{color:#866}.audio-toggle:hover{background:#281e3ce6}@media(max-width:600px){#hud{top:max(10px,env(safe-area-inset-top,0px));left:max(10px,env(safe-area-inset-left,0px));right:max(10px,env(safe-area-inset-right,0px));gap:6px}.hud-top,.hud-side-right{gap:6px}.hud-coin-chip{display:none!important}.hud-item{padding:8px 10px;border-radius:10px}.hud-item.hud-distance{flex:0 0 6.15rem;width:6.15rem}.hud-item.danger{width:9rem;min-width:9rem;max-width:9rem}.hud-item .label,.hud-coin-chip .label{font-size:9px;letter-spacing:1px;margin-bottom:2px}.hud-value{min-height:20px;font-size:20px}.hud-item.danger #danger-bar{height:10px;min-height:10px;margin-top:5px}#coin-count{min-width:4ch;font-size:20px}.hud-pause-btn{width:3.6rem;min-width:3.6rem;border-radius:10px;font-size:1rem}#danger-bar{height:10px;min-width:0}.booster-hud{gap:6px}.booster-chip{padding:6px 10px;font-size:11px;border-radius:10px}#pause-screen .pause-hint{display:none}#pause-screen .pause-screen-top-right{top:max(16px,env(safe-area-inset-top,0px));right:max(16px,env(safe-area-inset-right,0px))}.start-screen-top-right{display:contents}.menu-corner-btn{position:absolute;top:max(16px,env(safe-area-inset-top,0px));left:max(16px,env(safe-area-inset-left,0px));z-index:3;margin:0;order:unset}#start-screen .start-audio-toggles{position:absolute;top:max(16px,env(safe-area-inset-top,0px));right:max(16px,env(safe-area-inset-right,0px));left:auto;z-index:3;margin:0;gap:8px;flex-wrap:nowrap}#start-screen .start-audio-toggles .audio-toggle,#pause-screen .pause-audio-toggles .audio-toggle{width:4.45rem;min-width:4.45rem;flex:0 0 4.45rem;justify-content:center;box-sizing:border-box;padding:10px 8px;font-size:.72rem;border-radius:12px;border-width:1px;border-color:#7864ff59;box-shadow:0 0 18px #7864ff1f;background:#0a0a14d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);gap:2px;letter-spacing:0}#start-screen .start-audio-toggles .audio-toggle-label,#pause-screen .pause-audio-toggles .audio-toggle .audio-toggle-label{font-size:.68rem;font-weight:600;letter-spacing:.8px;text-transform:uppercase}#start-screen .start-audio-toggles .audio-toggle-state,#pause-screen .pause-audio-toggles .audio-toggle .audio-toggle-state{font-size:.62rem}#start-screen .start-audio-toggles .audio-toggle:hover,#pause-screen .pause-audio-toggles .audio-toggle:hover{transform:translateY(-1px)}.leaderboard-panel{position:static;top:auto;right:auto;left:auto;width:min(100%,320px);max-width:320px;margin:8px auto 16px;padding:12px 14px;z-index:1}.leaderboard-list{gap:5px}.leaderboard-list li{font-size:.8rem}#start-screen #start-btn{margin-top:4px;margin-bottom:8px}#start-screen #best-score{margin-top:0;margin-bottom:16px;font-size:.88rem}#start-screen{justify-content:flex-start;overflow-y:auto;padding-top:16px;padding-bottom:24px}#start-screen h1{margin-top:calc(max(16px,env(safe-area-inset-top,0px)) + 48px);margin-bottom:8px}#start-screen .subtitle{margin-bottom:12px}.controls-info kbd{display:none}.controls-info>div:not(.mobile-controls){display:none}.mobile-controls{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.mobile-controls-title{font-size:1.35rem}.shop-panel{width:min(420px,94vw);padding:18px 14px 16px}.shop-items{flex-direction:column}.shop-item-desc{margin-bottom:10px;flex:none}.game-over-panel{width:min(94vw,20rem)}#game-over-screen h1{font-size:clamp(1.65rem,7vw,2.2rem);margin-bottom:14px}.game-over-stats{padding:10px;gap:6px;margin-bottom:20px}.game-over-stat{padding:10px 12px}.game-over-stat-value{font-size:1.2rem}}
