:root{--bg:#050a1a;--fg:#f2f5ff;--panel:rgba(5,10,26,.72);--accent:#ff5a4d;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html,body{height:100%;margin:0;background:var(--bg);color:var(--fg);font-family:Barlow Condensed,Arial Narrow,system-ui,sans-serif;overflow:hidden}#wrap{position:relative;width:100%;height:100%}canvas{display:block;width:100%;height:100%}#score{position:absolute;top:12px;left:50%;transform:translate(-50%);background:var(--panel);padding:6px 18px;border-radius:6px;font-size:26px;font-weight:700;letter-spacing:.04em;display:flex;gap:14px;align-items:baseline;white-space:nowrap}#score .me{color:#9db4ff}#score .opp{color:var(--accent)}#score small{font-size:15px;font-weight:500;opacity:.8}#status{position:absolute;top:62px;left:50%;transform:translate(-50%);font-size:22px;font-weight:600;background:var(--panel);padding:4px 14px;border-radius:6px;opacity:0;transition:opacity .25s;white-space:nowrap}#status.on{opacity:1}#sound{position:absolute;right:12px;bottom:12px;background:var(--panel);color:var(--fg);border:1px solid #64708a;border-radius:6px;padding:8px 12px;font:inherit;cursor:pointer}#sound:focus-visible{outline:2px solid #9db4ff;outline-offset:3px}#loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:26px;background:var(--bg)}#help{position:absolute;left:12px;bottom:12px;background:var(--panel);padding:8px 12px;border-radius:6px;font-size:14px;line-height:1.3;max-width:min(46vw,340px)}