:root{--ink:#2d4b37;--muted:#7c8062;--paper:#fbf5dc;--gold:#bf7b37;--clay:#a65e3d;--leaf:#426e43;--line:#e3ddbc;--heading:'Bricolage Grotesque',Georgia,serif;--body:'Nunito Sans',Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#64764d;font-family:var(--body);color:var(--ink)}button,select{font:inherit}button{touch-action:manipulation;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}button:focus-visible,select:focus-visible{outline:3px solid #db9438;outline-offset:3px}#app{width:100%;height:min(100dvh,1000px);max-height:1000px;min-height:0;overflow:auto;position:relative;background:var(--paper)}.masthead{height:73px;display:flex;justify-content:space-between;align-items:center;padding:11px 30px;background:#fcf8e8;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px}.brand-seed{font-size:43px;transform:rotate(-35deg);color:#bd7b38;line-height:1}h1{font:700 30px/1 var(--heading);margin:0;letter-spacing:-.035em}h1 span{font:800 8px var(--body);letter-spacing:.2em;display:block;text-transform:uppercase;margin-top:5px}.top-actions{display:flex;gap:8px;align-items:center}.top-actions>span{font-size:10px;color:var(--muted);margin-right:13px}.top-actions button{border:1px solid #dcd9bd;background:transparent;border-radius:25px;padding:7px 12px;font-size:11px;color:var(--ink)}.top-actions button:hover{background:#e9ecd1}.trail-bar{padding:14px 30px;display:flex;align-items:center;gap:23px;border-bottom:1px solid #d9d4b5;background:#f1efd3}.mode-switch{display:flex;background:#dfe5c9;border:1px solid #d1dabb;border-radius:12px;padding:4px;gap:3px;flex-shrink:0}.mode-switch button{border:0;background:transparent;border-radius:8px;padding:10px 15px;color:#65775c;font-size:11px;font-weight:800}.mode-switch button.active{background:#3f6442;color:#fff0c3;box-shadow:0 2px 3px #29422c26}.field{display:flex;flex-direction:column;gap:4px;font-size:8px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;flex:1;max-width:250px}.field select{font-size:12px;letter-spacing:0;text-transform:none;border:1px solid #c9d0b2;color:var(--ink);background:#fffbed;border-radius:9px;padding:8px 11px;width:100%;min-width:0}.harvest-progress{min-width:90px;font-size:11px;font-weight:800;color:#9e6b2f;margin-left:auto}.harvest-progress>div{height:4px;border-radius:3px;background:#d5dcc1;margin-top:6px;overflow:hidden}.harvest-progress i{display:block;height:100%;width:0;background:#66864e;transition:width .3s}.match-note{font-size:11px;color:var(--muted);margin-left:auto}.board-stage{height:440px;--scene-top:94px;position:relative;background:radial-gradient(ellipse at center,#dccd9a,#b6bd83);overflow:hidden}#scene{width:100%;height:calc(100% - var(--scene-top));display:block;position:absolute;left:0;right:0;bottom:0;top:var(--scene-top)}.stage-shade{position:absolute;inset:0;background:linear-gradient(#3e553c19,transparent 40%,transparent 80%,#5b67462c);pointer-events:none}.board-heading{position:absolute;left:30px;top:20px;right:170px;pointer-events:none}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:9px;font-weight:800;color:#8d6940}.board-heading h2{font:600 25px var(--heading);margin:4px 0;color:#385038}.board-heading p{font-size:11px;margin:0;color:#596546;max-width:490px;line-height:1.5}.turn-banner{position:absolute;top:23px;right:29px;background:#f9f3d9ed;border:1px solid #a9b38e;border-radius:24px;font-size:10px;display:flex;align-items:center;gap:7px;padding:9px 13px;color:#426640}.turn-banner>span{height:6px;width:6px;border-radius:50%;background:#72944c}.turn-banner.rival{color:#986d43}.turn-banner.rival>span{background:#be8a47}.turn-banner.busy>span{animation:pulse .7s infinite alternate}@keyframes pulse{to{opacity:.25}}#board-overlay{position:absolute;inset:0;pointer-events:none}.pit,.store{position:absolute;transform:translate(-50%,-50%);border:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;color:#fff3cd}.pit{width:65px;height:69px;pointer-events:auto;border-radius:50%;padding:5px;text-shadow:0 2px 3px #573018}.pit .count{font:700 23px var(--heading);background:#3d513dd9;border:1px solid #eece85ab;min-width:31px;height:30px;line-height:28px;border-radius:50%;box-shadow:0 3px 7px #3b3e3429}.pit.home .count{background:#fff4dbea;color:#5a5838;text-shadow:none;border-color:#fff8d5}.pit .pit-key{font-size:9px;color:#fff5c9;background:#42573ee6;border:1px solid #eddfae88;border-radius:15px;min-width:18px;height:17px;line-height:15px;margin-top:5px;font-weight:800}.pit.home:hover:not(:disabled){background:#fff0b543}.pit.home:disabled .count{opacity:.63}.pit.empty .count{background:#394d354f;border-color:#b2b88e88;color:#eeebcb;box-shadow:none}.pit.route{background:#fff0a95c;box-shadow:0 0 12px #ffdc6bb3}.pit.selected{outline:3px dashed #fff3b2;background:#f1d27c36}.store{min-width:72px;min-height:70px;border-radius:20px;background:#243b2ea6;padding:8px 6px;box-shadow:0 2px 8px #45452226;pointer-events:none;gap:3px;border:1px solid #f1dfaa72}.store small{font:800 7px var(--body);letter-spacing:.07em;white-space:nowrap;color:#ede9bc}.store .count{font:700 30px/1 var(--heading)}.store.yours{background:#f8e5b5e8;color:#745530;border-color:#fff2c9}.store.yours small{color:#8d6b3f}.store.route{box-shadow:0 0 15px #fff1b8;border-color:#fff9c9}.side-label{position:absolute;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:.17em;font-weight:800;color:#36503b;background:#e6dfb48c;border:1px solid #fff0c238;padding:4px 10px;border-radius:15px;pointer-events:none}.rival-label{top:calc(var(--scene-top) + 7%)}.player-label{bottom:5%}.model-status{position:absolute;bottom:10px;left:20px;font-size:9px;color:#526446;background:#f5edcbad;padding:5px 10px;border-radius:20px;pointer-events:none}.model-status.loaded{opacity:0;transition:opacity 1s}.under-board{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:20px 30px;background:#fbf5df;border-top:1px solid #d6cfaa}.status-heading{display:flex;justify-content:space-between;align-items:center;gap:9px}.status-heading>.eyebrow{font-size:8px}.status-heading>span:last-child{font-size:9px;color:#878568}#status{font-size:13px;line-height:1.5;font-weight:800;margin:7px 0}.preview-text{font-size:11px;line-height:1.5;color:#7f8064;margin:0;min-height:17px}.garden-tools{display:flex;flex-direction:column;justify-content:center;gap:10px}.tools{display:flex;gap:8px}.tools button{flex:1;border:1px solid #cbd4b8;background:#f6f6df;border-radius:11px;color:var(--ink);padding:12px 6px;font-size:11px;white-space:nowrap}.tools button>span{font-size:14px;vertical-align:-1px}.tools button:hover{background:#e5ebcf}.tools button[aria-pressed=true]{background:#476a43;color:#fff0c8;border-color:#476a43}.tools button:disabled{opacity:.4}kbd{font:8px var(--body);opacity:.6;margin-left:3px}#hint-note{font-size:9px;color:#858469;text-align:center;margin:0;line-height:1.5}.primary-button{background:#3f6a43;border:1px solid #335f38;box-shadow:0 3px 0 #294d30;border-radius:11px;color:#fff1c7;padding:13px 17px;display:flex;align-items:center;justify-content:space-between;font:800 12px var(--body);width:100%;gap:20px}.primary-button:hover{filter:brightness(1.12)}#sow{max-width:220px;margin:auto;padding:8px 15px;font-size:11px}.result{background:#e9edcd;border:1px solid #c6d0a6;border-radius:18px;display:flex;justify-content:space-between;align-items:center;gap:25px;margin:0 30px 15px;padding:15px 25px}.result>div{display:flex;align-items:center;gap:17px;flex-wrap:wrap}.result #result-stars{font-size:25px;letter-spacing:3px;color:#b47d31}.result h2{font:600 23px var(--heading);margin:0}.result p{font-size:11px;line-height:1.5;margin:0;color:#6c7b56}.result .primary-button{width:auto;min-width:160px}.footnote{font-size:9px;color:#89906f;display:flex;justify-content:space-between;gap:20px;padding:0 30px 16px}.footnote span:last-child{text-align:right}dialog{border:1px solid #d4b782;border-radius:25px;background:#fbf5df;color:var(--ink);padding:0;max-width:465px;width:calc(100% - 30px);max-height:calc(100% - 24px);box-shadow:0 20px 95px #203a34a6}dialog::backdrop{background:#263e35c4;backdrop-filter:blur(5px)}dialog form{padding:29px 32px}.welcome-icon{display:block;font-size:73px;color:#bc8744;transform:rotate(-35deg);text-align:center;line-height:1;margin-bottom:15px}#welcome .eyebrow{display:block;text-align:center;font-size:8px}dialog h2{font:600 30px/1.07 var(--heading);margin:14px 0}#welcome h2{text-align:center}dialog p{font-size:12px;line-height:1.65}#welcome>form>p{text-align:center}dialog ol{padding-left:18px;margin:19px 0;font-size:11px;line-height:1.6}dialog li{margin:9px 0;padding-left:7px}dialog li b{color:#597443}.welcome-tip{color:#8d805f;font-size:10px!important;margin:18px 0}#help-dialog h2{font-size:28px}#help-dialog p{font-size:11px}#help-dialog .primary-button{margin-top:20px}[hidden]{display:none!important}@media(min-width:1200px){.masthead,.trail-bar{padding-left:42px;padding-right:42px}.board-stage{height:440px}.under-board{padding:22px 42px}.board-heading{left:42px}.board-heading h2{font-size:29px}.result{margin-left:42px;margin-right:42px}.footnote{padding-left:42px;padding-right:42px}}@media(max-width:850px){.masthead{padding:10px 20px;height:67px}.top-actions>span{display:none}.trail-bar{padding:11px 20px;gap:13px}.mode-switch button{padding:9px 11px;font-size:10px}.harvest-progress{min-width:66px;font-size:10px}.field select{font-size:11px;padding:8px}.board-heading{left:20px;top:17px;right:150px}.board-heading h2{font-size:23px}.board-heading p{font-size:10px;max-width:350px}.turn-banner{right:20px;top:20px;font-size:9px;padding:8px 10px}.board-stage{height:390px}.under-board{padding:16px 20px;gap:20px}.tools{gap:5px}.tools button{font-size:10px;padding:10px 5px}kbd{display:none}.result{margin:0 20px 13px;padding:14px 18px;gap:15px}.result>div{gap:8px 13px}.result h2{font-size:21px}.result #result-stars{font-size:22px}.footnote{padding:0 20px 14px;font-size:8px;gap:15px}.rival-label{top:calc(var(--scene-top) + 6%)}.player-label{bottom:5%}}@media(max-width:600px){.masthead{height:62px;padding:9px 16px}h1{font-size:26px}.brand{gap:7px}.brand-seed{font-size:35px}h1 span{font-size:7px}.top-actions{gap:5px}.top-actions button{font-size:10px;padding:6px 9px}.trail-bar{padding:11px 16px;display:grid;grid-template-columns:1fr 1fr;gap:9px 13px}.mode-switch{grid-column:1/-1;justify-self:center;min-width:225px;padding:3px}.mode-switch button{flex:1;padding:7px 14px;font-size:10px}.field{max-width:none;font-size:7px;gap:3px}.field select{font-size:11px;padding:8px 9px}.harvest-progress{display:none}.match-note{font-size:9px;grid-column:2;grid-row:2;margin:0;text-align:right;line-height:1.6}.board-stage{height:340px}.board-heading{left:16px;top:12px;right:117px}.board-heading h2{font-size:19px;margin:3px 0}.board-heading p{font-size:9px;line-height:1.4}.eyebrow{font-size:7px;letter-spacing:.13em}.turn-banner{right:14px;top:15px;padding:7px 9px;font-size:8px;gap:5px}.turn-banner>span{height:5px;width:5px}.pit{width:41px;height:54px;padding:2px}.pit .count{font-size:16px;min-width:25px;height:24px;line-height:22px;border-width:1px}.pit .pit-key{height:15px;line-height:13px;font-size:8px;min-width:15px;margin-top:4px}.store{min-width:42px;min-height:58px;border-radius:14px;padding:6px 3px;gap:4px}.store small{font-size:5px;letter-spacing:0;max-width:36px;white-space:normal;text-align:center}.store .count{font-size:23px}.side-label{font-size:6px;letter-spacing:.13em;padding:3px 7px}.rival-label{top:calc(var(--scene-top) + 6%)}.player-label{bottom:5%}.model-status{font-size:8px;bottom:6px;left:12px}.under-board{padding:13px 16px;display:flex;flex-direction:column;gap:13px}.status-heading .eyebrow{font-size:7px}.status-heading>span:last-child{font-size:8px}#status{font-size:12px;margin:5px 0}.preview-text{font-size:10px}.garden-tools{gap:8px}.tools{gap:6px}.tools button{padding:10px 3px;font-size:9px}.tools button>span{font-size:12px}#hint-note{font-size:8px}#sow{padding:8px 13px;font-size:10px}.result{margin:0 16px 12px;padding:13px 15px;flex-direction:column;gap:12px;align-items:stretch}.result>div{justify-content:center;text-align:center;gap:7px 11px}.result h2{font-size:20px}.result p{font-size:10px;flex-basis:100%}.result .primary-button{width:100%;padding:10px 14px;font-size:11px}.footnote{padding:0 16px 13px;font-size:8px}.footnote span:last-child{display:none}dialog form{padding:24px 25px}.welcome-icon{font-size:58px;margin-bottom:12px}dialog h2{font-size:27px}dialog p{font-size:11px}dialog ol{font-size:10px;margin:14px 0}.welcome-tip{font-size:9px!important;margin:14px 0}}@media(max-width:350px){.pit{width:35px}.pit .count{font-size:15px;min-width:23px;height:22px;line-height:20px}.store{min-width:37px}.store small{font-size:5px;max-width:31px}.store .count{font-size:20px}.board-heading{right:110px}.board-heading h2{font-size:17px}.board-heading p{font-size:8px}}@media(max-height:540px){#app{min-height:0}.board-stage{height:380px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}