:root{--bg: #0f1419;--panel: #1a2430;--primary: #3fb984;--text: #e6edf3;--muted: #9fb3c8;--danger: #f25f5c;--warn: #f4a261}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}header{padding:12px 16px;display:flex;align-items:center;justify-content:space-between;background:#0b121b;border-bottom:1px solid rgba(255,255,255,.08)}main{max-width:880px;margin:0 auto;padding:16px;display:flex;flex-direction:column;gap:16px}.panel{background:var(--panel);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px}.hidden{display:none!important}.grid{display:grid;gap:12px;grid-template-columns:1fr}label{display:flex;flex-direction:column;gap:6px}input{padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#121b26;color:var(--text);font-size:16px;letter-spacing:1px}button{padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#182433;color:var(--text);cursor:pointer}button:hover{background:#1f3042}button:disabled{opacity:.5;cursor:not-allowed}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}#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:6px solid #111;border-radius:6px;overflow:hidden}.square{position:relative;display:flex;align-items:center;justify-content:center;font-size:clamp(28px,4.5vw,44px);-webkit-user-select:none;user-select:none;cursor:default}.square.light{background:#f0d9b5}.square.dark{background:#b58863}.square.highlight{outline:3px solid var(--primary);outline-offset:-3px}.square.lastmove{box-shadow:inset 0 0 0 3px #3fb98473}.square.attack{background:radial-gradient(circle at center,rgba(63,185,132,.55) 0%,rgba(63,185,132,.25) 40%,transparent 70%)}.piece{cursor:grab}.piece.dragging{cursor:grabbing;opacity:.5}#infoBar{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-top:10px;padding:8px 10px;background:#ffffff0d;border-radius:10px}#moves{margin-top:10px;max-height:180px;overflow:auto;padding:8px;background:#0003;border-radius:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}#pgnWrap{margin-top:10px;display:flex;flex-direction:column;gap:8px}#pgn{width:100%;background:#0b141f;color:var(--text);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:8px}small{color:var(--muted)}