.city-select__list{display:grid;gap:12px}.city-select__button{width:100%;text-align:center}.screen__subtitle{margin-top:6px;color:var(--muted)}.character-select__list,.character-select__list.card{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.character-select header{text-align:center}.character-select__button{width:100%;text-align:center;border:none;border-radius:14px;background:var(--panel);color:var(--text);padding:10px;display:flex;flex-direction:column;gap:10px;align-items:center;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.character-select__button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #00000040}.character-select__thumb{width:100%;height:110px;border-radius:12px;background:#0f141d;display:grid;place-items:center;overflow:hidden}.character-select__thumb img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.character-select__thumb-fallback{color:var(--muted);font-size:13px}.character-select__name{font-weight:600;font-size:14px;font-family:"Press Start 2P",Inter,system-ui,-apple-system,sans-serif;letter-spacing:.5px}.game-area{position:relative;touch-action:none}.background-dimmer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:#06080a2e;backdrop-filter:blur(var(--bg-blur, 0px)) saturate(var(--bg-saturation, .75)) brightness(var(--bg-brightness, .95));-webkit-backdrop-filter:blur(var(--bg-blur, 0px)) saturate(var(--bg-saturation, .75)) brightness(var(--bg-brightness, .95))}.touch-controls{position:absolute;left:16px;right:16px;bottom:64px;display:flex;justify-content:space-between;gap:8px;pointer-events:none;z-index:20}.touch-controls .touch-button{pointer-events:auto}.touch-controls .touch-button.retro{width:110px;height:72px;border-radius:12px;background:linear-gradient(180deg,#84f0ff,#3acfff);border:3px solid rgba(0,0,0,.25);color:#06131a;font-family:"Press Start 2P",monospace;font-size:28px;letter-spacing:.5px;display:grid;place-items:center;box-shadow:0 8px #00000073,inset 0 -6px #ffffff14;-webkit-font-smoothing:none;text-shadow:none}.power-up-status{position:absolute;top:12px;left:50%;transform:translate(-50%);padding:6px 12px;background:#161b25b3;color:#fff;border-radius:8px;font-family:"Press Start 2P",monospace;font-size:12px;letter-spacing:.5px;text-transform:uppercase;z-index:25;pointer-events:none;white-space:nowrap}.power-up-status.is-timed{animation:powerUpBannerTilt 2.2s ease-in-out infinite}.power-up-status.is-ending{animation:powerUpEndingFlash .9s ease-in-out 3}.touch-controls.debug .touch-button{outline:3px solid rgba(255,255,255,.6);box-shadow:0 8px #0000008c}@media(max-width:420px){.touch-controls .touch-button.retro{width:92px;height:68px;font-size:24px}}.touch-button.retro:active{transform:translateY(2px);box-shadow:0 4px #0009,inset 0 -4px #ffffff05}.touch-button.retro.jump{background:linear-gradient(180deg,#3a6cff,#1234b3);border-color:#c8dcff14}.touch-button.retro.slide{background:linear-gradient(180deg,#ff6a3a,#b33a12);border-color:#ffdcc814}@media(pointer:coarse),(max-width:900px){.touch-controls{display:flex}}@media(pointer:fine)and (min-width:901px){.touch-controls{display:none}}.ground{position:absolute;left:0;right:0;height:2px;background:var(--ground-fill, #2e3544);box-shadow:none;z-index:4}.horizon{position:absolute;left:0;right:0;height:1px;background:transparent;z-index:3}.horizon-fill{position:absolute;left:0;right:0;background:transparent;z-index:1}.character-rect,.enemy-rect{position:absolute;border-radius:6px;will-change:transform;z-index:5}.game-over{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#080a0eb8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:6}.pause{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#080a0e80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:6}.pause[hidden]{display:none}.pause__content{background:#161b25;border-radius:12px;padding:18px;text-align:center;display:grid;gap:10px}.game-over[hidden]{display:none}.game-over__content{background:#161b25;border-radius:16px;padding:20px;text-align:center;display:grid;gap:10px;transform:translateY(-35px)}.game-over__actions{display:grid;gap:10px}.button--ghost{background:transparent;color:var(--text);border:1px solid rgba(255,255,255,.2)}.hit-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#ff323280;pointer-events:none;z-index:10;animation:flashFade .3s ease-out}@keyframes flashFade{0%{opacity:1;background:#ff323299}50%{opacity:.8;background:#ff323266}to{opacity:0;background:#ff323200}}@keyframes screenShake{0%,to{transform:translate(0)}10%{transform:translate(-2px,1px)}20%{transform:translate(2px,-1px)}30%{transform:translate(-1.5px,-1.5px)}40%{transform:translate(1.5px,1.5px)}50%{transform:translate(-1px,1px)}60%{transform:translate(1px,-1px)}70%{transform:translate(-.5px,.5px)}80%{transform:translate(.5px,-.5px)}90%{transform:translate(-.5px)}}.score-form{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.score-form input{flex:1;background:#0006;border:2px solid rgba(255,255,255,.15);border-radius:6px;padding:10px 12px;color:#fff;font-family:inherit;font-size:14px;text-transform:uppercase;outline:none;transition:border-color .2s}.score-form input:focus{border-color:var(--accent)}.score-form input::placeholder{color:var(--muted);opacity:1}#submit-score{background:#4ade80;border-color:#4ade8099;color:#072117}#submit-score:hover{transform:translateY(-1px)}#submit-score:active{transform:translateY(0);opacity:.95}.button.button--ready,#submit-score.button--ready{background:#4ade80;border-color:#4ade8099;color:#072117}#submit-score:disabled{opacity:.6;cursor:not-allowed}.score-status{font-size:12px;padding:6px;border-radius:4px;margin-bottom:8px}.score-status.success{color:#4ade80;background:#4ade801a}.score-status.error{color:#ef4444;background:#ef44441a}.leaderboard-modal{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#080a0ed9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:30}.leaderboard-modal[hidden]{display:none}.leaderboard__content{background:#161b25;border:2px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;width:90%;max-width:400px;display:flex;flex-direction:column;gap:16px;max-height:calc(100vh - 80px);overflow:hidden;box-shadow:0 16px 32px #00000080}.leaderboard__content h2{text-align:center;color:var(--accent);margin-bottom:8px;font-size:18px}#leaderboard-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;overflow-y:auto;max-height:calc(100vh - 180px)}@media(max-width:420px){.leaderboard__content{padding:12px;max-width:360px;gap:8px}.leaderboard__content h2{font-size:16px}#leaderboard-list{gap:4px;max-height:none;overflow-y:visible}#leaderboard-list li{padding:6px 8px;gap:6px;font-size:9px}#leaderboard-list li .rank{font-size:7px;min-width:16px}#leaderboard-list li .name-wrap{mask-image:linear-gradient(to right,#000 80%,transparent 100%);-webkit-mask-image:linear-gradient(to right,#000 80%,transparent 100%)}#leaderboard-list li .name{font-size:9px}#leaderboard-list li .score{font-size:10px}}#leaderboard-list li{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff08;border-radius:6px;font-size:10px}#leaderboard-list li .rank{color:var(--muted);font-size:8px;min-width:18px}#leaderboard-list li .name-wrap{flex:1;overflow:hidden;white-space:nowrap;position:relative;mask-image:linear-gradient(to right,#000 85%,transparent 100%);-webkit-mask-image:linear-gradient(to right,#000 85%,transparent 100%)}#leaderboard-list li .name{display:inline-block;text-transform:uppercase;font-size:10px}#leaderboard-list li .name.is-scrolling{animation-name:scroll-name;animation-duration:var(--scroll-duration, 4s);animation-timing-function:linear;animation-iteration-count:infinite;padding-right:16px;will-change:transform}@keyframes scroll-name{0%{transform:translate(0)}to{transform:translate(var(--scroll-translate, -40px))}}#leaderboard-list li .score{color:#fff;font-weight:700;font-size:12px}#leaderboard-list li.is-new{box-shadow:0 6px 20px #4ade8014;border-radius:6px}#leaderboard-list li.is-new .name{color:#e7ffef}#leaderboard-list::-webkit-scrollbar{width:6px}#leaderboard-list::-webkit-scrollbar-track{background:#0003;border-radius:3px}#leaderboard-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.parallax{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.parallax-landmark{position:absolute;filter:saturate(var(--bg-saturation, .6)) contrast(.98) brightness(var(--bg-brightness, .92));z-index:0}.parallax-landmark img{width:100%;height:100%;object-fit:contain;image-rendering:auto}.power-up-box{position:absolute;border-radius:6px;border:2px solid rgba(255,255,255,.6);will-change:transform,opacity,box-shadow;z-index:2;display:flex;align-items:center;justify-content:center;animation:powerUpPulse 1s ease-in-out infinite}.power-up-icon{font-size:18px;filter:drop-shadow(0 0 2px rgba(0,0,0,.5))}@keyframes powerUpPulse{0%,to{opacity:1;box-shadow:0 0 10px #00b4ffa6}50%{opacity:.85;box-shadow:0 0 18px #00b4ffe6}}@keyframes powerUpCollect{0%{transform:scale(1) translateY(0);opacity:1}50%{transform:scale(1.5) translateY(-20px);opacity:.8}to{transform:scale(.5) translateY(-40px);opacity:0}}@keyframes powerUpBannerTilt{0%,to{transform:translate(-50%) rotate(0)}25%{transform:translate(-50%) rotate(-2deg)}50%{transform:translate(-50%) rotate(2deg)}75%{transform:translate(-50%) rotate(-1deg)}}@keyframes powerUpEndingFlash{0%{transform:translate(-50%) scale(1);opacity:1;box-shadow:0 0 8px #ffdc5000;filter:none}40%{transform:translate(-50%) scale(1.04);opacity:1;box-shadow:0 0 18px #ffdc50d9;filter:drop-shadow(0 6px 8px rgba(255,200,60,.25))}70%{transform:translate(-50%) scale(.98);opacity:.95;box-shadow:0 0 6px #ffdc5066}to{transform:translate(-50%) scale(1);opacity:.9;box-shadow:0 0 #ffdc5000;filter:none}}.clouds-container{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.cloud{position:absolute;top:0;left:0;width:60px;height:20px;background:#fff;border-radius:200px;will-change:transform}.cloud:before,.cloud:after{content:"";position:absolute;background:#fff;border-radius:50%}.cloud:before{width:30px;height:30px;top:-15px;left:10px}.cloud:after{width:40px;height:40px;top:-20px;right:8px}.intro-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#0e1014;padding:40px 20px;animation:fadeIn .6s ease-out}.intro-header{flex:1;display:flex;align-items:center;justify-content:center;width:100%}.intro-logo{max-width:100%;height:auto;border-radius:12px;box-shadow:0 20px 50px #00000080;border:3px solid rgba(255,255,255,.1);transform:scale(.95);animation:logoFloat 4s ease-in-out infinite}.intro-content{margin-top:40px;width:100%;max-width:300px}.run-button{width:100%;font-size:20px;letter-spacing:2px;padding:20px;text-shadow:0 2px 0 rgba(0,0,0,.3);box-shadow:0 8px #2a9dbf,0 15px 25px #4ad6ff33;background:var(--accent);color:#0b1016}.run-button:hover{transform:translateY(-2px);box-shadow:0 10px #2a9dbf,0 20px 30px #4ad6ff4d}.run-button:active{transform:translateY(4px);box-shadow:0 4px #2a9dbf;transition:transform .05s}@keyframes logoFloat{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1.02) translateY(-10px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.intro-screen.is-exiting{animation:fadeOut .3s ease-in forwards}@keyframes fadeOut{to{opacity:0;transform:scale(.95)}}:root{--night-sky-top: 27, 42, 70;--night-sky-mid: 15, 24, 44;--night-sky-bottom: 10, 16, 29;--ground-road: linear-gradient(180deg, #2b2f3a 0%, #1b1f29 100%);--ground-beach: linear-gradient(180deg, #f1d7a5 0%, #caa067 100%);--ground-sand: linear-gradient(180deg, #e1c289 0%, #b6844d 100%);--ground-snow: linear-gradient(180deg, #f1f5fb 0%, #b9c6d6 100%)}.bg-sky-sunny{--day-sky-top: 154, 212, 255;--day-sky-mid: 111, 168, 229;--day-sky-bottom: 59, 107, 179}.bg-sky-cloudy{--day-sky-top: 200, 214, 230;--day-sky-mid: 142, 161, 185;--day-sky-bottom: 58, 70, 90}.bg-sky-rainy{--day-sky-top: 122, 138, 161;--day-sky-mid: 58, 70, 90;--day-sky-bottom: 26, 34, 48}.bg-ground-road{--ground-fill: var(--ground-road);--ground-lines: repeating-linear-gradient(90deg, transparent 0 50px, rgba(255, 255, 255, .35) 50px 70px, transparent 70px 140px);--horizon-r: 24;--horizon-g: 28;--horizon-b: 36}.bg-ground-beach{--ground-fill: var(--ground-beach);--ground-lines: none;--horizon-r: 153;--horizon-g: 102;--horizon-b: 51}.bg-ground-sand{--ground-fill: var(--ground-sand);--ground-lines: none;--ground-top-size: 200px 16px;--horizon-r: 138;--horizon-g: 90;--horizon-b: 43}.bg-ground-snow{--ground-fill: var(--ground-snow);--ground-lines: none;--horizon-r: 150;--horizon-g: 165;--horizon-b: 185}@font-face{font-family:"Press Start 2P";src:local("Press Start 2P"),local("PressStart2P"),url(assets/fonts/PressStart2P/PressStart2P-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{color-scheme:only light;--bg: #0e1014;--panel: #151923;--text: #f5f7ff;--muted: #9aa3b2;--accent: #4ad6ff;--bg-saturation: .8;--bg-brightness: .9;--bg-blur: .6px;--bg-sun-intensity: 2;--bg-moon-intensity: .7}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg);color:var(--text);font-family:"Press Start 2P",Inter,system-ui,-apple-system,sans-serif}img,canvas{image-rendering:pixelated}.app-root{min-height:100vh;display:flex;align-items:stretch;justify-content:center}.screen{width:100%;max-width:520px;padding:24px 20px 32px;display:flex;flex-direction:column;gap:20px}.screen{height:100vh}.screen__title{font-size:28px;font-weight:700}.card{background:var(--panel);border-radius:8px;border:2px solid rgba(255,255,255,.08);padding:16px;display:flex;flex-direction:column;gap:12px}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid rgba(0,0,0,.25);padding:14px 16px;border-radius:6px;background:var(--accent);color:#0b0f14;font-weight:700;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(0);opacity:.9}.hud{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--muted);gap:12px;white-space:nowrap}.game-area{flex:1;border-radius:8px;border:2px solid rgba(255,255,255,.08);--sun-combined: calc(var(--sun-alpha, 1) * var(--bg-sun-intensity, .6));--moon-combined: calc(var(--moon-alpha, 0) * var(--bg-moon-intensity, .6));background-image:radial-gradient(circle at var(--sun-x, 20%) var(--sun-y, 22%),rgba(255,230,150,var(--sun-combined)) 0 36px,rgba(255,230,150,calc(var(--sun-combined) * .35)) 36px 70px,transparent 70px),radial-gradient(circle at var(--moon-x, 80%) var(--moon-y, 24%),rgba(220,225,255,var(--moon-combined)) 0 20px,rgba(220,225,255,calc(var(--moon-combined) * .35)) 20px 46px,transparent 46px),linear-gradient(180deg,rgba(var(--day-sky-top, 154, 212, 255),var(--day-alpha, 1)),rgba(var(--day-sky-mid, 111, 168, 229),var(--day-alpha, 1)) 45%,rgba(var(--day-sky-bottom, 59, 107, 179),var(--day-alpha, 1))),linear-gradient(180deg,rgba(var(--night-sky-top, 27, 42, 70),var(--night-alpha, 0)),rgba(var(--night-sky-mid, 15, 24, 44),var(--night-alpha, 0)) 55%,rgba(var(--night-sky-bottom, 10, 16, 29),var(--night-alpha, 0)));width:100%;max-width:520px;height:100%;max-height:calc(100vh - 160px);position:relative;overflow:hidden}@media(min-width:900px){body{overflow:hidden}}.game-area:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(180deg,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 1px,transparent 1px,transparent 4px);pointer-events:none;z-index:0}.game-area:after{content:"";position:absolute;left:0;right:0;bottom:0;height:35%;background-image:var(--ground-fill, linear-gradient(180deg, #1e232d 0%, #141922 100%));background-size:100% 100%;background-repeat:no-repeat;background-position:center bottom;z-index:4}.language-bar{margin-top:auto;display:flex;justify-content:center;gap:10px;padding-top:8px}.language-bar__button{background:transparent;border:2px solid rgba(255,255,255,.2);border-radius:6px;padding:6px 8px;cursor:pointer;font-size:18px;line-height:1}.language-bar__button.is-active{border-color:var(--accent);box-shadow:0 0 0 2px #4ad6ff33}