:root{color-scheme:dark;--theme-color:#070b12;--bg:#070b12;--panel:#0b111a;--line:#243241;--ink:#e8f0f7;--muted:#748394;--cyan:#64e6e0;--orange:#ffb45c;--pink:#ff668f;--green:#83d483;--board:#0d151f}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}body{display:flex;justify-content:center}.page{width:min(560px,100%);padding:22px 14px max(22px,env(safe-area-inset-bottom));user-select:none;-webkit-user-select:none}.topbar{height:44px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:12px}.topbar h1{font-size:21px;letter-spacing:.13em;margin:0;white-space:nowrap}.topbar a,.topbar button{border:0;background:none;color:var(--muted);font:10px inherit;letter-spacing:.1em;text-decoration:none;padding:12px 0;cursor:pointer}.topbar button{text-align:right}.stats{display:grid;grid-template-columns:1fr 1fr 1.25fr .7fr;border:1px solid var(--line);background:var(--panel);margin-bottom:10px}.stats div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:47px;border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats span{color:var(--muted);font-size:7px;letter-spacing:.08em}.stats b{color:var(--cyan);font-size:11px}.stats i{width:18px;height:18px;border-radius:50%;background:var(--orange)}.game-shell{position:relative;border:1px solid var(--line);background:var(--panel);padding:6px;box-shadow:0 15px 50px #0008}.game-shell canvas{display:block;width:100%;height:auto;max-height:calc(100svh - 175px);background:var(--board);touch-action:none;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}.result-overlay{position:absolute;inset:6px;background:#070b12e8;display:none;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center}.result-overlay.show{display:flex}.result-overlay b{font-size:clamp(23px,7vw,32px);letter-spacing:.12em}.result-overlay span{color:var(--muted);font-size:9px;letter-spacing:.08em}.result-overlay button{border:0;background:var(--cyan);color:#061113;padding:12px 22px;min-height:44px;font:700 10px inherit;letter-spacing:.1em;cursor:pointer}footer{border-top:1px solid var(--line);margin-top:17px;padding-top:12px;text-align:center;color:var(--muted);font-size:8px;letter-spacing:.05em}[data-theme="light"]{color-scheme:light;--theme-color:#faf8ef;--bg:#faf8ef;--panel:#f1eee7;--line:#d8d0c5;--ink:#3e3934;--muted:#8b8177;--cyan:#4f9294;--orange:#d98744;--pink:#ce607a;--green:#66a968;--board:#e7e1d7}[data-theme="light"] .game-shell{box-shadow:0 15px 45px #51483b18}[data-theme="light"] .result-overlay{background:#faf8efe8}@media(max-width:560px){.page{padding:8px 7px 14px}.topbar{height:40px;margin:0 4px 7px}.topbar h1{font-size:17px}.stats{margin:0 4px 7px}.stats div{min-height:42px}.game-shell{padding:4px}.game-shell canvas{max-height:calc(100svh - 146px)}.result-overlay{inset:4px}footer{margin:10px 4px 0}}@media(max-width:360px){.topbar h1{font-size:15px}.topbar a,.topbar button{font-size:9px}.stats span{font-size:6px}.stats b{font-size:9px}}