/* Commander family, early learner treatment. See docs/brand-alignment.md.
   The names below match the September 2026 bible. Game and Academy keep separate crests. */
@font-face{font-family:Nunito;src:url('/brand/fonts/nunito-latin.woff2') format('woff2');font-style:normal;font-weight:200 900;font-display:swap}@font-face{font-family:Cinzel;src:url('/brand/fonts/cinzel.woff2') format('woff2');font-style:normal;font-weight:400 900;font-display:swap}:root{
 --commander-midnight:#1e2a3a;--commander-parchment:#f4ead5;--commander-brass:#c8a96a;--commander-copper:#b8733a;
 --commander-iron:#3d3530;--commander-hearth:#d68b3f;--commander-grove:#556b3e;--commander-river:#3f5c6b;
 --commander-paper:#fffdf7;--commander-stone:#d8cfbc;--commander-muted:#5b625e;--commander-copper-ink:#87491f;
 --commander-crisis:#963f35;--commander-river-wash:#e7eeef;--commander-grove-wash:#edf0e5;
 --paper:var(--commander-parchment);--paper-white:var(--commander-paper);--kid-ink:var(--commander-midnight);--kid-muted:var(--commander-muted);
 --kid-teal:var(--commander-river);--kid-blue:var(--commander-river);--kid-gold:var(--commander-brass);--kid-line:var(--commander-stone);
 --kid-heading:Nunito,ui-rounded,'Trebuchet MS',sans-serif;--kid-font:Nunito,ui-rounded,'Trebuchet MS',sans-serif;
 --play-font:var(--kid-heading);--play-ink:var(--commander-midnight);--play-white:var(--commander-paper);
 --play-blue:var(--commander-river);--play-blue-top:#547582;--play-blue-deep:var(--commander-midnight);--play-yellow:var(--commander-brass);
}body:not(.library-body),.library-body{--ck-bg:var(--commander-parchment);--ck-border:var(--commander-stone);--paper:var(--commander-parchment);--paper-white:var(--commander-paper);--kid-line:var(--commander-stone);--kid-blue:var(--commander-river);font-family:var(--kid-font)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-color:var(--commander-river)}.kingdom-topbar,.library-header{background:var(--commander-paper);border-color:var(--commander-stone);box-shadow:0 2px 10px #1e2a3a08}.kingdom-wordmark>span,.kingdom-wordmark b,.library-body .library-brand strong{font-family:Cinzel,Georgia,serif!important;font-size:18px!important;font-weight:600!important;line-height:1.08!important;letter-spacing:.2px!important;color:var(--commander-midnight)}.kingdom-wordmark>img{filter:none;width:44px;height:50px;object-fit:contain}.kingdom-motto{font:700 15px var(--kid-font);color:var(--commander-copper-ink)}.kingdom-rail,.kid-bottom-nav{background:var(--commander-paper);border-color:var(--commander-stone)}.kingdom-rail a,.kid-bottom-nav a{color:var(--commander-muted)}.kingdom-rail a:is(.active,:hover),.kid-bottom-nav a[aria-current]{background:var(--commander-river-wash);color:var(--commander-midnight)}.kingdom-rail a.active,.kid-bottom-nav a[aria-current]{box-shadow:inset 0 -3px var(--commander-river)}.profile-button{background:var(--commander-paper);border-color:var(--commander-stone);color:var(--commander-midnight)}.academy-affiliation{display:block;font:800 12px/1.4 var(--kid-font);letter-spacing:.6px;color:var(--commander-copper-ink);margin-bottom:12px}.home-hero-copy{background:linear-gradient(90deg,#fffdf7c9,#fffdf7e8),url('/brand/parchment.webp') center/cover no-repeat}.home-hero h1 em{color:var(--commander-copper-ink)}.home-hero h1,.home-journey h2,.discovery-card h2{font-family:var(--kid-heading)!important;font-weight:800}.home-actions .toy-icon{width:32px;height:32px}.home-hero-copy .home-crest{display:none}.home-footer{color:var(--commander-copper-ink)}.home-footer span,.library-footer span{color:var(--commander-muted);font:15px/1.6 var(--kid-font)}.royal-button.gold,.kid-button.gold,.library-body .kid-button.gold{background:var(--commander-brass);border-color:#b99a5b;border-bottom-color:#977944;color:var(--commander-midnight);box-shadow:0 3px 0 #97794433}.royal-button.subtle,.kid-button{border-color:var(--commander-stone);color:var(--commander-river);background:var(--commander-paper)}.text-link{color:var(--commander-copper-ink)}.royal-progress i{background:var(--commander-grove)}.hub-screen.map-view{background:var(--commander-parchment)}.map-view .hub-heading p,.adventure-note{color:var(--commander-muted)!important}.adventure-worlds button{background:var(--commander-paper);border-color:var(--commander-stone);color:var(--commander-muted);box-shadow:none}.adventure-worlds button[aria-selected=true]{color:var(--commander-midnight);background:var(--commander-river-wash);border-color:var(--commander-river);box-shadow:0 3px 0 #1e2a3a0c}.adventure-worlds button:hover{border-color:var(--commander-river)}.adventure-panel{border-color:#e0d3b6;box-shadow:0 5px 0 #cabea5,0 12px 25px #1e2a3a09}.adventure-stop.is-selected{background:linear-gradient(#547582,var(--commander-river));border-color:var(--commander-paper);border-bottom-color:var(--commander-midnight)}.adventure-stop.is-complete{background:var(--commander-grove-wash);border-color:var(--commander-paper);border-bottom-color:var(--commander-grove);color:var(--commander-grove)}.adventure-stop:focus-visible{outline-color:var(--commander-midnight)}.adventure-preview,.adventure-total{background:var(--commander-paper);border-color:var(--commander-stone);box-shadow:0 4px 0 #d8cfbc77}.adventure-preview-copy .adventure-eyebrow{color:var(--commander-grove)}.adventure-play,.library-body #libraryContinue{background:var(--commander-river);border-color:#547582;border-bottom-color:var(--commander-midnight);box-shadow:0 3px 0 #1e2a3a12;color:var(--commander-paper)}.library-body .library-welcome{background:var(--commander-grove-wash);border-color:var(--commander-stone)}.library-body .library-welcome h1{color:var(--commander-midnight)}.library-body .library-story-card{border-color:var(--commander-stone);box-shadow:0 4px 0 #d8cfbc80}.library-body .book-reading-state.is-finished{color:var(--commander-grove);background:var(--commander-grove-wash)}.library-footer{display:flex;flex-direction:column;align-items:center;gap:5px}.library-footer p{margin:0}.reader-topbar,.story-page-copy,.picture-reader,.reader-wayfinding{color:var(--commander-midnight)}.bookmark-button{color:var(--commander-copper-ink);border-color:var(--commander-stone)}.bookmark-button[aria-pressed=true] .ui-symbol{fill:var(--commander-hearth);stroke:var(--commander-copper-ink)}/* A bright worktable with a navy family signature. Parts remain the main visual choices. */
.free-screen{color:var(--commander-midnight);--ck-text:var(--commander-midnight);--ck-muted:var(--commander-muted);--ck-gold:var(--commander-copper-ink);background:var(--commander-parchment)!important}.free-header{background:var(--commander-midnight);border-bottom-color:#ffffff20;gap:16px}.free-header h1{color:var(--commander-paper);font:800 27px/1.1 var(--kid-heading);margin-bottom:4px}.free-header input{color:var(--commander-parchment);font:600 15px var(--kid-font);border-radius:5px}.free-header input:focus{outline:2px solid var(--commander-brass);outline-offset:3px}.free-header>span{color:var(--commander-parchment);font-size:13px}.workshop-crest{flex:none;object-fit:contain}.free-catalog,.free-inspector{background:var(--commander-paper);border-color:var(--commander-stone);scrollbar-color:var(--commander-stone) transparent}.free-catalog h2,.free-inspector h2{font-family:var(--kid-heading);font-weight:800;color:var(--commander-midnight)}.free-catalog .search-field{border-color:var(--commander-stone);background:var(--commander-paper);border-radius:14px}.free-catalog .search-field input{color:var(--commander-midnight)!important}.free-categories button{color:var(--commander-muted);background:var(--commander-paper);border:1px solid var(--commander-stone);border-radius:12px;font-weight:800}.free-categories button.active{background:var(--commander-river);color:var(--commander-paper);border-color:var(--commander-river)}.free-parts{grid-template-columns:repeat(2,minmax(0,1fr))}.free-part{color:var(--commander-midnight);background:#f6efdf;border:2px solid #e5dbc6;border-bottom-width:4px;border-radius:17px;box-shadow:0 2px 0 #d8cfbc40}.free-part:hover,.free-part.active{background:var(--commander-river-wash);border-color:var(--commander-river)}.free-part img{filter:drop-shadow(0 3px 2px #3d353015)}.free-part b{font-weight:800;font-size:14px}.free-environment{background:#fffdf7ed;border-color:var(--commander-stone);border-radius:16px;color:var(--commander-midnight);backdrop-filter:none}.free-environment select{background:var(--commander-paper);color:var(--commander-midnight);border-color:var(--commander-stone);border-radius:10px}.free-instruction{background:#fffdf7f2;color:var(--commander-midnight);border-color:var(--commander-stone);border-radius:16px;font-weight:700;box-shadow:0 3px 0 #3d353012}.free-tools{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:min(490px,calc(100% - 20px));background:var(--commander-paper);border-color:var(--commander-stone);border-radius:19px;box-shadow:0 4px 0 #b2a48a66,0 8px 18px #1e2a3a12;gap:6px;padding:7px}.free-tools button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#f4ead566;color:var(--commander-midnight);border:1px solid var(--commander-stone);border-radius:12px;font-weight:800;line-height:1.15;min-height:58px!important;padding:7px 12px}.free-tools button span{white-space:nowrap}.free-tools button svg{width:23px;height:23px;stroke:var(--commander-river)}.free-tools button:hover{background:var(--commander-river-wash);border-color:var(--commander-river)}.free-instruction{bottom:106px}.free-inspector header p,.inspector-tip p,.inspector-note{color:var(--commander-muted)}.free-inspector .transform-fields input{background:var(--commander-paper);color:var(--commander-midnight);border:1px solid var(--commander-stone);border-radius:12px}.free-inspector .inspector-actions button{background:var(--commander-river-wash);color:var(--commander-river);border-color:var(--commander-stone);border-radius:12px}.free-inspector .inspector-actions .danger{color:var(--commander-crisis);background:#faf0eb}.free-inspector .text-link{color:var(--commander-copper-ink)}.free-scene-list{border-color:var(--commander-stone)}.free-scene-list h3{font-weight:800;color:var(--commander-midnight)}.free-inspector.is-open .free-scene-list{display:block}.free-inspector.is-open>.royal-button{display:flex}.scene-object{color:var(--commander-muted);border-radius:12px}.scene-object.active{background:var(--commander-river-wash);color:var(--commander-midnight)}.free-inspector-toggle,.free-catalog-heading>button{background:var(--commander-paper);color:var(--commander-river);border:1px solid var(--commander-stone);border-radius:14px}/* Same navigation and material cues inside guided builds. */
#gameScreen .play-button,.modal-shell .primary-button{border-color:#7793a0}#gameScreen .piece-card.available{border-color:#b7c6c7!important}#gameScreen .piece-card.selected{background:var(--commander-river-wash)!important;box-shadow:0 3px 0 #8ea5ad!important}#gameScreen .puppy-portrait{background:var(--commander-parchment);border-color:var(--commander-brass);box-shadow:0 3px 0 #a18856}#gameScreen .progress-star{color:var(--commander-brass)}#gameScreen #stabilityFill{background:var(--commander-brass)}#gameScreen .piece-ready{background:var(--commander-grove);box-shadow:0 2px 0 #344825}#gameScreen .test-button{background:var(--commander-grove);border-color:#879a70;box-shadow:0 4px 0 #344825}#gameScreen .undo-button{background:var(--commander-paper);border-color:var(--commander-stone);color:var(--commander-river);box-shadow:0 4px 0 #b2a48a}#gameScreen .hint-button{background:var(--commander-hearth);border-color:var(--commander-copper);color:var(--commander-midnight);box-shadow:0 4px 0 var(--commander-copper-ink)}#gameScreen .piece-prompt{background:var(--commander-river-wash);color:var(--commander-river)}#gameScreen .builder-project,.modal-shell .observe-grid>div{background:var(--commander-river-wash)}.modal-shell .observe-grid>div:nth-child(2){background:var(--commander-parchment)}.modal-shell .observe-grid>div:nth-child(3){background:var(--commander-grove-wash)}.modal-shell .observe-grid svg{color:var(--commander-river)}.modal-shell .secondary-button{background:var(--commander-paper);border-color:var(--commander-stone);color:var(--commander-river);box-shadow:0 4px 0 #d8cfbc80}
@media(min-width:701px) and (max-width:1100px){.free-workspace{grid-template-columns:224px minmax(0,1fr)}}
@media(max-width:700px){.kingdom-wordmark>span,.kingdom-wordmark b,.library-body .library-brand strong{font-size:15px!important}.kingdom-wordmark>img{width:33px;height:42px}.academy-affiliation{font-size:11px;letter-spacing:.3px;margin-bottom:10px}.free-header{gap:9px}.free-header h1{font-size:22px}.workshop-crest{display:none}.free-tools{width:auto;gap:4px;padding:6px;border-radius:16px;bottom:10px}.free-tools button{padding:5px 2px;font-size:11px;min-height:54px!important;gap:3px}.free-tools button svg{width:21px;height:21px}.free-instruction{bottom:91px;font-size:13px}.free-part b{font-size:13px}.free-catalog-heading>button{min-width:44px;min-height:44px}
}
@media(max-height:500px) and (orientation:landscape){.free-workspace{grid-template-columns:176px minmax(0,1fr)}.free-catalog{padding:10px}.free-part b{font-size:12px}.free-tools button{min-height:46px!important;font-size:10px}.free-tools button svg{width:18px;height:18px}.free-instruction{bottom:96px}.workshop-crest{display:none}}
