:root{--ink:#eef3ee;--panel:#0b1f16;--line:#ffffff1a;--accent:#ffd34d;--accent-ink:#1b1b1f}html,body{height:100%;color:var(--ink);-webkit-tap-highlight-color:transparent;background:#0d2b1e;margin:0;font:15px/1.35 Helvetica Neue,Helvetica,Arial,sans-serif;overflow:hidden}button{font:inherit;cursor:pointer;border:0}button:focus-visible{outline-offset:2px;outline:3px solid #fff}body{grid-template:"bar""stage"1fr/1fr;height:100dvh;display:grid}#bar{box-sizing:border-box;padding:max(8px, env(safe-area-inset-top)) 14px 8px;background:var(--panel);border-bottom:1px solid var(--line);grid-area:bar;align-items:center;gap:14px;min-width:0;display:flex}#player{min-width:0;display:flex}#stats{font-variant-numeric:tabular-nums;flex:1;justify-content:center;gap:22px;margin:0;display:flex}#stats div{flex-direction:column;align-items:center;display:flex}#stats dt{letter-spacing:.06em;text-transform:uppercase;opacity:.6;font-size:11px}#stats dd{margin:0;font-size:17px;font-weight:700}#actions{gap:8px;display:flex}#actions button{min-height:40px;color:inherit;touch-action:manipulation;white-space:nowrap;background:0 0;border:1px solid #ffffff4d;border-radius:12px;padding:0 14px;font-weight:600}#actions button:hover:not(:disabled){background:#ffffff14}#actions button:disabled{opacity:.35;cursor:default}#actions button.confirm{background:#b3402b;border-color:#b3402b}#actions button.wanted{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}#actions button[hidden]{display:none}#stage{grid-area:stage;min-width:0;min-height:0;position:relative}#table{touch-action:none;position:absolute;inset:0}#status{bottom:max(10px, env(safe-area-inset-bottom));text-align:center;pointer-events:none;text-shadow:0 1px 2px #0009;position:absolute;left:12px;right:12px}#panel{text-align:center;background:#081811f0;border:1px solid #fff3;border-radius:14px;max-width:min(360px,86%);padding:18px 22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 30px #00000073}#panel[hidden]{display:none}#panel h2{margin:0 0 8px;font-size:18px}#panel p{margin:6px 0 14px}#panel .note{opacity:.65;font-size:13px}#panel .row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}#panel button{min-height:48px;color:var(--accent-ink);background:var(--accent);border-radius:12px;padding:0 22px;font-weight:700}#panel button.ghost{color:inherit;background:0 0;border:1px solid #ffffff59;font-weight:600}@media (width<=720px){html,body{font-size:14px}#bar{gap:8px;padding-left:10px;padding-right:10px}#player{display:none}#stats{justify-content:flex-start;gap:14px}#stats dd{font-size:15px}#bar{flex-wrap:wrap;row-gap:6px}#stats{justify-content:space-between}#stats dt{font-size:10px}#actions{width:100%}#actions button{flex:1;min-height:36px;padding:0 6px;font-size:13px}}
