.gomokuPage{color:#3c352a;background:radial-gradient(circle at 8% 12%,#ffdd97bf,#0000 28%),radial-gradient(circle at 91% 18%,#a0ceb480,#0000 27%),linear-gradient(145deg,#fff8e8,#eef7ef 58%,#f5efe6);min-height:100dvh;padding:clamp(8px,1.7vw,18px)}.gomokuShell{width:min(1120px,100%);margin:0 auto}.gomokuHeader{grid-template-columns:170px minmax(0,1fr) 170px;align-items:center;gap:12px;margin-bottom:10px;display:grid}.gomokuHeader>a{color:#66553c;background:#fffdf8de;border:2px solid #eadcc5;border-radius:999px;justify-self:start;padding:8px 12px;font-weight:850;text-decoration:none}.gomokuHeader>div{text-align:center}.gomokuHeader h1{color:#4d3a23;margin:1px 0 0;font-size:clamp(1.75rem,3vw,2.45rem);line-height:1}.gomokuHeader>div span{color:#8b765a;letter-spacing:.12em;font-size:.76rem;font-weight:850}.gomokuHeader:after{content:"";width:1px}.gomokuFirework{z-index:20;pointer-events:none;width:1px;height:1px;position:fixed;top:42%;left:50%}.gomokuFirework>span{background:#fff7a8;border-radius:50%;width:18px;height:18px;animation:.9s ease-out forwards gomokuFireworkFlash;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 22px 12px #fff19b}.gomokuFirework>i{background:var(--firework-color);width:10px;height:10px;box-shadow:0 0 8px var(--firework-color);opacity:0;animation:gomokuFireworkBurst 1.25s var(--firework-delay) cubic-bezier(.12, .72, .18, 1) forwards;border-radius:50% 50% 45% 8%;position:absolute;top:-5px;left:-5px}@keyframes gomokuFireworkFlash{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}20%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(2.1)}}@keyframes gomokuFireworkBurst{0%{opacity:0;transform:rotate(var(--firework-angle)) translateX(0) scale(.25)}18%{opacity:1}72%{opacity:1}to{opacity:0;transform:rotate(var(--firework-angle)) translateX(var(--firework-distance)) scale(.8)}}.gomokuGame{background:#fffdf8e8;border:3px solid #ffffffd9;border-radius:25px;grid-template-columns:minmax(0,1fr) 285px;gap:clamp(12px,2vw,20px);padding:clamp(10px,1.8vw,18px);display:grid;box-shadow:0 18px 48px #59462a1f}.gomokuBoardWrap{min-width:0}.gomokuStatus{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;min-height:42px;padding:6px 10px;display:grid}.gomokuStatus i,.gomokuInfo i{border:1px solid #504838;border-radius:50%;width:19px;height:19px;display:inline-block;box-shadow:inset -2px -2px 4px #0003,0 2px 4px #4c3c2630}.gomokuStatus i.black,.gomokuInfo i.black{background:radial-gradient(circle at 35% 30%,#666,#121212 67%)}.gomokuStatus i.white,.gomokuInfo i.white{background:radial-gradient(circle at 35% 30%,#fff,#ddd 72%)}.gomokuStatus strong{font-size:clamp(.9rem,1.7vw,1.08rem)}.gomokuStatus>span{color:#8a7b67;font-size:.78rem;font-weight:800}.gomokuBoard{touch-action:manipulation;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 10px 14px #3d2a1322);width:min(100%,100dvh - 190px);height:auto;max-height:calc(100dvh - 190px);margin:0 auto;display:block}.gomokuWood{fill:#d9a957;stroke:#9d6b2f;stroke-width:4px}.gomokuLines line{stroke:#5c3d20;stroke-width:1.5px}.gomokuStar{fill:#55381d}.gomokuCell{cursor:pointer;outline:none}.gomokuHit{fill:#0000}.gomokuCell:not(.hasStone):hover .gomokuHit,.gomokuCell:focus-visible .gomokuHit{fill:#fff6;stroke:#fff;stroke-width:2px;rx:10px}.gomokuStone{stroke-width:1.4px;filter:drop-shadow(0 3px 2px #3a261b59)}.gomokuStone.black{fill:#1a1a1a;stroke:#000}.gomokuStone.white{fill:#f9f6ee;stroke:#bdb5a7}.gomokuStone.winner{stroke:#ef4d3c;stroke-width:4px;filter:drop-shadow(0 0 7px #ffef77)}.gomokuLast{fill:#e74b3c;stroke:#fff;stroke-width:1.5px;pointer-events:none}.gomokuPanel{background:#f7f1e5;border:1px solid #e3d6be;border-radius:18px;flex-direction:column;gap:13px;min-width:0;padding:11px;display:flex}.gomokuSetting>span{color:#806d51;letter-spacing:.08em;margin:0 0 7px;font-size:.76rem;font-weight:900;display:block}.gomokuSegment,.gomokuDifficulty{gap:6px;display:grid}.gomokuSegment{grid-template-columns:1fr 1fr}.gomokuDifficulty{grid-template-columns:repeat(3,1fr)}.gomokuSetting button,.gomokuActions button{color:#67573f;min-height:42px;font:inherit;cursor:pointer;background:#fff;border:2px solid #dfd3be;border-radius:11px;padding:7px;font-size:.8rem;font-weight:900}.gomokuSetting button.active{color:#fff;background:#52755f;border-color:#52755f;box-shadow:0 4px 10px #4969562b}.gomokuInfo{background:#fffaf0;border-radius:13px;gap:7px;padding:10px;display:grid}.gomokuInfo>div{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;display:grid}.gomokuInfo span{font-size:.8rem;font-weight:800}.gomokuInfo strong{color:#806b4c;font-size:.8rem}.gomokuTip{color:#55705d;background:#e6f0e7;border-radius:12px;margin:0;padding:10px;font-size:.76rem;font-weight:750;line-height:1.55}.gomokuActions{grid-template-columns:1fr 1fr;gap:7px;margin-top:auto;display:grid}.gomokuActions button:disabled{opacity:.45;cursor:not-allowed}.gomokuActions button.primary{color:#fff;background:#a87439;border-color:#9a6932}@media (width<=760px){.gomokuPage{padding:7px}.gomokuHeader{grid-template-columns:auto minmax(0,1fr) auto;gap:7px;margin-bottom:7px}.gomokuHeader>a{padding:6px 8px;font-size:.7rem}.gomokuHeader>div span{display:none}.gomokuHeader h1{font-size:1.55rem}.gomokuGame{border-radius:18px;grid-template-columns:1fr;gap:8px;padding:8px}.gomokuStatus{min-height:35px;padding:3px 5px}.gomokuBoard{width:min(100%,max(280px,100dvh - 300px));max-height:none}.gomokuPanel{grid-template-columns:1fr 1fr;align-items:end;gap:8px;padding:8px;display:grid}.gomokuInfo,.gomokuTip{display:none}.gomokuActions{margin:0}}@media (width<=520px){.gomokuBoard{width:100%}.gomokuPanel{grid-template-columns:1fr}.gomokuSetting>span{margin-bottom:4px}}@media (height<=560px) and (orientation:landscape){.gomokuPage{padding:6px}.gomokuHeader{margin-bottom:4px}.gomokuHeader>div span,.gomokuInfo,.gomokuTip{display:none}.gomokuHeader h1{font-size:1.45rem}.gomokuGame{gap:8px;padding:6px}.gomokuStatus{min-height:31px;padding:2px 5px}.gomokuBoard{width:min(100%,100dvh - 110px);max-height:calc(100dvh - 110px)}.gomokuPanel{gap:7px;padding:7px}.gomokuSetting button,.gomokuActions button{min-height:36px}}@media (prefers-reduced-motion:reduce){.gomokuStone{filter:none}.gomokuFirework>span,.gomokuFirework>i{animation-duration:1ms}}