body.is-go-view .main{min-height:100vh;background:var(--paper)}body.is-go-view .sidebar{background:var(--white)}body.is-go-view .topbar{position:relative;z-index:200;overflow:visible}body.is-go-view .topbar-stats{position:relative;z-index:201;overflow:visible}body.is-go-view .header-dropdown{z-index:202}#view-gomoku-ai .go-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,320px);align-items:start;gap:clamp(16px,2vw,32px);width:100%;max-width:none;margin:0 auto;padding:clamp(16px,2vw,32px);border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--white);color:var(--text)}#view-gomoku-ai .go-board-panel{min-width:0;display:flex;justify-content:center}#view-gomoku-ai .go-board-frame{width:min(100%,900px,calc(100dvh - 245px));min-width:0;padding:clamp(8px,1vw,16px);border:1px solid var(--line);border-radius:var(--radius-md);background:#e8e2d8}#view-gomoku-ai .go-board{display:grid;grid-template-columns:repeat(15,minmax(0,1fr));width:100%;aspect-ratio:1;overflow:hidden;border:1px solid rgba(72,39,15,.28);border-radius:8px;background:repeating-linear-gradient(0deg,transparent 0,transparent calc(100%/30 - .5px),rgba(76,48,24,.32) calc(100%/30 - .5px),rgba(76,48,24,.32) calc(100%/30 + .5px),transparent calc(100%/30 + .5px),transparent calc(100%/15)),repeating-linear-gradient(90deg,transparent 0,transparent calc(100%/30 - .5px),rgba(76,48,24,.32) calc(100%/30 - .5px),rgba(76,48,24,.32) calc(100%/30 + .5px),transparent calc(100%/30 + .5px),transparent calc(100%/15)),linear-gradient(135deg,#d5a66d,#c28b50 48%,#d3a064);box-shadow:inset 0 0 0 1px #48270f1f}#view-gomoku-ai .go-cell{position:relative;min-width:0;min-height:0;padding:0;border:0;border-radius:0;background:transparent;cursor:crosshair}#view-gomoku-ai .go-cell:disabled{cursor:default}#view-gomoku-ai .go-cell:after{content:"";position:absolute;inset:9%;z-index:2;border-radius:50%;pointer-events:none}#view-gomoku-ai .go-cell.is-black:after{background:radial-gradient(circle at 32% 28%,#4a4a4a,#1a1a1a 48%,#0a0a0a);box-shadow:0 3px 5px #0c1c382e,inset 0 -3px 5px #00000026,inset 0 2px 2px #fff3}#view-gomoku-ai .go-cell.is-white:after{background:radial-gradient(circle at 30% 27%,#fff,#f0eee8 55%,#d8d4ca);border:1px solid rgba(12,28,56,.12);box-shadow:0 3px 5px #0c1c382e,inset 0 -3px 5px #00000026,inset 0 2px 2px #fff3}#view-gomoku-ai .go-cell.is-star:before{content:"";position:absolute;top:50%;left:50%;z-index:1;width:7px;height:7px;transform:translate(-50%,-50%);border-radius:50%;background:#4c301873}#view-gomoku-ai .go-cell.is-last-ai:before{content:"";position:absolute;top:50%;left:50%;z-index:3;width:6px;height:6px;transform:translate(-50%,-50%);border-radius:50%;background:#e44a2d;box-shadow:0 0 0 1px #ffffffa8}@media (hover:hover){#view-gomoku-ai .go-board.go-play-black .go-cell:not(:disabled):hover:after{background:radial-gradient(circle at 32% 28%,#4a4a4a,#0a0a0a);opacity:.5}#view-gomoku-ai .go-board.go-play-white .go-cell:not(:disabled):hover:after{background:radial-gradient(circle at 30% 27%,#fff,#d8d4ca);border:1px solid rgba(12,28,56,.12);opacity:.7}}#view-gomoku-ai .go-cell:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;z-index:4}#view-gomoku-ai .go-cell.is-controller-cursor{outline:3px solid var(--accent);outline-offset:-3px;z-index:5;background:color-mix(in srgb,var(--accent) 13%,transparent)}#view-gomoku-ai .go-cell.is-controller-cursor:not(.is-black):not(.is-white):after{content:"";position:absolute;inset:14%;border:2px dashed var(--accent);border-radius:50%;background:color-mix(in srgb,var(--accent) 14%,transparent)}#view-gomoku-ai .go-controls{min-width:0;display:flex;flex-direction:column;gap:24px;padding:0;background:transparent}#view-gomoku-ai .go-side-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:16px}#view-gomoku-ai .go-controls h2{font:500 3rem/.9 var(--font-display);margin:0}#view-gomoku-ai .go-controls p{margin:0;line-height:1.45}#view-gomoku-ai .go-subtitle{margin-top:8px!important;color:var(--text-dim);font-size:.82rem}#view-gomoku-ai .go-description{max-width:34ch;color:var(--text-dim);font-size:.88rem}#view-gomoku-ai .go-ai-mark{position:relative;display:grid;place-items:center;flex:none;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;transform:rotate(-6deg)}#view-gomoku-ai .go-ai-mark:before,#view-gomoku-ai .go-ai-mark:after{content:"";position:absolute;border:1px solid var(--text);border-radius:50%}#view-gomoku-ai .go-ai-mark:before{width:23px;height:23px}#view-gomoku-ai .go-ai-mark:after{width:11px;height:11px}#view-gomoku-ai .go-ai-mark span{width:4px;height:4px;border-radius:50%;background:var(--accent)}#view-gomoku-ai .go-settings{display:grid;gap:24px}#view-gomoku-ai fieldset{min-width:0;margin:0;padding:0 0 24px;border:0;border-bottom:1px solid var(--line)}#view-gomoku-ai legend{margin-bottom:10px;padding:0;font-size:.76rem;font-weight:700;color:var(--text)}#view-gomoku-ai .go-options{display:flex;flex-wrap:wrap;gap:8px}#view-gomoku-ai .go-controller p{margin:0 0 10px;color:var(--text-dim);font-size:.78rem}#view-gomoku-ai .go-controller .go-controller-status{margin:10px 0 0}#view-gomoku-ai .go-controller button[hidden]{display:none}#view-gomoku-ai .go-options button,#view-gomoku-ai .go-new{min-height:40px;padding:8px 14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:transparent;color:var(--text);font:600 .82rem var(--font-body);cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}#view-gomoku-ai .go-options button:hover,#view-gomoku-ai .go-new:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,transparent)}#view-gomoku-ai .go-options button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);box-shadow:inset 0 -2px var(--accent)}#view-gomoku-ai .go-new{width:100%;border-color:var(--text);font-weight:700}#view-gomoku-ai .go-options button:focus-visible,#view-gomoku-ai .go-new:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#view-gomoku-ai .go-session{padding:16px 0 0;border-top:1px dashed var(--line)}#view-gomoku-ai .go-status{display:flex;align-items:center;gap:9px;min-height:1.5em;font-weight:700}#view-gomoku-ai .go-status:before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--accent)}#view-gomoku-ai .go-record{margin-top:8px!important;color:var(--text-dim);font-size:.82rem}#view-gomoku-ai .go-learned{display:block;margin-top:10px;color:var(--text-dim);font-size:.72rem}#view-gomoku-ai .go-learned[hidden]{display:none}@media (max-width:860px){#view-gomoku-ai .go-shell{grid-template-columns:minmax(0,1fr);gap:24px}#view-gomoku-ai .go-board-frame{width:min(100%,680px)}#view-gomoku-ai .go-controls{width:min(100%,680px);margin:auto}}@media (max-width:390px){#view-gomoku-ai .go-shell{padding:8px;border-radius:var(--radius-md)}#view-gomoku-ai .go-board-frame{padding:6px}#view-gomoku-ai .go-controls,#view-gomoku-ai .go-settings{gap:16px}#view-gomoku-ai fieldset{padding-bottom:16px}#view-gomoku-ai .go-options button{padding-inline:10px}}@media (prefers-reduced-motion:reduce){#view-gomoku-ai *{transition:none!important}}