:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1c1a18;--ink:#f3e6d4;--muted:#b9a48a;--line:#f3e6d429;--btn:#2c2722;--accent:#4fc3ff}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;touch-action:none;background:#121110;margin:0;font-family:Segoe UI,PingFang SC,Noto Sans SC,sans-serif}body{place-items:center;display:grid}#phone{background:var(--bg);width:min(100vw,56.25dvh);height:100dvh;max-height:100dvh;box-shadow:0 0 0 1px var(--line), 0 24px 80px #00000073;grid-template-rows:auto 1fr auto auto;display:grid;position:relative;overflow:hidden}header{padding:calc(12px + env(safe-area-inset-top)) 16px 8px 20px;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}h1{letter-spacing:.08em;margin:0;font-size:20px;font-weight:650}#blurb{color:var(--muted);margin:4px 0 0;font-size:13px}#levels{letter-spacing:.16em;flex:none;min-height:40px;padding:0 14px}main{min-height:0;position:relative}#stage{width:100%;height:100%;display:block}#coach{border:1px solid var(--line);pointer-events:none;opacity:0;background:#1c1a18eb;border-radius:14px;padding:14px 16px 12px;transition:all .22s;position:absolute;bottom:20px;left:16px;right:16px;transform:translateY(8px)}#coach.show{opacity:1;transform:none}#coach-text{margin:0 0 10px;font-size:15px;line-height:1.45}#coach-skip{pointer-events:auto;letter-spacing:.12em;min-height:40px;padding:0 12px;font-size:13px}#win{text-align:center;border:1px solid var(--line);opacity:0;pointer-events:none;background:#1c1a18f5;border-radius:16px;padding:18px 16px 16px;transition:all .25s;position:absolute;inset:auto 20px 24px;transform:translateY(8px)}#win.show{opacity:1;pointer-events:auto;transform:none}#win h2{letter-spacing:.28em;margin:0 0 12px;font-size:20px;font-weight:650}#win dl{grid-template-columns:1fr 1fr 1fr;gap:8px;margin:0 0 14px;display:grid}#win dl div{background:#ffffff0a;border-radius:10px;padding:8px 4px}#win dt{color:var(--muted);letter-spacing:.16em;font-size:11px}#win dd{margin:4px 0 0;font-size:18px}#win .row{grid-template-columns:1fr 1fr;gap:8px;display:grid}#status{text-align:center;color:var(--muted);margin:0;padding:6px 20px 4px;font-size:13px}footer{padding:10px 12px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--line);grid-template-columns:1fr 1fr 1fr 1fr;gap:8px;display:grid}button{border:1px solid var(--line);background:var(--btn);min-height:52px;color:var(--ink);letter-spacing:.12em;border-radius:12px;font-size:15px}button:disabled{opacity:.4}button:active{transform:scale(.98)}button.on{border-color:var(--accent);color:var(--accent)}#level-sheet{z-index:5;padding:calc(20px + env(safe-area-inset-top)) 20px calc(20px + env(safe-area-inset-bottom));background:#121110f5;grid-template-rows:auto 1fr auto;display:none;position:absolute;inset:0}#level-sheet.show{display:grid}#level-sheet h2{letter-spacing:.2em;margin:0 0 16px}#level-list{align-content:start;gap:10px;display:grid;overflow:auto}.level-card{text-align:left;letter-spacing:0;min-height:72px;padding:14px 16px}.level-card small{color:var(--muted);margin-top:4px;font-size:13px;display:block}.level-card.current{border-color:var(--accent)}#level-close{margin-top:12px}