:root{--white:#f8f8f8;--light:#d8e0e0;--steel:#888;--cyan:#53849f;--cyanL:#6d9dae;--slate:#556e75;--ink:#182028;--sand:#eec398}html,body{background:var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;height:100%;margin:0;font-family:system-ui,Segoe UI,sans-serif;overflow:hidden}#hud{pointer-events:none;color:var(--ink);padding:10px 14px;position:fixed;top:0;left:0;right:0}#brand{letter-spacing:.18em;color:var(--slate);font-size:12px;font-weight:700}#brand span{letter-spacing:.05em;font-weight:400}#stats{border:1px solid var(--light);border-left:3px solid var(--cyan);background:#f8f8f8db;border-radius:6px;grid-template-columns:auto auto;gap:2px 14px;margin-top:8px;padding:8px 12px;font:13px ui-monospace,Menlo,monospace;display:inline-grid}#stats b{color:var(--slate);font-weight:600}#msg{color:var(--cyan);min-height:20px;margin-top:8px;font-size:15px;font-weight:600}#controls{flex-wrap:wrap;justify-content:center;gap:6px;padding:0 8px;display:flex;position:fixed;bottom:10px;left:0;right:0}#controls button{min-width:52px;min-height:44px;color:var(--ink);background:#f8f8f8eb;border:1px solid #c0c8c8;border-radius:8px;font-size:13px;font-weight:600}#controls button.big{background:var(--cyan);color:var(--white);border-color:var(--cyan)}#controls button.on{outline:2px solid var(--sand)}