*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;background:var(--bg);color:var(--text);transition:.25s}.app{min-height:100vh;display:grid;grid-template-columns:360px 1fr;gap:24px;padding:24px}.panel,.moves{background:var(--panel);border-radius:18px;padding:22px;height:max-content;box-shadow:0 12px 30px #0005}h1{margin:0 0 8px}h2{font-size:18px;margin:0}.muted{color:var(--muted)}.actions{display:grid;gap:12px;margin:20px 0}button,input,select{border:0;border-radius:12px;padding:12px 14px;font-size:15px}button{background:var(--accent);color:var(--btnText);font-weight:800;cursor:pointer}button:hover{filter:brightness(1.08)}button.secondary{background:var(--secondary);color:var(--secondaryText)}button.small{font-size:13px;padding:8px 10px}input,select{width:100%;background:var(--input);color:var(--text);border:1px solid var(--border)}#joinForm{display:flex;gap:8px}.theme-box{display:grid;gap:8px;margin:18px 0}.info{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.hidden{display:none}.board-wrap{display:flex;gap:20px;align-items:flex-start;justify-content:center;flex-wrap:wrap}.board{width:min(88vw,640px);height:min(88vw,640px);display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);border:10px solid var(--boardBorder);border-radius:14px;overflow:hidden;box-shadow:0 15px 35px #0008}.sq{display:flex;align-items:center;justify-content:center;font-size:clamp(32px,8vw,64px);user-select:none;cursor:pointer;color:var(--piece)}.light{background:var(--light)}.dark{background:var(--dark)}.selected{outline:5px solid var(--select);outline-offset:-5px}.hint{box-shadow:inset 0 0 0 999px var(--hint)}.danger{box-shadow:inset 0 0 0 999px var(--danger)}.moves{min-width:230px;max-width:320px;max-height:640px;overflow:auto}.moves h3{margin-top:0}.move{padding:6px 0;border-bottom:1px solid var(--border);color:var(--moveText)}.servers{border-top:1px solid var(--border);padding-top:16px;margin-top:16px}.servers-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}.games-list{display:grid;gap:8px}.game-card{border:1px solid var(--border);background:var(--input);border-radius:14px;padding:10px;display:grid;gap:6px}.game-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:800}.pill{font-size:12px;border-radius:999px;padding:4px 8px;background:var(--pill);color:var(--text)}.mini-actions{display:flex;gap:8px}.mini-actions button{padding:8px 10px;font-size:13px}.empty{color:var(--muted);font-size:14px}
body.theme-classic{--bg:#1f2329;--panel:#2b3038;--text:#f4f4f4;--muted:#b8c0cc;--accent:#e7c16a;--btnText:#181818;--secondary:#46515f;--secondaryText:#fff;--input:#191d23;--border:#48505b;--boardBorder:#111;--light:#f0d9b5;--dark:#b58863;--piece:#111;--select:#f8e36a;--hint:#6ad66a55;--danger:#d66a6a55;--moveText:#dfe5ee;--pill:#3d4652}
body.theme-ocean{--bg:#071923;--panel:#0c2a38;--text:#eefbff;--muted:#a6c7d2;--accent:#50d6ff;--btnText:#05202a;--secondary:#135166;--secondaryText:#fff;--input:#061923;--border:#225a6d;--boardBorder:#021016;--light:#d7f8ff;--dark:#2089a5;--piece:#03151c;--select:#ffe66d;--hint:#74ffb455;--danger:#ff6f9155;--moveText:#dff8ff;--pill:#124557}
body.theme-neon{--bg:#100818;--panel:#1c1029;--text:#fff8ff;--muted:#c8add8;--accent:#ff4fd8;--btnText:#210018;--secondary:#3b2454;--secondaryText:#fff;--input:#13091d;--border:#5a357b;--boardBorder:#050008;--light:#f4d7ff;--dark:#7b2cff;--piece:#170020;--select:#00ffe1;--hint:#00ff9955;--danger:#ff2e6355;--moveText:#f8e7ff;--pill:#332046}
body.theme-minimal{--bg:#f4f4f0;--panel:#ffffff;--text:#202124;--muted:#666;--accent:#222;--btnText:#fff;--secondary:#e9e9e5;--secondaryText:#222;--input:#fafafa;--border:#d5d5ce;--boardBorder:#d5d5ce;--light:#eeeeee;--dark:#8f8f8f;--piece:#111;--select:#ffc400;--hint:#55bb6655;--danger:#d65b5b55;--moveText:#333;--pill:#eeeeee}
@media(max-width:900px){.app{grid-template-columns:1fr}.panel{order:2}.board-wrap{order:1}}