/* Opt-in presentation only. Brand tokens and the site shell remain customer-owned. */
#app.legacy-game{zoom:1;max-width:1040px;padding:24px 20px 36px;margin:0 auto;font-family:'Nunito',Arial,sans-serif;font-size:17px;line-height:1.5;opacity:1;animation:none}
.legacy-game *, .legacy-dialog *{box-sizing:border-box}
.legacy-game :is(h2,h3,.btn,.mc-name),.legacy-dialog :is(h2,h3,.btn){font-family:'Baloo 2',Arial,sans-serif}
.legacy-game :is(button,a,input,select),.legacy-dialog :is(button,a,input,select){touch-action:manipulation}
.legacy-game :is(button,.btn,input[type=range]),.legacy-dialog :is(button,.btn,input[type=range]){min-height:44px}
.legacy-game .btn,.legacy-dialog .btn{font-size:18px;line-height:1.25;padding:13px 22px;border-radius:15px;letter-spacing:0;text-transform:none}
.legacy-game :is(.icon-btn,.link-btn),.legacy-dialog .icon-btn{min-width:44px;min-height:44px}
.legacy-game :focus-visible,.legacy-dialog :focus-visible{outline:3px solid #145a9e;outline-offset:4px;box-shadow:0 0 0 6px #fff}
#app.legacy-game #scene-menu.active{display:block;max-width:960px;margin-inline:auto}
.legacy-game .welcome-title{font-size:clamp(27px,3.5vw,38px);line-height:1.12;text-align:center;margin:10px auto 10px;max-width:700px;color:var(--ink)}
.legacy-game .welcome-copy{max-width:600px;font-size:17px;line-height:1.5;text-align:center;margin:0 auto 18px;color:var(--ink-soft)}
.legacy-game .welcome-art{display:block;width:min(100%,540px);height:auto;margin:0 auto 24px}
.legacy-game .level-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0 22px}
#app.legacy-game .level-choices .mode-card{grid-area:auto;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;margin:0;padding:18px 16px;min-width:0;gap:12px;background:#fff;border-width:3px;border-radius:20px;box-shadow:0 5px 0 rgba(62,42,20,.12)}
.legacy-game .level-choices .mc-emoji-wrap{width:64px;height:64px;min-width:64px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:50%}
.legacy-game .level-choices :is(h2,.mc-name){display:block;font-size:22px;line-height:1.15;margin:0 0 4px}
.legacy-game .level-choices .mc-age{font-size:15px;line-height:1.4;margin:0 0 8px}
.legacy-game .level-choices :is(p,.mc-desc){display:block;font:16px/1.45 'Nunito',sans-serif;margin:0;color:var(--ink-soft)}
.legacy-game .level-choices .mc-best{font-size:14px;line-height:1.4}
.legacy-game .badge-shelf{margin:20px 0;padding:18px 20px;border-radius:18px}
.legacy-game .badge-shelf h3{font-size:21px;letter-spacing:0;text-transform:none}
.legacy-game .badge-row{gap:14px 20px}
.legacy-game .badge{font-size:13px;line-height:1.3}
.legacy-game :is(.parents-row,.menu-foot){display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:14px;margin:24px auto 4px;text-align:center}
.legacy-game .hud{margin-bottom:6px}
.legacy-game .hud .chip{font:700 15px/1.4 'Nunito',sans-serif;min-height:40px;display:inline-flex;align-items:center}
.legacy-game .icon-btn{width:46px;height:46px}
.legacy-dialog{font:17px/1.5 'Nunito',sans-serif}
.legacy-dialog :is(.modal,.sheet-card,.sheet){width:min(580px,calc(100vw - 32px));max-width:100%;max-height:calc(100dvh - 40px);overflow-y:auto;overscroll-behavior:contain;padding:24px;border-radius:22px;border:2px solid #dfd2b9;box-shadow:0 8px 0 rgba(62,42,20,.18)}
.legacy-dialog h2{font-size:27px;line-height:1.15;margin:0 0 16px}
.legacy-dialog :is(button,input,select){font-family:inherit}
.legacy-game .summary-card{padding:28px;border:2px solid #e3d6bc}
.legacy-game .summary-card h2{font-size:34px;line-height:1.15}
@media(max-width:759px){
 #app.legacy-game{padding:20px 16px 30px;max-width:600px}
 .legacy-game .level-choices{grid-template-columns:1fr;gap:12px}
 #app.legacy-game .level-choices .mode-card{flex-direction:row;text-align:left;align-items:center;padding:17px 18px;gap:16px}
 .legacy-game .welcome-art{margin-bottom:18px}
 .legacy-game .welcome-copy{font-size:16px}
 .legacy-game .badge-row{gap:12px}
 .legacy-game .badge-shelf{padding:16px 12px}
 .legacy-dialog :is(.modal,.sheet-card,.sheet){padding:20px;max-height:calc(100dvh - 24px)}
}
@media(prefers-reduced-motion:reduce){
 #app.legacy-game,.legacy-game .fade-in-after-delay{opacity:1;animation:none!important}
 .legacy-game *,.legacy-dialog *{scroll-behavior:auto!important}
}
/* Presentation layouts must never reveal conditionally hidden gameplay controls. */
#app.legacy-game [hidden],.legacy-dialog[hidden],.legacy-dialog [hidden]{display:none!important}
.legacy-game a.btn{text-decoration:none}
/* Keep branded button backgrounds paired with their matching foreground token. */
:where(.legacy-game,.legacy-dialog) .btn{color:var(--on-button,#fff);background:var(--button-bg,#145a9e)}
:where(.legacy-game,.legacy-dialog) .btn:focus{color:var(--on-button-hover,#fff);background:var(--button-bg-hover,#114a81)}
@media(hover:hover){:where(.legacy-game,.legacy-dialog) .btn:hover{color:var(--on-button-hover,#fff);background:var(--button-bg-hover,#114a81)}}
:where(.legacy-game,.legacy-dialog) .btn-ghost{background:var(--surface,#fffdf5);color:var(--ink,#333);border:2px solid #d7cbaa}
.legacy-game .card h3{text-transform:none;letter-spacing:0}