body{background:radial-gradient(circle at 50% 40%,#ddbb7924,#0000 36%),#f4f5f1}body.has-setup-modal{overflow:hidden}.gomoku-layout{width:min(1120px,100% - 40px);min-height:calc(100vh - 68px);margin:0 auto;padding:18px 0 24px}.table-layout{grid-template-columns:minmax(170px,1fr) minmax(420px,620px) minmax(170px,1fr);align-items:center;gap:28px;display:grid}.setup-panel{z-index:20;opacity:0;pointer-events:none;background:#edefea00;place-items:center;padding:24px;transition:background .2s,opacity .2s;display:grid;position:fixed;inset:0;overflow:auto}.setup-panel[hidden]{display:none}.setup-panel[data-state=open]{opacity:1;pointer-events:auto;-webkit-backdrop-filter:blur(10px)saturate(.82);backdrop-filter:blur(10px)saturate(.82);background:#edefeab8}.setup-form{opacity:0;background:#fffffff5;border:1px solid #b7b2a5b3;border-radius:14px;outline:0;grid-template-columns:1fr 1fr;gap:14px;width:min(620px,100%);max-height:calc(100dvh - 48px);padding:24px;transition:opacity .18s,transform .22s cubic-bezier(.2,.88,.24,1);display:grid;position:relative;overflow:auto;transform:translateY(18px)scale(.975);box-shadow:0 28px 80px #30281d33,0 3px 10px #30281d14}.setup-panel[data-state=open] .setup-form{opacity:1;transform:translateY(0)scale(1)}.setup-heading,.setup-rule,.setup-feedback,.start-action{grid-column:1/-1}.setup-heading{margin-bottom:4px}.setup-heading h2{margin:0;font-size:1rem;font-weight:850}.setup-heading p{color:#74766f;margin:4px 0 0;font-size:.76rem}.setting-field{color:#5d6059;flex-direction:column;gap:7px;min-width:0;font-size:.74rem;font-weight:800;display:flex}.setting-field select{color:#202229;width:100%;height:43px;font:inherit;background:#fff;border:1px solid #d4d5cf;border-radius:7px;outline:0;padding:0 12px;font-size:.82rem}.setting-field select:focus{border-color:#a96a28;box-shadow:0 0 0 3px #a96a281a}.setup-rule{color:#777970;margin:1px 0 0;font-size:.72rem;line-height:1.55}.setup-feedback{border-radius:7px;margin:-2px 0 0;padding:10px 12px;font-size:.74rem;font-weight:750;line-height:1.4}.setup-feedback[data-mode=pending]{color:#86571f;background:#f5ecde}.setup-feedback[data-mode=error]{color:#a43b31;background:#f9e6e2}.setup-feedback[hidden]{display:none}.start-action{color:#fff;cursor:pointer;background:#202229;border:1px solid #202229;border-radius:7px;min-height:46px;font-weight:850;box-shadow:0 3px #050506}.start-action:disabled{cursor:not-allowed;opacity:.42;box-shadow:none}.players-panel,.action-panel{flex-direction:column;gap:10px;display:flex}.player-card{color:#6d706a;background:#ffffffad;border:1px solid #dedfd9;border-radius:9px;align-items:center;gap:12px;min-width:0;padding:14px;transition:border-color .15s,box-shadow .15s;display:flex}.player-card.is-current{color:#202229;border-color:#a96a28;box-shadow:0 0 0 3px #a96a281a}.player-card.is-winner{color:#146c4b;border-color:#1f8b62}.player-card>div{flex-direction:column;flex:auto;gap:3px;min-width:0;display:flex}.player-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:.83rem;overflow:hidden}.player-card span{font-size:.72rem}.player-card time{color:#777970;font-variant-numeric:tabular-nums;flex:none;font-size:.78rem;font-weight:800}.player-card.is-current time{color:#9a6122}.stone-swatch{border-radius:50%;flex:none;width:26px;height:26px;display:block}.stone-black{background:radial-gradient(circle at 34% 28%,#63645f,#171816 54%,#050505 100%);border:1px solid #080908;box-shadow:0 2px 3px #00000047}.stone-white{background:radial-gradient(circle at 34% 28%,#fff,#eeeae0 65%,#c8c4bb 100%);border:1px solid #c7c5bd;box-shadow:0 2px 3px #00000029}.board-shell{justify-self:center;width:min(100%,100dvh - 118px)}.gomoku-board{aspect-ratio:1;background:linear-gradient(#ffffff1f,#0000),repeating-linear-gradient(90deg,#7142140a 0 1px,#0000 1px 9px),#d9aa63;border:1px solid #9b622b;border-radius:8px;width:100%;position:relative;overflow:hidden;box-shadow:0 8px #a96f35,0 22px 48px #59361533}.gomoku-board:before,.gomoku-board:after{inset:var(--edge);content:"";pointer-events:none;position:absolute}.gomoku-board:before{background:linear-gradient(#3a2411c2 1px,#0000 1px),linear-gradient(90deg,#3a2411c2 1px,#0000 1px);background-size:var(--line-step) var(--line-step);border-bottom:1px solid #3a2411c2;border-right:1px solid #3a2411c2}.gomoku-board:after{border:1px solid #3a2411c2}.gomoku-point{z-index:2;width:var(--point-size);aspect-ratio:1;cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;position:absolute;transform:translate(-50%,-50%)}.gomoku-point:before{content:"";border:1px solid #0000;border-radius:50%;transition:opacity .1s,transform .13s;position:absolute;inset:4%;transform:scale(.78)}.gomoku-point:after{content:"";opacity:0;background:#4b321c;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gomoku-point.is-star:after{opacity:1}.gomoku-point[data-piece="1"]:before{background:radial-gradient(circle at 34% 28%,#62635e,#151614 55%,#030303 100%);border-color:#050505;transform:scale(1);box-shadow:0 3px 4px #00000059}.gomoku-point[data-piece="2"]:before{background:radial-gradient(circle at 34% 28%,#fff,#efebe2 66%,#c8c3b9 100%);border-color:#c0bdb5;transform:scale(1);box-shadow:0 3px 4px #0000003d}.gomoku-point[data-piece]:not([data-piece="0"]):after{opacity:0}.gomoku-point.is-last:after{opacity:1;background:0 0;border:2px solid #d85b43;width:23%;height:23%}.gomoku-point.is-winning:before{box-shadow:0 0 0 3px #d85b43,0 3px 5px #0000005c}.gomoku-board[data-turn-color=black] .gomoku-point:not(:disabled)[data-piece="0"]:focus-visible:before{opacity:.55;background:radial-gradient(circle at 34% 28%,#62635e,#151614 55%,#030303 100%);border-color:#0505058c;transform:scale(1);box-shadow:0 3px 4px #00000038}.gomoku-board[data-turn-color=white] .gomoku-point:not(:disabled)[data-piece="0"]:focus-visible:before{opacity:.78;background:radial-gradient(circle at 34% 28%,#fff,#efebe2 66%,#c8c3b9 100%);border-color:#c0bdb5d9;transform:scale(1);box-shadow:0 3px 4px #0000002e}@media (hover:hover) and (pointer:fine){.gomoku-board[data-turn-color=black] .gomoku-point:not(:disabled)[data-piece="0"]:hover:before{opacity:.55;background:radial-gradient(circle at 34% 28%,#62635e,#151614 55%,#030303 100%);border-color:#0505058c;transform:scale(1);box-shadow:0 3px 4px #00000038}.gomoku-board[data-turn-color=white] .gomoku-point:not(:disabled)[data-piece="0"]:hover:before{opacity:.78;background:radial-gradient(circle at 34% 28%,#fff,#efebe2 66%,#c8c3b9 100%);border-color:#c0bdb5d9;transform:scale(1);box-shadow:0 3px 4px #0000002e}}.gomoku-point:disabled{cursor:default}.round-note{color:#777970;justify-content:space-between;font-size:.74rem;font-weight:750;display:flex}.settings-summary{color:#8a5c2c;margin:0;font-size:.72rem;font-weight:800}.turn-status{background:#ffffffb3;border:1px solid #dedfd9;border-radius:9px;flex-direction:column;justify-content:center;gap:5px;min-height:82px;padding:14px;display:flex}.turn-status strong{font-size:.88rem}.turn-status span{color:#777970;font-size:.72rem;line-height:1.45}.rematch-action,.settings-action{cursor:pointer;border-radius:7px;min-height:44px;padding:0 16px;font-weight:800}.rematch-action{color:#fff;background:#202229;border:1px solid #202229;box-shadow:0 3px #050506}.settings-action{color:#3d403b;background:#fff;border:1px solid #c8c9c3;box-shadow:0 3px #c8c9c3}.rematch-action:disabled,.settings-action:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}.rules-link{color:#666961;justify-content:center;align-items:center;gap:6px;margin-top:5px;font-size:.74rem;font-weight:750;text-decoration:none;display:inline-flex}@media (hover:hover) and (pointer:fine){.rules-link:hover{color:#202229}}.rules-link svg{width:15px;height:15px}@media (width<=900px){.gomoku-layout{width:min(660px,100% - 32px);padding-top:14px}.table-layout{grid-template-columns:1fr;gap:18px}.players-panel{order:1;grid-template-columns:1fr 1fr;display:grid}.board-shell{order:2;width:min(100%,100dvh - 210px)}.action-panel{order:3}.turn-status{min-height:0}}@media (width<=520px){.gomoku-layout{width:calc(100% - 20px);min-height:auto;padding:10px 0 18px}.table-layout{gap:13px}.setup-panel{align-items:end;padding:12px}.setup-form{border-radius:16px;grid-template-columns:1fr;width:100%;max-height:calc(100dvh - 24px);padding:18px;transform:translateY(32px)scale(.99)}.setup-heading,.setup-rule,.setup-feedback,.start-action{grid-column:1}.player-card{gap:8px;padding:10px}.stone-swatch{width:22px;height:22px}.player-card strong{font-size:.75rem}.player-card span{font-size:.66rem}.player-card time{font-size:.7rem}.board-shell{width:100%}.gomoku-board{border-radius:5px;box-shadow:0 5px #a96f35,0 14px 32px #5936152e}}@media (prefers-reduced-motion:reduce){.setup-panel,.setup-form{transition-duration:1ms}}