*{box-sizing:border-box}body{margin:0;background:#f3eee4;color:#263b35;font:16px/1.55 system-ui,sans-serif}main{max-width:1120px;margin:auto;padding:40px 28px}header{margin-bottom:32px}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:800;color:#65756b}h1{font:600 48px/1.15 Georgia,serif;margin:14px 0}h1 span{display:block;font:italic 24px/1.7 Georgia,serif;color:#7f8277}header p{color:#65756b}.table{display:grid;grid-template-columns:300px minmax(0,1fr);gap:48px;align-items:start}.players{display:grid;grid-template-columns:1fr 1fr;gap:12px}.players>div{border:1px solid #cbd0be;border-radius:16px;padding:18px 12px;min-height:128px;background:#fff9ed}h2{font-size:18px;margin:6px 0}.dot{display:block;width:26px;height:26px;border-radius:50%;border:5px solid #da7964}.coral{background:#eaa58b}.ivory{background:#fff1c7;border-color:#c5b896}#status{min-height:85px;font-weight:650;border-top:1px solid #cbd0be;padding-top:20px}button{font:inherit;cursor:pointer;border:0;border-radius:10px;padding:12px 20px;background:#244d43;color:#fff}button:hover{background:#396d5e}#cleargame{width:100%}details{margin-top:24px;font-size:14px;color:#65756b}summary{font-weight:700;cursor:pointer;color:#263b35}.board-frame{min-width:0;width:100%;max-width:580px}.file-labels{display:grid;grid-template-columns:repeat(8,1fr);padding:0 10px;text-align:center;font-size:12px;letter-spacing:1px;color:#788175;margin-bottom:12px}#board{position:relative;width:100%;aspect-ratio:1;border:10px solid #23473c;border-radius:10px;background:#e8ddc4;box-shadow:0 20px 50px #233c3420;overflow:hidden}.tile{position:absolute;width:12.5%;height:12.5%;background:#61806b;cursor:pointer}.tile.legal:after{content:'';position:absolute;width:22%;height:22%;border-radius:50%;background:#f7e6ae;top:39%;left:39%;box-shadow:0 0 0 5px #f7e6ae30}.piece{position:absolute;width:10%;height:10%;margin:1.25%;border-radius:50%;border:5px solid #cb6c58;background:#e99b82;background-size:65%;background-repeat:no-repeat;background-position:center;box-shadow:0 4px 0 #914c40,0 6px 8px #0004;transition:top .18s,left .18s;cursor:pointer}.player2pieces .piece{border-color:#d0c09a;background-color:#fff0ca;box-shadow:0 4px 0 #918467,0 6px 8px #0004}.piece.available{outline:2px solid #fff3;outline-offset:3px}.piece.selected{outline:4px solid #ffe68c;outline-offset:3px}.piece:focus-visible,.tile:focus-visible{outline:4px solid #ffe68c;outline-offset:-4px;z-index:3}.capturedPiece{display:none}.board-note{font-size:9px;letter-spacing:.13em;text-align:center;color:#788175;margin-top:20px}footer{border-top:1px solid #ccd1c1;margin-top:40px;padding-top:22px;font-size:12px;color:#788175}a{color:#346f60}dialog{border:0;border-radius:18px;max-width:350px;padding:28px;background:#fff9ed}dialog::backdrop{background:#16322d88}dialog button{margin:5px 0}#winner{display:block;font-weight:700;color:#b35948;margin-bottom:10px}@media(max-width:740px){main{padding:24px 16px}h1{font-size:38px}.table{display:flex;flex-direction:column;gap:24px}.board-frame{width:100%;order:-1}aside{width:100%}header{margin-bottom:22px}header p{font-size:14px}.players>div{min-height:0;display:flex;align-items:center;gap:8px;padding:12px}.players h2{font-size:16px}.dot{width:18px;height:18px;border-width:3px;flex-shrink:0}.players{font-size:12px}#status{min-height:0;margin-top:16px}.board-note{margin:12px 0 0}#board{border-width:6px}.piece{border-width:3px}footer{margin-top:24px}}@media(prefers-reduced-motion:reduce){.piece{transition:none}}