.gomoku-page{max-width:1500px;min-height:100vh;margin:auto;padding:0 4vw}.gomoku-topbar{border-bottom:1px solid var(--line);align-items:center;height:72px;display:flex}.gomoku-back{color:var(--muted);text-transform:uppercase;letter-spacing:1.2px;margin-left:auto;font-size:12px}.gomoku-back:hover{color:var(--cyan)}.gomoku-app{padding:22px 0 36px}.gomoku-heading{align-items:center;gap:14px;margin-bottom:18px;display:flex}.gomoku-heading h1{letter-spacing:-1px;margin:0;font-size:clamp(22px,3vw,31px)}.gomoku-heading p{color:var(--muted);margin:2px 0 0;font-size:13px}.gomoku-logo{background:radial-gradient(circle,#0a2942 0,#080c19 68%);border:1px solid #17688c;border-radius:15px;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 0 12px #00bfff8c,0 0 34px #008cff58,inset 0 0 18px #00e5ff1f}.gomoku-logo img{object-fit:contain;filter:hue-rotate(10deg)saturate(1.35)drop-shadow(0 0 5px #55dfff)drop-shadow(0 0 12px #008cff);width:39px;height:39px}.gomoku-legend{color:var(--muted);gap:20px;margin-left:auto;font-size:13px;display:flex}.gomoku-legend span{align-items:center;gap:7px;display:flex}.gomoku-legend b{--mark-size:16px;width:var(--mark-size);height:var(--mark-size);box-sizing:border-box;flex:none;font-size:0;display:block;position:relative}.gomoku-layout{grid-template-columns:minmax(0,1fr) 260px;gap:18px;min-height:0;display:grid}.gomoku-board-shell{overscroll-behavior:contain;scrollbar-color:#354267 #0b1020;background:#090d1bba;border:1px solid #273151;border-radius:24px;min-width:0;height:calc(100vh - 170px);min-height:520px;position:relative;overflow:auto;box-shadow:0 25px 80px #0008,0 0 50px #00e5ff0b}.gomoku-board{--cell:38px;grid-template-columns:repeat(25,var(--cell));grid-template-rows:repeat(25,var(--cell));place-content:center;width:max-content;min-width:100%;min-height:100%;padding:28px;display:grid}.gomoku-cell{width:var(--cell);height:var(--cell);cursor:pointer;background:#0c1120;border:1px solid #374566;border-top:0;border-left:0;place-items:center;padding:0;display:grid;position:relative}.gomoku-cell:nth-child(25n+1){border-left:1px solid #374566}.gomoku-cell:nth-child(-n+25){border-top:1px solid #374566}.gomoku-cell:hover:enabled{background:#111b30}.gomoku-cell:focus-visible{z-index:2;outline-offset:-2px;outline:2px solid #fff}.gomoku-cell:disabled{cursor:default}.gomoku-mark{--mark-size:26px;width:var(--mark-size);height:var(--mark-size);box-sizing:border-box;font-size:0;animation:.16s ease-out gomoku-pop;display:block;position:relative}.mark-x:before,.mark-x:after{content:"";transform-origin:50%;background:#00e5ff;border-radius:999px;width:132%;height:14%;min-height:2px;position:absolute;top:50%;left:50%;box-shadow:0 0 5px #00e5ffd9,0 0 13px #00bde680}.mark-x:before{transform:translate(-50%,-50%)rotate(45deg)}.mark-x:after{transform:translate(-50%,-50%)rotate(-45deg)}.mark-o{border:3px solid #ff3dce;border-radius:50%;box-shadow:0 0 5px #ff3dced9,0 0 13px #d92db480}.gomoku-legend .mark-o{border-width:2px}.gomoku-cell.is-winner{background:#192445;box-shadow:inset 0 0 14px #fff2}.gomoku-cell.is-last:after{content:"";background:#fff;border-radius:50%;width:5px;height:5px;position:absolute;top:3px;right:3px;box-shadow:0 0 7px #fff}.gomoku-side{flex-direction:column;gap:12px;display:flex}.gomoku-card{background:linear-gradient(145deg,#10162aee,#0b0f1fee);border:1px solid #283352;border-radius:19px;padding:17px}.gomoku-status>span{letter-spacing:1.7px;color:var(--muted);font-size:10px}.gomoku-status>strong{min-height:31px;margin:4px 0;font-size:22px;display:block}.gomoku-scores{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px;display:grid}.gomoku-scores div{text-align:center;background:#090d1b;border-radius:11px;padding:9px 4px}.gomoku-scores b{font-size:18px;display:block}.gomoku-scores small{color:var(--muted);font-size:10px}.gomoku-controls label{margin-bottom:13px;display:block}.gomoku-controls label>span{color:var(--muted);margin-bottom:6px;font-size:12px;display:block}.gomoku-controls select,.gomoku-button{width:100%;min-height:46px;color:var(--white);font:inherit;background:#11172a;border:1px solid #2d385a;border-radius:12px;padding:0 12px}.gomoku-button{cursor:pointer;margin-top:9px;font-weight:800}.gomoku-button:hover:enabled{background:#18213a;border-color:#52638e}.gomoku-button.primary{background:linear-gradient(120deg,#00bbd4,#7654ff);border:0}.gomoku-button:disabled{opacity:.45;cursor:default}.gomoku-tip p{color:var(--muted);margin:0 0 10px;font-size:12px}.gomoku-tip small{color:#60707a}.gomoku-button:focus-visible,.gomoku-controls select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}@keyframes gomoku-pop{0%{opacity:.2;transform:scale(.35)}to{opacity:1;transform:scale(1)}}@media (max-width:900px){.gomoku-page{padding:0 16px}.gomoku-layout{grid-template-columns:1fr}.gomoku-side{order:1;grid-template-columns:1fr 1fr;display:grid}.gomoku-board-shell{order:2;height:58vh;min-height:420px}.gomoku-controls{grid-row:span 2}.gomoku-board{--cell:36px;place-content:start;padding:20px}.gomoku-mark{--mark-size:24px}}@media (max-width:560px){.gomoku-topbar{height:64px}.gomoku-back{font-size:10px}.gomoku-app{padding-top:14px}.gomoku-heading{align-items:flex-start}.gomoku-logo{width:46px;height:46px}.gomoku-logo img{width:34px;height:34px}.gomoku-legend{display:none}.gomoku-side{grid-template-columns:1fr}.gomoku-controls{grid-row:auto}.gomoku-tip{display:none}.gomoku-board-shell{border-radius:18px;height:57vh;min-height:380px}.gomoku-board{--cell:34px}.gomoku-mark{--mark-size:22px}.gomoku-status>strong{font-size:19px}}@media (prefers-reduced-motion:reduce){.gomoku-mark{animation:none}}