:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;--bg:#0a0f1f;--bg2:#11182d;--card:rgba(15,23,42,.78);--line:rgba(148,163,184,.16);--text:#eef2ff;--muted:#94a3b8;--accent:#8b5cf6;--accent2:#22d3ee;--danger:#fb7185}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(139,92,246,.28),transparent 30%),radial-gradient(circle at top right,rgba(34,211,238,.18),transparent 24%),linear-gradient(180deg,var(--bg),var(--bg2));color:var(--text)}.app-shell{max-width:460px;margin:0 auto;padding:18px}.hero-card,.game-card{background:var(--card);border:1px solid var(--line);border-radius:28px;padding:20px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 60px #02061773}.game-card{margin-top:16px}.hero-top{display:flex;justify-content:space-between;gap:12px}.pill{display:inline-flex;padding:8px 12px;border-radius:999px;background:#8b5cf62e;font-size:12px;font-weight:700}.pill.muted{background:#94a3b81f;color:var(--muted)}h1{margin:16px 0 8px;font-size:30px;line-height:1.05}p{margin:0;color:#cbd5e1;line-height:1.6}.hud{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.hud-box{background:#0f172acc;border:1px solid var(--line);border-radius:18px;padding:14px}.hud-label{display:block;font-size:12px;color:var(--muted);margin-bottom:8px}.hud-box strong{font-size:24px}.game-area{position:relative;height:260px;border-radius:22px;overflow:hidden;background:linear-gradient(180deg,#0f172a,#111827 60%,#0b1220);border:1px solid rgba(148,163,184,.12)}.skyline{position:absolute;inset:auto 0 58px 0;height:40px;background:repeating-linear-gradient(90deg,rgba(148,163,184,.12) 0 18px,transparent 18px 36px)}.ground{position:absolute;left:0;right:0;bottom:0;height:50px;background:linear-gradient(180deg,#1f2937,#111827);border-top:1px solid rgba(148,163,184,.14)}.player{position:absolute;left:54px;bottom:18px;width:36px;height:40px;border-radius:10px;background:linear-gradient(180deg,#22d3ee,#8b5cf6);box-shadow:0 10px 20px #22d3ee3d}.player:before,.player:after{content:"";position:absolute;bottom:-6px;width:8px;height:12px;background:#c4b5fd;border-radius:4px}.player:before{left:6px}.player:after{right:6px}.obstacle{position:absolute;bottom:18px;left:0;width:24px;height:38px;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#4ade80,#16a34a);box-shadow:0 10px 20px #4ade8033}.message{position:absolute;inset:18px 18px auto 18px;text-align:center;font-weight:800;color:#fff;opacity:0;transform:translateY(-8px);transition:.2s}.message.show{opacity:1;transform:translateY(0)}.controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.btn{border:none;border-radius:16px;padding:14px 12px;background:#0f172ad9;border:1px solid var(--line);color:var(--text);font-weight:700;cursor:pointer}.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff}.btn:active{transform:scale(.98)}@media (max-width:480px){.hud,.controls{grid-template-columns:1fr}.hero-top{flex-direction:column;align-items:flex-start}}