:root{--ink:#253d32;--muted:#71816b;--paper:#f1f0e4;--line:#d4d9c5;--gold:#dbaa4a;--blue:#91b5d1}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 Arial,sans-serif;background-image:radial-gradient(ellipse at 80% 0,#fffff4,transparent 65%)}main{max-width:1280px;margin:auto;padding:27px 44px 0}header{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--line);font-size:11px}a{color:inherit;text-underline-offset:4px}.wordmark{text-decoration:none;font-weight:800;letter-spacing:3px;font-size:15px}.wordmark span{display:inline-block;font-size:8px;letter-spacing:1.4px;margin-left:18px;color:var(--muted)}.intro{display:flex;align-items:center;justify-content:space-between;margin:36px 0 26px}.kicker{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--muted);margin:0 0 14px}h1{font:normal 65px/.98 Georgia,serif;letter-spacing:-2.5px;margin:0}h2{font:normal 27px/1.18 Georgia,serif;margin:0}.subtitle{font:italic 17px Georgia,serif;color:var(--muted);margin:18px 0 0}.hero-piece{height:105px;width:105px;object-fit:contain;transform:rotate(12deg);filter:drop-shadow(0 12px 12px #6e61352a);margin-right:35px}.layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,1fr);gap:28px;align-items:start}.woodland{background:radial-gradient(ellipse at 50% 35%,#385346,#172d26 80%);padding:22px 20px 18px;border-radius:16px;box-shadow:0 18px 35px #2335241d;position:relative;overflow:hidden}.woodland:before,.woodland:after{content:'';position:absolute;width:680px;height:680px;left:-110px;top:30px;border:1px solid #b5d0a512;border-radius:50%;pointer-events:none}.woodland:after{left:90px;top:100px}.board-head{display:flex;justify-content:space-between;color:#afc2a4;font-size:9px;letter-spacing:2px;position:relative}#board{width:100%;position:relative;margin:17px 0 22px;min-height:200px}.cell{position:absolute;aspect-ratio:1;transform:translate(-50%,-50%);border:0!important;min-height:0!important;padding:0!important;background:none!important;border-radius:50%!important;isolation:isolate;cursor:default;opacity:1!important}.cell img{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;object-fit:contain}.cell .moss{filter:brightness(.65) saturate(.55);opacity:.7;transition:filter .2s,opacity .2s}.cell.legal{cursor:pointer}.cell.legal .moss{filter:brightness(.98) saturate(.7);opacity:1}.cell.legal:hover .moss{filter:brightness(1.25) saturate(.8)}.cell.legal:after{content:'';position:absolute;inset:8%;border:1px solid #d9e9a380;border-radius:50%;pointer-events:none}.cell .piece{inset:15%;width:70%;height:70%;z-index:2;filter:drop-shadow(0 2px 2px #0e201f)}.cell.occupied .moss{opacity:1;filter:brightness(.85) saturate(.6)}.cell.hinted:after{border:3px solid #ffe193;inset:1%;box-shadow:0 0 14px #ffe29166}.cell:focus-visible{outline:3px solid #f8eab7;outline-offset:1px}.cell.last:before{content:'';position:absolute;inset:0;border:1px dashed #d7d9b394;border-radius:50%;z-index:3;pointer-events:none}.dew{position:absolute;left:44%;top:44%;width:12%;height:12%;border-radius:50%;background:#e4e7bd;box-shadow:0 0 7px #e0eea766;pointer-events:none}.group-size{position:absolute;z-index:4;bottom:5%;right:9%;border-radius:50%;width:18px;height:18px;background:#192e23e8;color:#f5ebcc;font:bold 10px/18px Arial;text-align:center;border:1px solid #b4c18c88;pointer-events:none}.p2 .group-size{color:#d7ecfa;border-color:#95b5ce}.board-foot{display:flex;justify-content:center;gap:28px;font-size:11px;color:#bdcdb3;position:relative}.board-foot i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px}.gold{background:var(--gold)}.blue{background:var(--blue)}aside{display:grid;gap:18px}.turn-card{padding:22px;background:#fafaf2;border:1px solid var(--line);border-radius:12px}.turn-head{display:flex;justify-content:space-between;align-items:center}.turn-head .kicker{margin:0}#die{font:56px/.9 Georgia,serif;color:#9c752e;min-width:52px;text-align:center;padding-bottom:8px}.turn-card h2{min-height:64px;margin:8px 0 12px}.explain{font-size:12px;color:var(--muted);line-height:1.65;min-height:60px;margin:0 0 18px}.buttons{display:flex;gap:7px}button,select{font:inherit;color:var(--ink);border:1px solid var(--line);border-radius:6px;min-height:42px;padding:9px 12px;background:#fafaf2;cursor:pointer}button:hover{background:#e8eddc}button:disabled{opacity:.4;cursor:default}button:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #bd9050;outline-offset:3px}.primary{flex:1;background:#345e44;color:#fff;border-color:#345e44}.primary:hover{background:#244a33}.primary span{margin-left:10px}.small{font-size:9px;color:var(--muted);margin:12px 0 0}.scores{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:3px 0}.scores>div{display:flex;gap:8px;align-items:flex-start}.scores img{height:34px;width:34px;object-fit:contain}.scores span{font-size:10px;color:var(--muted);min-width:0}.scores strong{display:block;color:var(--ink);font:normal 21px/1.4 Georgia,serif;overflow-wrap:anywhere}.scores p{grid-column:1/-1;font-size:10px;color:var(--muted);margin:0}.settings{display:grid;gap:12px;border-top:1px solid var(--line);padding-top:18px}.settings label{font-size:10px;font-weight:700;letter-spacing:.4px}.settings select{display:block;width:100%;margin-top:5px;font-size:12px;letter-spacing:0}.settings .buttons button{flex:1;font-size:12px}.victory{padding:20px;background:#dce7ce;border:1px solid #bdcda7;border-radius:8px}.victory[hidden]{display:none}.victory p{font-size:11px;margin-bottom:0}.guide{display:grid;grid-template-columns:1fr 2.7fr;gap:40px;margin:38px 0 25px;padding-top:30px;border-top:1px solid var(--line)}.guide h2{font-size:24px}.guide ol{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;list-style:none;padding:0;margin:0}.guide b{font-size:10px;letter-spacing:1.5px;color:#5f7659}.guide p,details p{font-size:12px;line-height:1.75;color:var(--muted)}details{border-top:1px solid var(--line);padding:15px 0}summary{cursor:pointer;font-size:11px;color:#516b4c}footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:22px 0;font-size:10px;color:var(--muted)}.credits{max-width:760px;line-height:1.8}.credits h1{font-size:50px;margin:40px 0 25px}.credits h2{margin:30px 0 12px}.credits code{overflow-wrap:anywhere}@media(max-width:900px){main{padding:22px 24px 0}.layout{gap:20px;grid-template-columns:minmax(0,1.4fr) minmax(270px,1fr)}.woodland{padding:18px 12px}.turn-card{padding:18px}.buttons{flex-wrap:wrap}.primary{flex-basis:100%}.turn-card h2{font-size:24px}.guide{gap:22px;grid-template-columns:1fr}.wordmark span{display:none}}@media(max-width:650px){main{padding:18px 16px 0}header{font-size:9px}.wordmark{font-size:13px;letter-spacing:2px}.intro{margin:30px 0 24px}.hero-piece{width:65px;height:65px;margin-right:0}h1{font-size:43px;letter-spacing:-1.8px}.kicker{font-size:8px;letter-spacing:1.5px}.subtitle{font-size:13px;line-height:1.4;margin-top:12px;max-width:250px}.layout{grid-template-columns:1fr;gap:18px}.woodland{padding:18px 11px 16px}.board-head{font-size:8px;letter-spacing:1.5px}#board{margin:18px 0}.group-size{width:15px;height:15px;line-height:15px;font-size:9px}.board-foot{font-size:10px}.turn-card h2{min-height:0}.explain{min-height:0}.buttons{flex-wrap:nowrap}.primary{flex-basis:auto}.guide{margin-top:28px}.guide ol{grid-template-columns:1fr;gap:10px}.guide h2 br{display:none}.guide p{margin:5px 0 0}footer{flex-direction:column;gap:8px}.scores strong{font-size:19px}.credits h1{font-size:40px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}