:root{--accent:#f5a623;--accent-dark:#c9781a;--danger:#ff4d5e;--panel:#2a1f18;--panel-light:#3a2c22}*{box-sizing:border-box;margin:0;padding:0}body{background:repeating-linear-gradient(90deg,#4a3626 0 2px,#43301f 2px 4px),linear-gradient(#4a3626,#2e2115);font-family:Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden}.wheel-spin{animation:.4s linear infinite wheelSpin}@keyframes wheelSpin{0%{rotate:0deg}to{rotate:360deg}}.app{flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.hud-bar{align-items:center;gap:14px;display:flex}.hud-title{letter-spacing:1px;color:var(--accent);text-shadow:0 2px 4px #0005;font-size:34px;font-weight:800}.hud-card{background:var(--panel);text-align:center;border:1px solid #5a4433;border-radius:10px;min-width:74px;padding:8px 20px}.hud-card .hud-label{letter-spacing:1px;color:#b89b7f;font-size:11px;font-weight:700}.hud-card .hud-value{color:var(--accent);font-size:20px;font-weight:800}.game-stage{width:min(90vw,480px);height:74vh}.game-canvas{border:3px solid var(--panel-light);border-radius:14px;width:100%;height:100%;box-shadow:0 8px 30px -6px #0008,inset 0 0 0 1px #5a443355}.start-button{background:var(--accent);color:#2e2115;cursor:pointer;letter-spacing:.5px;border:none;border-radius:10px;padding:14px 36px;font-size:18px;font-weight:700;transition:transform .12s,box-shadow .12s;box-shadow:0 4px 14px -3px #0006}.start-button:hover{background:var(--accent-dark);transform:scale(1.04)}.app.shake{animation:.28s shake}@keyframes shake{0%{transform:translate(0)}20%{transform:translate(-10px,6px)}40%{transform:translate(8px,-6px)}60%{transform:translate(-6px,4px)}80%{transform:translate(4px,-3px)}to{transform:translate(0)}}.hit-flash{background:var(--danger);opacity:.3;pointer-events:none;z-index:5;animation:.3s ease-out forwards flashFade;position:fixed;inset:0}@keyframes flashFade{0%{opacity:.45}to{opacity:0}}.overlay{z-index:4;background:#2a1f18ee;border:1px solid #5a4433;border-radius:16px;flex-direction:column;align-items:center;gap:14px;padding:32px 40px;display:flex;position:absolute}.title{letter-spacing:3px;color:var(--accent);font-size:26px;font-weight:800}.death-label{letter-spacing:2px;color:var(--danger);font-size:20px;font-weight:700}.score-line{color:#e8dcc8;font-size:18px;font-weight:600}.hint{color:#b89b7f;letter-spacing:.5px;font-size:13px}.lane-line{animation:.6s linear infinite laneScroll}@keyframes laneScroll{0%{stroke-dashoffset:0}to{stroke-dashoffset:-34px}}.player-bob{animation:.28s ease-in-out infinite bob}@keyframes bob{0%,to{translate:0}50%{translate:0 -3px}}.leg-left{animation:.28s ease-in-out infinite legSwingLeft}.leg-right{animation:.28s ease-in-out infinite legSwingRight}@keyframes legSwingLeft{0%,to{transform:rotate(22deg)}50%{transform:rotate(-22deg)}}@keyframes legSwingRight{0%,to{transform:rotate(-22deg)}50%{transform:rotate(22deg)}}.coin-spin{transform-box:fill-box;transform-origin:50%;animation:.5s ease-in-out infinite coinPulse}@keyframes coinPulse{0%,to{transform:scaleX(1)}50%{transform:scaleX(.65)}}.rail-scroll{animation:linear infinite railFlow}@keyframes railFlow{0%{opacity:.3}50%{opacity:.7}to{opacity:.3}}.popup-layer{z-index:6;pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:20%;left:50%;transform:translate(-50%)}.popup{white-space:nowrap;border-radius:20px;padding:4px 12px;font-size:16px;font-weight:800;animation:.9s ease-out forwards popupFloat}.popup-coin{color:#ffd76a;text-shadow:0 0 8px #0008}.popup-nearmiss{color:#ff8a5c;text-shadow:0 0 8px #0008}.popup-milestone{color:var(--accent);text-shadow:0 0 12px #0009;font-size:22px}@keyframes popupFloat{0%{opacity:0;transform:translateY(10px)scale(.8)}20%{opacity:1;transform:translateY(0)scale(1.1)}40%{transform:scale(1)}to{opacity:0;transform:translateY(-30px)scale(1)}}.hud-combo{border-color:var(--accent);animation:.4s ease-in-out infinite comboPulse}@keyframes comboPulse{0%,to{box-shadow:0 0 #f5a62300}50%{box-shadow:0 0 14px #f5a62399}}