:root{font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:#242b25;background:#f6f3ec;font-synthesis:none;--green:#264c3b;--muted:#7a8078;--line:#dedfd6;--surface:#fff;--serif:"Noto Serif SC","Source Han Serif SC","STSong","SimSun",serif}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}a{color:var(--green)}button{cursor:pointer;transition:background .18s,box-shadow .18s,transform .18s}button:disabled{cursor:default;opacity:.42}button:hover:enabled{filter:brightness(.96)}button:active:enabled{transform:translateY(1px)}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9dbaa7;outline-offset:3px}header{max-width:1360px;margin:auto;min-height:88px;padding:18px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #dedfd6}.brand{display:flex;align-items:center;gap:12px;font-size:29px;font-weight:700;color:#242b25;text-decoration:none;white-space:nowrap}.mark{display:flex;width:43px;align-items:center}.mark i{width:27px;height:27px;display:block;flex-shrink:0;border-radius:50%;background:radial-gradient(circle at 30% 25%,#545d56,#101912 75%);box-shadow:0 2px 4px #1c281933}.mark i+i{margin-left:-9px;background:radial-gradient(circle at 30% 25%,#fff,#e2e1d9 78%);border:1px solid #dddcd3}nav{display:flex;gap:30px;align-self:stretch;align-items:center}nav a{font-size:14px;text-decoration:none;color:#777f75;padding:16px 0;position:relative;white-space:nowrap}.nav-active{color:var(--green);font-weight:650}.nav-active:after{content:"";height:2px;position:absolute;bottom:4px;left:0;right:0;background:var(--green)}.header-tools{display:flex;align-items:center;gap:14px}.audio-controls{display:flex;align-items:center;gap:7px}.audio-controls button{padding:7px 9px;background:transparent;border:1px solid transparent;border-radius:6px;font-size:11px;color:var(--muted);white-space:nowrap}.audio-controls button[aria-pressed=true]{color:var(--green);background:#e9eee5}.volume-label{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted);margin:0}.volume-label input{width:58px;height:18px;border:0;padding:0;accent-color:var(--green);background:transparent}
main{max-width:1360px;margin:auto;padding:22px 40px 24px;display:grid;grid-template-columns:370px minmax(0,1fr);gap:28px 44px;align-items:start}.server-address{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;border-radius:9px;padding:12px 18px;background:#eeebe4;margin:0;min-width:0}.server-address label{font-size:12px;color:#777f75;margin:0;white-space:nowrap}.server-address select{width:300px;max-width:100%;height:35px;font-size:12px;background:#f9f8f4;border:1px solid #d9dbd2;border-radius:6px;padding:0 10px;margin:0;color:#39453b}.server-address button{border:0;background:var(--green);border-radius:6px;padding:9px 14px;color:#fff;font-size:12px;font-weight:550}.server-address p{font-size:11px;color:#85887f;margin:0;line-height:1.7;flex:1;min-width:140px}.rail{padding:28px;background:#fff;border:1px solid #eeede6;border-radius:16px;box-shadow:0 8px 28px #35352707;min-width:0}.rail h1{font-family:var(--serif);font-size:44px;line-height:1.22;font-weight:600;letter-spacing:-2px;margin:4px 0 12px}.intro{font-size:13px;line-height:1.8;color:var(--muted);margin:0 0 23px}.rail label{display:block;font-size:12px;font-weight:550;margin:0 0 8px}input:not([type=radio]):not([type=checkbox]):not([type=range]),select{width:100%;height:43px;border:1px solid var(--line);border-radius:7px;padding:0 12px;background:#fcfcfa;color:#242b25;font-size:14px;min-width:0}input::placeholder{color:#b0b5ab}.primary,.secondary{width:100%;height:45px;border:0;border-radius:7px;padding:0 16px;font-size:14px;font-weight:600;margin-top:18px;background:var(--green);color:white}.secondary{background:#eaf0e7;color:var(--green);border:1px solid #cbd8c7}.text-button{border:0;background:transparent;color:var(--green);padding:8px 0;font-size:12px;font-weight:550}.small-button{border:1px solid var(--line);background:#fff;color:#536452;border-radius:6px;padding:8px 12px;font-size:12px;font-weight:500;text-decoration:none}.mode-picker{border:0;padding:0;margin:20px 0 0;min-width:0}.mode-picker legend{font-size:12px;font-weight:600;margin-bottom:9px}.mode-options{display:flex;border:1px solid var(--line);border-radius:7px;overflow:hidden;background:#f8f9f5}.mode-options label{position:relative;display:flex;flex:1;align-items:center;justify-content:center;margin:0;padding:12px 5px;font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap}.mode-options label+label{border-left:1px solid var(--line)}.mode-options input{position:absolute;opacity:0;width:1px;height:1px}.mode-options label:has(input:checked){background:var(--green);color:white}.mode-options label:focus-within{box-shadow:inset 0 0 0 2px #93b79c}.mode-picker p,.ai-options p{font-size:11px;line-height:1.75;color:var(--muted);margin:8px 0 0}.room-options{margin:18px 0 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0}.room-options summary{font-size:12px;font-weight:550;color:#424e40;cursor:pointer}.room-options summary span{float:right;color:#8d9487;font-size:10px;font-weight:400}.room-options fieldset{margin:12px 0 0}.room-options legend{display:none}.room-options label{display:flex;align-items:center;gap:7px;line-height:1.8;font-size:12px;font-weight:400}.room-options input{accent-color:var(--green);margin:0}.ai-options{margin-top:14px}.divider{display:flex;align-items:center;gap:12px;margin:20px 0 16px;font-size:11px;color:#a0a59b}.divider:before,.divider:after{content:"";height:1px;flex:1;background:#e5e8df}.rail .code-input{height:49px;text-align:center;font-size:23px;letter-spacing:12px;padding-left:24px;font-variant-numeric:tabular-nums}.auto-join-note{font-size:10px;color:#91998c;line-height:1.6;margin:8px 0 0}.game{min-width:0;max-width:820px;align-self:start;position:sticky;top:22px}.board-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0 18px}.board-heading h2{font-family:var(--serif);font-size:37px;font-weight:600;margin:0}.board-heading span{font-size:12px;color:#788370;line-height:1.6;text-align:right}.board-heading span:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#b7c3af;margin-right:7px}.board-shell{padding:10px;background:#d9b37a;border:1px solid #cdac79;border-radius:14px;box-shadow:inset 0 2px 3px #fff9,0 7px 15px #5e492519;overflow:hidden}#board{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:7px;outline:none!important;user-select:none;-webkit-user-select:none;touch-action:manipulation}.rule{font-size:12px;color:#70796c;text-align:center;line-height:1.7;margin:18px 0 5px}.hint{font-size:11px;color:#989f92;text-align:center;line-height:1.7;margin:0}.room-code{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin:18px 0}.room-code>span{font-size:11px;color:var(--muted)}.room-code strong{display:block;font-family:var(--serif);font-size:39px;letter-spacing:5px;color:var(--green);line-height:1.45}.room-mode{font-size:11px;line-height:1.8;color:var(--muted);margin:0 0 14px}.players{display:grid;gap:10px}.player{display:flex;align-items:center;gap:10px;border:1px solid #e5e8df;border-radius:8px;padding:12px;background:#fafbf8}.stone{width:21px;height:21px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#555d56,#152218);box-shadow:0 2px 3px #14201924;flex-shrink:0}.stone.white{background:radial-gradient(circle at 30% 25%,#fff,#e7e7de);border:1px solid #d7dcd1}.player-name{font-size:12px;overflow-wrap:anywhere}.player-name.waiting{color:#a5ae9d}.player-state{font-size:10px;margin-left:auto;color:#809075;white-space:nowrap}.leave{display:block;margin:20px auto 0;color:#9b6b55}.room-actions{display:flex;gap:7px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:14px;margin-top:17px}.room-actions .text-button{border:1px solid var(--line);background:#f4f7ef;border-radius:6px;padding:9px 11px;font-size:11px}.room-actions>p,.room-actions>div{width:100%;font-size:11px;color:var(--muted);line-height:1.8;margin:5px 0}#resign-confirm{background:#fff1e7;padding:10px;border-radius:7px}#feedback{color:#a85e43;font-size:12px;line-height:1.8;margin:12px 0 0;overflow-wrap:anywhere}#feedback:empty{display:none}footer{max-width:1360px;margin:auto;padding:22px 40px;border-top:1px solid #e2e1d8;color:#92998b;font-size:11px;text-align:center}.thinking{color:var(--green)!important;animation:thinking 1.2s ease-in-out infinite}.board-shell.finished{box-shadow:inset 0 2px 3px #fff9,0 0 0 3px #264c3b18,0 7px 15px #5e492519}@keyframes thinking{50%{opacity:.5}}canvas[data-animation=running]{will-change:contents}details>summary{position:relative;display:flex;align-items:center;gap:8px;min-height:34px;padding-right:38px;cursor:pointer;list-style:none;border-radius:6px;outline-offset:4px}summary::-webkit-details-marker{display:none}details>summary::before{content:"";position:absolute;right:0;top:50%;width:28px;height:28px;transform:translateY(-50%);border-radius:50%;background:#eef1e9;transition:background .18s ease}details>summary::after{content:"";position:absolute;right:10px;top:50%;width:7px;height:7px;border:solid #647462;border-width:0 1.5px 1.5px 0;transform:translateY(-70%) rotate(45deg);transition:transform .18s ease}details[open]>summary::after{transform:translateY(-25%) rotate(225deg)}details>summary:hover::before{background:#dfe7d8}details>summary:focus-visible{outline:2px solid #839d7a}.room-options>summary span{margin-left:auto}@media(prefers-reduced-motion:reduce){details>summary::before,details>summary::after{transition:none}}
@media(max-width:1050px){header{padding:16px 24px}.volume-label{display:none}main{padding:20px 24px;grid-template-columns:320px minmax(0,1fr);gap:24px}.rail{padding:24px}.rail h1{font-size:39px}nav{gap:20px}.audio-controls button{padding:6px;font-size:10px}.server-address p{flex-basis:100%;min-width:0}.server-address{gap:8px 12px}.board-heading h2{font-size:30px}}
@media(max-width:700px){header{padding:16px 18px;min-height:76px;flex-wrap:wrap;gap:12px}.brand{font-size:25px}.mark{transform:scale(.85);width:36px}nav{order:3;width:100%;justify-content:center;gap:45px;border-top:1px solid #e5e5da}nav a{padding:13px 0 9px;font-size:13px}.header-tools{margin-left:auto}.audio-controls{gap:2px}.audio-controls button{font-size:10px}main{padding:16px;display:flex;flex-direction:column;gap:20px}.server-address{width:100%;padding:11px 12px;gap:8px;font-size:11px}.server-address label{width:100%;font-size:10px}.server-address select{flex:1;width:0;max-width:none;font-size:11px;height:34px}.server-address button{padding:9px 10px;font-size:11px}.server-address p{font-size:10px;flex-basis:100%;line-height:1.5}.rail,.game{width:100%;max-width:none}.rail{padding:24px}.rail h1{font-size:40px}.game{position:static}.board-heading{margin:0 0 12px}.board-heading h2{font-size:27px}.board-shell{padding:7px;border-radius:11px}.rule{font-size:11px;margin-top:12px}.in-room .server-address{order:0}.in-room .game{order:1}.in-room .rail{order:2}.in-room .rail h1{font-size:31px}.room-code strong{font-size:34px}.room-options summary span{font-size:10px}footer{padding:20px 16px;font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.room-page .game{max-width:700px}.mode-options label{font-size:13px}.rail .primary{font-size:15px}.rail .code-input::placeholder{font-size:23px;letter-spacing:9px}@media(max-width:700px){.room-page .game{max-width:none}}

/* Shared chrome for ordinary rooms and tournaments. */
header{max-width:1435px;min-height:64px;padding:8px 56px;gap:36px}.brand{font:700 31px var(--serif);gap:14px}.mark{width:48px}.mark i{width:30px;height:30px}nav{margin-left:62px;margin-right:auto;gap:42px}nav a{font:600 18px var(--serif);padding:12px 0}.header-tools{margin-left:auto}.audio-controls{gap:7px}.audio-controls button{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:auto;min-height:35px;padding:6px 9px;font:12px 'Microsoft YaHei',sans-serif;color:#6c7766;background:transparent;border:1px solid transparent;border-radius:6px}.audio-controls button[aria-pressed=true]{background:#eaf0e5;color:#294d37}.audio-controls button::before{content:"";display:block;width:19px;height:19px;flex-shrink:0;background:currentColor}.volume-label{font-size:11px}.volume-label input{width:72px}main{max-width:1435px;padding-left:56px;padding-right:56px}.server-address{width:100%;max-width:940px;justify-self:center;margin-left:auto;margin-right:auto;padding:7px 16px;background:#eeece6;border:1px solid #e2ded4}.server-address label{font:14px var(--serif);color:#34372d}.server-address select{height:32px}.server-address p{font-size:11px}.t-main>.server-address{margin-bottom:12px}
@media(max-width:1100px) and (min-width:761px){header,main{padding-left:28px;padding-right:28px}nav{margin-left:25px;gap:30px}.brand{font-size:29px}.audio-controls button{font-size:11px;padding:6px 7px}}
@media(max-width:760px){header{padding:15px 18px;min-height:76px;flex-wrap:wrap;gap:12px}.brand{font-size:26px;gap:10px}.mark{width:38px;transform:scale(.85)}nav{order:3;width:100%;margin:0;justify-content:center;gap:44px;border-top:1px solid #e5e5da}nav a{font:600 14px var(--serif);padding:13px 0 9px}.audio-controls{gap:3px}.audio-controls button{font-size:11px;padding:6px;gap:5px;min-height:34px}.audio-controls button::before{width:17px;height:17px}.volume-label{display:none}main{padding:16px}.server-address{padding:10px 12px;margin:0;max-width:none}.server-address label{font:11px 'Microsoft YaHei',sans-serif;width:100%}.server-address select{height:34px;flex:1;width:0;font-size:11px}.server-address p{flex-basis:100%;font-size:10px}.t-main>.server-address{margin-bottom:18px}}

#sound-toggle::before{content:"";display:block;width:22px;height:22px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%208h4l5-4v16l-5-4H3zM16%208a6%206%200%200%201%200%208M19%205a10%2010%200%200%201%200%2014%22/%3E%3C/svg%3E") center/contain no-repeat}
#music-toggle::before{content:"";display:block;width:22px;height:22px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2017V5l11-2v12M9%208l11-2%22/%3E%3Cellipse%20cx%3D%226%22%20cy%3D%2218%22%20rx%3D%223%22%20ry%3D%222.5%22/%3E%3Cellipse%20cx%3D%2217%22%20cy%3D%2216%22%20rx%3D%223%22%20ry%3D%222.5%22/%3E%3C/svg%3E") center/contain no-repeat}

header{background:#f6f3ec}@media(min-width:761px){main,.t-main{padding-top:14px}}#sound-toggle::before,#music-toggle::before{width:19px;height:19px}@media(max-width:760px){#sound-toggle::before,#music-toggle::before{width:17px;height:17px}}

@media(min-width:761px){.room-page main,.tournament-page main{padding-top:14px}}.room-page:not(.in-room) .rail h1,.tournament-page .hero h1{font-size:44px;line-height:1.22;font-weight:600;letter-spacing:-1.5px}@media(max-width:760px){.room-page:not(.in-room) .rail h1,.tournament-page .hero h1{font-size:35px}}

/* Online subsite navigation keeps the existing visual language. */
nav{gap:24px;margin-left:25px}.hub-back{color:#6b7e68}
@media(max-width:760px){nav{margin-left:0;gap:24px}nav a{font-size:13px}.server-address p{line-height:1.6}}