:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f5f5f7;color:#1d1d1f}#app{display:flex;justify-content:center;padding:24px 12px}.game{width:100%;max-width:640px;background:#fff;border:1px solid #e5e5ea;border-radius:16px;padding:18px}h1{margin:0 0 8px;font-size:28px;font-weight:600}.server-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;margin-bottom:8px;border:1px solid #d1d1d6;color:#636366;background:#f2f2f7}.server-badge.online{color:#0f5132;background:#e8f5ec;border-color:#b9e4c7}.server-badge.offline{color:#7f1d1d;background:#fdecec;border-color:#f5bcbc}.controls{display:flex;align-items:center;gap:8px;margin-bottom:8px}.controls label{font-size:13px;color:#636366}.controls select{border:1px solid #d1d1d6;border-radius:8px;padding:4px 8px;font-size:13px;background:#fff;color:#1d1d1f}.controls select:disabled{opacity:.6}.status{min-height:22px;font-size:15px;color:#3a3a3c}.board-wrap{margin-top:12px;border:1px solid #d1d1d6;border-radius:12px;overflow:hidden}.board{display:grid;grid-template-columns:repeat(8,minmax(36px,1fr))}.square{aspect-ratio:1 / 1;border:none;display:grid;place-items:center;font-size:clamp(24px,4vw,38px);cursor:pointer;-webkit-user-select:none;user-select:none;transition:filter .12s ease}.square:disabled{cursor:default}.square.light{background:#f2ece4}.square.dark{background:#b89b7b}.square.selected{outline:3px solid #0a84ff;outline-offset:-3px}.square.legal{box-shadow:inset 0 0 0 3px #0a84ff73}.square.ai-last{box-shadow:inset 0 0 0 3px #ff9500a6}.square:hover:not(:disabled){filter:brightness(1.04)}.meta{margin-top:12px;display:flex;justify-content:space-between;gap:12px;color:#636366;font-size:14px}.hint{margin-top:8px;color:#8e8e93;font-size:13px}