:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.gomoku-page{color:#f8f3df;box-sizing:border-box;background:radial-gradient(circle at 50% 10%,#285f48 0,#102f27 38%,#071713 100%);min-height:100svh;padding:22px clamp(14px,3vw,42px) 34px;font-family:PingFang SC,Microsoft YaHei,sans-serif}.gomoku-header{grid-template-columns:1fr auto 1fr;align-items:center;max-width:1180px;margin:auto;display:grid}.gomoku-header>a{color:#e8d8a9;font-weight:700;text-decoration:none}.gomoku-header>div{text-align:center}.gomoku-header span{letter-spacing:.24em;color:#d7b864;font-size:11px}.gomoku-header h1{letter-spacing:.2em;text-indent:.2em;margin:3px 0 0;font-family:serif;font-size:42px}.gomoku-header p{color:#b7cfc3;margin:0;font-size:13px}.gomoku-header>button,.gomoku-result button{color:#ffe69b;cursor:pointer;background:#183b2f;border:1px solid #b99c4d;border-radius:999px;justify-self:end;padding:10px 18px;font-weight:700}.gomoku-shell{grid-template-columns:260px minmax(0,760px);justify-content:center;align-items:center;gap:34px;max-width:1180px;margin:24px auto 0;display:grid}.gomoku-panel{background:linear-gradient(145deg,#0d3026fa,#051814f0);border:1px solid #e1be6247;border-radius:22px;padding:20px;box-shadow:0 20px 50px #0007}.gomoku-mode{background:#071d17;border-radius:12px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.gomoku-mode button{color:#8fa99d;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:10px 4px}.gomoku-mode button.active{color:#2b1a05;background:linear-gradient(#f5d782,#cfa54e);font-weight:800}.gomoku-score{border-block:1px solid #ffffff12;grid-template-columns:1fr auto 1fr;align-items:center;margin:22px 0;padding:18px 0;display:grid}.gomoku-score span{text-align:center;font-size:13px}.gomoku-score span i{margin:0 auto 7px;display:block}.gomoku-score b{color:#f4d274;margin-top:4px;font-size:25px;display:block}.gomoku-score em{color:#71877d;font-size:11px;font-style:normal}.gomoku-status{background:#0a241c;border-radius:13px;grid-template-columns:32px 1fr;align-items:center;column-gap:10px;padding:13px;display:grid}.gomoku-status i{grid-row:1/3}.gomoku-status small{color:#829b8f;font-size:11px}.gomoku-status.finished{box-shadow:inset 0 0 0 1px #dfbc5b}.gomoku-panel ol{color:#9db4a8;margin:20px 0 0;padding-left:20px;font-size:12px;line-height:1.8}.gomoku-table{background:linear-gradient(145deg,#3e2918,#20130b);border-radius:30px;padding:26px;position:relative;box-shadow:0 28px 70px #0009,inset 0 0 0 2px #8f6736}.gomoku-board{aspect-ratio:1;box-sizing:border-box;background-color:#d3a75f;background-image:linear-gradient(#674923 1px,#0000 1px),linear-gradient(90deg,#674923 1px,#0000 1px),radial-gradient(circle at 35% 22%,#edc980,#c18b45 72%);background-position:3.1% 3.1%;background-size:6.7% 6.7%;grid-template-columns:repeat(15,1fr);padding:3.1%;display:grid;position:relative;box-shadow:inset 0 0 28px #5e3519aa}.gomoku-board>button{z-index:2;cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;position:relative;transform:translate(-50%,-50%)}.gomoku-board>button:disabled{cursor:default}.gomoku-board>button:not(.occupied):not(:disabled):hover:after{content:"";opacity:.3;background:#171a18;border-radius:50%;position:absolute;inset:18%}.gomoku-board span,.gomoku-panel i{aspect-ratio:1;border-radius:50%;width:78%;display:block}.gomoku-board span.black,.gomoku-panel i.black{background:radial-gradient(circle at 34% 28%,#666,#171817 38%,#000 80%);box-shadow:1px 3px 5px #0008}.gomoku-board span.white,.gomoku-panel i.white{background:radial-gradient(circle at 34% 28%,#fff,#e7e1d5 55%,#a79e8f);box-shadow:1px 3px 5px #0006}.gomoku-board button.last span:after{content:"";background:#d9372d;border-radius:50%;width:6px;height:6px;position:absolute;top:calc(39% - 3px);left:calc(39% - 3px)}.gomoku-star{z-index:1;background:#5c401e;border-radius:50%;width:6px;height:6px;position:absolute;transform:translate(-50%,-50%)}.gomoku-result{z-index:5;text-align:center;background:#09231eed;border:1px solid #e6c46a;border-radius:18px;min-width:220px;padding:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 15px 50px #000}.gomoku-result span{margin-bottom:15px;font-size:20px;font-weight:800;display:block}.gomoku-result button{justify-self:auto}.gomoku-score i{width:26px}.gomoku-status i{width:28px}@media (max-width:850px){.gomoku-page{padding:14px 10px 24px}.gomoku-header{grid-template-columns:1fr auto}.gomoku-header>div{grid-area:2/1/auto/3;margin:10px}.gomoku-header>button{padding:8px 12px}.gomoku-header h1{font-size:32px}.gomoku-shell{flex-direction:column-reverse;gap:16px;margin-top:12px;display:flex}.gomoku-table{box-sizing:border-box;border-radius:18px;width:min(94vw,680px);padding:15px}.gomoku-panel{box-sizing:border-box;width:min(94vw,680px)}.gomoku-panel ol{display:none}.gomoku-score{margin:12px 0;padding:10px 0}.gomoku-star{width:4px;height:4px}}.gomoku-page .gomoku-mode{grid-template-columns:repeat(2,minmax(0,1fr))}.gomoku-page{background:linear-gradient(#09253a55,#071e32bb),url(/table-snow-mountain.webp) 50%/cover fixed}.gomoku-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#09283cdd}.gomoku-table{background:linear-gradient(135deg,#a4b8c2,#405b6b);border:1px solid #d6e6eb;padding:24px}.gomoku-board{isolation:isolate;background:#e9dfc8;padding:0}.gomoku-board:before{content:"";pointer-events:none;background-image:linear-gradient(#62707999 1px,#0000 1px),linear-gradient(90deg,#62707999 1px,#0000 1px);background-size:7.14286% 7.14286%;border-bottom:1px solid #62707999;border-right:1px solid #62707999;position:absolute;inset:3.33333%}.gomoku-board>button{aspect-ratio:1;justify-content:center;align-items:center;min-width:0;display:flex;transform:none}.gomoku-board span{width:82%;position:relative}.gomoku-board button.last span:after{top:calc(50% - 3px);left:calc(50% - 3px)}.gomoku-board>button:not(.occupied):not(:disabled):hover:after{inset:9%}.gomoku-header>a,.gomoku-header p{color:#edf7ff}.gomoku-room-controls{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.gomoku-room-controls input,.gomoku-room-controls button{color:#fff;background:#143c52;border:1px solid #b6cbd666;border-radius:8px;max-width:100%;padding:10px}.gomoku-room-controls input{width:110px}.gomoku-room-controls a{color:#f4d274}.gomoku-mode{grid-template-columns:repeat(3,1fr)}