.control-panel{flex-direction:column;gap:10px;font-size:14px;display:flex}.control-panel button{border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:6px;padding:6px 12px}.control-panel button:hover:not(:disabled){background:var(--surface-3)}.control-panel button:disabled{opacity:.4;cursor:default}.control-panel__nav{align-items:center;gap:6px;display:flex}.control-panel__nav input[type=range]{flex:1}.control-panel__row{color:var(--text-muted);justify-content:space-between;display:flex}.control-panel__turn{align-items:center;gap:4px;display:inline-flex}.control-panel__dot{border:1px solid #888;border-radius:50%;width:12px;height:12px;display:inline-block}.control-panel__dot--B{background:#1b1b1f}.control-panel__dot--W{background:#f7f5ef}.control-panel__actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.control-panel__sizes{display:inline-flex}.control-panel__sizes button{border-radius:0}.control-panel__sizes button:first-child{border-radius:6px 0 0 6px}.control-panel__sizes button:last-child{border-left:none;border-radius:0 6px 6px 0}.control-panel__sizes button.is-selected{background:var(--surface-3);cursor:default;font-weight:700}.control-panel__toggle{color:var(--text-muted);cursor:pointer;align-items:center;gap:4px;margin-left:auto;display:inline-flex}.control-panel__error{color:#ff8a80;margin:0}.control-panel__notice{color:#f2c94c;margin:0}.control-panel__analysis{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;flex-direction:column;gap:6px;padding:10px;display:flex}.control-panel__status{color:var(--text-muted);align-items:center;gap:6px;display:flex}.control-panel__led{border-radius:50%;width:8px;height:8px}.control-panel__led--loading{background:#f2c94c}.control-panel__led--ready{background:#6fcf97}.control-panel__led--error{background:#eb5757}.control-panel__analyzing{margin-left:auto;animation:1s ease-in-out infinite alternate pulse}@keyframes pulse{0%{opacity:.4}to{opacity:1}}.control-panel__winrate{transition:opacity .2s}.control-panel__winrate.is-stale{opacity:.55}.control-panel__winrate-bar{background:var(--white-faction);border-radius:7px;height:14px;overflow:hidden}.control-panel__winrate-black{background:var(--black-faction);height:100%;transition:width .4s}.control-panel__winrate-labels{color:var(--text-muted);justify-content:space-between;margin-top:4px;font-size:12px;display:flex}.go-board{aspect-ratio:1;cursor:pointer;-webkit-user-select:none;user-select:none;width:100%;max-height:100%;display:block}.go-board__wood{fill:#dcb36b}.go-board__line line{stroke:#3b2a14;stroke-width:.04px}.go-board__star{fill:#3b2a14}.go-board__label text{fill:#5a4120;text-anchor:middle;dominant-baseline:central;font-size:.45px}.go-board__stone--B{fill:#1b1b1f}.go-board__stone--W{fill:#f7f5ef;stroke:#8a8070;stroke-width:.03px}.go-board__ghost{opacity:.45;pointer-events:none}.go-board__last{fill:none;stroke-width:.07px}.go-board__last--B{stroke:#f7f5ef}.go-board__last--W{stroke:#1b1b1f}.go-board__hint{fill:#2f80ed59;stroke:#2f80ed;stroke-width:.06px;pointer-events:none}.legend{max-width:300px;color:var(--text);font-size:12px;position:absolute;top:12px;left:12px}.legend__toggle{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#14161cbf;border-radius:6px;padding:4px 10px}.legend__body{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#14161cbf;border-radius:8px;margin-top:6px;padding:10px 12px}.legend__body h4{color:var(--text-muted);margin:8px 0 4px;font-size:12px}.legend__body ul{margin:0;padding:0;list-style:none}.legend__body li{margin:3px 0;line-height:1.4}.legend__item{border-radius:4px;margin:0 -6px;padding:1px 6px}.legend__item:hover{background:#ffe0662e}.legend__icon{width:20px;display:inline-block}.legend__factions{gap:12px;display:flex}.legend__faction{align-items:center;gap:4px;display:inline-flex}.legend__swatch{border-radius:2px;width:10px;height:10px}.view-controls{max-width:300px;color:var(--text);flex-direction:column;align-items:flex-end;gap:6px;font-size:12px;display:flex;position:absolute;bottom:12px;right:12px}.view-controls__buttons{gap:6px;display:flex}.view-controls__buttons button{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#14161cbf;border-radius:6px;padding:4px 10px}.view-controls__buttons button:hover{background:#282c36d9}.view-controls__help{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#14161cbf;border-radius:8px;padding:10px 12px}.view-controls__help h4{color:var(--text-muted);margin:0 0 4px;font-size:12px}.view-controls__help ul{margin:0;padding:0;list-style:none}.view-controls__help li{margin:3px 0;line-height:1.4}.app{grid-template-columns:minmax(360px,40%) 1fr;height:100vh;display:grid}.app__left{border-right:1px solid var(--border);background:var(--surface-1);flex-direction:column;gap:12px;min-height:0;padding:16px;display:flex}.app__title{letter-spacing:.05em;margin:0;font-size:18px}.app__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.app__langs{display:inline-flex}.app__langs button{border-radius:0;padding:2px 10px;font-size:12px}.app__langs button:first-child{border-radius:6px 0 0 6px}.app__langs button:last-child{border-left:none;border-radius:0 6px 6px 0}.app__langs button.is-selected{background:var(--surface-3);cursor:default;font-weight:700}.app__board{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.app__right{min-width:0;position:relative}@media (width<=900px){.app{grid-template-rows:auto 70vh;grid-template-columns:1fr;height:auto}}:root{--surface-1:#1a1c22;--surface-2:#23262e;--surface-3:#2e323c;--border:#393e4a;--text:#e8e6e1;--text-muted:#a6a39b;--black-faction:#c0392b;--white-faction:#2f80ed;color:var(--text);background:var(--surface-1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Hiragino Sans,Noto Sans JP,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}