@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,300,0,0&family=Source+Serif+4:wght@600;700&display=swap";:root{--app-bg: #2f2d2a;--surface: #242320;--surface-2: #1f1e1b;--surface-3: #33312d;--line: rgba(255, 255, 255, .08);--text: #f2f0eb;--muted: #b8b5ae;--soft: #8d8981;--gold: #c8a665;--gold-soft: #d8bc7a;--board-dark: #8a6846;--cream: #eeeed2;--accent: #d8bc7a;--danger: #d46b5f}html,body{margin:0;font-family:IBM Plex Sans,Segoe UI,sans-serif;min-height:100%;max-width:100%;overflow-x:clip}body{background:var(--app-bg);color:var(--text)}*{box-sizing:border-box}img,svg,canvas,video{max-width:100%}span.player-chip-name{font-size:1.1em}button{cursor:pointer}button,input,select,textarea{font-family:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(min-width:901px){app-analysis-page{min-height:100vh;overflow:visible;display:block}app-play-chess-ai{min-height:100vh;overflow:visible;display:block}app-analysis-page .page-shell.page-shell{min-height:100vh;overflow:visible;padding:16px;background:var(--app-bg)}app-play-chess-ai .page-shell.page-shell{min-height:100vh;overflow:visible;padding:16px;background:var(--app-bg)}app-analysis-page .hero.hero,app-play-chess-ai .hero.hero{display:none}app-analysis-page .layout.layout{max-width:none;grid-template-columns:minmax(420px,min(56vw,760px)) minmax(360px,1fr);gap:16px;align-items:start}app-analysis-page .board-panel.board-panel,app-analysis-page .analysis-panel.analysis-panel,app-play-chess-ai .side-panel.side-panel,app-play-chess-ai .pgn-card.pgn-card,app-play-chess-ai .elo-card.elo-card{border-color:var(--line);border-radius:0;background:#262522;box-shadow:none}app-analysis-page .board-panel.board-panel{padding:14px 18px;overflow:visible}app-analysis-page .analysis-panel.analysis-panel{min-height:0;padding:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#5b584f #242320}app-analysis-page .analysis-panel>*{margin-left:16px;margin-right:16px}app-analysis-page .analysis-panel>.panel-header{position:sticky;top:0;z-index:4;margin:0 0 12px;padding:16px;background:#1f1e1b;border-bottom:1px solid var(--line)}app-analysis-page .board-stage.board-stage{grid-template-columns:1fr;align-items:stretch}app-analysis-page .board-wrap.board-wrap{width:min(100%,calc(100vh - 280px));max-width:720px;min-width:360px}app-analysis-page .board-controls.board-controls{gap:8px;margin-top:12px}app-analysis-page textarea.textarea,app-analysis-page textarea,app-play-chess-ai .name-field input,app-play-chess-ai .time-control-field select,app-play-chess-ai .pgn-card textarea{border-color:var(--line);border-radius:4px;background:#1b1a17}app-analysis-page .selected-move,app-analysis-page .progress-card,app-analysis-page .report-card,app-analysis-page .result-card,app-analysis-page .moves-card{border-color:var(--line);border-radius:0;background:#242320}app-analysis-page button,app-play-chess-ai .start-btn{border-radius:5px;background:var(--gold);color:#1f1e1b}app-analysis-page .ghost-button,app-analysis-page .aspect-chip,app-analysis-page .move-chip,app-play-chess-ai .ghost-button,app-play-chess-ai .side-option{border-color:var(--line);border-radius:5px;background:#33312d;color:#e8e5df}app-analysis-page .board-frame,app-play-chess-ai .board-frame{padding:0;border-radius:0;background:transparent}app-analysis-page .board,app-play-chess-ai .board{border-radius:0;box-shadow:none}app-analysis-page .square,app-play-chess-ai .square{background:var(--cream)}app-analysis-page .square.dark,app-play-chess-ai .square.dark{background:var(--board-dark)}app-play-chess-ai .play-layout.play-layout{min-height:calc(100vh - 32px);max-width:none}app-play-chess-ai .play-panel.play-panel{min-height:calc(100vh - 32px);padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}app-play-chess-ai .play-layout,app-play-chess-ai .play-panel,app-play-chess-ai .board-shell,app-play-chess-ai .game-layout{min-height:0}app-play-chess-ai .elo-card.elo-card{width:min(100%,520px);align-self:center;justify-self:center;padding:22px}app-play-chess-ai .board-shell.board-shell,app-play-chess-ai .game-layout.game-layout{min-height:0}app-play-chess-ai .game-layout.game-layout{grid-template-columns:minmax(360px,1fr) minmax(300px,390px);gap:16px;align-items:start}app-play-chess-ai .board-column.board-column{min-height:0;display:grid;grid-template-rows:auto auto auto 1fr auto auto auto;gap:8px;overflow:visible}app-play-chess-ai .side-column.side-column{min-height:0;display:grid;grid-template-rows:auto auto;gap:12px;overflow:visible}app-play-chess-ai .controls-panel.controls-panel{padding:10px}app-play-chess-ai .pgn-card.pgn-card{min-height:0;grid-template-rows:auto auto;overflow:visible}app-play-chess-ai .pgn-card textarea{min-height:150px;height:auto}app-play-chess-ai .board-topbar.board-topbar{padding:8px 10px;background:#262522;border:1px solid var(--line)}app-play-chess-ai .board-wrap.board-wrap{width:min(100%,calc(100vh - 238px),calc(100vw - 560px));max-width:760px}app-play-chess-ai .seat-clock.seat-clock{border-radius:4px;background:#1f1e1b}app-play-chess-ai .seat-clock.active{background:#dedede;color:#5f5d58}app-play-chess-ai .eval-bar.eval-bar{height:12px;border-radius:0}app-play-chess-ai .learning-note.learning-note{margin:0;border-radius:0;background:#242320}app-play-chess-ai .control-button.control-button{min-height:58px;border-radius:5px}app-play-chess-ai .control-button-wide.control-button-wide{min-height:48px}app-play-chess-ai .side-option.active{background:var(--gold);color:#1f1e1b}}@media(max-width:900px){app-analysis-page .page-shell.page-shell,app-play-chess-ai .page-shell.page-shell{min-height:calc(100vh - 68px);padding:8px;background:var(--app-bg);overflow-x:clip}app-analysis-page .hero.hero,app-play-chess-ai .hero.hero{display:none}app-analysis-page .layout.layout,app-play-chess-ai .game-layout.game-layout{grid-template-columns:1fr;gap:8px}app-analysis-page .board-panel.board-panel,app-analysis-page .analysis-panel.analysis-panel,app-play-chess-ai .elo-card.elo-card,app-play-chess-ai .side-panel.side-panel,app-play-chess-ai .pgn-card.pgn-card,app-play-chess-ai .board-topbar.board-topbar{border-radius:0;background:#262522;box-shadow:none}app-analysis-page .board-panel.board-panel,app-analysis-page .analysis-panel.analysis-panel{padding:8px}app-analysis-page .board-stage.board-stage{grid-template-columns:1fr;gap:0}app-analysis-page .eval-bar{display:none}app-analysis-page .board-frame,app-play-chess-ai .board-frame{padding:0;background:transparent}app-analysis-page .board-wrap,app-play-chess-ai .board-wrap{width:100%}app-analysis-page .board,app-play-chess-ai .board{border-radius:0}app-analysis-page .square,app-play-chess-ai .square{background:var(--cream)}app-analysis-page .square.dark,app-play-chess-ai .square.dark{background:var(--board-dark)}app-analysis-page .board-controls.board-controls,app-play-chess-ai .controls-panel.controls-panel{position:sticky;bottom:0;z-index:5;background:#1f1e1b}app-analysis-page .board-controls.board-controls{gap:6px;margin:8px -8px 0;padding:8px;flex-wrap:wrap;justify-content:center;max-width:calc(100vw - 16px);overflow-x:clip}app-play-chess-ai .play-panel.play-panel{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}app-play-chess-ai .board-column,app-play-chess-ai .side-column{gap:8px}app-play-chess-ai .board-topbar.board-topbar{padding:8px;border:1px solid var(--line)}app-play-chess-ai .controls-panel.controls-panel{margin-inline:-8px;border-left:0;border-right:0}app-play-chess-ai .control-button,app-play-chess-ai .ghost-button,app-play-chess-ai .start-btn,app-play-chess-ai .side-option,app-analysis-page .ghost-button,app-analysis-page .icon-button{border-radius:5px}app-play-chess-ai .start-btn,app-play-chess-ai .side-option.active{background:var(--gold);color:#1f1e1b}}