@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-main: #312e2b;--bg-panel: #262421;--bg-panel-alt: #21201e;--bg-input: #1a1917;--border: #3d3a37;--border-light: #4a4745;--text: #e0e0e0;--text-bright: #ffffff;--subtle: #9e9b98;--accent: #81b64c;--accent-hover: #95ca5e;--accent-dark: #629b34;--danger: #e05555;--warning: #e8a63a;--sq-light: #eeeed2;--sq-dark: #769656;--sq-light-last: #f6f669;--sq-dark-last: #baca2b;--sq-selected-light: #f6f6a4;--sq-selected-dark: #bbcc44;--sq-legal: rgba(0, 0, 0, .1);--sq-legal-capture: rgba(0, 0, 0, .1);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg-main)}*{box-sizing:border-box}html,body{margin:0;min-height:100vh;background:var(--bg-main);color:var(--text);font-feature-settings:"tnum" 1}button,input,select{font:inherit}button{border:none;border-radius:6px;padding:.5rem 1rem;color:var(--text-bright);background:var(--border);transition:background .12s ease;cursor:pointer;font-weight:600;font-size:.84rem}button:hover{background:var(--border-light);transform:none;box-shadow:none}button:active{opacity:.9}input,select{border:1px solid var(--border);border-radius:6px;background:var(--bg-input);color:var(--text);padding:.48rem .7rem;outline:none}input:focus,select:focus{border-color:var(--accent)}input::placeholder{color:var(--subtle)}.app-shell{min-height:100vh;max-width:1600px;margin:0 auto;padding:.75rem}.top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:.55rem 1rem;border-radius:6px;background:var(--bg-panel)}.brand h1{margin:0;font-size:1.15rem;font-weight:800;color:var(--text-bright);letter-spacing:-.01em}.brand p{margin:.1rem 0 0;color:var(--subtle);font-size:.72rem}.top-meta{display:flex;gap:.6rem;align-items:center;color:var(--subtle);font-size:.82rem}.dot{padding:.15rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.05em;font-size:.65rem;font-weight:700;border:none}.dot--online{color:#fff;background:var(--accent)}.dot--connecting{color:#fff;background:var(--warning)}.dot--offline{color:#fff;background:var(--danger)}.layout-grid{display:grid;grid-template-columns:minmax(240px,290px) 1fr minmax(280px,340px);gap:.75rem;align-items:start}.layout-grid--game-only{grid-template-columns:minmax(0,1050px);justify-content:center}.layout-grid--no-right{grid-template-columns:minmax(240px,290px) minmax(650px,900px);justify-content:center}.layout-col,.layout-main{display:grid;gap:.75rem}.layout-main--game-only{width:min(1050px,100%)}.board-stage{display:grid;grid-template-columns:32px 1fr;gap:.5rem;min-height:480px}.board-with-clocks{display:grid;gap:.35rem}.board-clock{display:flex;justify-content:space-between;align-items:center;border-radius:6px;padding:.35rem .65rem;background:var(--bg-panel)}.board-clock span{color:var(--subtle);font-size:.82rem;font-weight:600}.board-clock strong{font-size:1.1rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text)}.board-clock--active{background:#1a1a1a}.board-clock--active span,.board-clock--active strong{color:var(--text-bright)}.board-wrap{border-radius:4px;overflow:hidden;background:var(--bg-panel);min-height:480px;position:relative}.board-wrap--2d{display:grid;place-items:center;padding:0;border:none;background:transparent;box-shadow:none;min-height:auto;position:relative}.board2d{width:min(100%,640px);aspect-ratio:1 / 1;border-radius:3px;overflow:hidden;box-shadow:0 4px 16px #0006;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr)}.board2d__square{border:none;border-radius:0;margin:0;padding:0;position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1 / 1;transition:none;box-shadow:none;touch-action:manipulation;cursor:pointer}.board2d__square:hover{transform:none;box-shadow:none}.board2d__square--light{background:var(--sq-light)}.board2d__square--dark{background:var(--sq-dark)}.board2d__square--last.board2d__square--light{background:var(--sq-light-last)}.board2d__square--last.board2d__square--dark{background:var(--sq-dark-last)}.board2d__square--selected.board2d__square--light{background:var(--sq-selected-light)}.board2d__square--selected.board2d__square--dark{background:var(--sq-selected-dark)}.board2d__square--legal:after{content:"";width:32%;aspect-ratio:1 / 1;border-radius:999px;background:#0000001a;position:absolute;z-index:2}.board2d__piece{position:relative;z-index:1;width:92%;height:92%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.promotion-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:#00000073}.promotion-dialog{position:absolute;width:12.5%;display:flex;flex-direction:column;z-index:11;box-shadow:0 4px 16px #00000080;border-radius:3px;overflow:hidden}.promotion-option{border:none;border-radius:0;padding:0;margin:0;background:var(--sq-light);display:grid;place-items:center;aspect-ratio:1 / 1;cursor:pointer;transition:background 80ms}.promotion-option:hover{background:var(--sq-light-last);transform:none;box-shadow:none}.promotion-option img{width:82%;height:82%;object-fit:contain}.board-fallback{min-height:480px;border-radius:6px;background:var(--bg-panel);padding:1rem;display:grid;align-content:center;justify-items:center;text-align:center;gap:.5rem}.board-fallback h4{margin:0;font-weight:700;color:var(--text-bright)}.board-fallback p{margin:0;max-width:42ch;color:var(--subtle)}.eval-bar{position:relative;border-radius:3px;overflow:hidden;display:flex;flex-direction:column;background:#403d39}.eval-bar__fill{width:100%;transition:height .2s ease}.eval-bar__fill--black{background:#403d39}.eval-bar__fill--white{background:#f0f0f0}.eval-bar__label{position:absolute;inset:auto 0 4px 0;text-align:center;font-size:.65rem;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6)}.glass-panel{border-radius:6px;background:var(--bg-panel);overflow:hidden;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.glass-panel__header{display:flex;align-items:center;justify-content:space-between;padding:.55rem .75rem;border-bottom:1px solid var(--border);background:var(--bg-panel-alt)}.glass-panel__header h3{margin:0;font-size:.82rem;font-weight:700;color:var(--text-bright);letter-spacing:0}.glass-panel__content{padding:.65rem .75rem}.inline-tabs{display:flex;gap:.25rem}.inline-tabs button{font-size:.72rem;padding:.2rem .45rem;border-radius:4px}.inline-tabs button.active{background:var(--accent);color:#fff}.control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.control-grid.inputs{margin-top:.45rem;grid-template-columns:1fr auto 1fr auto}.analysis-meta{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.35rem;color:var(--subtle);font-size:.8rem}.eval-graph{margin-top:.35rem}.move-list{max-height:220px;overflow-y:auto;display:grid;gap:.15rem}.move-list__item{width:100%;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:.35rem;padding:.3rem .4rem;border-radius:4px;border:none;background:var(--bg-panel-alt);text-align:left}.move-list__item:hover{background:var(--border);transform:none;box-shadow:none}.move-list__item--active{background:#81b64c2e}.move-list__num,.move-list__class{color:var(--subtle);font-size:.76rem}.move-list__san{font-weight:700;color:var(--text-bright)}.captured-pieces{display:grid;gap:.5rem}.captured-pieces h4{margin:0 0 .1rem;color:var(--subtle);font-size:.72rem;letter-spacing:.03em;text-transform:uppercase}.captured-pieces__row{display:grid;gap:.25rem}.captured-pieces__list{display:flex;flex-wrap:wrap;gap:.15rem;align-items:center;min-height:26px}.captured-pieces__list img{width:24px;height:24px;border-radius:3px;padding:1px;background:var(--bg-panel-alt)}.captured-pieces__empty{color:var(--subtle);font-size:.82rem}.leaderboard{display:grid;gap:.2rem}.leaderboard__row{display:grid;grid-template-columns:36px 1.1fr 48px 68px 64px;gap:.35rem;align-items:center;padding:.3rem .4rem;border-radius:4px;background:var(--bg-panel-alt);font-size:.8rem;border:none}.leaderboard__row:hover{background:var(--border)}.leaderboard__name{font-weight:700;color:var(--text-bright)}.profile-head{display:flex;align-items:center;gap:.55rem;margin-bottom:.55rem}.avatar{width:38px;height:38px;border-radius:6px;display:grid;place-items:center;background:var(--accent);color:#fff;font-weight:700;font-size:.85rem;border:none}.profile-head h4,.profile-head p{margin:0}.profile-head h4{color:var(--text-bright)}.profile-head p{color:var(--subtle);font-size:.78rem}.profile-stats{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.4rem}.profile-stats span{background:var(--bg-panel-alt);border-radius:4px;padding:.15rem .4rem;font-size:.72rem;color:var(--subtle);border:none}.spectator-list{display:grid;gap:.35rem}.spectator-list__card{display:flex;justify-content:space-between;align-items:center;gap:.35rem;border-radius:4px;padding:.45rem .5rem;background:var(--bg-panel-alt);border:none}.spectator-list__card h4,.spectator-list__card p{margin:0}.spectator-list__card h4{color:var(--text-bright)}.spectator-list__card p{font-size:.72rem;color:var(--subtle)}.chat-log{max-height:130px;overflow-y:auto;display:grid;gap:.15rem;margin-bottom:.35rem}.chat-log p{margin:0;font-size:.78rem}.chat-form{display:grid;grid-template-columns:1fr auto;gap:.35rem}.subtle{margin:0;color:var(--subtle);font-size:.78rem}.error-text{margin:0;color:var(--danger);font-size:.8rem}.opening-name{margin:0 0 .35rem;color:var(--text-bright);font-weight:700;font-size:.85rem}.opening-tree__row{display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding:.28rem 0;font-size:.8rem}.trainer-grid{display:grid;gap:.3rem}.trainer-grid p{margin:0;font-size:.82rem}.cheat-row{margin-bottom:.35rem}.cheat-row p{margin:.1rem 0;font-size:.8rem}.register-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:40}.register-card{width:min(380px,calc(100% - 2rem));border-radius:8px;background:var(--bg-panel);padding:1.2rem;display:grid;gap:.65rem;box-shadow:0 16px 48px #00000080;border:none}.register-card h3{margin:0;font-size:1.2rem;font-weight:800;color:var(--text-bright)}.register-card p{margin:0;color:var(--subtle);font-size:.85rem}.register-card button{background:var(--accent);color:#fff;font-weight:700;padding:.6rem 1rem}.register-card button:hover{background:var(--accent-hover)}.terminal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#000000a6;display:grid;place-items:center}.terminal{width:min(680px,calc(100% - 2rem));border-radius:8px;background:#1a1917;box-shadow:0 16px 48px #00000080;overflow:hidden;border:none}.terminal header{display:flex;justify-content:space-between;align-items:center;padding:.45rem .65rem;border-bottom:1px solid var(--border);background:var(--bg-panel-alt)}.terminal header h4{margin:0;font-size:.82rem;font-weight:700;color:var(--text-bright)}.online-list{display:grid;gap:.2rem;max-height:220px;overflow-y:auto}.online-list__row{display:flex;align-items:center;justify-content:space-between;background:var(--bg-panel-alt);border-radius:4px;padding:.32rem .5rem;font-size:.8rem;gap:.35rem;border:none}.online-list__row:hover{background:var(--border)}.online-list__meta{display:flex;align-items:center;gap:.4rem;min-width:0}.online-list__meta span:first-child{font-weight:600;color:var(--text-bright)}.primary-btn{background:var(--accent);color:#fff;font-weight:700;border:none}.primary-btn:hover{background:var(--accent-hover);box-shadow:none}.invite-live{margin-top:.5rem;display:grid;gap:.25rem}.invite-live__row{display:flex;justify-content:space-between;align-items:center;gap:.35rem;border-radius:4px;background:var(--bg-panel-alt);padding:.3rem .45rem;border:none}.game-only-actions{display:grid;gap:.4rem}.game-only-actions__buttons{display:flex;gap:.35rem;flex-wrap:wrap}.terminal__output{padding:.6rem;max-height:260px;overflow-y:auto;font-family:Courier New,monospace;color:var(--accent);font-size:.78rem}.terminal__output p{margin:0 0 .2rem}.terminal__hint{color:var(--accent)}.terminal form{display:grid;grid-template-columns:auto 1fr;gap:.35rem;align-items:center;border-top:1px solid var(--border);padding:.45rem .65rem;font-family:Courier New,monospace}.terminal form input{border:none;padding:.25rem;background:transparent;color:var(--text);outline:none}.start-hero{display:grid;gap:.6rem}.start-hero h2{margin:0;font-size:1.25rem;font-weight:800;color:var(--text-bright)}.start-hero p{margin:0}.start-hero__actions{display:flex;flex-wrap:wrap;gap:.4rem}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}@media(max-width:1280px){.layout-grid,.layout-col,.layout-main{grid-template-columns:1fr}.board-stage{grid-template-columns:28px 1fr}}@media(max-width:760px){.app-shell{padding:.4rem}.top-bar{flex-direction:column;align-items:flex-start;gap:.4rem}.control-grid{grid-template-columns:1fr 1fr}.control-grid.inputs{grid-template-columns:1fr auto}.board-wrap,.board-fallback{min-height:320px}.leaderboard__row{grid-template-columns:32px 1fr 44px;gap:.25rem}.leaderboard__row span:nth-child(4),.leaderboard__row span:nth-child(5){display:none}.board-stage{grid-template-columns:24px 1fr;gap:.35rem}}