@charset "UTF-8";
.room-panel{border:1px solid #50766e;background:linear-gradient(120deg,#1c3e3c,#112d33);padding:24px;border-radius:20px;margin:0 0 28px}.room-heading,.room-info{display:flex;justify-content:space-between;align-items:center;gap:16px}.room-heading h2{font-size:22px;margin:8px 0 20px}.room-entry{display:grid;grid-template-columns:minmax(150px,1fr) auto minmax(160px,1fr) auto;gap:16px;align-items:center}.room-entry label{display:grid;gap:8px;font-size:12px;color:#c6dfd5}.room-panel input{display:block;background:#0e292e;color:#e7f1ed;border:1px solid #527670;border-radius:10px;font:inherit;min-height:44px;padding:10px 14px;width:100%;min-width:0}.room-panel input:focus-visible{outline:2px solid #dab67b;outline-offset:2px}.room-entry small{font-size:10px;color:#a6c0b7}.room-status{font-size:13px;line-height:1.7;color:#abdacb;margin:16px 0 0}.room-info strong{font-variant-numeric:tabular-nums;font-size:24px;letter-spacing:3px;color:#dab67b;margin:0 12px}.room-info small{color:#a9c5ba;font-size:12px;display:inline-block}#invite-url{font-size:12px;color:#acc4bb;margin-top:15px}.seats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.seat{border:1px solid #365853;border-radius:10px;padding:14px;font-size:14px;line-height:1.8;overflow-wrap:anywhere}.seat.mine{border-color:#a2ded0;background:#20443c}.room-offer{margin-top:20px;padding:16px;border:1px solid #dab67b66;border-radius:12px;background:#dab67b0a}.room-offer p{font-size:14px;color:#edd0a6}.room-offer button{margin-right:8px}#resume-room,#retry-move{margin-top:14px}.board.locked{cursor:wait}.board.locked .cell{cursor:default}.board .cell:disabled{opacity:1}
@media(max-width:950px){.room-entry{grid-template-columns:1fr 1fr}.room-info{flex-wrap:wrap}.room-info small{display:block;margin-top:8px}}@media(max-width:550px){.room-panel{padding:18px 14px;border-radius:14px}.room-heading{align-items:start;flex-wrap:wrap;margin-bottom:18px}.room-heading h2{font-size:20px;margin-bottom:0}.room-entry{grid-template-columns:1fr}.room-entry button{width:100%}.seats{grid-template-columns:1fr}.room-info strong{font-size:20px;margin:0 6px}.room-heading button{font-size:12px}}
:root{font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:#e7f1ed;background:#0c2427;--muted:#9bb5b4;--jade:#a2ded0;--gold:#dab67b;--line:#315155;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,#1d3c41 0,transparent 52%)}a{color:inherit;text-decoration:none}button,select{font:inherit;color:inherit;border:1px solid var(--line);background:#173337;border-radius:10px;cursor:pointer;min-height:42px;padding:9px 14px}button:hover,a:hover{color:var(--jade)}button:hover{border-color:var(--jade)}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--jade);color:#102c2d;border-color:var(--jade);font-weight:700}[hidden]{display:none!important}.top{max-width:1360px;margin:auto;padding:24px 38px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:14px;font-size:15px;letter-spacing:2px;font-weight:800}.brand img{width:92px;height:46px;object-fit:contain;background:white;border-radius:4px}.brand small{display:block;margin-top:6px;font-size:10px;letter-spacing:2px;color:var(--muted)}.top nav{display:flex;gap:24px;font-size:13px;color:var(--muted)}main{max-width:1284px;margin:auto;padding:40px 0}.intro{display:flex;justify-content:space-between;align-items:center;padding:0 10px 28px}.eyebrow{color:var(--gold);letter-spacing:2.5px;font-size:11px;font-weight:600}.intro h1{font-size:clamp(26px,3vw,43px);font-weight:600;letter-spacing:-1.5px;margin:15px 0}.intro em{font-style:normal;color:var(--jade)}.intro p:not(.eyebrow){color:var(--muted);font-size:14px}.edition{font-size:38px;font-weight:200;text-align:right;color:var(--gold)}.edition small{font-size:9px;letter-spacing:2px}.games{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:30px}.games a{position:relative;display:grid;gap:12px;border:1px solid var(--line);border-radius:16px;padding:20px 25px;background:#112e32;transition:border-color .2s,background .2s}.games a.active{background:#214941;border-color:var(--jade);box-shadow:inset 0 3px 0 var(--jade)}.games a span{font-size:10px;letter-spacing:2px;color:var(--gold)}.games strong{font-size:23px;font-weight:600}.games i{float:right;color:var(--jade);font-style:normal}.games small{font-size:12px;color:var(--muted)}.table{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px}.play-area{background:#123035;border:1px solid var(--line);border-radius:20px;padding:24px 28px 12px;min-width:0}.board-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:0 0 18px}.board-heading h2{font-size:18px;margin:0}.board-heading label{font-size:12px;color:var(--muted)}.board-heading button,.board-heading select{font-size:12px}.board{max-width:700px;margin:auto;aspect-ratio:1;position:relative;display:grid;border-radius:5px;overflow:hidden;box-shadow:0 12px 35px #0005;background:#d6b37b;color:#1b2628;user-select:none;touch-action:manipulation;padding:0}.board.wood{padding:4%;background:linear-gradient(110deg,#efd2a0,#d6b37b 55%,#e3c38f)}.board.xiangqi{aspect-ratio:9/10;max-width:592px}.board.chess{border:8px solid #3d5148;border-radius:5px}.board>svg{position:absolute;inset:4%;width:92%;height:92%;pointer-events:none;overflow:visible}.board .cell{border:0;border-radius:0;background:none;padding:0;min-height:0;display:grid;place-items:center;position:relative;font-size:clamp(23px,4vw,53px);aspect-ratio:1;outline-offset:-4px;color:#193233}.cell:hover{background:#fff2}.cell.selected{background:#a5d7b277}.cell.legal:after{content:"";position:absolute;width:22%;height:22%;border-radius:50%;background:#165c56aa;box-shadow:0 0 0 3px #e8faf844;pointer-events:none}.cell.last:before{content:"";position:absolute;inset:12%;border:2px solid #34726788;pointer-events:none}.chess .cell.light{background:#d6debf}.chess .cell.dark{background:#728e76}.chess .cell.selected{background:#e9c265}.chess .cell.legal:after{background:#17383688}.chess .piece{font-family:"Segoe UI Symbol","Arial Unicode MS",serif;font-size:1em;line-height:1}.chess .piece.white{color:#fff9e7;text-shadow:0 1px 1px #152620,1px 0 #152620,-1px 0 #152620,0 -1px #152620}.chess .piece.black{color:#18302a;text-shadow:0 1px 1px #fff6}.coord{position:absolute;left:3px;bottom:1px;font-size:10px;font-weight:600;opacity:.65}.xiangqi .piece{border-radius:50%;width:85%;height:85%;background:radial-gradient(circle at 35% 30%,#ffe6ba,#d6ac69);border:1px solid #917547;box-shadow:0 3px 4px #20160b55;display:grid;place-items:center;font-family:"KaiTi","STKaiti",serif;font-size:.63em;font-weight:bold;outline:1px solid #af8b5266;outline-offset:-5px}.xiangqi .piece.red{color:#ad3331}.xiangqi .piece.black{color:#18372e}.go .stone{width:88%;height:88%;border-radius:50%;box-shadow:1px 2px 3px #30231170}.go .stone.black{background:radial-gradient(circle at 30% 25%,#596367,#101c21 68%)}.go .stone.white{background:radial-gradient(circle at 30% 25%,white,#e4e5d9 68%)}.go .stone.dead{opacity:.35}.go .cell.last:before{inset:34%;z-index:1;border-color:#d29837;border-radius:50%;background:transparent}.board-hint{color:var(--muted);font-size:12px;text-align:center;margin:18px 0 8px}.control{border:1px solid var(--line);background:#102b2f;border-radius:20px;padding:24px;align-self:start}.turn{font-size:25px;font-weight:600;line-height:1.5;margin:25px 0 8px;min-height:40px}#message{color:var(--gold);font-size:13px;min-height:40px;line-height:1.65}.actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:22px 0 14px}.actions button{font-size:13px}.save-state{color:var(--muted);font-size:11px;line-height:1.8}details{border-top:1px solid var(--line);padding:18px 0 0;margin:18px 0 0}summary{cursor:pointer;font-size:13px;font-weight:600;color:#cae1d9}#move-count{float:right;color:var(--muted)}#history{max-height:180px;overflow:auto;color:var(--muted);font-size:12px;line-height:2.2;padding-left:25px;font-variant-numeric:tabular-nums}.rules p{font-size:12px;line-height:1.9;color:var(--muted)}#go-score{padding:12px;background:#21423d;border-radius:10px}#go-score p{font-size:13px;line-height:1.8}#go-score button{width:100%;margin:4px 0;font-size:12px}footer{max-width:1284px;margin:0 auto;padding:30px 0 40px;display:flex;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);color:var(--muted);font-size:11px}dialog{background:#163337;border:1px solid var(--jade);border-radius:18px;max-width:430px;color:#eaf3e7;padding:28px;box-shadow:0 25px 100px #0009}dialog::backdrop{background:#001b20b8}dialog h2{font-size:23px}dialog p{font-size:14px;line-height:1.8;color:var(--muted)}.dialog-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.dialog-actions button{flex:1}
@media(min-width:1400px){.board .cell{font-size:55px}}@media(max-width:1360px){main,footer{margin:0 28px}}@media(max-width:950px){.table{grid-template-columns:1fr 270px;gap:14px}.play-area{padding:18px 14px}.control{padding:18px}.board-heading{flex-wrap:wrap}.intro .edition{display:none}.games a{padding:18px}.games strong{font-size:20px}}@media(max-width:740px){.top{padding:15px 18px}.brand img{width:70px;height:35px}.brand span{font-size:12px}.top nav{gap:12px;font-size:11px}main{margin:0 12px;padding-top:24px}.intro{padding:0 8px 20px}.intro h1{letter-spacing:-.5px}.intro p:not(.eyebrow){font-size:12px}.games{gap:7px;margin-bottom:18px}.games a{padding:13px 10px;border-radius:12px;gap:10px}.games strong{font-size:16px}.games i{display:none}.games a span{font-size:8px;letter-spacing:1px}.games small{font-size:10px}.table{grid-template-columns:1fr}.play-area{padding:15px 12px}.board .cell{font-size:clamp(30px,8vw,52px)}.board-heading h2{font-size:16px}.board-heading select{max-width:126px}.control{padding:20px}.turn{margin:12px 0}.actions{grid-template-columns:repeat(3,1fr)}#message{min-height:20px}footer{margin:26px 20px 0;line-height:1.7}.go .cell{min-width:0}#history{max-height:140px}}