:root{--bg: #161512;--panel: #262421;--panel-2: #302e2b;--text: #dfdedb;--muted: #9b9894;--accent: #629924;--accent-hover: #71ad2c;--danger: #c33;--light-sq: #f0d9b5;--dark-sq: #b58863;--sel: rgba(20, 85, 30, .5);--last: rgba(155, 199, 0, .41);--check: rgba(210, 40, 40, .7);--radius: 6px;--board-size: min(78vh, 640px, 92vw)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,Roboto,Helvetica,sans-serif;font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.app{min-height:100vh;display:flex;flex-direction:column}.nav{display:flex;align-items:center;gap:24px;padding:10px 20px;background:var(--panel);border-bottom:1px solid #00000040;flex-wrap:wrap}.brand{font-size:20px;font-weight:700;letter-spacing:.5px}.brand-mark{color:var(--accent)}.nav-links{display:flex;gap:18px;flex:1}.nav-links a{color:var(--muted);padding:4px 0;border-bottom:2px solid transparent}.nav-links a:hover{color:var(--text);text-decoration:none}.nav-links a.active{color:var(--text);border-bottom-color:var(--accent)}.nav-user{display:flex;align-items:center;gap:14px}.main{flex:1;padding:20px;max-width:1180px;width:100%;margin:0 auto}.footer{padding:16px 20px;color:var(--muted);font-size:13px;text-align:center}.panel{background:var(--panel);border-radius:var(--radius);padding:18px;margin-bottom:18px}.panel.narrow{max-width:420px;margin:40px auto}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.panel h1,.panel h2{margin:0 0 12px;font-size:20px}.panel-head h1,.panel-head h2{margin:0}.muted{color:var(--muted)}.center{text-align:center}.error{color:#ff7b72}.button{display:inline-block;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);padding:9px 16px;font-size:15px;cursor:pointer;font-family:inherit}.button:hover:not(:disabled){background:var(--accent-hover);text-decoration:none}.button:disabled{opacity:.5;cursor:not-allowed}.button.ghost{background:var(--panel-2);color:var(--text)}.button.ghost:hover:not(:disabled){background:#3a3835}.button.small{padding:5px 10px;font-size:13px}button.link{background:none;border:none;color:var(--muted);cursor:pointer;font:inherit;padding:0}button.link:hover{color:var(--text)}label{display:block;margin-bottom:14px;color:var(--muted);font-size:14px}input[type=text],input[type=password],input[type=email],input:not([type]),select,textarea{display:block;width:100%;margin-top:5px;padding:9px 10px;background:var(--panel-2);border:1px solid #00000040;border-radius:var(--radius);color:var(--text);font:inherit}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}.toggle{display:flex;align-items:center;gap:8px;margin:0}.toggle input{width:auto;margin:0}.tabs{display:flex;gap:4px}.tab{background:none;border:none;color:var(--muted);padding:6px 12px;border-radius:var(--radius);cursor:pointer;font:inherit;text-transform:capitalize}.tab.active{background:var(--panel-2);color:var(--text)}.table{width:100%;border-collapse:collapse}.table th{text-align:left;color:var(--muted);font-weight:500;font-size:13px;padding:6px 8px;border-bottom:1px solid #00000040}.table td{padding:7px 8px;border-bottom:1px solid #ffffff08}.board-wrap{position:relative;width:var(--board-size);max-width:100%}.board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);width:100%;aspect-ratio:1;border-radius:3px;overflow:hidden;-webkit-user-select:none;user-select:none}.sq{position:relative;display:flex;align-items:center;justify-content:center}.sq.light{background:var(--light-sq)}.sq.dark{background:var(--dark-sq)}.sq.last:before,.sq.selected:before,.sq.hint:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.sq.last:before{background:var(--last)}.sq.selected:before{background:var(--sel)}.sq.hint:before{background:#3c78dc73}.sq.check{background:radial-gradient(circle,var(--check) 0%,rgba(210,40,40,0) 70%),var(--dark-sq)}.sq.light.check{background:radial-gradient(circle,var(--check) 0%,rgba(210,40,40,0) 70%),var(--light-sq)}.piece{position:relative;font-size:calc(var(--board-size) / 9);line-height:1;cursor:grab;z-index:2}.piece.white{color:#fff;text-shadow:0 0 1px #000,1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000}.piece.black{color:#171717;text-shadow:0 0 1px #999,1px 1px 0 #5a5a5a}.sq.dragging .piece{opacity:.35}.target{position:absolute;width:28%;height:28%;border-radius:50%;background:#14551e66;z-index:1;pointer-events:none}.target.capture{width:88%;height:88%;background:none;border:6px solid rgba(20,85,30,.4);border-radius:50%}.coord{position:absolute;font-size:11px;font-weight:600;opacity:.7;pointer-events:none}.coord.rank{top:2px;left:3px}.coord.file{bottom:1px;right:3px}.sq.light .coord{color:var(--dark-sq)}.sq.dark .coord{color:var(--light-sq)}.promotion-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:10}.promotion-picker{background:var(--panel);padding:16px;border-radius:var(--radius);text-align:center}.promotion-picker p{margin:0 0 10px;color:var(--muted)}.promotion-choices{display:flex;gap:8px}.promotion-choices button{background:var(--panel-2);border:none;border-radius:var(--radius);padding:6px 10px;cursor:pointer;font-size:38px;line-height:1}.game-layout{display:flex;gap:22px;align-items:flex-start;flex-wrap:wrap}.board-column{display:flex;flex-direction:column;gap:8px}.side-column{flex:1;min-width:280px}.analysis-row{display:flex;gap:8px;align-items:stretch}.evalbar{width:16px;background:#3a3835;border-radius:3px;overflow:hidden;display:flex;flex-direction:column-reverse}.evalbar-white{background:#f0f0f0;transition:height .25s ease}.player-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--panel);border-radius:var(--radius);padding:8px 12px}.player-identity{display:flex;align-items:baseline;gap:8px}.username{font-weight:600}.rating{color:var(--muted);font-size:13px}.delta{margin-left:4px;font-weight:600}.delta.up{color:#7ac142}.delta.down{color:#e06c5a}.clock{font-variant-numeric:tabular-nums;font-size:26px;font-weight:600;padding:2px 12px;border-radius:var(--radius);background:var(--panel-2);color:var(--muted);min-width:110px;text-align:center}.clock.running{background:#f0f0f0;color:#111}.clock.running.low{background:#d64f4f;color:#fff}.result-banner{display:flex;flex-direction:column;gap:2px;background:var(--panel-2);border-left:3px solid var(--accent);padding:10px 12px;border-radius:var(--radius);margin-bottom:12px}.result-banner.success{border-left-color:#7ac142}.result-banner.failure{border-left-color:var(--danger)}.result-banner.practice{border-left-color:#e0a23c}.result-banner span{color:var(--muted);font-size:13px}.game-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.movelist{max-height:280px;overflow-y:auto;background:var(--panel-2);border-radius:var(--radius);padding:6px;font-variant-numeric:tabular-nums}.movelist-row{display:grid;grid-template-columns:34px 1fr 1fr;align-items:center}.movenum{color:var(--muted);font-size:13px}.move{background:none;border:none;color:var(--text);text-align:left;padding:3px 6px;border-radius:3px;cursor:pointer;font:inherit}.move:hover:not(:disabled){background:#ffffff14}.move.active{background:var(--accent);color:#fff}.move:disabled{cursor:default}.chat-log{max-height:160px;overflow-y:auto;margin-bottom:8px}.chat-log p{margin:2px 0;font-size:14px}.pgn{background:var(--panel-2);padding:10px;border-radius:var(--radius);white-space:pre-wrap;word-break:break-word;font-size:13px;margin:8px 0 0}details summary{cursor:pointer;color:var(--muted);margin-top:12px}.eval-readout{display:flex;align-items:baseline;gap:12px;margin:10px 0}.eval-score{font-size:24px;font-weight:700;font-variant-numeric:tabular-nums}.engine-badge{font-size:12px;margin:4px 0 10px}.pv-list{list-style:none;margin:0 0 12px;padding:0;background:var(--panel-2);border-radius:var(--radius);overflow:hidden}.pv-list li{display:flex;gap:10px;padding:6px 10px;font-size:13px;border-bottom:1px solid #ffffff0a}.pv-list li:last-child{border-bottom:none}.pv-score{font-weight:700;font-variant-numeric:tabular-nums;min-width:56px}.pv-moves{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.tc-card{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--panel-2);border:none;border-radius:var(--radius);padding:16px 8px;cursor:pointer;color:var(--text);font:inherit}.tc-card:hover{background:#3a3835}.tc-label{font-size:22px;font-weight:700}.tc-speed{color:var(--muted);font-size:13px;text-transform:capitalize}.tc-rating{color:var(--accent);font-size:12px}.seeking{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 0;text-align:center}.spinner{width:34px;height:34px;border:3px solid var(--panel-2);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.game-list{list-style:none;margin:0;padding:0}.game-list li a{display:flex;align-items:center;gap:12px;padding:8px 6px;border-bottom:1px solid #ffffff0a}.game-list li a:hover{background:#ffffff08;text-decoration:none}.game-list .players{flex:1}.game-list .meta{color:var(--muted);font-size:13px}.badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:3px;font-size:12px;font-weight:700;color:#fff}.badge.win{background:#629924}.badge.loss{background:#b33}.badge.draw{background:#7a7a7a}.dropzone{border:2px dashed transparent;transition:border-color .15s,background .15s}.dropzone.over{border-color:var(--accent);background:#2c3a20}.import-note{background:var(--panel-2);border-left:3px solid var(--accent);border-radius:var(--radius);padding:10px 12px;margin:10px 0 0;white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.5;font-family:inherit;color:var(--text)}.table-scroll{overflow-x:auto}.games-table{margin-top:10px;min-width:640px}.games-table th{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.games-table th:hover{color:var(--text)}.games-table td{white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis}.games-table tbody tr:hover{background:#ffffff08}.pager{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:14px}.nav-controls{justify-content:center;margin:0}.nav-controls .button{min-width:44px;font-size:15px}.game-headers{font-size:13px;margin-top:-6px}.rating-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin:14px 0}.rating-card{display:flex;flex-direction:column;align-items:center;background:var(--panel-2);border-radius:var(--radius);padding:12px}.rating-value{font-size:24px;font-weight:700}.rating-speed{color:var(--muted);font-size:13px;text-transform:capitalize}@media (max-width: 900px){:root{--board-size: min(92vw, 560px)}.game-layout{flex-direction:column}.side-column{width:100%}}@media (max-width: 600px){.nav{gap:12px}.nav-links{order:3;width:100%;overflow-x:auto}.main{padding:12px}}