:root{color-scheme:dark;font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,system-ui,sans-serif;--bg: #11100d;--bg-2: #1a1712;--wood: #a46b37;--wood-dark: #5f371c;--wood-line: rgba(54, 28, 12, .72);--panel: rgba(26, 25, 22, .88);--panel-solid: #1f1d19;--panel-light: #29251f;--text: #f7efe2;--muted: #b6a99a;--muted-2: #83776a;--brass: #d9aa59;--jade: #6fb6a4;--amber: #f0b562;--line: rgba(247, 239, 226, .12);--shadow: 0 24px 70px rgba(0, 0, 0, .34)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(145deg,rgba(217,170,89,.12),transparent 32%),radial-gradient(circle at 15% 20%,rgba(111,182,164,.1),transparent 28%),linear-gradient(135deg,#0d0c0a 0%,var(--bg) 48%,#1a1410 100%);color:var(--text)}button{font:inherit}.app-shell{width:min(1500px,100%);min-height:100vh;margin:0 auto;padding:22px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px;padding:4px 2px 20px}.site-label{margin:0 0 7px;color:var(--brass);font-size:.77rem;font-weight:700;letter-spacing:0;text-transform:uppercase}h1,h2{margin:0;letter-spacing:0}h1{font-size:clamp(1.65rem,2.8vw,3rem);line-height:.98}h2{font-size:clamp(1.35rem,2vw,2.35rem);line-height:1.02}.room-strip{display:flex;align-items:center;gap:12px;padding:11px 12px 11px 16px;border:1px solid var(--line);background:#1f1d19b3;box-shadow:var(--shadow)}.live-dot{width:9px;height:9px;border-radius:999px;background:#6e6258;box-shadow:0 0 0 4px #ffffff0a}.live-dot.is-online{background:#6fd899;box-shadow:0 0 0 4px #6fd8991f}.room-strip span{color:var(--muted);font-size:.82rem}.room-strip strong{color:var(--text);font-size:.98rem}.room-strip button,.size-button{min-height:34px;border:1px solid rgba(217,170,89,.32);background:#d9aa591f;color:var(--text);cursor:pointer}.game-table{display:grid;grid-template-columns:310px minmax(0,1fr);gap:20px}.side-panel{display:grid;align-content:start;gap:12px}.room-card{display:grid;gap:12px;padding:16px;border:1px solid rgba(217,170,89,.26);background:linear-gradient(135deg,rgba(217,170,89,.12),transparent 44%),#1f1c17e6;box-shadow:0 18px 38px #00000038}.room-card span,.players-list span{display:block;color:var(--brass);font-size:.76rem;font-weight:800}.room-card strong{display:block;margin-top:6px;font-size:1.62rem}.room-card p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.52}.copy-link-button{min-height:40px;border:1px solid rgba(217,170,89,.38);background:#d9aa5924;color:var(--text);cursor:pointer}.players-list{display:grid;gap:8px;padding-top:4px}.player-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:34px;padding:8px 10px;background:#ffffff09}.player-row i{width:8px;height:8px;border-radius:999px;background:#6fd899}.player-row strong{margin:0;overflow:hidden;font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}.player-row small{color:var(--muted);font-size:.76rem}.game-tabs{display:grid;align-content:start;gap:10px}.game-tab{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:82px;padding:16px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(255,255,255,.035),transparent),#1f1d19c2;color:var(--text);text-align:left;cursor:pointer;box-shadow:0 10px 35px #0000002e}.game-tab.is-active{border-color:#d9aa59b8;background:linear-gradient(135deg,rgba(217,170,89,.18),transparent),#241f18f2}.game-tab strong,.game-tab small,.game-tab em{display:block;letter-spacing:0}.game-tab strong{margin-bottom:6px;font-size:1.08rem}.game-tab small,.game-tab em{color:var(--muted);font-size:.82rem;font-style:normal}.game-tab em{color:var(--brass);white-space:nowrap}.playfield{min-width:0;padding:24px;border:1px solid var(--line);background:radial-gradient(circle at 30% 12%,rgba(217,170,89,.12),transparent 22%),linear-gradient(180deg,#2b261ff0,#0f0e0cfa);box-shadow:var(--shadow)}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:72px;margin-bottom:18px}.panel-header>:last-child{margin-left:auto}.panel-header .icon-button,.panel-header .size-button{margin-left:8px}.board-row{display:grid;grid-template-columns:minmax(320px,1fr) 290px;gap:20px;align-items:stretch}.board-stage{display:grid;place-items:center;min-height:min(68vw,680px);padding:clamp(12px,2vw,28px);background:linear-gradient(135deg,rgba(217,170,89,.12),transparent 34%),radial-gradient(circle at 50% 45%,rgba(255,235,190,.05),transparent 34%),#15120e;border:1px solid rgba(217,170,89,.16);box-shadow:inset 0 0 0 1px #ffffff09,inset 0 -28px 60px #0000003d}.gomoku-board,.chess-board,.go-board{width:min(100%,650px);aspect-ratio:1;position:relative;box-shadow:0 26px 48px #00000057,inset 0 0 30px #ffffff14}.intersection-board{isolation:isolate;overflow:visible;border:14px solid #4b2d18;border-radius:6px;background:radial-gradient(circle at 34% 26%,rgba(255,231,181,.34),transparent 8%),linear-gradient(90deg,rgba(255,255,255,.05),transparent 13%,rgba(0,0,0,.06) 58%,transparent),linear-gradient(135deg,#d09a5a,#b9783c 38%,#9b5a2d 70%,#d1a163)}.intersection-board:before{content:"";position:absolute;inset:-14px;z-index:-1;border-radius:8px;background:linear-gradient(90deg,rgba(255,230,180,.2),transparent 18%,rgba(0,0,0,.28) 92%),#4a2915;box-shadow:0 28px 48px #0000006b,0 8px #2a180e}.board-lines{position:absolute;inset:6%;z-index:0;background:linear-gradient(90deg,var(--wood-line) 1.6px,transparent 1.6px),linear-gradient(0deg,var(--wood-line) 1.6px,transparent 1.6px);background-size:var(--line-step) var(--line-step);background-position:0 0;pointer-events:none}.star-point{position:absolute;width:8px;height:8px;transform:translate(-50%,-50%);border-radius:50%;background:#2e170b;box-shadow:0 1px #fff0cd2e}.star-a{left:24.86%;top:24.86%}.star-b{left:75.14%;top:24.86%}.star-c{left:50%;top:50%}.star-d{left:24.86%;top:75.14%}.star-e{left:75.14%;top:75.14%}.gomoku-point,.go-point,.chess-square,.checkers-point{border:0;color:inherit;cursor:pointer}.gomoku-point{position:absolute;display:grid;place-items:center;z-index:2;width:calc((88% / var(--board-size)) * 1.05);transform:translate(-50%,-50%);aspect-ratio:1;background:transparent}.go-point{position:absolute;display:grid;place-items:center;z-index:2;width:calc((88% / var(--board-size)) * 1.02);transform:translate(-50%,-50%);aspect-ratio:1;background:transparent}.gomoku-point span,.go-point span{box-sizing:border-box;position:relative;z-index:2;width:94%;aspect-ratio:1;border-radius:50%;box-shadow:inset -9px -10px 16px #00000061,inset 7px 7px 13px #ffffff52,0 10px 18px #0000006b}.stone-black span{border:1px solid rgba(232,204,154,.22);background:radial-gradient(circle at 34% 27%,#9d9280,#3f3a32 24%,#11100e 58%,#030303)}.stone-white span{border:1px solid rgba(84,66,45,.26);background:radial-gradient(circle at 35% 28%,#fff,#e4ded0 54%,#b9ae9d)}.gomoku-point.is-last:after,.go-point:hover:after,.chess-square.is-selected:after,.checkers-point.is-selected:after{content:"";position:absolute;inset:-2%;z-index:3;border:2px solid var(--brass);border-radius:50%;pointer-events:none}.gomoku-point.is-win:before{content:"";position:absolute;width:58%;aspect-ratio:1;border-radius:50%;background:#d9aa5961}.chess-board{display:grid;grid-template-columns:repeat(8,1fr);overflow:hidden;border:10px solid #4c2d18;background:#5f371c}.chess-square{position:relative;display:grid;place-items:center;min-width:0;aspect-ratio:1;font-size:clamp(1.75rem,5.2vw,4.8rem);line-height:1;text-shadow:0 7px 14px rgba(0,0,0,.28)}.chess-square.is-light{background:linear-gradient(135deg,#d3a56b,#bd8347)}.chess-square.is-dark{background:linear-gradient(135deg,#6c4021,#432514)}.chess-square .piece-white,.chess-square .piece-black{position:relative;z-index:1}.chess-square .piece-white{color:#fff6e7;text-shadow:0 2px 0 rgba(87,51,24,.45),0 9px 15px rgba(0,0,0,.32)}.chess-square .piece-black{color:#17110c;text-shadow:0 1px 0 rgba(255,229,183,.18),0 9px 15px rgba(0,0,0,.28)}.chess-square.is-legal:before{content:"";width:24%;aspect-ratio:1;border-radius:50%;background:#6fb6a4b8;box-shadow:0 0 0 7px #6fb6a42e}.chess-square:not(:empty).is-legal:before{position:absolute;inset:12%;width:auto;border:3px solid rgba(111,182,164,.82);background:transparent}.checkers-board{position:relative;width:min(100%,660px);aspect-ratio:1;background:radial-gradient(circle at 50% 50%,rgba(217,170,89,.14),transparent 54%),linear-gradient(135deg,#9a6130,#5b3219);border:14px solid #3c2415;box-shadow:0 26px 48px #00000057,inset 0 0 48px #ffe9b61f}.checkers-point{position:absolute;width:4.8%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:#18141052;box-shadow:inset 0 2px 8px #0000006b,0 1px #ffffff14}.checkers-point.home-amber{background:#f0b5623b}.checkers-point.home-jade{background:#6fb6a43b}.checkers-point span{display:block;width:100%;height:100%;border-radius:50%;box-shadow:inset -7px -8px 14px #0000003b,inset 5px 4px 12px #ffffff80,0 9px 16px #00000052}.marble-amber span{background:radial-gradient(circle at 34% 28%,#fff3cf,#f0b562 48%,#9b5a23)}.marble-jade span{background:radial-gradient(circle at 34% 28%,#e2fff8,#6fb6a4 48%,#2e6e64)}.checkers-point.is-legal{box-shadow:0 0 0 4px #6fb6a447,inset 0 2px 8px #0000006b}.status-rail{display:grid;align-content:start;gap:12px}.turn-card,.history-card,.note-card,.capture-grid{border:1px solid var(--line);background:#12110fad;padding:15px}.turn-card span,.history-card span,.note-card span{display:block;margin-bottom:8px;color:var(--brass);font-size:.78rem;font-weight:700}.turn-card strong{display:block;font-size:1.5rem}.turn-card p,.note-card p{margin:8px 0 0;color:var(--muted);font-size:.92rem;line-height:1.55}.history-card ol{min-height:188px;max-height:252px;margin:0;padding-left:20px;overflow:auto;color:var(--muted);font-size:.88rem;line-height:1.75}.note-card code{display:block;color:var(--muted);font-size:.72rem;line-height:1.5;word-break:break-all}.capture-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.capture-grid span{padding:10px;background:#ffffff0a;text-align:center}.icon-button{display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid rgba(217,170,89,.28);background:#d9aa591a;color:var(--text);cursor:pointer}.icon-button:disabled{cursor:not-allowed;opacity:.38}.icon-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9}.size-button{padding:0 10px}.size-button.is-active{background:#6fb6a43d;border-color:#6fb6a48a}button:hover:not(:disabled){filter:brightness(1.08)}button:focus-visible{outline:3px solid rgba(217,170,89,.42);outline-offset:3px}@media(max-width:1120px){.game-table{grid-template-columns:1fr}.game-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.game-tab{min-height:94px;align-items:flex-start;flex-direction:column}.board-row{grid-template-columns:1fr}.status-rail{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.app-shell{padding:14px}.topbar,.panel-header{align-items:flex-start;flex-direction:column}.room-strip{width:100%;justify-content:space-between}.playfield{padding:14px}.game-tabs{grid-template-columns:1fr 1fr}.game-tab{min-height:78px;padding:12px}.board-stage{min-height:auto}.status-rail{grid-template-columns:1fr}.history-card ol{min-height:108px;max-height:150px}.checkers-point{width:5.7%}}@media(prefers-reduced-motion:no-preference){.gomoku-point span,.go-point span,.checkers-point span,.game-tab,.icon-button,.size-button{transition:transform .16s ease,filter .16s ease,border-color .16s ease,background .16s ease}.gomoku-point:active span,.go-point:active span,.checkers-point:active span{transform:scale(.92)}}