:root{--accent: #b0843a;--bg: #070a12;--panel: #11151f;--ink: #e8ebf2;--muted: #9aa3b5}*{box-sizing:border-box}html,body{margin:0;background:radial-gradient(1200px 600px at 50% -10%,#16203a,var(--bg));color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.wrap{max-width:720px;margin:0 auto;padding:18px 14px 40px}header h1{margin:0 0 4px;font-size:28px;letter-spacing:.5px;color:var(--accent)}.sub{margin:0 0 14px;color:var(--muted);font-size:14px;line-height:1.4}.sub em{color:var(--ink);font-style:italic}.bar{display:flex;gap:10px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.seg{display:inline-flex;background:var(--panel);border:1px solid #2a3142;border-radius:10px;overflow:hidden}.seg button{background:transparent;color:var(--muted);border:0;padding:8px 14px;font-size:14px;cursor:pointer}.seg button.on{background:var(--accent);color:#1a1206;font-weight:600}.btn{background:var(--panel);color:var(--ink);border:1px solid #2a3142;border-radius:10px;padding:8px 14px;font-size:14px;cursor:pointer}.btn:hover{border-color:var(--accent)}.goal{font-size:18px;font-weight:600;margin:4px 0 10px;color:var(--accent)}canvas{display:block;width:100%;max-width:660px;height:auto;background:#0a0e1a;border:1px solid #2a3142;border-radius:12px;touch-action:none}.status{margin:12px 0 6px;font-size:15px;color:var(--muted)}.status.win{color:#79e08a;font-weight:700}.hint{font-size:13px;color:var(--muted);line-height:1.4}.hint b{color:var(--ink)}