:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;min-height:100dvh;background:#0a0a0a;color:#fafafa;overflow:hidden;-webkit-tap-highlight-color:transparent}.game-container{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,#0a0a0a,#111827)}.game-wrapper{position:relative;width:min(400px,100vw - 2rem);aspect-ratio:400 / 700;max-height:calc(100dvh - 2rem - env(safe-area-inset-bottom,0px));border-radius:20px;overflow:hidden;box-shadow:0 28px 72px #00000073,0 0 0 1px #ffffff0f}.game-canvas{display:block;width:100%;height:100%}.hud{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:flex-start;padding:12px 16px;pointer-events:none}.hud-lives{display:flex;gap:4px}.life{font-size:1.3rem;color:#dc2626;transition:opacity .2s;text-shadow:0 1px 4px rgba(0,0,0,.5)}.life-lost{opacity:.2}.hud-distance{display:flex;align-items:baseline;gap:4px}.hud-score{font-size:2rem;font-weight:700;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.7);font-variant-numeric:tabular-nums}.hud-label{font-size:1rem;color:#fff9;text-shadow:0 2px 12px rgba(0,0,0,.7)}.hit-flash{animation:hitFlash .2s ease}@keyframes hitFlash{0%,to{box-shadow:0 28px 72px #00000073,0 0 0 1px #ffffff0f}50%{box-shadow:0 28px 72px #00000073,0 0 30px #dc262699,0 0 0 2px #dc262666}}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#000000a6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:20;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.overlay-card{text-align:center;padding:28px 24px 24px;max-width:min(320px,90%);background:#ffffff0a;border-radius:20px;border:1px solid rgba(255,255,255,.08)}.game-title{font-size:2rem;font-weight:700;margin:0 0 .25rem;background:linear-gradient(135deg,#0949cf,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.game-subtitle{color:#9ca3af;margin:0 0 .5rem;font-size:.9rem}.prize-text{color:#22d3ee;font-size:.85rem;font-weight:600;margin:0 0 1.25rem;text-shadow:0 0 16px rgba(34,211,238,.25)}.btn{display:inline-block;padding:14px 32px;border:none;border-radius:12px;background:linear-gradient(135deg,#0949cf,#0737a0);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 4px 18px #0949cf4d;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 26px #0949cf66}.btn:active{transform:translateY(0)}.btn-small{padding:10px 18px;font-size:.85rem}.btn-secondary{background:#ffffff14;box-shadow:none;margin-top:.5rem}.btn-secondary:hover{background:#ffffff24;box-shadow:none;transform:translateY(-1px)}.controls-hint{margin-top:1.25rem;font-size:.72rem;color:#6b7280;letter-spacing:.02em}.crash-title{font-size:2rem;font-weight:700;margin:0 0 .25rem;background:linear-gradient(135deg,#0949cf,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.crash-subtitle{color:#9ca3af;font-size:.85rem;margin:0 0 1rem}.crash-score{font-size:1.15rem;color:#ffffffbf;margin:0 0 1.25rem;font-variant-numeric:tabular-nums}.name-input-row{display:flex;gap:.5rem;margin-bottom:.75rem}.name-input-row input{flex:1;padding:11px 14px;border:1.5px solid rgba(255,255,255,.12);border-radius:10px;background:#ffffff0f;color:#fff;font-size:.9rem;outline:none;transition:border-color .2s,box-shadow .2s}.name-input-row input::placeholder{color:#6b7280}.name-input-row input:focus{border-color:#0949cf;box-shadow:0 0 0 3px #0949cf1f}.leaderboard{margin-top:1.5rem;text-align:left}.leaderboard h3{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:#6b7280;margin:0 0 .5rem;font-weight:600}.leaderboard ol{list-style:none;padding:0;margin:0}.leaderboard li{display:flex;align-items:center;padding:.4rem 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:.85rem}.lb-rank{width:2rem;color:#6b7280;font-size:.72rem}.lb-name{flex:1;color:#fffc}.lb-score{color:#3b82f6;font-weight:700;font-variant-numeric:tabular-nums}.win-title{font-size:2rem;font-weight:700;margin:0 0 .25rem;background:linear-gradient(135deg,#16a34a,#22d3ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.win-subtitle{color:#9ca3af;font-size:.85rem;margin:0 0 .75rem}.win-voucher{font-size:1.15rem;font-weight:700;color:#22d3ee;margin:0 0 .75rem;text-shadow:0 0 20px rgba(34,211,238,.3)}.voucher-code-box{display:flex;flex-direction:column;gap:.25rem;padding:16px 24px;margin:0 0 1rem;border-radius:12px;background:#22d3ee14;border:1.5px solid rgba(34,211,238,.25)}.voucher-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:#6b7280}.voucher-code{font-size:1.6rem;font-weight:800;letter-spacing:.15em;color:#22d3ee;font-family:ui-monospace,SFMono-Regular,Cascadia Code,Menlo,monospace;text-shadow:0 0 20px rgba(34,211,238,.3)}