.gomoku-mode{background:#00180e url('/stadium.svg') center top/cover fixed}.gomoku-mode .app{max-width:1580px}.gom-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px;padding:16px 0 24px}.gom-main,.gom-panel{background:linear-gradient(140deg,#062c1df5,#00160ef5);border:1px solid #bda658;border-radius:16px;box-shadow:inset 0 1px 0 #fff3,0 4px 18px #0008}.gom-main{padding:14px 20px;position:relative;min-width:0}.gom-title{display:flex;align-items:center;justify-content:center;gap:28px}.gom-title h1{font-size:25px;color:#f4d889;margin:0;font-weight:900}.gom-title>span{padding:7px 18px;background:linear-gradient(#f7d98b,#bd8c32);color:#2d240e;border:1px solid #f4df9b;border-radius:99px;font-size:13px;font-weight:900;white-space:nowrap}.gom-hint{text-align:center;margin:10px auto 12px;color:#c4dbbf;font-size:12px;line-height:1.6;min-height:20px}.gom-board-shell{width:min(100%,670px);margin:auto;filter:drop-shadow(0 4px 8px #0009)}#gomoku-board{width:100%;height:auto;display:block;touch-action:manipulation}#gomoku-board text{font-size:12px;fill:#4b3014;pointer-events:none}#gomoku-board .gom-hit{cursor:pointer}#gomoku-board .gom-hit:hover{fill:#f4ec8a66}#gomoku-board .gom-hit:focus{outline:none;fill:#f4ec8a88;stroke:#f5f0b2;stroke-width:2}.gom-stone{filter:drop-shadow(0 2px 2px #0008)}.gom-duel{display:flex;align-items:center;gap:15px;margin-top:12px}.gom-duel>div{display:flex;align-items:center;gap:12px;flex:1;padding:9px 12px;border:1px solid #98864a;border-radius:15px;min-width:0;background:linear-gradient(#103521,#00160d)}.gom-duel img{width:48px;height:48px;object-fit:cover;border:2px solid #edcd76;border-radius:50%;flex:none}.gom-duel strong{color:#fff6d6;font-size:19px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gom-duel b{font-size:23px;color:#fff7dc;margin-left:auto}.gom-duel em{font-size:26px;font-style:normal;font-weight:900;color:#f8d877}.gom-duel>div.active{border-color:#f9df7c;box-shadow:inset 0 0 18px #d9bf4433,0 0 12px #edcd6655}.gom-color{display:inline-block;flex:none;width:25px;height:25px;border-radius:50%;box-shadow:0 2px 4px #0008;border:1px solid #776646}.gom-color.black{background:radial-gradient(circle at 30% 25%,#777b75,#242821 40%,#030503 85%)}.gom-color.white{background:radial-gradient(circle at 30% 25%,#fff,#f1eee3 50%,#b4b2a1)}.gom-buttons{display:flex;gap:10px;margin-top:14px}.gom-buttons button,.gom-choice button,.gom-side-actions button{flex:1;padding:12px 8px;border:1px solid #ccb573;border-radius:9px;background:linear-gradient(#235a37,#062616);color:#fff6d2;font-size:14px;font-weight:900;box-shadow:inset 0 1px 0 #fff3;cursor:pointer}.gom-buttons button:disabled{opacity:.4}.gom-minor{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:13px 0 0;padding-top:10px;border-top:1px solid #bda65855;color:#d2d2ac;font-size:12px}.gom-minor button{color:#bcd5bc;background:#092c1c;border:1px solid #6d8050;border-radius:7px;padding:6px 9px;cursor:pointer}.gom-sidebar{display:flex;flex-direction:column;gap:12px}.gom-panel{overflow:hidden;padding-bottom:12px}.gom-panel h2{display:flex;justify-content:space-between;align-items:center;font-size:18px;color:#f6d57a;padding:12px 15px;border-bottom:1px solid #a58c49;margin:0 0 10px}.gom-panel h2 span{font-size:11px;color:#14240d;background:linear-gradient(#f9e4a0,#cda946);border-radius:99px;padding:5px 10px}.gom-panel h3{text-align:center;color:#f6efd5;font-size:20px;margin:13px 8px 8px}.gom-roomcode{text-align:center;font-size:25px;font-weight:900;letter-spacing:3px;color:#f4d57d;margin:8px}.gom-side-actions{display:flex;gap:9px;padding:3px 13px}.gom-person{display:flex;align-items:center;gap:9px;padding:8px 12px;color:#f5edce}.gom-person img{width:37px;height:37px;border-radius:50%;border:1px solid #dac27d;object-fit:cover}.gom-person strong{font-size:13px;flex:1;overflow-wrap:anywhere}.gom-person small{font-size:10px;color:#d5d3a7;white-space:nowrap}.gom-person .gom-color{width:22px;height:22px}.gom-watcher{display:flex;align-items:center;gap:8px;color:#deebd4;font-weight:700;padding:10px 15px}.gom-watcher small{margin-left:auto;font-size:10px;color:#a7c59c}.gom-log{max-height:195px;overflow:auto;padding:0 15px}.gom-log p{font-size:12px;color:#c3d3b8;margin:0;padding:7px 0;border-bottom:1px solid #6b744733;line-height:1.5}.gom-muted{font-size:12px;color:#9fb69d;margin:14px}.gom-rule-summary{text-align:center;color:#f7e6aa;font-size:16px;line-height:1.7;margin:12px}.gom-panel details{margin:10px 15px 2px;color:#b9c9b0;font-size:11px;line-height:1.8}.gom-panel summary{color:#f2d77e;cursor:pointer}.gom-choice{display:flex;justify-content:center;gap:10px;margin:0 auto 12px;width:min(100%,420px)}.gom-choice button{border-color:#f3d580;color:#fff1be}.gom-finish{text-align:center;border:1px solid #e1cc7a;border-radius:12px;padding:15px;font-size:20px;font-weight:900;color:#ffe58b;background:#234a22;margin-top:12px}.gomoku-mode header .game-tabs button{padding:12px 28px}.gomoku-mode header .game-tabs>span{display:none}
@media(max-width:1180px){.gom-layout{grid-template-columns:minmax(0,1fr) 270px}.gom-main{padding:12px}.gom-duel{gap:9px}.gom-duel>div{gap:7px;padding:8px}.gom-duel strong{font-size:15px}.gom-duel b{font-size:18px}.gom-duel img{width:35px;height:35px}.gom-title h1{font-size:20px}.gom-buttons{gap:7px}.gom-buttons button{font-size:12px}}
@media(max-width:850px){.gom-layout{grid-template-columns:1fr}.gom-sidebar{display:grid;grid-template-columns:1fr 1fr;align-items:start}.gom-main{padding:12px 15px}.gom-duel strong{font-size:18px}.gom-duel img{width:43px;height:43px}}
@media(max-width:540px){.gom-main{padding:10px 5px}.gom-title{gap:8px}.gom-title h1{font-size:17px}.gom-title>span{font-size:10px;padding:6px 10px}.gom-hint{font-size:10px;padding:0 7px}.gom-sidebar{grid-template-columns:1fr}.gom-duel{gap:5px}.gom-duel>div{gap:5px;padding:7px 5px}.gom-duel img{width:26px;height:26px}.gom-duel strong{font-size:12px}.gom-duel b{font-size:14px}.gom-duel .gom-color{width:15px;height:15px}.gom-duel em{font-size:17px}.gom-buttons{gap:5px;flex-wrap:wrap}.gom-buttons button{flex:1 1 40%;font-size:13px;padding:11px 5px}.gom-minor{font-size:10px}.gomoku-mode header .game-tabs button{padding:8px 20px}.gom-finish{font-size:15px}}