/* Woodland colour option: keep layout and artwork unchanged. */
:root{--paper:#f7f2e8;--ink:#294333;--muted:#596458;--line:#d6cbb9;--green:#e4eadb;--orange:#916a43;--woodland:#294736;--sky:#c5dfea;--sage:#d7e7be;--sand:#e9ddc8}
.masthead,.home-title,.site-footer{background:var(--woodland)}
.masthead .site-header{border-color:#58705b}
.masthead .multi-header nav a[aria-current=page]{text-decoration-color:var(--sky)}
.home-title h1 em{color:var(--sage)}
.home-title .eyebrow,.home-title .lead,.site-footer p{color:#e5ecdf}
.home-title .dot{background:var(--sky)}
.home-title .button{background:var(--sage);border-color:var(--sage);color:#203729}
.home-title .button:hover{background:#e4efcf}
.masthead a:focus-visible,.home-title a:focus-visible{outline-color:var(--sky)}
a:focus-visible,button:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline-color:#396b7e}
h1 em,h2 em{color:#526c3e}
.button:hover{background:#476144}
.button.outline:hover{background:#e4eadb}
.collection-card,.beta-form{background:#fffdf7}
.collection-card{border-color:#cdbb9f}
.coming-art{background:#36513e;color:#fffdf7}
.coming-title em{color:var(--sky)}
.coming-spark{color:var(--sage)}
.coming-orbit{border-color:#829d83}
.coming-orbit.orbit-two{border-color:#688892}
.privacy-principles,.grown-ups{background:#e4eadb}
.feature-icon{border-color:#a3b49a}
.development-note{border-color:#bdc8b0}
.game-tabs{background:#e8e4d8;border-color:var(--line)}
.game-tabs button:hover:not([aria-selected=true]){background:#dcdcc9}
.game-tabs button[aria-selected=true]{background:var(--woodland)}
.friend-panel{background:#fffdf7}
.beta-card{background:#e8e4d8;border-color:#cbbda6}
.beta-form,select,textarea{border-color:#b6b5a1}
select,textarea{background:#fffdf7}
.beta-form #form-status{background:#e4eadb}
.ribbon{background:#e6ede7}
.preview-bar{background:#fffdf7}
.hero-art:before{background:#d8e6df}
.art-note{background:var(--sand)}
.hero-tags span{border-color:#c9b797}
.site-footer a:focus-visible{outline-color:var(--sky)}

/* Typography: decorative display titles, readable everyday text. */
:root{--sans:'Segoe UI','Segoe UI Variable',Arial,sans-serif;--serif:var(--sans);--display:'Bauhaus 93','Arial Rounded MT Bold','Trebuchet MS',var(--sans)}
h1,.coming-title,.section-heading h2,.studio-note h2,.page-cta h2{font-family:var(--display);font-weight:400;font-style:normal;letter-spacing:0;line-height:1.12}
h1 em,h2 em,.coming-title em{font-style:normal}
h2{font-family:var(--sans);font-weight:600;letter-spacing:-.4px;line-height:1.2}
.section-heading h2,.studio-note h2,.page-cta h2{font-family:var(--display);font-weight:400;letter-spacing:0}
.collection-copy h3{font-family:var(--sans);font-size:26px;font-weight:650;line-height:1.25}
.site-footer p,.art-note,.ribbon .wrap{font-family:var(--sans);font-style:normal}
.home-title h1,.studio-home #games-title,.about-intro h1,.game-intro h1,.legal h1,.beta-card h1{letter-spacing:0}
.brand>span{font-family:var(--display);font-weight:400;letter-spacing:1.2px}.brand>span>small{font-family:var(--sans);font-weight:800}

/* Five learning areas stay readable on small screens. */
@media(max-width:760px){.game-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.game-tabs button{align-items:center;padding:12px 10px}.game-tabs button:last-child{grid-column:1/-1;justify-content:center}.no-script-previews{grid-template-columns:1fr}}