/* The website uses the same ivory stone, forest enamel and brass as the game. */
:root{--paper:#f5f1e6;--ink:#243b31;--muted:#556359;--red:#365a43;--line:#d9d4c2;--brass:#a88a4b;--forest:#244233}
body{background:radial-gradient(ellipse at 90% 0,#e4eadb 0,transparent 42rem),var(--paper)}
a:hover{color:#274b37}a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#477859}
.site-header{min-height:92px;border-bottom:1px solid var(--line)}
.site-header .brand{padding:9px 16px 11px;background:var(--forest);border:1px solid #8f8055;border-radius:12px;box-shadow:inset 0 1px #ffffff24}
.site-header .brand .brand-wordmark{width:174px;height:auto;border-radius:0}
.hero{padding:66px 0 74px;gap:5%;grid-template-columns:.9fr 1.1fr}
.hero h1{font-weight:500;line-height:1.06}.hero h1 span{color:var(--forest)}
.hero-description{line-height:1.8}.hero-symbols a{background:#faf7ee;border-color:#ddd4ba}.hero-symbols img{width:64px;height:64px;object-fit:contain}
.button{background:linear-gradient(150deg,#385b44,#244333);border:1px solid #947f4d;border-radius:13px;box-shadow:inset 0 1px #ffffff24,0 3px 8px #243b3110;color:#fff7e0}
.button:hover{background:#294b37;border-color:#84703e;color:#fff9e9}.button-secondary{background:#f7f3e8;border:1px solid #c4b995;box-shadow:none;color:var(--ink)}
.button-secondary:hover{background:#eeeadc;border-color:#9f9474;color:var(--ink)}
.device{background:#294335;padding:7px;box-shadow:0 24px 45px -24px #26362666,inset 0 0 0 1px #af965d;border-radius:20px}
.device img{background:#e7e1ce;border-radius:14px;object-fit:contain}
.garden-devices{min-height:520px;padding:0 0 24px;display:flex;align-items:center;justify-content:flex-end}
.garden-devices .device-board{position:relative;width:87%;margin-top:35%;z-index:2;padding:7px}
.garden-devices .device-portrait{left:2%;top:0;bottom:auto;width:37%;padding:6px;z-index:1;border-radius:23px}
.garden-devices .device-portrait img{aspect-ratio:1080/2400;object-fit:contain;border-radius:17px}
.proof{padding:48px 0}.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.stats dd{color:var(--forest)}
.step-number,.instruction-number{background:#e5e9d9;color:var(--forest);border:1px solid #d1d5be}
.feature-grid article,.object-grid article,.contact-panel,.press-facts,.notice,.install-help{background:linear-gradient(#f6f0e0eb,#f6f0e0ed),url('/assets/garden/stone-panel.webp') center/170% auto;border:1px solid #d8cba9;box-shadow:inset 0 1px #fff9e7;border-radius:16px}
.feature-grid .game-icon,.object-grid .game-icon{width:64px;height:64px}
.tutorial-index{gap:5px;max-height:calc(100vh - 48px);overflow:auto;scrollbar-width:thin}
.tutorial-index a{border:1px solid transparent;font-weight:500;gap:12px;padding:10px 12px;min-height:64px;color:var(--ink)}
.tutorial-index a:hover{background:#eaeedc}.tutorial-index a[aria-current]{background:#e6eadb;border-color:#bec9ad;color:#233f2e}
.tutorial-index .lesson-icon{width:46px;height:46px}.lesson-number{color:#64715f;letter-spacing:.1em}
.tutorial-panel h3{color:var(--forest)}.tutorial-description{max-width:70ch}
.video-demo{background:#eae7d9;border:1px solid #c8bc9c;border-radius:16px;padding:8px;box-shadow:0 12px 30px -20px #223b3144}
.video-demo video{display:block;background:#213829;width:100%;height:auto;aspect-ratio:auto;border-radius:10px;max-height:80vh}
.video-demo figcaption{color:var(--muted)}.video-demo video::cue{background:#142b22e8;color:#fffaf0}
.lesson-symbols{gap:10px 15px}.lesson-symbols a{padding:6px 10px 6px 4px;background:#eeeede;border-radius:12px;min-height:48px}
.lesson-symbols .game-icon{width:44px;height:44px}.lesson-symbols .game-icon-wide{width:126px}
.timeline-toggle-icon{display:inline-block;vertical-align:middle;margin-right:8px}.control-list>div{border-color:var(--line)}.scoring-note{border-color:var(--brass)}
.echo-example .section-heading{margin-bottom:28px}.echo-sequence{list-style:none;margin:0 0 22px;padding:0;max-width:860px}
.echo-sequence li{display:grid;grid-template-columns:28px 48px minmax(0,1fr);gap:16px;align-items:start;padding:20px 0;border-bottom:1px solid var(--line)}
.echo-step-number{font:500 20px/40px var(--serif);color:#69725b;text-align:center}
.echo-action-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#e5ead9;color:var(--forest)}
.echo-action-icon img,.echo-action-icon svg{width:32px;height:32px}.echo-sequence h3{font:600 17px/1.5 var(--sans);margin:0 0 6px}
.echo-sequence p{color:var(--muted);font-size:16px;margin:0;line-height:1.7}
.guide-heading h1{max-width:1000px}.guide-heading .guide-nav a{padding:7px 0;min-height:44px}
.language-menu[open] summary{background:#e6eadb}.language-menu ul{background:#faf7ef;border-color:#d8ceb6}
.arena-screen{border-color:#c5b78e!important;background:#eae5d5!important;box-shadow:0 14px 30px -22px #25423155!important}
.arena-teaser,.arena-access{border-color:#d3c6a2!important}.arena-facts dd{color:var(--forest)}
.site-footer{background:transparent}.press-shots img{border-color:#bcb18c}.gallery figcaption{line-height:1.55}
@media(max-width:1050px){.garden-devices{min-height:420px}.hero{gap:4%}.hero h1{font-size:clamp(44px,5vw,60px)}}
@media(max-width:900px){.tutorial-index{position:static;display:flex;overflow:auto;scroll-snap-type:x proximity;padding:0 0 12px;gap:10px;max-height:none}.tutorial-index a{flex:0 0 162px;flex-direction:row;align-items:center;padding:10px;background:#eeefdf;border:1px solid #d6d7be;scroll-snap-align:start;min-height:78px;font-size:13px}.tutorial-index a[aria-current]{background:#e0e7d1;border-color:#85996d}.tutorial-index .lesson-icon{width:40px;height:40px}.tutorial-index a span{min-width:0}.tutorial-library{gap:20px}}
@media(max-width:760px){
 .site-header{min-height:78px}.site-header .brand{padding:8px 12px;border-radius:10px}.site-header .brand .brand-wordmark{width:155px}
 .hero{display:flex;flex-direction:column;padding:40px 0 44px;gap:36px}.hero-copy{width:100%}.hero h1{font-size:clamp(42px,10.5vw,62px);letter-spacing:-1px;margin-bottom:20px}
 .hero-description{font-size:16px;margin-bottom:24px;max-width:none}.hero-symbols img{width:54px;height:54px}.hero-facts{margin-bottom:0}
 .garden-devices{width:100%;min-height:440px;padding:0 0 16px}.garden-devices .device-board{width:94%;margin-top:57%;padding:5px;border-radius:16px}.garden-devices .device-portrait{width:44%;left:6%;padding:5px;border-radius:20px}.garden-devices .device-board img{border-radius:11px}
 .proof{padding:36px 0}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.stats>div{padding:4px 12px}.stats>div:last-child{grid-column:auto}.stats dd{font-size:39px}.stats dt{font-size:13px}
 .page-heading{padding:36px 0 28px}.page-heading h1{font-size:44px;line-height:1.1}.section,.guide-section{padding:40px 0}.section-heading{margin-bottom:26px}
 .tutorial-library .video-demo{padding:4px}.video-demo figcaption{font-size:12px;padding:10px 7px 6px}.lesson-symbols{gap:8px}.lesson-symbols a{font-size:12px;padding-right:8px}.lesson-symbols .game-icon{width:36px;height:36px}.lesson-symbols .game-icon-wide{width:110px}
 .echo-sequence li{grid-template-columns:22px 40px minmax(0,1fr);gap:10px;padding:17px 0}.echo-action-icon{width:38px;height:38px}.echo-sequence h3{font-size:16px}.echo-sequence p{font-size:15px}
 .object-grid article{grid-template-columns:60px 1fr;padding:20px;gap:8px 14px}.object-grid h3{font-size:26px}.object-grid .game-icon{width:60px;height:60px}
 .site-header nav{background:#f5f0e3;border-color:#cfc3a4}.site-header nav a[aria-current]{background:#e2e8d3;color:#244533}
}
@media(max-width:380px){.site-header .brand .brand-wordmark{width:137px}.garden-devices{min-height:390px}.stats>div{padding:4px 8px}.stats dd{font-size:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}