body.is-gomoku-view .main{padding-inline:clamp(12px,2vw,32px)}body.is-gomoku-nav-collapsed .shell{grid-template-columns:minmax(0,1fr)}body.is-gomoku-nav-collapsed .sidebar{display:none}.main-nav-toggle{display:none;flex:none;width:40px;height:40px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);cursor:pointer}body.is-gomoku-view .main-nav-toggle{display:inline-flex}.main-nav-toggle:hover,.main-nav-toggle:focus-visible{border-color:var(--accent);background:var(--surface-3);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}body.is-gomoku-view .topbar-title{margin-right:auto}#view-gomoku .gomoku-shell-panel.panel{padding:clamp(12px,2vw,24px)}#view-gomoku .gomoku-shell-panel>.panel-head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}#view-gomoku .gomoku-shell-panel>.panel-head-row>div{min-width:0}#view-gomoku .gomoku-rail-toggle{flex:none;border:1px solid color-mix(in srgb,var(--line) 75%,white 25%);border-radius:999px;background:color-mix(in srgb,var(--surface) 78%,transparent);color:var(--text);padding:8px 13px;font:inherit;font-size:.78rem;font-weight:700;cursor:pointer;transition:background .2s ease,box-shadow .2s ease,transform .2s ease}#view-gomoku .gomoku-rail-toggle:hover,#view-gomoku .gomoku-rail-toggle:focus-visible{background:var(--surface-3);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent);transform:translateY(-1px)}#view-gomoku .gomoku-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(285px,330px);gap:clamp(16px,2vw,28px);max-width:none;align-items:start}#view-gomoku .gomoku-board-wrap{width:min(100%,920px,calc(100dvh - 245px));max-width:none;justify-self:center;padding:clamp(8px,1vw,16px)}#view-gomoku .gomoku-board{width:100%;max-width:none;touch-action:manipulation}#view-gomoku .gomoku-side{max-width:330px}#view-gomoku .gomoku-side[hidden]{display:none!important}#view-gomoku .gomoku-shell-panel.is-rail-collapsed .gomoku-layout{grid-template-columns:minmax(0,1fr)}#view-gomoku .gomoku-shell-panel.is-rail-collapsed .gomoku-board-wrap{width:min(100%,1120px,calc(100dvh - 245px))}#view-gomoku .gomoku-cell{cursor:default}#view-gomoku .gomoku-cell.is-playable{cursor:crosshair}#view-gomoku .gomoku-cell.is-controller-cursor{outline:3px solid var(--accent);outline-offset:-3px;border-radius:5px;z-index:3}@media (hover:hover){#view-gomoku .gomoku-board:not(.is-submitting) .gomoku-cell.is-playable:hover:after{content:"";position:absolute;z-index:2;width:82%;height:82%;border-radius:50%;pointer-events:none;opacity:.66;box-shadow:0 2px 7px #0000002b}#view-gomoku .gomoku-board:not(.is-submitting) .gomoku-cell.preview-black:hover:after{background:radial-gradient(circle at 32% 28%,#666,#292929 55%,#121212)}#view-gomoku .gomoku-board:not(.is-submitting) .gomoku-cell.preview-white:hover:after{background:radial-gradient(circle at 30% 27%,#fff,#eeeae4 60%,#c5c0b9);border:1px solid rgba(12,28,56,.14)}}@media (max-width:1100px){#view-gomoku .gomoku-layout{grid-template-columns:minmax(0,1fr) minmax(250px,295px);gap:16px}#view-gomoku .gomoku-side{max-width:295px}}@media (max-width:800px){#view-gomoku .gomoku-layout{display:flex;flex-direction:column;align-items:center}#view-gomoku .gomoku-board-wrap,#view-gomoku .gomoku-shell-panel.is-rail-collapsed .gomoku-board-wrap{width:min(100%,680px);max-width:none}#view-gomoku .gomoku-side{width:100%;max-width:680px}#view-gomoku .gomoku-shell-panel>.panel-head-row{align-items:center}#view-gomoku .gomoku-subhead{display:none}}@media (max-width:480px){#view-gomoku .gomoku-rail-toggle{padding:7px 10px;font-size:.72rem}}