:root{color-scheme:light;--ink:#263f3a;--muted:#66786c;--paper:#f5f3e9;--line:#cfd4c3;--teal:#23695e;--coral:#b4563b}*{box-sizing:border-box}body{margin:0;background:#e9e9db;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px;background-image:radial-gradient(ellipse at 10% 0,#faf8f0,transparent 60%)}main{max-width:1260px;padding:30px 44px 0;margin:auto}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:7px;padding:12px 14px;min-height:44px;transition:background .15s,transform .15s}button:hover{background:#e3e8d9}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #ba7844;outline-offset:4px}.masthead{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px}.brand{font-size:10px;font-weight:700;letter-spacing:2px;text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:10px}.brand-mark{font:italic 28px Georgia,serif;border:1px solid #8b9e87;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;letter-spacing:0}.edition,.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--muted)}.intro{display:flex;justify-content:space-between;align-items:center;margin:30px 0}.eyebrow{margin:0 0 12px}h1{font:normal 68px/.98 Georgia,serif;margin:0;letter-spacing:-3px}h1 span{display:block;font:italic 26px/1.5 Georgia,serif;letter-spacing:-.5px;color:#71816d}.intro-copy{font-size:14px;line-height:1.8;margin:0 12px 0 25px;color:var(--muted)}.intro-copy em{font-family:Georgia,serif;color:var(--ink)}.play-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:30px;align-items:start}.garden{overflow:hidden;position:relative;border:1px solid #b8c5b0;background:radial-gradient(ellipse at 50% 45%,#c2d9c9 0%,#9bbcac 57%,#8aab9a 100%);border-radius:18px;box-shadow:0 20px 40px #364c3512,inset 0 0 70px #dae8d95c;padding:22px 22px 16px}.garden:before{content:'';position:absolute;inset:55px -120px;pointer-events:none;border:1px solid #d9e6d04d;border-radius:50%;transform:rotate(-25deg)}.garden-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.7px;color:#3f6255;position:relative;font-weight:700}.live-dot{display:inline-block;height:6px;width:6px;border-radius:50%;background:#3a7460;margin-right:7px}#game-container{width:100%;aspect-ratio:1/1;position:relative}#game-board{width:100%;height:100%;display:block;touch-action:manipulation;overflow:visible}.ring{cursor:pointer;outline:none}.disc-art{pointer-events:none;filter:drop-shadow(0 3px 2px #355a4940)}.pawn-art{pointer-events:none;filter:drop-shadow(0 2px 2px #183e3755)}.outline{fill:transparent;stroke:transparent;stroke-width:3;pointer-events:none}.ring:hover .outline,.ring:focus-visible .outline{stroke:#fff9d7;stroke-width:4}.ring.selected .outline{stroke:#285c4d;stroke-width:5}.ring.valid-move .outline{stroke:#f7f4b7;stroke-width:5;fill:#fffabf22}.ring.peripheral .outline{stroke:#fcf2c1;stroke-width:3;stroke-dasharray:4 3}.target{cursor:pointer;fill:#fff8d838;stroke:#426b59;stroke-width:2;stroke-dasharray:4 4}.target:hover,.target:focus-visible{fill:#fffbd88a;stroke:#1d5345;stroke-width:4;outline:none}.hint .outline,.hint{stroke:#fff68c!important;stroke-width:5!important}.legend{display:flex;justify-content:center;align-items:center;gap:15px;font-size:11px;color:#345c4b;position:relative}.legend span{display:flex;align-items:center;gap:6px}.legend img{width:29px;height:29px;object-fit:contain}.legend-line{width:25px;height:1px;background:#6a917b}.board-note{text-align:center;font:italic 12px Georgia,serif;color:#446653;margin:10px 0 0}.sidebar{display:flex;flex-direction:column;gap:22px}.turn-card{border:1px solid #d3d8c8;padding:24px;background:#f8f7ef;border-radius:12px;box-shadow:0 5px 18px #556a4a06}h2{font:normal 25px/1.25 Georgia,serif;margin:0;min-height:62px}.gentle-note{font-size:12px;line-height:1.6;color:var(--muted);margin:10px 0 20px}.actions{display:flex;gap:8px}.primary{background:var(--teal);color:#fff;border-color:var(--teal);flex:1}.primary:hover{background:#185346}.primary span{margin-left:10px}.secondary{font-size:12px}.settings{padding:0 4px}h3{font:normal 17px Georgia,serif;margin:0 0 13px}.wide-control{width:100%;text-align:left;background:#f3f3e9;font-size:13px}.split{display:flex;gap:8px;margin-top:8px}.split button{flex:1;font-size:12px}.micro{font-size:10px;color:var(--muted);margin:9px 0 0}.rules{padding:0 4px}.rules ol{list-style:none;padding:0;margin:0}.rules li{display:flex;gap:12px;margin-bottom:17px}.step{font:italic 20px Georgia,serif;color:#91a087}.rules strong{font-size:13px}.rules p{font-size:12px;line-height:1.65;color:var(--muted);margin:5px 0 0}.rules summary{cursor:pointer;font-size:11px;padding:10px 0;color:var(--teal);border-top:1px solid var(--line)}footer{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted);padding:25px 0 20px;margin-top:24px;border-top:1px solid var(--line)}a{color:inherit;text-underline-offset:3px}.credits{max-width:740px;padding-bottom:40px;line-height:1.7}.credits h1{font-size:48px;margin:35px 0 24px}.credits h2{min-height:0;margin:28px 0 10px}.credits p{line-height:1.8}.credits code{overflow-wrap:anywhere}@media(min-width:1400px){main{padding-top:35px}}@media(max-width:800px){main{padding:20px 22px 0}.intro{margin:25px 0}.intro-copy{font-size:12px}.play-layout{gap:20px;grid-template-columns:minmax(0,1.2fr) minmax(245px,1fr)}.garden{padding:16px 12px}h1{font-size:54px}.turn-card{padding:18px}.actions{flex-wrap:wrap}.primary{flex-basis:100%}.secondary{width:100%}}@media(max-width:650px){main{padding:16px 16px 0}.edition{display:none}.masthead{padding-bottom:15px}.intro{margin:24px 0 22px}.intro-copy{display:none}h1{font-size:57px}h1 span{font-size:23px}.eyebrow{font-size:9px;letter-spacing:1.7px}.play-layout{grid-template-columns:1fr;gap:20px}.garden{padding:17px 12px 14px}.sidebar{display:grid;grid-template-columns:1fr;gap:20px}.turn-card{padding:18px}h2{min-height:0;font-size:24px}.actions{flex-wrap:nowrap}.primary{flex-basis:auto}.secondary{width:auto}.gentle-note{margin-bottom:14px}.garden-top{font-size:8px}.legend{font-size:10px}footer{flex-direction:column;gap:10px;margin-top:20px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.target text{fill:#315e4d;stroke:none;font:26px Arial,sans-serif}.ring.hinted .outline{stroke:#fff582;stroke-width:7}.target.hinted circle{stroke:#fff582;stroke-width:5}
.ring .outline{pointer-events:all}