:root{--ink:#282522;--muted:#7c756b;--line:#d8d0c4;--paper:#f6f2ea;--red:#a54637;--board:#e8bd78;--grid:rgba(72,43,18,.68)}*{box-sizing:border-box}body{margin:0;background:#eeeadf;color:var(--ink);font-family:Georgia,"Noto Serif SC","Songti SC",serif}.shell{max-width:1440px;margin:auto;padding:0 52px 48px}header{height:92px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none}.brand>b{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;color:#fff6e9;background:var(--red);font-size:20px}.brand span{font-size:19px;letter-spacing:2px}.brand small{display:block;color:var(--muted);font:11px Arial;letter-spacing:2px;margin-top:3px}.connection{font:12px Arial;color:var(--muted);display:flex;align-items:center;gap:8px}.connection i{width:7px;height:7px;background:#c18a3b;border-radius:50%}.connection.online i{background:#5e9467}.connection.offline i{background:#b35a4b}.hidden{display:none!important}.lobby{min-height:calc(100vh - 140px);max-width:1120px;margin:auto;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:8vw}.eyebrow{font:11px Arial;letter-spacing:3px;color:var(--red);margin:0 0 18px}.lobby h1{font-size:clamp(48px,6vw,84px);font-weight:400;line-height:1.12;letter-spacing:3px;margin:0 0 24px}.lobby h1 em{font-style:normal;color:var(--red)}.intro{max-width:350px;color:var(--muted);line-height:1.8;margin:0 0 38px}.forms{width:min(100%,360px)}label{font:11px Arial;color:var(--muted);letter-spacing:1px}input{border:0;border-bottom:1px solid #bbb0a1;border-radius:0;background:transparent;outline:0;padding:12px 2px;color:var(--ink)}label input{width:100%;display:block;margin-top:3px}.primary{width:100%;border:0;background:var(--red);color:#fff8ed;text-align:left;padding:15px 18px;margin-top:24px}.primary strong{float:right;font-size:20px}.join{display:flex;gap:12px;align-items:end;margin-top:22px}.join input{width:100%;text-transform:uppercase}.join button,.tools button{border:1px solid var(--line);background:transparent;color:var(--ink);padding:10px 13px;white-space:nowrap}.forms p{min-height:18px;color:var(--red);font:12px Arial}.hero-board{position:relative;width:min(100%,470px);aspect-ratio:9/10;justify-self:center;transform:rotate(4deg);border:1px solid var(--grid);background:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px),var(--board);background-size:11.11% 10%,11.11% 10%;box-shadow:22px 25px #dcd4c8}.hero-board:after{content:"";position:absolute;left:0;right:0;top:40%;border-top:1px solid var(--grid)}.hero-board span{position:absolute;z-index:1;display:grid;place-items:center;width:16%;aspect-ratio:1;border:1px solid #6a4423;border-radius:50%;background:#f7dca5;box-shadow:2px 3px #95672f;color:#9e352c;font-size:clamp(25px,4vw,42px)}.hero-board span:nth-child(1){left:7%;top:11%}.hero-board span:nth-child(2){right:8%;top:29%}.hero-board span:nth-child(3){left:40%;top:49%;color:#292522}.hero-board span:nth-child(4){right:23%;bottom:8%}.game-head{max-width:1120px;margin:auto;display:flex;justify-content:space-between;align-items:end;padding:43px 0 28px}.game-head h1{font-size:38px;font-weight:400;margin:0}.tools{font:12px Arial;color:var(--muted);display:flex;align-items:center;gap:10px}.tools b{letter-spacing:2px;color:var(--ink)}.tools button{font-size:12px;padding:9px 12px}.tools .text-button{border:0;color:var(--muted)}.layout{max-width:1120px;margin:auto;display:grid;grid-template-columns:minmax(500px,1fr) 340px;gap:clamp(35px,6vw,100px)}.board-column{width:min(100%,620px);margin:auto}.board-frame{padding:13px;background:#d7c8b0;box-shadow:0 12px 28px #432d191f}.board{position:relative;display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(10,1fr);aspect-ratio:9/10;overflow:hidden;border:1px solid var(--grid);background:var(--board)}.cell{position:relative;display:grid;place-items:center;min-width:0;border-right:1px solid var(--grid);border-bottom:1px solid var(--grid)}.cell:nth-child(9n){border-right:0}.cell:nth-last-child(-n+9){border-bottom:0}.cell.selected{background:#fff4cf66}.cell.last{background:#c28a3b3b}.cell.legal{cursor:pointer}.cell.legal:after{content:"";position:absolute;width:19%;aspect-ratio:1;border-radius:50%;background:#936b31b8}.piece{position:relative;z-index:2;width:78%;aspect-ratio:1;display:grid;place-items:center;border:1px solid #6a4423;border-radius:50%;box-shadow:1px 2px #95672f;background:#f7dca5;color:#9e352c;font-size:clamp(20px,3.5vw,34px);line-height:1;user-select:none}.piece.black{color:#292522}.piece.mine{box-shadow:0 0 0 3px #a7473647,1px 2px #95672f}.palace{position:absolute;z-index:3;left:33.333%;width:33.333%;height:20%;pointer-events:none;background:linear-gradient(45deg,transparent 49.5%,var(--grid) 50%,transparent 50.5%),linear-gradient(-45deg,transparent 49.5%,var(--grid) 50%,transparent 50.5%)}.palace.top{top:0}.palace.bottom{bottom:0}.river{position:absolute;z-index:3;pointer-events:none;left:0;right:0;top:40%;height:20%;display:grid;place-items:center;color:#5b3616d1;font-size:clamp(16px,3vw,28px);letter-spacing:4px}.player{height:58px;padding:0 10px;display:flex;align-items:center;gap:11px}.player>span{flex:1}.player b,.player small{display:block}.player b{font-weight:400;font-size:15px}.player small{font:10px Arial;color:var(--muted);margin-top:4px}.player>strong{font:18px Georgia;color:var(--muted);letter-spacing:1px}.disc{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;font-style:normal;background:#b34a3b;color:#fff1dc}.disc.black{background:#302d2a;color:#e9d5b1}.player.red{padding-top:5px}aside{padding-top:57px}.status{padding-bottom:25px;border-bottom:1px solid var(--line)}.status label{font-size:10px;color:var(--red)}.status h2{font-size:25px;font-weight:400;margin:10px 0 8px}.status p{font:13px/1.6 Arial;color:var(--muted);margin:0}.turn{display:flex;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid var(--line);font:12px Arial;color:var(--muted)}.turn b{color:var(--ink);font-size:16px;font-weight:400}.turn i{font-style:normal;color:var(--red)}.moves{min-height:195px;padding:18px 0;border-bottom:1px solid var(--line)}.moves>div{display:flex;justify-content:space-between;font:13px Arial}.moves small{font-size:11px;color:var(--muted)}.moves ol{max-height:205px;overflow:auto;margin:7px 0 0;padding:0 0 0 27px;font:12px/1.8 Arial;color:var(--ink)}.actions{display:flex;gap:8px;padding:17px 0}.actions button{flex:1;border:1px solid var(--line);background:transparent;padding:10px;color:var(--ink);font-size:12px}.actions button:last-child{color:var(--red)}.notice{font:11px/1.6 Arial;color:#938b80}.actions button:disabled{opacity:.4;cursor:default}#toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;padding:11px 16px;color:#fff8ed;background:#302c29;font:12px Arial;transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%,0)}
+@media(max-width:850px){.shell{padding:0 20px 30px}header{height:72px}.lobby{display:block;padding:46px 0}.hero-board{display:none}.lobby h1{font-size:54px}.game-head{padding:28px 0 19px;align-items:start}.game-head h1{font-size:30px}.tools{max-width:190px;justify-content:end;flex-wrap:wrap}.tools b{width:100%;text-align:right}.layout{display:block}.board-column{width:100%}aside{padding-top:25px}.board-frame{padding:8px}.piece{font-size:clamp(18px,7vw,30px)}}@media(max-width:420px){.brand span{font-size:16px}.connection{font-size:10px}.lobby h1{font-size:46px}.tools{gap:5px}.tools span{display:none}.player{height:48px}.disc{width:26px;height:26px}}