:root{color-scheme:dark;--navy: #0c111a;--panel: rgba(12, 16, 24, .78);--ink: #f4efe4;--muted: #b7ae9e;--gold: #e8c36a;--pine: #2f5a38;--ember: #d4551a;--line: rgba(255, 232, 190, .16);--danger: #f0b4a0;--safe: #b7d7b0;--shadow: 0 18px 50px rgba(0, 0, 0, .45);font-family:"Source Sans 3",ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#070b12;color:var(--ink);overflow:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent}body{min-height:100dvh}#app{position:relative;width:100%;height:100dvh;overflow:hidden}#game{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.screen{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:max(16px,env(safe-area-inset-top)) 16px max(20px,env(safe-area-inset-bottom));pointer-events:none;z-index:2}.screen>.panel{pointer-events:auto;width:min(520px,100%);max-height:min(92dvh,860px);overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:22px 20px 18px;box-shadow:var(--shadow);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.screen.hidden,.hud.hidden,.hidden{display:none!important}.brand-kicker{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.wordmark{font-family:"Source Serif 4",Georgia,Iowan Old Style,serif;font-weight:700;font-size:1.35rem;letter-spacing:.01em;line-height:1.15;margin:0}.wordmark span{display:block;color:var(--gold);font-size:.72em;font-weight:600}.badge{display:inline-flex;align-items:center;gap:6px;border:1px solid #c9a24a;color:#f3e6c4;background:linear-gradient(180deg,#3a2c14,#241c10);border-radius:999px;padding:5px 10px;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.badge svg{width:12px;height:12px;fill:#e8c36a}h2{margin:6px 0 8px;font-size:1.7rem;line-height:1.15;font-family:"Source Serif 4",Georgia,serif}.lede,p,.hint,label,.tiny{color:var(--muted)}.lede{margin:0 0 14px;font-size:1.02rem;line-height:1.45}.how{margin:0 0 16px;padding:0 0 0 18px;color:var(--muted);font-size:.95rem}.how li{margin:0 0 6px}.row{display:flex;gap:10px;flex-wrap:wrap}.btn{appearance:none;border:0;border-radius:12px;padding:13px 16px;font:inherit;font-weight:750;cursor:pointer;color:#1a120c;background:var(--gold);flex:1;min-height:48px}.btn:active{transform:translateY(1px)}.btn.secondary{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn.ghost{background:transparent;color:var(--gold);border:1px solid rgba(232,195,106,.35)}.btn[disabled]{opacity:.55;cursor:wait}.best{margin:14px 0 0;font-size:.92rem;color:var(--ink)}.hud{position:absolute;top:0;left:0;right:0;z-index:3;pointer-events:none;padding:max(10px,env(safe-area-inset-top)) 14px 0;display:flex;justify-content:space-between;gap:10px}.hud-card{background:#080a108c;border:1px solid var(--line);border-radius:12px;padding:8px 10px;min-width:92px}.hud-card strong{display:block;font-size:1.2rem;line-height:1}.hud-card span{font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.charge{flex:1;max-width:220px}.bar{margin-top:6px;height:8px;border-radius:99px;background:#1c222c;overflow:hidden}.bar>i{display:block;height:100%;width:0%;background:linear-gradient(90deg,#d4551a,#e8c36a);border-radius:99px}.tap-hint{position:absolute;left:0;right:0;bottom:max(18px,env(safe-area-inset-bottom));text-align:center;z-index:3;pointer-events:none;color:#f4efe4b3;font-size:.92rem;text-shadow:0 1px 8px #000}form{display:grid;gap:10px;margin:14px 0}label{font-size:.86rem;display:grid;gap:5px}input[type=text],input[type=tel],input[type=email]{width:100%;border:1px solid var(--line);background:#10151e;color:var(--ink);border-radius:10px;padding:12px;font:inherit;min-height:46px}.check{display:flex;align-items:center;gap:8px;color:var(--ink)}.hp{position:absolute;left:-9999px;opacity:0;height:0;width:0}.form-msg{min-height:1.3em;font-size:.92rem;margin:0}.form-msg.bad{color:var(--danger)}.form-msg.good{color:var(--safe)}.links{display:flex;flex-wrap:wrap;gap:12px;margin:4px 0 12px}.links a{color:var(--gold);font-weight:700;text-decoration:none}.board{list-style:none;margin:0 0 12px;padding:0}.board li{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--line);font-size:.95rem}.board .rank{color:var(--gold);width:1.6em}.stub{font-size:.82rem;color:var(--muted)}.scoreline{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 14px}.scoreline div{background:#121820;border:1px solid var(--line);border-radius:12px;padding:10px}.scoreline strong{display:block;font-size:1.35rem;color:var(--gold)}.mute{pointer-events:auto;position:absolute;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:4;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#080a1099;color:var(--ink);font-size:16px}@media(min-width:720px){.screen{align-items:center}.wordmark{font-size:1.6rem}}@media(max-height:620px){.how{display:none}h2{font-size:1.35rem}.panel{padding:14px}}