:root{color-scheme:dark;--bg:#142d29;--ink:#f0eddd;--muted:#a6b7a8;--gold:#d1af6c;--teal:#378c83;--coral:#c56e58;--line:#385047}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 15% 20%,#25463a 0,transparent 48%),var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,select{font:inherit}button{color:var(--ink);background:#27443b;border:1px solid #52685a;border-radius:8px;padding:10px 14px;font-size:12px;cursor:pointer;font-weight:650;transition:background .15s,transform .15s}button:hover:not(:disabled){background:#395b4d}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid var(--gold);outline-offset:3px}header{height:88px;max-width:1300px;margin:auto;padding:0 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;letter-spacing:2px;font-size:16px;font-weight:750;color:var(--ink)}.brand>span{font-size:37px;color:var(--gold)}.brand small{font-size:8px;letter-spacing:3px;display:block;margin-top:5px;font-weight:500}header>p{font-family:Georgia,serif;font-style:italic;color:var(--muted);font-size:16px}main{max-width:1300px;margin:32px auto 25px;padding:0 40px;display:grid;grid-template-columns:300px minmax(0,1fr);gap:55px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:750;color:var(--gold)}h1{font:400 43px/1.12 Georgia,serif;letter-spacing:-1.3px;margin:21px 0}h1 em{color:#cbb780;font-weight:400}.intro{color:var(--muted);font-size:12px;line-height:1.8;margin:20px 0 28px}.grove-head{display:flex;justify-content:space-between;align-items:center}.grove-head h2{font-size:12px;font-weight:650}.grove-head span{font-size:10px;color:var(--muted)}#groves{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:8px 0 25px}.grove{height:58px;font:400 21px Georgia,serif;padding:6px;background:#203e34;position:relative}.grove small{display:block;font:9px ui-sans-serif,system-ui;color:var(--gold);margin-top:3px}.grove[aria-pressed=true]{border-color:#e5c488;background:#6a6341;color:#fff6d6}.rules{border:1px solid var(--line);border-radius:12px;background:#203b32;padding:17px}.rules h3{font:400 18px/1.3 Georgia,serif;margin:0 0 16px}.rules p{display:flex;align-items:center;gap:8px;font-size:11px;margin:11px 0}.rules i{font-style:normal;width:16px;text-align:center}.rules p>span{color:var(--muted);margin-left:auto;font-size:10px}.blue{color:#78bbb0}.red{color:#e3947b}.shared{color:#e3c47d}.rule-note{font-size:10px;line-height:1.6;color:var(--muted);border-top:1px solid var(--line);padding-top:13px;margin-top:15px}details{font-size:10px;line-height:1.8;color:var(--muted);margin-top:20px}summary{cursor:pointer;font-weight:650}a{color:inherit}.game-panel{border:1px solid #cbd1bb;border-radius:18px;padding:22px;background:#f6f2e6;color:#294438;box-shadow:0 20px 50px #07181222;align-self:start}.game-panel .eyebrow{color:#8b7b4c}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-head h2{font:400 27px Georgia,serif;margin:7px 0 0}.game-panel button{background:#fffdf3;border:1px solid #c9d0b8;color:#294438}.game-panel button:hover:not(:disabled){background:#e7eddb}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:23px 0 17px}.stats span{font-size:8px;letter-spacing:1.5px;color:#7b856e;display:block;font-weight:750}.stats strong{font:400 25px Georgia,serif;display:block;margin-top:6px}.board-wrap{position:relative;border-radius:12px;overflow:hidden;background:#dce3cf}canvas{width:100%;height:auto;display:block;touch-action:manipulation;cursor:pointer}.board-caption{position:absolute;left:16px;top:14px;font-size:8px;letter-spacing:1.5px;color:#758168;pointer-events:none}.game-panel .primary,.primary{background:#23574c;color:#fff8e4;border-color:#23574c}.game-panel .primary:hover:not(:disabled),.primary:hover:not(:disabled){background:#357264}.selection{display:flex;align-items:center;gap:12px;justify-content:space-between;margin:16px 0 13px}.selection>span{font-size:11px;line-height:1.5;color:#6a775e;flex:1}kbd{font:inherit;font-size:10px;opacity:.7;padding:1px 4px;border:1px solid currentColor;border-radius:3px;margin-left:3px}.selection button{font-size:11px;white-space:nowrap}#branches{display:flex;flex-wrap:wrap;gap:6px}#branches button{padding:7px 10px;min-width:48px;min-height:34px;border-bottom:3px solid var(--edge);font-size:11px}#branches button.selected{background:#e3d5a4;border-color:#b29246;color:#3a472e}#branches button.gone{opacity:.28;text-decoration:line-through}#branches button.rival{background:#f3e6dc;opacity:.65}#status{font-size:11px;line-height:1.6;min-height:18px;color:#816c3e;margin:14px 0}.tools{border-top:1px solid #dce0d0;padding-top:14px;display:flex;align-items:center;gap:8px}.tools button{font-size:11px;padding:8px 11px}.tools span{font-size:9px;color:#788469;margin-left:auto}.keyboard{text-align:center;font-size:9px;color:#89917c;margin:14px 0 0}.keyboard kbd{font-size:9px}#result{position:absolute;inset:35px 30px;background:#fffdf2f5;border-radius:14px;box-shadow:0 6px 25px #253d3420;align-content:center;text-align:center;padding:28px}#result h2{font:400 35px/1.15 Georgia,serif;margin:18px 0}#result p{font-size:12px;line-height:1.7;color:#6b785e;max-width:360px;margin:0 auto}.result-actions{display:flex;gap:10px;justify-content:center;margin-top:24px}footer{max-width:1220px;margin:25px auto;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.4px;color:#98ad98;padding-bottom:20px}footer span{letter-spacing:0}dialog{background:#f8f3e5;color:#294438;border:1px solid #cad1b9;border-radius:18px;max-width:520px;width:calc(100% - 34px);padding:34px;box-shadow:0 20px 90px #0006}dialog::backdrop{background:#09201999;backdrop-filter:blur(3px)}dialog .eyebrow{color:#8b7b4c}dialog h2{font:400 33px Georgia,serif;line-height:1.1}dialog li,dialog p{font-size:13px;line-height:1.7}dialog li{padding-bottom:14px}dialog ol{padding-left:19px}#close-help{float:right;background:none;border:0;font-size:23px;color:#4f6350;padding:0 5px}[hidden]{display:none!important}@media(max-width:1000px){main{padding:0 25px;gap:25px;grid-template-columns:245px minmax(0,1fr)}header{padding:0 25px}h1{font-size:37px}.game-panel{padding:16px}.panel-head h2{font-size:24px}.selection{flex-direction:column;align-items:stretch}.selection button{padding:11px}.tools{flex-wrap:wrap}.tools span{width:100%;margin:3px 0 0}footer{padding:0 25px 20px}.rules{padding:13px}#result{inset:20px 15px;padding:15px}#result h2{font-size:27px}}@media(max-width:680px){header{height:70px;padding:0 17px}header>p{display:none}.brand{font-size:13px}.brand>span{font-size:31px}header button{font-size:10px;padding:8px 10px}main{display:flex;flex-direction:column;padding:0 13px;margin:20px auto;gap:18px}aside>.eyebrow,h1,.intro,.rules,details{display:none}.grove-head h2{margin:0 0 8px}.grove-head span{margin-bottom:8px}#groves{grid-template-columns:repeat(8,1fr);gap:4px;margin:0}.grove{font-size:16px;padding:5px 2px;height:45px;border-radius:6px}.grove small{font-size:8px}.game-panel{padding:13px;width:100%;border-radius:13px}.panel-head h2{font-size:24px}.panel-head button{padding:8px;font-size:10px}.stats{margin:17px 0 13px}.stats strong{font-size:23px}.stats span{font-size:7px}.board-caption{font-size:6px;top:9px;left:10px}.selection{margin:12px 0;gap:8px}.selection>span{font-size:10px}#branches{gap:5px}#branches button{min-width:44px;padding:7px 9px;font-size:10px}.tools span{width:auto;flex:1;font-size:8px;margin:0;text-align:right}.tools button{font-size:10px;padding:8px}#status{font-size:10px;margin:12px 0}.keyboard{font-size:8px}#result{inset:15px 10px;padding:13px}#result h2{font-size:25px;margin:9px 0}#result p{font-size:10px;line-height:1.5}.result-actions{margin-top:12px;gap:7px}.result-actions button{font-size:10px;padding:8px}.result .eyebrow{font-size:7px}footer{padding:0 17px 20px;font-size:7px;gap:20px;letter-spacing:.7px}}