.chess-logo{font-size:40px;line-height:48px;width:48px;text-align:center;background:#fff;border-radius:50%;color:var(--teal-dark)}
.narrow{max-width:420px;margin:2rem auto}
form label{display:block;margin:.5rem 0}form label input:not([type=checkbox]),form label select,form label textarea{display:block;width:100%;max-width:420px;padding:.45rem;border:1px solid var(--border);border-radius:6px}
label.check{display:flex;gap:.5rem;align-items:flex-start}
form.inline{display:inline}.btn.small{padding:.25rem .6rem;font-size:.85rem}.btn.danger{background:var(--danger)}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1rem}
.tile{display:flex;flex-direction:column;align-items:center;text-align:center;font-weight:600;color:var(--text)}.tile span{font-size:2.2rem}.tile small{font-weight:400;color:var(--muted)}
.tbl{width:100%;border-collapse:collapse}.tbl td,.tbl th{padding:.4rem;border-bottom:1px solid var(--border);text-align:left}
.board-wrap{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start}
.board{display:grid;grid-template-columns:repeat(8,1fr);width:min(92vw,520px);aspect-ratio:1;border:3px solid #5b3a1e;border-radius:4px;user-select:none}
.sq{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer}
.sq.light{background:#f0d9b5}.sq.dark{background:#b58863}.sq.last{box-shadow:inset 0 0 0 100px rgba(255,235,59,.35)}.sq.sel{box-shadow:inset 0 0 0 100px rgba(26,138,138,.45)}
.sq.dot::after{content:'';width:28%;height:28%;border-radius:50%;background:rgba(0,0,0,.25)}.sq.cap{box-shadow:inset 0 0 0 4px rgba(200,0,0,.55)}
.pc{font-size:min(9vw,52px);line-height:1}.pc.w{color:#fff;text-shadow:0 0 2px #000,0 0 1px #000}.pc.b{color:#111}
.sq i{position:absolute;font-size:10px;font-style:normal;opacity:.6}.sq .rk{top:2px;left:3px}.sq .fl{bottom:1px;right:3px}
.side{flex:1;min-width:220px}.status{font-weight:600}.movelist{max-height:360px;overflow:auto;font-family:monospace}
.good{color:var(--ok);font-weight:600}.bad{color:var(--danger);font-weight:600}
.chat-log{height:55vh;overflow:auto;border:1px solid var(--border);border-radius:6px;padding:.5rem;background:#fafafa}
.msg{margin:.35rem 0;padding:.35rem .5rem;background:#fff;border-radius:6px}.msg.admin{background:#eef6f6}.msg .who{font-weight:600}.msg .at{color:var(--muted);font-size:.8rem}
.msg .del{border:0;background:none;color:var(--danger);cursor:pointer}
.chat-form{display:flex;gap:.5rem;margin-top:.5rem}.chat-form input{flex:1;padding:.5rem;border:1px solid var(--border);border-radius:6px}
.invite-toast{position:fixed;bottom:1rem;left:50%;transform:translateX(-50%);background:#fff;border:2px solid var(--teal);border-radius:10px;padding:.8rem 1rem;box-shadow:0 6px 24px rgba(0,0,0,.2);z-index:50}
.push-box{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.hint{color:var(--muted);font-size:.9rem}li.wait{color:var(--muted)}