*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%;overflow:hidden}body{font-family:system-ui,sans-serif;background:#0d1117;color:#e6edf3;touch-action:none}#board{display:block;width:100%;height:100%}#overlay{position:fixed;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;gap:1rem;padding:env(safe-area-inset-top,.5rem) 1rem .5rem;pointer-events:none}#overlay>*{pointer-events:auto}.turn-token{display:inline-flex;width:1.5rem;height:1.5rem;flex:none}.turn-token svg{width:100%;height:100%}.turn-token:empty{display:none}.turn-label{font-weight:600}.turn-timer{margin-left:auto;font-variant-numeric:tabular-nums;font-size:1.25rem;min-width:2.5ch;text-align:right}.turn-timer.warn{color:#f0883e}.turn-timer.danger{color:#f85149}#overlay-mirror{position:fixed;bottom:0;left:0;right:0;z-index:2;display:flex;align-items:center;gap:1rem;padding:.5rem 1rem env(safe-area-inset-bottom,.5rem);transform:rotate(180deg);pointer-events:none}#banner{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;background:#0d1117d9;pointer-events:none}.hidden{display:none!important}#menu-btn,#undo-btn{padding:.5rem 1rem;border:0;border-radius:.5rem;background:#30363d;color:#fff;font-size:1rem}#menu,#mode-menu,#difficulty-menu,#settings-menu,#stats-panel,#achievements-panel,#human-menu,#host-lobby,#connecting-overlay,#replay-panel,#replay-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;background:#0d1117f0}#menu h1,#mode-menu h1,#difficulty-menu h1,#settings-menu h1,#stats-panel h1,#achievements-panel h1,#human-menu h1,#host-lobby h1,#connecting-overlay h1,#replay-panel h2{font-size:2rem;font-weight:700}#menu button,#mode-menu button,#difficulty-menu button,#settings-menu button,#stats-panel button,#achievements-panel button,#human-menu button,#host-lobby button,#connecting-overlay button,#replay-panel button,#replay-viewer button{min-width:14rem;padding:.85rem 1.25rem;border:0;border-radius:.5rem;background:#238636;color:#fff;font-size:1.1rem}#mode-menu #play-human{background:#1f6feb}#menu #menu-surrender{background:#da3633}#mode-menu #mode-back,#difficulty-menu #diff-back,#stats-panel #stats-back{background:#30363d}#setup-toggle{display:flex;gap:.25rem;margin:.5rem 0 .75rem}.setup-opt{opacity:.55}.setup-opt.active{opacity:1;outline:2px solid currentColor}#stats-list{display:grid;grid-template-columns:auto auto;gap:.25rem 1.5rem;margin:0 0 1rem;font-variant-numeric:tabular-nums}#stats-list dt{text-align:left;opacity:.8}#stats-list dd{text-align:right;margin:0;font-weight:600}#settings-menu .field{display:flex;flex-direction:column;gap:.5rem;width:16rem}#settings-menu .field>span{font-size:.95rem;color:#8b949e}#player-name{padding:.7rem .9rem;border:1px solid #30363d;border-radius:.5rem;background:#0d1117;color:#e6edf3;font-size:1.1rem}#player-name:focus{outline:none;border-color:#1f6feb}#color-swatches{display:flex;flex-wrap:wrap;gap:.6rem;width:16rem}#settings-menu .swatch{width:2.4rem;height:2.4rem;min-width:0;padding:0;border-radius:999px;border:3px solid transparent;cursor:pointer}#settings-menu .swatch[aria-checked=true]{border-color:#e6edf3}#settings-menu .swatch-random{background:conic-gradient(from 90deg,#3fb950,#58a6ff,#f85149,#f2da3c,#bc8cff,#ff7eb6,#f0883e,#3fb950)}#shape-options{display:flex;flex-wrap:wrap;gap:.6rem;width:16rem}#settings-menu .shape-option{width:2.4rem;height:2.4rem;min-width:0;padding:.3rem;border-radius:.5rem;border:3px solid transparent;background:#0d1117;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#8b949e;font-size:1.2rem;line-height:1}#settings-menu .shape-option svg{width:100%;height:100%;display:block}#settings-menu .shape-option[aria-checked=true]{border-color:#e6edf3}#settings-menu .field-toggle{flex-direction:row;align-items:center;justify-content:space-between}#settings-menu .field-toggle>span{color:#e6edf3}#settings-menu .field-toggle input[type=checkbox]{width:1.4rem;height:1.4rem;flex:none}#menu #open-stats,#menu #open-achievements,#menu #open-replays,#achievements-panel #ach-back{background:#30363d}.ach-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.3rem;height:1.3rem;padding:0 .35rem;margin-left:.4rem;border-radius:999px;background:#f85149;color:#fff;font-size:.8rem;font-weight:700;vertical-align:middle}#ach-list{display:flex;flex-direction:column;gap:.6rem;width:22rem;max-width:90vw;max-height:65vh;overflow-y:auto;margin-bottom:.5rem;font-variant-numeric:tabular-nums}.ach-row{display:grid;grid-template-columns:1fr auto;gap:.15rem .75rem;padding:.7rem .9rem;border-radius:.6rem;background:#161b22;border:1px solid #21262d;text-align:left}.ach-row.locked{opacity:.65}.ach-row.maxed{border-color:#2ea043}.ach-title{font-weight:700}.ach-level{color:#8b949e;font-size:.85rem;justify-self:end}.ach-desc{grid-column:1 / -1;color:#8b949e;font-size:.9rem}.ach-bar{grid-column:1 / -1;height:.4rem;border-radius:999px;background:#21262d;overflow:hidden}.ach-bar>span{display:block;height:100%;background:#2ea043}.ach-progress{grid-column:1 / -1;color:#8b949e;font-size:.8rem}.ach-new{margin-left:.4rem;padding:0 .35rem;border-radius:999px;background:#f85149;color:#fff;font-size:.7rem;font-weight:700}#achievement-toast{position:fixed;left:50%;bottom:1.25rem;transform:translate(-50%);z-index:4;display:flex;flex-direction:column;gap:.4rem;pointer-events:none}.ach-toast-item{padding:.6rem 1rem;border-radius:.6rem;background:#2ea043f2;color:#fff;font-weight:600;box-shadow:0 .4rem 1rem #0006}#human-menu #play-host{background:#1f6feb}#human-menu #human-back,#host-lobby #lobby-cancel,#connecting-overlay #connecting-cancel{background:#30363d}#play-find[disabled]{opacity:.5;cursor:not-allowed}#lobby-link{width:min(90vw,420px);padding:8px 10px;font:inherit;color:#c9d1d9;background:#161b22;border:1px solid #30363d;border-radius:6px;min-width:0}.lobby-actions{display:flex;gap:8px}.lobby-actions button{min-width:0}#net-banner{position:fixed;top:8px;left:50%;transform:translate(-50%);padding:6px 12px;background:#0d1117e6;color:#f0883e;border:1px solid #30363d;border-radius:6px;z-index:30}#replay-panel #replays-back{background:#30363d}#replay-panel #replay-list{display:flex;flex-direction:column;gap:.4rem;width:22rem;max-width:90vw;max-height:60vh;overflow-y:auto;margin-bottom:.5rem}.replay-row{display:block;width:100%;text-align:left}#replay-viewer #replay-status{margin-bottom:1rem;font-size:1.1rem;font-weight:600}.replay-controls{display:flex;gap:.5rem}.replay-controls button{min-width:0}#replay-viewer #replay-close{background:#30363d}