@font-face{font-family:Xiaolai;src:url(/fonts/xiaolai-regular.woff2) format("woff2");font-display:swap}:root{font-family:Xiaolai,Kaiti SC,serif;color:#4c5145;background:#f5f2ea;--green:#7f947c;--ink:#4c5145}*{box-sizing:border-box}body{margin:0;background-image:linear-gradient(#80745b07 1px,transparent 1px),linear-gradient(90deg,#80745b07 1px,transparent 1px);background-size:26px 26px}button,select{font:inherit;color:inherit}button,a,select{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:2px dashed #a36c50;outline-offset:4px}button:disabled{opacity:.35;cursor:default}.chess-shell{width:min(1100px,100%);margin:auto;padding:30px 40px 20px}nav{display:flex;justify-content:space-between;align-items:center;font-size:13px}nav a:hover{color:#a2674f}header{display:flex;justify-content:space-between;align-items:end;margin:43px 0 29px}h1{font-size:38px;font-weight:400;margin:0;letter-spacing:1px}.game-layout{display:grid;grid-template-columns:minmax(0,600px) minmax(230px,1fr);gap:48px}.player-strip{display:flex;justify-content:space-between;align-items:center;padding:12px 2px;font-size:13px}.player-strip>span{display:flex;align-items:center;gap:9px}.player-strip small{font-size:10px;color:#8d7354}.stone{display:inline-block;width:13px;height:13px;border-radius:50%;border:1px solid #657363}.stone.black{background:#394b3c}.stone.white{background:#fffdf3}.board-frame{padding:12px;background:#e7e1d2;border:1px solid #c9c3b0;box-shadow:4px 6px #6a5a3a12}#board{display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:1;isolation:isolate}.square{border:0;border-radius:0;position:relative;display:grid;place-items:center;min-width:0;padding:0;aspect-ratio:1}.square.light{background:#ede9d8;color:#72846a}.square.dark{background:#879c80;color:#edf0df}.square.last.light{background:#dce0af}.square.last.dark{background:#abb780}.square.selected{box-shadow:inset 0 0 0 4px #bf9258}.square.check{background:#cc9680}.square:focus-visible{outline-offset:-4px;z-index:2}.piece{font-family:Apple Symbols,Segoe UI Symbol,DejaVu Sans,serif;font-size:clamp(30px,4.6vw,57px);line-height:1;pointer-events:none;filter:drop-shadow(0 2px 1px #3a3c3525);translate:0 -1px}.piece.w{color:#fffcdf;-webkit-text-stroke:1px #535a48;text-shadow:0 1px 0 #535a48}.piece.b{color:#2e4336;-webkit-text-stroke:.4px #283b30}.square small{position:absolute;font:9px Courier New,monospace;pointer-events:none}.rank{left:4px;top:4px}.file{right:4px;bottom:3px}.square.legal:after{content:"";position:absolute;width:24%;height:24%;background:#465e4860;border-radius:50%;pointer-events:none}.square.legal.capture:after{width:86%;height:86%;background:none;border:4px solid #465e4870}.position-status{padding:15px 0 23px;border-bottom:1px dashed #c9c4b3}h2{font-size:24px;font-weight:400;margin:0;line-height:1.45}#hint{font-size:12px;color:#868875;line-height:1.8;margin:12px 0 0;min-height:22px}.mode-label{display:block;font-size:12px;color:#848575;margin:24px 0 9px}select{width:100%;padding:12px 30px 12px 12px;border:1px solid #c9c9b5;background:#f0eee2;border-radius:3px;font-size:13px}.actions{display:flex;gap:10px;margin:13px 0 25px}.actions button{flex:1;padding:10px 4px;border:1px solid #d2cebd;background:transparent;border-radius:3px;font-size:12px}.actions button:hover:enabled{background:#e7e8db}.scoresheet{border-block:1px dashed #c9c4b3;padding:16px 0}.sheet-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sheet-heading h3{font-size:15px;font-weight:400;margin:0}.sheet-heading>span{font-size:10px;color:#94917e}#moves{height:147px;overflow:auto;scrollbar-width:thin}.empty{font-size:12px;color:#aaa490;margin:40px 0;text-align:center}.move-row{display:grid;grid-template-columns:36px 1fr 1fr;font:13px Courier New,monospace;padding:7px 9px}.move-row:nth-child(odd){background:#eae9dc88}.move-row>span:first-child{color:#a29b86;font-size:11px}#restart{display:flex;justify-content:space-between;width:100%;padding:13px 15px;margin:20px 0 17px;background:#788c70;color:#fffdf0;border:1px solid #6f8268;border-radius:3px;font-size:14px}#restart:hover{background:#667d60}details{font-size:12px;line-height:1.9;color:#838372}summary{cursor:pointer;width:fit-content}details p{margin:10px 0}dialog{border:1px solid #c9c3b0;background:#f5f2ea;color:var(--ink);padding:28px;width:min(370px,calc(100% - 32px));border-radius:4px}dialog::backdrop{background:#303d3766}dialog p{font-size:13px;color:#878575}.promotion-options{display:flex;gap:9px;margin-top:22px}.promotion-options button{flex:1;padding:15px 5px;background:#dfe4d2;border:1px solid #b6c3a8;border-radius:3px;font-size:21px}@media(min-width:1100px){.board-section{max-width:600px}}@media(max-width:780px){.chess-shell{padding:22px 20px}.game-layout{gap:24px;grid-template-columns:minmax(0,1fr) 220px}h1{font-size:30px}header{margin:30px 0 17px}.board-frame{padding:8px}.piece{font-size:clamp(23px,5vw,43px)}}@media(max-width:620px){.chess-shell{padding:19px 16px}.game-layout{grid-template-columns:1fr;gap:15px}h1{font-size:29px}header{margin:28px 0 9px}.player-strip{font-size:12px;padding:11px 2px}.board-frame{padding:7px}.piece{font-size:clamp(28px,9.7vw,54px)}.square small{font-size:8px}.rank{top:2px;left:3px}.file{right:3px;bottom:2px}aside{display:grid;grid-template-columns:1fr 1fr;gap:12px 15px}.position-status{grid-column:1/-1;padding:8px 0 15px}h2{font-size:21px}#hint{margin:5px 0 0}.mode-label{grid-column:1/-1;margin:3px 0 -5px}select{grid-column:1/-1}.actions{grid-column:1/-1;margin:0}.scoresheet{grid-column:1/-1;margin-top:5px}#moves{height:115px}#restart{grid-column:1/-1;margin:0}details{grid-column:1/-1}.square.selected{box-shadow:inset 0 0 0 3px #bf9258}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}[hidden]{display:none!important}#online-room{margin:15px 0;padding:14px 0;border-block:1px dashed #c9c4b3;grid-column:1/-1}#online-room label{display:block;font-size:12px;margin:0 0 7px;color:#707763}#online-room input{display:block;width:100%;padding:11px 12px;border:1px solid #c9c9b5;border-radius:3px;background:#faf8ef;font:14px Xiaolai,Kaiti SC,serif;color:#4c5145;margin-bottom:13px}#online-room input:focus-visible{outline:2px dashed #a36c50;outline-offset:3px}#room-code{letter-spacing:2px}#room-code:read-only{font:23px Courier New,monospace;font-weight:700;letter-spacing:5px}.room-actions{display:flex;gap:9px}.room-actions button,#room-request button{padding:10px 12px;background:#e2e7d8;border:1px solid #b6c3a8;border-radius:3px;font-size:12px}.room-actions button{flex:1}#room-message{font-size:12px;line-height:1.7;color:#9a5946;margin:10px 0 0}#room-message:empty{display:none}#room-request{border-top:1px dashed #c9c4b3;margin-top:14px;padding-top:12px;font-size:13px;line-height:1.8}#room-request p{margin:0 0 9px}#room-request button{margin-right:8px}.player-strip>span{min-width:0}.player-strip small,.player-strip .stone{flex-shrink:0}#top-player,#bottom-player{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}