:root{--bg: #0f1419;--panel: #1a2430;--text: #e6edf3;--muted: #9fb3c8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}header{padding:10px 16px;display:flex;justify-content:space-between;background:#0b121b;border-bottom:1px solid rgba(255,255,255,.1)}main{max-width:900px;margin:0 auto;padding:14px;display:flex;flex-direction:column;gap:12px}.panel{background:var(--panel);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:14px}.hidden{display:none!important}.grid{display:grid;gap:10px}label{display:flex;flex-direction:column;gap:6px}input{padding:9px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#121b26;color:var(--text)}button{padding:9px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#182433;color:var(--text);cursor:pointer}button:hover{background:#1f3042}.topbar{display:flex;justify-content:space-between;margin-bottom:10px}#boardWrap{display:flex;justify-content:center}#board{width:min(92vw,560px);aspect-ratio:1;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);border:4px solid #111;border-radius:6px;overflow:hidden}.square{display:flex;align-items:center;justify-content:center;font-size:clamp(24px,4.5vw,42px);-webkit-user-select:none;user-select:none}.square.light{background:#f0d9b5}.square.dark{background:#b58863}.square.highlight{outline:3px solid #3fb984;outline-offset:-3px}.square.lastmove{box-shadow:inset 0 0 0 3px #3fb98480}.square.attack{background:radial-gradient(circle,rgba(63,185,132,.5) 30%,transparent 70%)}.piece{cursor:grab}#infoBar{display:flex;justify-content:space-between;margin-top:8px;padding:8px 10px;background:#ffffff0d;border-radius:8px}#moves{margin-top:8px;max-height:160px;overflow:auto;background:#0003;border-radius:8px;padding:6px 10px;font-family:monospace}#pgnWrap{margin-top:8px;display:flex;flex-direction:column;gap:6px}#pgn{width:100%;background:#0b141f;color:var(--text);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:6px}small{color:var(--muted)}