:root{color-scheme:dark;--bg: #07111f;--panel: #0d1a2c;--panel-2: #11233c;--line: #22395d;--text: #e7f0ff;--muted: #95abca;--accent: #7ef0b8;--accent-2: #6bc4ff;--ground: #18304d}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,system-ui,sans-serif;background:radial-gradient(circle at top,#143661 0%,var(--bg) 52%);color:var(--text)}button{border:0;border-radius:999px;padding:.8rem 1.2rem;font-weight:800;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#05111d;cursor:pointer}.shell{width:min(1000px,calc(100% - 28px));margin:24px auto}.topbar,.hud,.game-card,.controls{background:#0d1a2ceb;border:1px solid var(--line);border-radius:20px;box-shadow:0 14px 40px #00000042}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px;margin-bottom:16px}.eyebrow,.label,.tiny{color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.eyebrow,.label{font-size:.75rem}.tiny{font-size:.72rem}h1{margin:.2rem 0 .35rem}.subcopy{margin:0;color:var(--muted)}.hud{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px;margin-bottom:12px}.stat{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:8px 10px}.value{display:block;margin-top:4px;font-size:1.02rem;font-weight:800}.game-card{padding:18px}.game-area{position:relative;overflow:hidden;height:min(360px,62vh);min-height:280px;border-radius:18px;background:linear-gradient(180deg,#79cbff,#b7e3ff 30%,#dff4ff 30%,#eff9ff);outline:none}.sky{position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.85) 0 18px,transparent 19px),radial-gradient(circle at 70% 15%,rgba(255,255,255,.7) 0 22px,transparent 23px),radial-gradient(circle at 55% 28%,rgba(255,255,255,.55) 0 12px,transparent 13px),linear-gradient(180deg,rgba(255,255,255,.18) 0%,transparent 45%)}.ground{position:absolute;left:0;right:0;bottom:0;height:88px;background:linear-gradient(180deg,#32693a,#214a28),var(--ground);border-top:5px solid #4a8b50}.ground:before{content:"";position:absolute;inset:14px 0 auto;height:4px;background:linear-gradient(90deg,rgba(222,235,182,.85) 0 14px,transparent 14px 30px);opacity:.5}.runner{position:absolute;left:96px;bottom:88px;width:68px;height:92px;transition:transform 50ms linear}.runner-glow,.runner-body,.runner-head,.runner-accessory,.piece,.piece:before,.piece:after{position:absolute}.runner-glow{inset:-14px;border-radius:24px;opacity:.42;filter:blur(6px)}.runner-body{left:16px;bottom:0;width:36px;height:50px;background:transparent;border:0}.runner-head{left:20px;top:2px;width:28px;height:28px;background:transparent;border:0}.runner-accessory{left:0;top:0;width:68px;height:92px;pointer-events:none}.piece:before,.piece:after{content:"";display:none}.piece:before{display:var(--before-display, none);left:var(--before-left, auto);right:var(--before-right, auto);top:var(--before-top, auto);bottom:var(--before-bottom, auto);width:var(--before-width, 0);height:var(--before-height, 0);background:var(--before-background, transparent);border-radius:var(--before-radius, 0);border:var(--before-border, 0)}.piece:after{display:var(--after-display, none);left:var(--after-left, auto);right:var(--after-right, auto);top:var(--after-top, auto);bottom:var(--after-bottom, auto);width:var(--after-width, 0);height:var(--after-height, 0);background:var(--after-background, transparent);border-radius:var(--after-radius, 0);border:var(--after-border, 0)}.obstacle{position:absolute;bottom:88px;filter:drop-shadow(0 6px 4px rgba(0,0,0,.16))}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:#07111f57}.overlay.hidden{display:none}.overlay-card{width:min(420px,calc(100% - 40px));text-align:center;padding:22px;border-radius:18px;background:#08121fe0;border:1px solid var(--line)}.controls{display:flex;justify-content:space-between;gap:16px;padding:16px 18px;margin-top:16px;color:var(--muted)}@media(max-width:820px){.topbar,.controls{flex-direction:column;align-items:flex-start}.hud{grid-template-columns:repeat(2,minmax(0,1fr))}.runner{left:64px}}@media(orientation:portrait){.shell{width:min(100%,calc(100% - 16px));margin:12px auto}.topbar,.hud,.game-card,.controls{border-radius:16px}.hud{grid-template-columns:repeat(2,minmax(0,1fr))}.game-card{padding:10px}.game-area{height:min(58vh,520px);min-height:340px}.runner{left:28px}.controls{flex-direction:column;align-items:flex-start}}@media(max-width:560px){.hud{grid-template-columns:1fr}.game-area{height:min(56vh,420px);min-height:300px}.runner{left:22px}}