*{box-sizing:border-box}body{margin:0;background:#f3eee2;color:#213d35;font-family:ui-sans-serif,system-ui,sans-serif;background-image:radial-gradient(ellipse at 95% 0%,#d9dfcb,transparent 45%)}main{max-width:1120px;margin:auto;padding:36px 44px 20px}.brand{font-size:11px;letter-spacing:2px;font-weight:750;color:inherit;text-decoration:none}.brand span{color:#b57c36;margin:0 10px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:750}header .eyebrow{margin-top:37px;color:#93612c}h1{font-family:Georgia,serif;font-size:clamp(40px,6vw,70px);font-weight:400;letter-spacing:-3px;margin:8px 0}h1 i{color:#b17435;font-weight:400}.intro{color:#677264;max-width:540px;line-height:1.7;font-size:14px;margin:10px 0 30px}.layout{display:grid;grid-template-columns:minmax(0,620px) minmax(230px,1fr);gap:36px}.play{border-radius:25px;background:#173d34;padding:20px 24px 12px;box-shadow:0 18px 35px #173d3419;color:#f4ebd6}.topline{display:flex;justify-content:space-between;letter-spacing:1.5px;font-size:10px;color:#c9cfb8;padding:2px 0 16px}.boardwrap{position:relative;width:100%;aspect-ratio:1;background:radial-gradient(ellipse,#2c5545,#204738);border-radius:16px;box-shadow:inset 0 0 35px #102f2380}#lines{position:absolute;inset:0;width:100%;height:100%}#lines line{stroke:#b4bc8f;stroke-width:1.6;opacity:.55}#board{position:absolute;inset:7%;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr)}button,select{font:inherit}button{cursor:pointer;border:1px solid #b9c4ad;border-radius:10px;padding:10px 13px;background:#f8f4e9;color:#29483b;font-size:12px;font-weight:650}button:hover{filter:brightness(1.08)}button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #d29443;outline-offset:3px}button:disabled{opacity:.4;cursor:default}.cell{padding:0;border:0;background:transparent;border-radius:50%;display:grid;place-items:center;position:relative;width:100%;height:100%}.cell:hover{background:#ffffff0c}.cell:before{content:'';width:7px;height:7px;background:#c5c59d;border-radius:50%;position:absolute}.cell.legal:after{content:'';width:25%;height:25%;border:2px solid #edbf6b;border-radius:50%;position:absolute;background:#edbf6b22}.cell.selected{outline:2px solid #f4ce83;outline-offset:-8px}.cell.hinted{box-shadow:inset 0 0 0 3px #9de1cf}.piece{width:77%;height:77%;border-radius:50%;z-index:1;box-shadow:0 4px 5px #0005;display:grid;place-items:center;border:2px solid #fff4;transition:transform .15s}.piece svg{width:75%;height:75%}.goat{background:#f6eed6;color:#244b3b}.tiger{background:#e6a954;color:#492d1c}.latest .piece{transform:scale(1.06)}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:17px 0 6px}.play .toolbar button{flex:1;background:#285244;color:#eee7d2;border-color:#57715b;white-space:nowrap}#message{font-size:12px;min-height:32px;color:#d8d8b9;line-height:1.4;margin:12px 0 0}aside{padding:6px 0}h2{font-family:Georgia,serif;font-size:29px;font-weight:400;margin:10px 0}.turncard p{font-size:14px;line-height:1.7;color:#6a7566;min-height:66px}.turncard .eyebrow{color:#997136}.scorecard{display:flex;gap:24px;border-top:1px solid #cfd2bd;border-bottom:1px solid #cfd2bd;padding:22px 0;margin:14px 0}.scorecard>div{flex:1}.badge{display:inline-grid;place-items:center;border-radius:50%;width:25px;height:25px;font-size:12px;margin-right:6px}.scorecard strong{font-size:23px;font-weight:550}.scorecard small{display:block;font-size:11px;margin-top:8px;color:#75806d}#mode{font-size:12px;color:#7c6a4e;margin:20px 0}details{border-top:1px solid #d5d6c7;padding:15px 0;font-size:12px;line-height:1.8}summary{cursor:pointer;font-size:13px;font-weight:650}a{color:#705223}.flourish{letter-spacing:3px;color:#a4a78b;margin-top:25px}.quiet{font-size:11px;line-height:1.7;color:#7b8371}footer{text-align:center;font-family:Georgia,serif;font-style:italic;color:#929780;font-size:13px;padding:30px}dialog{border:0;border-radius:22px;padding:28px;max-width:420px;width:calc(100% - 32px);background:#f4efe3;color:#213d35;box-shadow:0 20px 80px #0005}dialog::backdrop{background:#102a22a8}dialog label{display:block;font-size:12px;font-weight:700;margin:20px 0 8px}select{width:100%;padding:12px;border-radius:8px;border:1px solid #bfc4ad;background:#fff9ed;color:#244336}dialog .primary{background:#244c3c;color:#fff5df}@media(max-width:720px){main{padding:24px 16px 10px}.brand{font-size:8px;letter-spacing:1px}header .eyebrow{margin-top:25px}h1{letter-spacing:-2px}.intro{font-size:13px;margin-bottom:24px}.layout{grid-template-columns:1fr;gap:22px}.play{padding:16px 14px 8px;border-radius:20px}.turncard p{min-height:0}.scorecard{padding:16px 0}.flourish{display:none}aside{padding:0 8px}.toolbar button{padding:10px 8px;font-size:11px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}