:root{color-scheme:dark;--night: #151b27;--soil: #252736;--soil-deep: #1c202d;--paper: #f5f0df;--mist: #c7c2b2;--leaf: #b8d97a;--leaf-ink: #182015;--coral: #ff927d;--rain: #8fc7d9;--danger: #ffafa2;--line: #4c5263;--shadow: 0 20px 60px rgb(4 7 13 / 42%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}html{scroll-behavior:smooth;background:var(--night)}body{margin:0;min-width:320px;min-height:100vh;background:var(--night);color:var(--paper);font-size:16px;line-height:1.55}button,input,select{font:inherit}button,.button{min-height:44px;border:2px solid transparent;border-radius:4px 12px;padding:10px 18px;background:var(--leaf);color:var(--leaf-ink);font-weight:750;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .18s ease,background-color .18s ease,border-color .18s ease}button:hover,.button:hover{transform:translateY(-2px)}button:active,.button:active{transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.5;transform:none}.button-secondary,button.secondary{background:transparent;border-color:var(--line);color:var(--paper)}.button-quiet,button.quiet{background:transparent;border-color:transparent;color:var(--mist);text-decoration:underline}a{color:var(--rain);text-underline-offset:3px}a:hover{color:var(--paper)}:focus-visible{outline:3px solid var(--rain);outline-offset:3px}.skip-link{position:fixed;left:16px;top:-80px;z-index:100}.skip-link:focus{top:12px}.shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.site-header{position:relative;z-index:20;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid rgb(199 194 178 / 20%)}.wordmark{color:var(--paper);font-family:Georgia,serif;font-size:1.25rem;font-weight:700;text-decoration:none}.site-nav{display:flex;align-items:center;gap:22px}.site-nav a{color:var(--mist);font-weight:650;text-decoration:none}.site-nav a[aria-current=page]{color:var(--paper);text-decoration:underline;text-decoration-color:var(--coral)}main{min-height:70vh}h1,h2,h3{color:var(--paper);margin:0;text-wrap:balance}h1,h2{font-family:Georgia,Times New Roman,serif;letter-spacing:-.025em}h1{font-size:clamp(2.6rem,7vw,5.8rem);line-height:.98;max-width:10ch;font-weight:500}h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.08;font-weight:500}h3{font-size:1.12rem}p{max-width:65ch}.eyebrow{color:var(--coral);font-size:.78rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.lede{color:var(--paper);font-size:clamp(1.06rem,2vw,1.25rem);max-width:48ch}.muted{color:var(--mist)}.hero{position:relative;min-height:min(760px,calc(100vh - 72px));display:grid;grid-template-columns:minmax(300px,.82fr) minmax(420px,1.18fr);align-items:center;isolation:isolate}.hero-art{position:absolute;inset:0 calc((100vw - 100%)/-2);z-index:-2;overflow:hidden}.hero-art picture,.hero-art img{width:100%;height:100%;display:block}.hero-art img{object-fit:cover;object-position:center}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--night) 9%,rgb(21 27 39 / 96%) 26%,rgb(21 27 39 / 15%) 72%)}.hero-copy{padding:48px 40px 48px 0;filter:drop-shadow(0 10px 30px var(--night))}.hero-copy h1 em{color:var(--leaf);font-weight:500}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin:28px 0 24px}.action-note{color:var(--mist);font-size:.9rem;max-width:24ch}.facts{display:grid;gap:5px;margin:0;padding:0;list-style:none;color:var(--mist)}.facts li:before{content:"— ";color:var(--coral)}.hero-preview{align-self:end;margin:0 0 50px 13%;padding:18px;background:#1c202de5;box-shadow:var(--shadow);clip-path:polygon(0 0,96% 0,100% 12%,100% 100%,4% 100%,0 88%)}.preview-top{display:flex;justify-content:space-between;gap:12px;color:var(--mist);font-size:.85rem;margin-bottom:12px}.preview-board{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.preview-bed{aspect-ratio:1;border:1px solid #565d6d;background:#343748;display:grid;place-items:center;font-size:clamp(1rem,3vw,1.8rem);border-radius:3px 9px}.section{padding:96px 0}.section-heading{display:grid;grid-template-columns:.7fr 1.3fr;gap:40px;align-items:start;margin-bottom:48px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;list-style:none;padding:0;counter-reset:step}.steps li{border-top:2px solid var(--line);padding-top:20px;counter-increment:step}.steps li:before{content:"0" counter(step);display:block;color:var(--coral);font-family:Georgia,serif;font-size:2rem;margin-bottom:16px}.steps p{color:var(--mist)}.plain-section{background:var(--paper);color:#252736}.plain-section h2,.plain-section h3{color:#252736}.plain-section .muted,.plain-section p{color:#424552}.boundaries{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}.boundaries ul{padding-left:20px}.price-layout{display:grid;grid-template-columns:1fr minmax(300px,.8fr);gap:56px;align-items:center}.price{font-family:Georgia,serif;font-size:3.8rem;line-height:1;margin:12px 0}.price small{font:1rem/1.5 Inter,system-ui,sans-serif;color:var(--mist)}.license-box{border:1px solid var(--line);padding:24px;clip-path:polygon(0 0,94% 0,100% 18%,100% 100%,6% 100%,0 82%);background:var(--soil)}.inline-form{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.field{display:grid;gap:6px;flex:1;min-width:180px}label{font-weight:700;color:var(--paper)}input,select{width:100%;min-height:44px;border:2px solid var(--line);border-radius:4px;padding:9px 11px;background:var(--soil-deep);color:var(--paper)}.form-error{color:var(--danger);min-height:24px}.demo-bar{position:sticky;top:0;z-index:50;background:var(--leaf);color:var(--leaf-ink);min-height:48px;display:flex;justify-content:center;align-items:center;gap:18px;padding:6px 16px}.demo-bar strong{font-size:.9rem}.demo-bar button,.demo-bar .button{min-height:34px;padding:4px 10px;border-color:var(--leaf-ink);color:var(--leaf-ink);font-size:.84rem}.game-page{padding:40px 0 88px}.game-title-row{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:32px}.game-title-row h1{font-size:clamp(2.2rem,5vw,4rem);max-width:14ch}.game-actions-top{display:flex;gap:8px;flex-wrap:wrap;justify-content:end}.game-actions-top button{padding-inline:12px}.game-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:24px;align-items:start}.garden-stage{position:relative;background:var(--soil);padding:20px;box-shadow:var(--shadow);clip-path:polygon(0 0,97% 0,100% 5%,100% 100%,3% 100%,0 95%)}.status-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:18px}.status-item{background:var(--soil-deep);padding:10px;min-height:62px}.status-item span{color:var(--mist);display:block;font-size:.73rem;text-transform:uppercase;letter-spacing:.08em}.status-item strong{font-size:1rem;font-variant-numeric:tabular-nums}.weather-rain strong{color:var(--rain)}.weather-warm-light strong{color:var(--coral)}.weather-wind strong{color:var(--leaf)}.garden-board{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.garden-bed{position:relative;aspect-ratio:1;min-height:56px;padding:4px;background:#343748;border:2px solid #585d6e;color:var(--paper);border-radius:4px 14px;overflow:hidden}.garden-bed.valid{border-color:var(--leaf);transform:translateY(-2px)}.garden-bed.valid:hover,.garden-bed.valid:focus-visible{background:#454957;transform:translateY(-4px)}.garden-bed.invalid{cursor:not-allowed;opacity:.72}.plant-mark{display:block;font-size:clamp(1.25rem,4vw,2.7rem);line-height:1}.bed-label{font-size:.68rem;color:var(--mist)}.cared-mark{position:absolute;right:5px;top:3px;color:var(--coral);font-size:.8rem}.toolbox{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.tool{background:transparent;border-color:var(--line);color:var(--paper);padding:8px;min-height:58px;flex-direction:column;gap:0}.tool small{color:var(--mist);font-size:.68rem;font-weight:500}.tool.selected{border-color:var(--coral);background:#ff927d1a}.sleep-note{background:#ff927d1f;border-left:4px solid var(--coral);padding:10px 12px;margin:14px 0 0}.side-panel{display:grid;gap:18px}.panel{padding:18px;background:var(--soil);border-top:2px solid var(--line)}.panel h2{font-family:inherit;font-size:1.05rem;letter-spacing:0}.goal-line{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--line)}.goal-line span{color:var(--mist)}.players{display:grid;gap:8px;margin-top:12px}.player{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:50px;padding:6px 8px;background:var(--soil-deep)}.player.current{outline:2px solid var(--coral)}.player-name{display:flex;align-items:center;gap:8px}.sprite{width:28px;height:28px;border-radius:50% 50% 38% 38%;background:var(--leaf);color:var(--leaf-ink);display:grid;place-items:center;font-weight:900}.player.away .sprite{background:var(--rain)}.player button{min-height:36px;padding:4px 8px;font-size:.78rem}.history{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:8px;color:var(--mist);font-size:.87rem}.history li:last-child{color:var(--paper)}.connection{display:inline-flex;gap:7px;align-items:center;color:var(--mist);font-size:.85rem}.connection:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--leaf)}.connection.offline:before{background:var(--coral)}.setup-page,.legal-page,.not-found{padding:72px 0 96px}.setup-page h1,.legal-page h1,.not-found h1{font-size:clamp(2.7rem,6vw,5rem);max-width:13ch}.setup-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.6fr);gap:56px;margin-top:48px}.setup-form{display:grid;gap:18px}.name-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.setup-actions{display:flex;gap:10px;flex-wrap:wrap}.notice{padding:14px 16px;border-left:4px solid var(--rain);background:var(--soil)}.legal-copy{margin-top:40px;max-width:70ch}.legal-copy h2{font-family:inherit;font-size:1.4rem;margin:32px 0 8px}.legal-copy p,.legal-copy li{color:var(--mist)}dialog{width:min(500px,calc(100% - 32px));border:1px solid var(--line);background:var(--soil);color:var(--paper);padding:28px;box-shadow:var(--shadow)}dialog::backdrop{background:#080b12c2}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.end-panel{border-top:4px solid var(--leaf)}.end-panel.lost{border-color:var(--coral)}.site-footer{border-top:1px solid rgb(199 194 178 / 20%);padding:36px 0;color:var(--mist)}.footer-grid{display:flex;justify-content:space-between;align-items:start;gap:24px}.footer-links{display:flex;flex-wrap:wrap;gap:18px}.footer-note{font-size:.78rem;margin-top:10px}#motes{position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.25}.route-announcer{position:fixed;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media(max-width:820px){.shell{width:min(100% - 28px,680px)}.site-nav a:not(.nav-demo){display:none}.hero{min-height:760px;grid-template-columns:1fr;align-content:start;padding-top:56px}.hero-art:after{background:linear-gradient(180deg,rgb(21 27 39 / 98%) 4%,rgb(21 27 39 / 88%) 47%,rgb(21 27 39 / 22%) 78%,var(--night))}.hero-art img{object-position:62% center}.hero-copy{padding:20px 0}.hero-preview{align-self:end;width:min(88%,480px);margin:140px 0 28px auto}.section{padding:72px 0}.section-heading,.price-layout,.setup-grid{grid-template-columns:1fr;gap:28px}.steps{grid-template-columns:1fr;gap:22px}.boundaries,.game-layout{grid-template-columns:1fr}.side-panel{grid-template-columns:repeat(2,1fr)}.side-panel .panel:last-child{grid-column:1 / -1}}@media(max-width:520px){h1{font-size:2.75rem}.hero{min-height:720px}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .button{width:100%}.hero-preview{margin-top:90px;width:94%}.demo-bar{flex-wrap:wrap;gap:5px 10px;padding-block:7px}.game-page{padding-top:24px}.game-title-row{display:grid}.game-actions-top{justify-content:start}.status-strip{grid-template-columns:repeat(2,1fr)}.garden-stage{padding:12px}.garden-board,.toolbox{gap:6px}.tool{padding-inline:3px}.tool small{display:none}.side-panel{grid-template-columns:1fr}.side-panel .panel:last-child{grid-column:auto}.name-fields{grid-template-columns:1fr}.footer-grid{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}#motes{display:none}}
