:root{color-scheme:dark;--bg: #07111f;--panel: #0d1a2c;--panel-2: #11233c;--line: #22395d;--text: #e7f0ff;--muted: #95abca;--accent: #7ef0b8;--accent-2: #6bc4ff;--danger: #ff7d7d;--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:12px;padding:14px;margin-bottom:16px}.stat{background:var(--panel-2);border:1px solid var(--line);border-radius:16px;padding:12px}.value{display:block;margin-top:6px;font-size:1.25rem;font-weight:800}.game-card{padding:18px}.game-area{position:relative;overflow:hidden;height:360px;border-radius:18px;background:linear-gradient(180deg,#6cc4ff,#a1d6ff 32%,#d4efff 32% 100%);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)}.ground{position:absolute;left:0;right:0;bottom:0;height:88px;background:linear-gradient(180deg,#264e2b,#1a3b20),var(--ground);border-top:5px solid #2f6c37}.runner{position:absolute;left:96px;bottom:88px;width:40px;height:56px;border-radius:10px;background:linear-gradient(180deg,#0e1520,#18283e);box-shadow:inset 0 -8px #7ef0b859;transition:background .18s ease,border-radius .18s ease,box-shadow .18s ease,transform 50ms linear,filter .18s ease}.runner:after{content:"";position:absolute;inset:-8px;border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .18s ease,box-shadow .18s ease,transform .18s ease}.runner:before{content:"";position:absolute;top:-16px;left:8px;width:24px;height:24px;border-radius:50%;background:#172335;transition:background .18s ease,border-radius .18s ease,transform .18s ease}.runner.form-0{border-radius:10px;background:linear-gradient(180deg,#0e1520,#18283e);box-shadow:inset 0 -8px #7ef0b859;filter:none}.runner.form-0:before{background:#172335;border-radius:50%}.runner.form-0:after{opacity:0}.runner.form-1{border-radius:50% 50% 18% 18%;background:linear-gradient(180deg,#5e2ca5,#8a4dff);box-shadow:inset 0 -8px #ffd66673;filter:saturate(1.05)}.runner.form-1:before{background:#ffd166;border-radius:30% 70% 60% 40%}.runner.form-1:after{opacity:.45;box-shadow:0 0 18px #8a4dff73}.runner.form-2{border-radius:22px;background:linear-gradient(180deg,#0c7c59,#19b98e);box-shadow:inset 0 -8px #e9ff7080;filter:saturate(1.08)}.runner.form-2:before{background:#e9ff70;border-radius:12px;transform:scale(.95)}.runner.form-2:after{opacity:.55;box-shadow:0 0 20px #19b98e8c}.runner.form-3{border-radius:8px 22px;background:linear-gradient(180deg,#a62c2c,#ff6b6b);box-shadow:inset 0 -8px #ffffff40;filter:saturate(1.12)}.runner.form-3:before{background:#fff1f1;border-radius:50% 20%}.runner.form-3:after{opacity:.48;box-shadow:0 0 22px #ff6b6b8c}.runner.form-4{border-radius:50%;background:linear-gradient(180deg,#004e92,#00c6ff);box-shadow:inset 0 -8px #ffffff4d;filter:saturate(1.12)}.runner.form-4:before{background:#d7f6ff;border-radius:18% 82% 40% 60%;transform:scale(.9)}.runner.form-4:after{opacity:.6;box-shadow:0 0 26px #00c6ff99;transform:scale(1.05)}.runner.form-5{border-radius:6px;background:linear-gradient(180deg,#ff8f00,#ffd54f);box-shadow:inset 0 -8px #5c290047;filter:saturate(1.15)}.runner.form-5:before{background:#5c2900;border-radius:50%}.runner.form-5:after{opacity:.65;box-shadow:0 0 28px #ffd54fa6;transform:scale(1.08)}.obstacle{position:absolute;bottom:88px;border:2px solid rgba(0,0,0,.25);transition:transform 60ms linear}.obstacle.shape-block{border-radius:10px 10px 4px 4px}.obstacle.shape-round{border-radius:999px}.obstacle.shape-diamond{transform:rotate(45deg)}.obstacle.shape-pill{border-radius:999px 999px 16px 16px}.obstacle.shape-triangle{width:0!important;height:0!important;border-left:18px solid transparent;border-right:18px solid transparent;border-bottom:56px solid #ff6b6b;border-top:0;background:transparent!important}.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(max-width:560px){.hud{grid-template-columns:1fr}.game-area{height:300px}.runner{left:42px}}