:root{--gomoku-paper: #b8c5c9;--gomoku-grid: #78b9bc;--gomoku-grid-major: #378d94;--gomoku-ink: #24323a;--gomoku-black: #101c22;--gomoku-white: #e4ebea}*,*:before,*:after{box-sizing:border-box}.gomoku-main{width:min(100%,64rem);max-width:64rem;padding-top:clamp(.75rem,1.5vw,1.35rem)}.gomoku-shell{min-height:38rem;padding:clamp(1rem,2.5vw,1.5rem);background:linear-gradient(145deg,rgba(255,159,120,.04),transparent 22%),linear-gradient(155deg,#121820fa,#080c11f5)}.gomoku-intro{display:flex;margin-bottom:.75rem;align-items:end;justify-content:space-between;gap:1rem}.gomoku-intro>div{flex:1;min-width:0}.gomoku-dialog-code,.gomoku-history header span,.gomoku-version{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.13em;text-transform:uppercase}.gomoku-intro h1{margin:0;font-size:clamp(1.65rem,4vw,2.25rem);font-weight:650;letter-spacing:-.045em;line-height:1}.gomoku-intro-description{max-width:42rem;margin:.45rem 0 0;color:var(--text-muted);font-size:.88rem;line-height:1.55}.gomoku-workspace{display:grid;align-items:start;grid-template-columns:minmax(20rem,1fr) minmax(15rem,21rem);column-gap:clamp(1.25rem,3vw,2.5rem);row-gap:.6rem}.gomoku-board-column{min-width:0}.gomoku-board-toolbar{display:grid;width:100%;min-height:3.25rem;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;grid-column:1 / -1;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:.42rem;background:linear-gradient(90deg,rgba(169,131,95,.075),transparent 48%),#05090db8;box-shadow:inset 0 0 0 1px #0000004d}.gomoku-board-meta{display:flex;min-width:0;min-height:3.25rem;padding:.6rem .85rem;align-items:center;gap:.65rem;box-shadow:inset 2px 0 0 var(--accent)}.gomoku-board-meta strong{flex:0 0 auto;font:600 .84rem/1.2 var(--font-sans);white-space:nowrap}.gomoku-board-meta small{min-width:0;overflow:hidden;color:var(--text-muted);font-size:.7rem;text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize}.gomoku-version{margin-left:auto;flex:0 0 auto;color:var(--text-muted);white-space:nowrap}.gomoku-board-actions{display:flex;align-items:center;justify-content:flex-end;border-left:1px solid rgba(255,255,255,.1)}.gomoku-board-actions .gomoku-button{min-height:3.25rem;padding:.65rem .95rem;border-width:0;border-radius:0;background:#070c115c;font:600 .62rem/1 var(--font-mono);letter-spacing:.035em;text-transform:uppercase;white-space:nowrap}.gomoku-board-frame{position:relative;width:min(100%,38rem);padding:clamp(.55rem,1.3vw,.8rem);overflow:hidden;border:1px solid rgba(87,230,230,.24);border-radius:11px;background:#1c2a2e;box-shadow:0 1.5rem 4rem #00000061}.gomoku-board-frame.is-thinking{cursor:wait}.gomoku-board-plot{display:grid;width:100%;grid-template-columns:1.25rem minmax(0,1fr);grid-template-rows:1.05rem minmax(0,1fr);grid-template-areas:". columns" "rows board"}.gomoku-column-axis{grid-area:columns;display:grid;grid-template-columns:repeat(15,minmax(0,1fr));color:#9bc9ca;font:.48rem/1 var(--font-mono);text-align:center}.gomoku-row-axis{grid-area:rows;display:grid;grid-template-rows:repeat(15,minmax(0,1fr));color:#9bc9ca;font:.48rem/1 var(--font-mono)}.gomoku-row-axis span{display:grid;place-items:center}.gomoku-board{position:relative;grid-area:board;display:grid;width:100%;aspect-ratio:1;grid-template-rows:repeat(15,minmax(0,1fr));overflow:hidden;border:1px solid var(--gomoku-grid-major);border-radius:4px;background:var(--gomoku-paper);box-shadow:inset 0 0 2.2rem #2c4c4f1f,0 .8rem 2rem #0000003d}.gomoku-board-row{display:grid;min-height:0;grid-template-columns:repeat(15,minmax(0,1fr))}.gomoku-cell{position:relative;min-width:0;min-height:0;padding:0;overflow:visible;border:0;border-right:1px solid rgba(55,141,148,.42);border-bottom:1px solid rgba(55,141,148,.42);border-radius:0;background:transparent;color:inherit;cursor:default}.gomoku-cell:last-child{border-right:0}.gomoku-board-row:last-child .gomoku-cell{border-bottom:0}.gomoku-cell:nth-child(5n):not(:last-child){border-right-color:#1f737bc7}.gomoku-board-row:nth-child(5n):not(:last-child) .gomoku-cell{border-bottom-color:#1f737bc7}.gomoku-board.is-interactive .gomoku-cell.is-empty{cursor:crosshair}.gomoku-cell:focus-visible{z-index:5;outline:2px solid var(--acid);outline-offset:-3px;background:#57e6e626}.gomoku-mark{position:absolute;z-index:2;top:14%;right:14%;bottom:14%;left:14%;display:block;border-radius:50%;transform:scale(var(--mark-scale, 1));transition:opacity .12s,transform .12s;pointer-events:none}.gomoku-mark.gomoku-turn-mark{position:relative;inset:auto;width:1.05rem;height:1.05rem;flex:0 0 auto}.gomoku-mark-black{border:1px solid rgba(4,11,15,.78);background:radial-gradient(circle at 34% 27%,#60737b 0 5%,#31434c 18%,var(--gomoku-black) 56%,#071014 100%);box-shadow:inset .08rem .09rem .12rem #def0f233,inset -.1rem -.12rem .16rem #0000007a,0 .1rem .13rem #08131861}.gomoku-mark-white{border:1px solid rgba(72,94,102,.58);background:radial-gradient(circle at 34% 27%,#ffffff 0 8%,#f1f5f3 22%,var(--gomoku-white) 58%,#a9b8ba 100%);box-shadow:inset .08rem .09rem .12rem #ffffffe0,inset -.1rem -.12rem .16rem #384c5347,0 .1rem .13rem #0813184d}.gomoku-mark-preview{--mark-scale: .72;opacity:0}.gomoku-board.is-interactive .gomoku-cell.is-empty:hover .gomoku-mark-preview,.gomoku-board.is-interactive .gomoku-cell.is-empty:focus-visible .gomoku-mark-preview{--mark-scale: 1;opacity:.55}.gomoku-cell.is-last{background:#dbeaf359}.gomoku-winning-strike{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.gomoku-winning-strike path{fill:none;stroke:#24323a;stroke-width:.14;stroke-linecap:round;opacity:.92}.gomoku-thinking-chip{position:absolute;right:1.2rem;bottom:1.2rem;z-index:10;padding:.45rem .65rem;border:1px solid rgba(87,230,230,.35);border-radius:99px;background:#080b10e6;color:var(--accent);font:.65rem/1 var(--font-mono);letter-spacing:.07em;pointer-events:none}.gomoku-button{min-height:2.65rem;padding:.65rem 1rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font:600 .85rem var(--font-sans);cursor:pointer;transition:border-color .2s,background .2s,transform .2s}.gomoku-button:hover:not(:disabled){border-color:var(--accent);background:#57e6e614;transform:translateY(-1px)}.gomoku-button:focus-visible,.gomoku-error button:focus-visible{outline:2px solid var(--acid);outline-offset:3px}.gomoku-button:disabled{opacity:.5;cursor:not-allowed}.gomoku-button-primary{border-color:var(--accent);background:var(--accent);color:var(--bg)}.gomoku-button-primary:hover:not(:disabled){border-color:var(--acid);background:var(--acid)}.gomoku-history{display:grid;max-height:min(34rem,calc(100dvh - 12rem));overflow:hidden;border:1px solid var(--border);border-radius:12px;background:#111820d1;grid-template-rows:auto minmax(10rem,1fr) auto}.gomoku-history header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.1rem;border-bottom:1px solid var(--border)}.gomoku-history header span{color:var(--text-muted)}.gomoku-history h2{margin:0;font-size:.95rem}.gomoku-history-record{display:grid;min-height:0;overflow:hidden;grid-template-rows:auto minmax(0,1fr)}.gomoku-history-players,.gomoku-move-list li{display:grid;grid-template-columns:2.5rem minmax(0,1fr) minmax(0,1fr);column-gap:.55rem}.gomoku-history-players{padding:.55rem 1.1rem 0;color:var(--text-muted);font:.56rem var(--font-mono);letter-spacing:.055em;text-transform:uppercase}.gomoku-history-players span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gomoku-move-list{margin:0;padding:.6rem 1.1rem 1rem;overflow:auto;list-style:none}.gomoku-move-list li{min-height:2.35rem;align-items:center;border-bottom:1px solid rgba(42,52,68,.58)}.gomoku-move-list li>span{color:var(--text-muted);font:.72rem var(--font-mono)}.gomoku-move-list strong{overflow:hidden;font:500 .86rem var(--font-mono);text-overflow:ellipsis;white-space:nowrap}.gomoku-history-empty{display:grid;padding:2rem 1.25rem;place-items:center;align-content:center;color:var(--text-muted);text-align:center}.gomoku-history-empty span{color:#e5c28e33;font:4rem/1 var(--font-mono)}.gomoku-history-empty p{max-width:15rem}.gomoku-welcome-panel{min-height:23rem}.gomoku-welcome-copy{display:grid;padding:clamp(1.25rem,3vw,2rem);align-content:center;gap:1rem}.gomoku-welcome-copy p{margin:0;color:var(--text-muted);font-size:.86rem;line-height:1.55}.gomoku-rule-note{display:grid;gap:.22rem;padding:.8rem 1rem;border-top:1px solid var(--border);color:var(--text-muted);font:.62rem/1.45 var(--font-mono);letter-spacing:.025em}.gomoku-rule-note strong{color:#e5c28e;font-weight:600;text-transform:uppercase}.gomoku-welcome-copy .gomoku-rule-note{margin-top:.35rem;padding-inline:0;border-top-color:#e5c28e47}.gomoku-error{position:fixed;right:1rem;bottom:1rem;z-index:100;display:flex;width:min(calc(100% - 2rem),34rem);padding:.85rem 1rem;align-items:center;justify-content:space-between;gap:1rem;border:1px solid rgba(248,113,113,.55);border-radius:9px;background:#281014f5;color:#fecaca;box-shadow:0 1rem 3rem #0006}.gomoku-error button{border:0;background:transparent;color:inherit;font-size:1.5rem;cursor:pointer}.gomoku-error-actions{display:flex;align-items:center;gap:.5rem}.gomoku-error .gomoku-error-retry{padding:.35rem .55rem;border:1px solid rgba(254,202,202,.45);border-radius:5px;font:.68rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.gomoku-storage-warning{bottom:5.5rem;border-color:#ff9f788c;background:#2a1a11f5;color:#ffd1bd}.gomoku-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:grid;padding:1rem;place-items:center;overflow-y:auto;background:#04070ae0}.gomoku-dialog{width:min(100%,48rem);max-height:min(92dvh,52rem);padding:1.5rem;overflow-y:auto;border:1px solid var(--border);border-radius:12px;background:#17212b;box-shadow:0 2rem 6rem #0000008c}.gomoku-dialog-code{color:var(--accent)}.gomoku-dialog h2{margin:.35rem 0 .65rem;font-size:1.75rem}.gomoku-dialog p{margin:0 0 1.2rem;color:var(--text-muted)}.gomoku-replace-note{padding:.6rem .75rem;border-left:2px solid var(--warm);background:#ff9f7812;font:.68rem/1.45 var(--font-mono)}.gomoku-setup-group{min-width:0;margin:0 0 1.25rem;padding:0;border:0}.gomoku-setup-group legend{margin-bottom:.65rem;color:var(--text-muted);font:.68rem/1.3 var(--font-mono);letter-spacing:.09em;text-transform:uppercase}.gomoku-setup-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.gomoku-difficulty-options{grid-template-columns:repeat(4,minmax(0,1fr))}.gomoku-setup-options label{position:relative;display:grid;min-height:5.25rem;padding:.8rem 2.2rem .8rem .8rem;align-content:center;border:1px solid var(--border);border-radius:9px;background:var(--surface);cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s}.gomoku-color-options label{padding-left:3rem}.gomoku-setup-options label:after{position:absolute;top:.75rem;right:.75rem;display:grid;width:1.1rem;height:1.1rem;place-items:center;border:2px solid var(--text-muted);border-radius:50%;content:""}.gomoku-setup-options label:hover{border-color:var(--accent-dim);background:#57e6e60d}.gomoku-setup-options label.is-selected{border-color:var(--accent);background:#57e6e629}.gomoku-setup-options label.is-selected:after{border-color:var(--accent);background:var(--accent);box-shadow:inset 0 0 0 3px var(--bg)}.gomoku-setup-options input{position:absolute;width:1px;height:1px;opacity:0}.gomoku-setup-options label:has(input:focus-visible){outline:2px solid var(--acid);outline-offset:3px}.gomoku-setup-options strong{font-size:.82rem;text-transform:capitalize}.gomoku-setup-options small{margin-top:.25rem;color:var(--text-muted);font:.6rem/1.4 var(--font-mono)}.gomoku-setup-mark{top:50%;right:auto;bottom:auto;left:.85rem;width:1.45rem;height:1.45rem;transform:translateY(-50%)}.gomoku-dialog-rules{margin:.25rem 0 1.2rem;padding-inline:0}.gomoku-dialog-actions{display:flex;justify-content:flex-end;gap:.7rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:880px){.gomoku-workspace{grid-template-columns:1fr}.gomoku-board-frame{margin-inline:auto}.gomoku-history{max-height:20rem}}@media(max-width:760px){.gomoku-board-toolbar{grid-template-columns:1fr}.gomoku-board-actions{border-top:1px solid rgba(255,255,255,.1);border-left:0}.gomoku-board-actions .gomoku-button{width:100%}.gomoku-difficulty-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.gomoku-main{padding-inline:.7rem}.gomoku-shell{padding:1rem .75rem}.gomoku-intro{align-items:start;flex-direction:column}.gomoku-board-meta{width:100%}.gomoku-board-meta small{display:none}.gomoku-version{font-size:.55rem}.gomoku-board-frame{padding:.38rem}.gomoku-board-plot{grid-template-columns:1rem minmax(0,1fr);grid-template-rows:.9rem minmax(0,1fr)}.gomoku-column-axis,.gomoku-row-axis{font-size:.39rem}.gomoku-setup-options,.gomoku-difficulty-options{grid-template-columns:1fr}.gomoku-dialog{padding:1.1rem}}@media(prefers-reduced-motion:reduce){.gomoku-button,.gomoku-mark{transition:none}}@media(forced-colors:active){.gomoku-mark{forced-color-adjust:none;box-shadow:none}.gomoku-mark-black{border-color:CanvasText;background:CanvasText}.gomoku-mark-white{border-color:CanvasText;background:Canvas}.gomoku-cell.is-last{background:Highlight}}