:root{color:#20342b;font-synthesis:none;--ink:#20342b;--paper:#fffdf7;--moss:#3f7359;--gold:#f0b941;--plum:#6e4f83;--line:#d8dfd4;--shadow:0 16px 44px #20342b1f;background:#f5f2e9;font-family:Nunito,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 12% 6%,#e6efdc 0,#0000 30%),radial-gradient(circle at 90% 18%,#f7e5bd 0,#0000 25%),#f5f2e9;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline-offset:3px;outline:4px solid #1673b1}.skip-link{z-index:100;background:#fff;border-radius:1rem;padding:1rem;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.visually-hidden{clip:rect(1px,1px,1px,1px);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.app-shell{flex-direction:column;min-height:100vh;display:flex}.site-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#fffdf7db;border-bottom:1px solid #3f73592e;justify-content:space-between;align-items:center;height:82px;padding:0 clamp(1rem,4vw,4.5rem);display:flex;position:sticky;top:0}.brand{text-align:left;color:var(--ink);background:0 0;border:0;align-items:center;gap:.8rem;display:flex}.brand-mark{background:var(--ink);color:#fff;letter-spacing:.04em;border-radius:15px;place-items:center;width:48px;height:48px;font-weight:800;display:grid}.brand strong,.brand small{display:block}.brand small{color:#61756a;letter-spacing:.06em;font-size:.72rem}.site-header nav{gap:.5rem;display:flex}.site-header nav button{color:var(--ink);background:0 0;border:0;border-radius:14px;align-items:center;gap:.45rem;padding:.7rem .9rem;display:flex}.site-header nav button:hover{background:#e7efe8}.site-header svg{width:20px}main{flex:1}.hero{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);align-items:center;gap:3rem;min-height:calc(100vh - 82px);padding:clamp(3rem,8vw,7rem) clamp(1rem,7vw,7rem);display:grid;position:relative;overflow:hidden}.hero-copy{z-index:2;max-width:700px;position:relative}.eyebrow{color:var(--moss);text-transform:uppercase;letter-spacing:.16em;margin-bottom:.75rem;font-size:.75rem;font-weight:800;display:block}.hero h1,.section-intro h1,.map-welcome h1{letter-spacing:-.055em;margin:.1em 0 .35em;font-size:clamp(2.5rem,6vw,5.5rem);line-height:.94}.hero p,.section-intro p,.map-welcome p{color:#50645a;max-width:660px;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.65}.hero-actions,.pause-actions{flex-wrap:wrap;gap:1rem;margin-top:2rem;display:flex}.bfm-button{background:var(--ink);color:#fff;border:0;border-radius:18px;justify-content:center;align-items:center;gap:.55rem;padding:1rem 1.35rem;font-weight:800;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 8px 20px #20342b2e}.bfm-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 26px #20342b38}.bfm-button:disabled{opacity:.45;cursor:not-allowed}.bfm-button.secondary{background:var(--paper);color:var(--ink);border:1px solid var(--line);box-shadow:none}.hero-landscape{opacity:.12;filter:grayscale(.3);justify-content:space-around;font-size:5rem;display:flex;position:absolute;bottom:-2rem;left:0;right:0}.milo{z-index:2;grid-template-columns:minmax(180px,260px) minmax(180px,280px);justify-content:center;align-items:center;display:grid;position:relative}.hero .milo{grid-template-columns:1fr;justify-items:center}.milo-art{width:min(100%,280px);overflow:visible}.milo-bubble{background:var(--paper);box-shadow:var(--shadow);border:2px solid #d9e0d5;border-radius:24px 24px 24px 5px;max-width:300px;padding:1.1rem 1.25rem;font-weight:700;line-height:1.45}.hero .milo-bubble{border-radius:24px;margin-top:-1.5rem}.milo-eye{transform-origin:50%;animation:5.4s infinite blink}.milo--celebrate .antlers{transform-origin:130px 80px;animation:1.8s ease-in-out infinite antler-party}.milo--thinking{animation:2.8s ease-in-out infinite think}@keyframes blink{0%,45%,48%,to{transform:scaleY(1)}46%,47%{transform:scaleY(.08)}}@keyframes antler-party{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes think{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.setup-page,.simple-page,.map-page{max-width:1280px;margin:0 auto;padding:clamp(2rem,6vw,5rem) clamp(1rem,4vw,3rem)}.section-intro{max-width:850px;margin-bottom:2.5rem}.setup-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;display:grid}.bfm-card{border:1px solid var(--line);background:#fffdf7f0;border-radius:26px;padding:clamp(1.2rem,3vw,2rem);box-shadow:0 8px 26px #2c443812}.bfm-card h2{margin-top:0}.segmented,.avatar-grid,.nickname-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.segmented button,.avatar-grid button,.nickname-grid button{border:2px solid var(--line);color:var(--ink);background:#fff;border-radius:18px;padding:1rem}.segmented button{flex-direction:column;gap:.25rem;display:flex}.segmented small{color:#66796e}.segmented .selected,.avatar-grid .selected,.nickname-grid .selected{border-color:var(--moss);box-shadow:inset 0 0 0 1px var(--moss);background:#e9f2e9}.avatar-grid button{min-height:72px;font-size:2.2rem;position:relative}.avatar-grid svg{width:18px;color:var(--moss);position:absolute;bottom:.35rem;right:.35rem}.field{gap:.5rem;font-weight:700;display:grid}.field input{border:2px solid var(--line);text-transform:uppercase;letter-spacing:.16em;border-radius:14px;padding:.9rem;font-size:1.1rem}.error{color:#9e2626}.or{color:#78887f;align-items:center;gap:.8rem;margin:1rem 0;display:flex}.or:before,.or:after{content:"";background:var(--line);flex:1;height:1px}.safe-note{color:#65766c;align-items:flex-start;gap:.45rem;margin-top:1rem;display:flex}.safe-note svg{flex:none;width:18px}.map-welcome{grid-template-columns:auto 1fr minmax(220px,320px);align-items:center;gap:2rem;margin-bottom:3rem;display:grid}.map-welcome h1{font-size:clamp(2.2rem,5vw,4.3rem)}.avatar-chip{background:var(--paper);box-shadow:var(--shadow);border-radius:25px;justify-items:center;gap:.5rem;padding:1rem;display:grid}.avatar-chip>span{font-size:3.5rem}.avatar-chip div{text-align:center;display:grid}.avatar-chip small{color:#61756a}.journey-summary{gap:1rem;display:grid}.bfm-progress-wrap{width:100%}.bfm-progress-label{justify-content:space-between;margin-bottom:.35rem;font-size:.86rem;font-weight:800;display:flex}.bfm-progress{background:#dce4dd;border-radius:999px;height:12px;overflow:hidden}.bfm-progress span{background:linear-gradient(90deg,var(--gold),#e18250);border-radius:inherit;height:100%;transition:width .4s;display:block}.game-map{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;display:grid;position:relative}.game-tile{z-index:1;background:var(--paper);border:1px solid var(--line);border-top:8px solid var(--tile-colour);box-shadow:var(--shadow);border-radius:28px;align-content:start;min-height:420px;padding:1.5rem;display:grid;position:relative}.game-tile--complete{background:linear-gradient(145deg,#fffdf7,#eff7eb)}.route-number{background:var(--tile-colour);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:800;display:grid;position:absolute;top:1rem;right:1rem}.game-tile-icon{margin:1.5rem 0;font-size:4.3rem}.status-pill{text-transform:uppercase;letter-spacing:.08em;background:#e9eee9;border-radius:999px;padding:.3rem .7rem;font-size:.75rem;font-weight:800;display:inline-block}.game-tile h2{margin:.7rem 0;font-size:1.5rem}.game-tile p{color:#61736a;min-height:4.8rem}.game-tile .bfm-button{margin-top:auto}.certificate-callout{background:linear-gradient(120deg,#fff5cf,#fffdf7);align-items:center;gap:1rem;margin-top:1.2rem;display:flex}.certificate-callout>svg{color:#a77400;width:48px;height:48px}.certificate-callout h2{margin-bottom:.25rem}.certificate-callout p{margin:0}.game-shell{background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--game-colour) 16%,transparent),transparent 38%),#f5f2e9;min-height:100vh;padding:1.2rem clamp(1rem,4vw,3rem) 3rem}.game-toolbar{grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;margin-bottom:1rem;display:grid}.game-toolbar-title{justify-content:center;align-items:center;gap:.6rem;display:flex}.toolbar-actions{gap:.5rem;display:flex}.icon-button{border:1px solid var(--line);background:var(--paper);width:48px;height:48px;color:var(--ink);border-radius:15px;place-items:center;display:grid}.game-stage{grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);align-items:center;gap:2rem;max-width:1280px;margin:2rem auto;display:grid}.game-stage .milo{grid-template-columns:1fr;justify-items:center}.game-stage .milo-bubble{margin-top:-1rem}.mission-board{flex-direction:column;min-height:550px;display:flex}.mission-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.mission-heading h2{margin:.1rem 0;font-size:clamp(1.8rem,4vw,3rem)}.mission-instruction{color:#53685d;font-size:1.15rem}.star-budget{white-space:nowrap;background:#fff1b9;border-radius:999px;padding:.55rem .8rem;font-weight:800}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1rem 0;display:grid}.choice-grid--find{background:linear-gradient(#eaf4e1,#dcebd2);border-radius:22px;grid-template-columns:repeat(3,1fr);padding:1rem}.choice-card{min-height:105px;color:var(--ink);background:#fff;border:2px solid #d6dfd5;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;padding:.85rem;font-weight:700;transition:transform .16s,border-color .16s;display:flex}.choice-card:hover:not(:disabled){border-color:var(--game-colour);transform:translateY(-3px)}.choice-card--selected{border-color:var(--moss);background:#e8f5e9}.choice-icon{font-size:2rem}.choice-card small{color:#8b650c}.feedback-panel{border-left:5px solid var(--moss);background:#eef4ed;border-radius:12px;margin-top:auto;padding:.9rem 1rem}.hint{color:#745b13;align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.hint svg{width:20px}.mission-actions{justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;font-weight:800;display:flex}.pause-screen{place-content:center;justify-items:center;min-height:100vh;padding:2rem;display:grid}.pause-actions{justify-content:center}.simple-page{max-width:1100px}.badge-cabinet{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.badge-card{text-align:center}.badge-medal{font-size:4rem;display:block}.privacy-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.privacy-grid li{margin:.8rem 0}.child-notice{background:#eaf2e5;border-radius:20px;padding:1.2rem;font-size:1.2rem;line-height:1.7}.setting-list{gap:.8rem;margin-bottom:2rem;display:grid}.setting-list label{background:var(--paper);border:1px solid var(--line);border-radius:20px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.2rem;display:flex}.setting-list label>span{align-items:center;gap:.7rem;display:flex}.setting-list input[type=checkbox]{width:28px;height:28px}.setting-list select{border:1px solid var(--line);border-radius:12px;padding:.65rem}.danger-link{color:#8b2d2d;box-shadow:none;background:0 0;border:0;margin-top:1rem}footer{color:#dce9df;background:#20342b;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:1.5rem clamp(1rem,4vw,4rem);display:flex}footer button{color:#fff;background:0 0;border:0;text-decoration:underline}.high-contrast{--ink:#07150d;--paper:#fff;--line:#52665a}.high-contrast .choice-card,.high-contrast .bfm-card{border-color:#294f39}.large-text{font-size:118%}.large-text .mission-board{min-height:620px}.reduced-motion *,.reduced-motion :before,.reduced-motion :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:900px){.hero{text-align:center;grid-template-columns:1fr}.hero-copy{margin:auto}.hero-actions{justify-content:center}.setup-grid,.privacy-grid{grid-template-columns:1fr}.map-welcome{text-align:center;grid-template-columns:1fr}.avatar-chip{width:max-content;margin:auto}.game-map{grid-template-columns:1fr}.game-tile{min-height:auto}.game-stage{grid-template-columns:1fr}.game-stage .milo{grid-template-columns:180px 1fr}.mission-board{min-height:auto}.badge-cabinet{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.site-header{height:70px;padding:.5rem 1rem}.brand-mark{width:42px;height:42px}.brand small,.site-header nav span{display:none}.hero{padding-top:2rem}.hero h1{font-size:2.75rem}.milo{grid-template-columns:1fr}.milo-bubble{border-radius:20px;margin-top:-1rem}.setup-page,.simple-page,.map-page{padding:2rem 1rem}.setup-grid{gap:.8rem}.game-toolbar-title strong{font-size:.84rem}.game-stage .milo{display:none}.choice-grid,.choice-grid--find{grid-template-columns:1fr 1fr;padding:.65rem}.choice-card{min-height:96px}.mission-actions{flex-direction:column;align-items:stretch}.mission-actions .bfm-button{width:100%}.badge-cabinet{grid-template-columns:1fr}footer{text-align:center;flex-direction:column}.site-header nav button{padding:.6rem}.hero-landscape{font-size:3rem}}.avatar-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.avatar-grid button{min-width:0}