/* One visual language for mall menus; game canvases and controls keep their layouts. */
:root{--enm-panel:#163b48;--enm-panel-light:#285660;--enm-ink:#fff3d8;--enm-muted:#c1d5cf;--enm-gold:#dfc786;--enm-edge:#8ca9a4;--enm-radius:16px}
body :is(dialog,.single-popup,#session-chat,#social-prompt286){scroll-padding-block:88px 16px;color:var(--enm-ink);background:linear-gradient(150deg,var(--enm-panel-light),var(--enm-panel));border-color:var(--enm-edge);border-radius:var(--enm-radius);box-shadow:inset 0 1px 0 #ffffff22,0 4px 0 #09232c,0 12px 28px #00151f44}
body :is(dialog,.single-popup)>:is(header,.menu-header189){display:flex;align-items:center;gap:12px;min-height:44px;background:var(--enm-panel)!important;z-index:2;border:0!important;box-shadow:none!important;padding:0 0 10px!important;margin:0 0 8px!important}
body :is(dialog,.single-popup)>:is(header,.menu-header189)>:is(h1,h2,h3){flex:1;min-width:0;margin:0!important;padding:0!important;line-height:1.25!important;letter-spacing:.01em;background:none!important;white-space:normal;overflow-wrap:break-word;word-break:normal}
body :is(dialog,.single-popup)>:is(header,.menu-header189)::before,body :is(dialog,.single-popup)>:is(header,.menu-header189)::after{content:none!important}
body :is(dialog,.single-popup) .menu-close184{flex:0 0 auto;margin:0!important;align-self:center;min-width:44px;min-height:44px}
body :is(dialog,.single-popup,#session-chat) button{box-sizing:border-box;min-width:0;max-width:100%;text-align:center;align-items:center;justify-content:center;line-height:1.25;white-space:normal;word-break:normal;overflow-wrap:break-word;text-indent:0}
body :is(dialog,.single-popup,#session-chat) button:focus-visible{outline:3px solid #f4db91;outline-offset:3px}
body :is(dialog,.single-popup,#session-chat) button:disabled{cursor:not-allowed;filter:saturate(.45);opacity:.6}
body :is(dialog,.single-popup) :is(input,textarea,select){max-width:100%;min-width:0;box-sizing:border-box}
body :is(dialog,.single-popup) :is(p,li){line-height:1.45}
body :is(dialog,.single-popup) :is(h2,h3,p):empty{display:none}
body :is(dialog,.single-popup) a[target=_blank]{text-underline-offset:3px}
body .single-popup .fit-diagram320{display:block;grid-column:1/-1;flex:none;width:100%;height:150px!important;min-height:150px;background:#102f3c;border:1px solid #63858a;border-radius:12px;margin:8px 0}
.fit-controls320{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.fit-controls320 label{display:grid;grid-template-rows:1fr auto;gap:6px;min-width:0}
.fit-controls320 input,.fit-controls320 select{width:100%;min-height:44px}
.fit-result320{grid-column:1/-1;border-left:3px solid var(--enm-gold);padding:8px 10px;background:#ffffff08;border-radius:0 8px 8px 0}
@media(max-height:500px){.fit-diagram320{height:110px}body :is(dialog,.single-popup)>:is(header,.menu-header189){padding-bottom:5px!important;margin-bottom:4px!important}}
@media(prefers-reduced-motion:reduce){body :is(dialog,.single-popup,#session-chat) button{transition:none!important}}

/* Readable, consistent title/pause controls without covering live play. */
:is(.menu261,.pin-menu289,.overlay253,.snake-menu296,#bike286>section,.outing-start215) :is(h2,h3){line-height:1.2;letter-spacing:.015em;text-wrap:balance}
:is(.menu261,.pin-menu289,.overlay253,.snake-menu296,#bike286>section,.outing-start215) button{min-height:44px;min-width:0;max-width:100%;white-space:normal;line-height:1.25;text-align:center;align-items:center;justify-content:center}
:is(.menu261,.pin-menu289,.overlay253,.snake-menu296,#bike286>section,.outing-start215) :is(input,select){max-width:100%;min-width:0;min-height:44px}
:is(.menu261,.pin-menu289,.overlay253,.snake-menu296,#bike286>section,.outing-start215) :is(button,input,select):focus-visible{outline:3px solid #ffe09d;outline-offset:3px}

/* Keep the primary action visible on short landscape screens. */
@media (max-height:500px) and (min-width:600px){
 body .pin-menu289:not([hidden]){width:min(760px,calc(100% - 24px))!important;max-height:calc(100dvh - 24px)!important;display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;padding:12px!important;align-items:start}
 body .pin-menu289>small{display:none}
 body .pin-menu289>h2{font-size:24px!important;margin:0!important}
 body .pin-menu289>p{font-size:12px!important;margin:0!important;line-height:1.3}
 body .pin-menu289>.pin-tables316{grid-column:1/-1;margin:2px 0}
 body .pin-menu289>.pin-tables316 button{min-height:66px}
 body .pin-menu289>button{margin:0!important;min-height:44px}
 body .pin-menu289>details{margin:0!important}
 body .pin-menu289>details[open]{grid-column:1/-1}
}
@media(max-width:480px){body .fighter-cards289 img{height:84px!important;object-fit:contain}body .menu261 .fighter-cards289{gap:8px}body .menu261 .fighter-cards289 button{padding:8px!important}body .menu261>h2{font-size:25px!important}}

/* Original lightweight title artwork for the two learning games. */
.studio-title-art320{display:block!important;width:200px!important;height:118px!important;max-width:60%;margin:0 auto 12px;flex:none}
body.arcade-full #play-panel #category-game .immersive-game:has(>.saved-menu285:not([hidden])){min-height:min(720px,calc(100dvh - 104px))!important;justify-content:center!important;background:radial-gradient(ellipse at 50% 20%,#356672,#142f42 75%)!important}
body.arcade-full #play-panel #category-game .immersive-game:has(>.saved-menu285:not([hidden]))>header{display:none!important}
body .immersive-game>.saved-menu285{width:min(680px,100%);align-self:center;padding:20px!important;box-sizing:border-box}
@media(max-height:500px){.studio-title-art320{width:100px!important;height:58px!important;margin-bottom:4px}body .immersive-game>.saved-menu285{padding:10px!important}}

/* Family profiles stay one clear choice away without long stacked cards. */
#family187 .family-tabs321{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin:10px 0}
#family187 .family-tabs321 button{margin:0;width:100%;min-height:44px}
body dialog#family187 .family-tabs321 button[role=tab][aria-selected=true]{background:#dfc786!important;color:#163b48!important;box-shadow:inset 0 0 0 2px #fff1c7}
#family187 .family-child321[hidden]{display:none!important}
#family187 .family-child321{margin:0;padding:10px!important}

@layer mall188 {body dialog#family187 .family-tabs321 button[role=tab][aria-selected=true]{background:#dfc786!important;color:#163b48!important;box-shadow:inset 0 0 0 2px #fff1c7!important}}

@media(min-width:600px) and (max-height:500px){#family187 .family-child321{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}#family187 .family-child321>strong{grid-column:1/-1}#family187 .family-child321>.family-primary196{grid-column:2;grid-row:2/4;align-self:center;margin:0!important}#family187 .family-child321>p{margin:0!important}#family187 .family-child321>p:nth-of-type(3),#family187 .family-child321>details{grid-column:1/-1}}

/* Activity-specific compact layouts: the scene and primary tools stay visible. */
body.arcade-full #play-panel #category-game .immersive-game .immersive-controls,body.arcade-full #play-panel #category-game .immersive-game .immersive-tools{gap:6px!important}
body.arcade-full #play-panel #category-game .immersive-game .immersive-controls button,body.arcade-full #play-panel #category-game .immersive-game .immersive-tools button{display:flex!important;align-items:center;justify-content:center;text-align:center;min-width:0!important;margin:0!important;box-sizing:border-box}
@media(max-width:600px){
 body.arcade-full #play-panel #category-game .immersive-game{padding:8px!important;gap:6px!important}
 body.arcade-full #play-panel #category-game .immersive-game>header h2{font-size:18px!important;margin:2px 0!important}
 body.arcade-full #play-panel #category-game .immersive-game .immersive-brief{font-size:12px!important;line-height:1.35;margin:4px 0!important}
 body.arcade-full #play-panel #category-game .immersive-game .immersive-view{height:clamp(160px,28dvh,260px)!important;min-height:160px!important}
 body.arcade-full #play-panel #category-game .immersive-game .immersive-feedback{font-size:12px!important;line-height:1.35;padding:6px!important;margin:4px 0!important}
 body.arcade-full #play-panel #category-game .immersive-game .immersive-controls,body.arcade-full #play-panel #category-game .immersive-game .immersive-tools{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));margin:4px 0!important;padding:0!important}
 body.arcade-full #play-panel #category-game .immersive-game .immersive-controls[hidden],body.arcade-full #play-panel #category-game .immersive-game .immersive-tools[hidden]{display:none!important}
 body.arcade-full #play-panel #category-game .immersive-game .immersive-controls button,body.arcade-full #play-panel #category-game .immersive-game .immersive-tools button{width:100%!important;min-height:44px!important;font-size:12px!important;line-height:1.2!important;padding:6px!important}
 body.arcade-full #play-panel #category-game .immersive-game .immersive-options{margin:4px 0!important}
 body.arcade-full #play-panel #category-game .immersive-game .immersive-options>summary{min-height:44px;display:flex;align-items:center;justify-content:center}
}
@media(min-width:601px) and (max-height:500px){
 body.arcade-full #play-panel #category-game .immersive-game:not(:has(.saved-menu285:not([hidden]))){display:grid!important;grid-template-columns:minmax(260px,1fr) minmax(260px,.85fr);gap:6px 12px!important;align-items:start}
 body.arcade-full #play-panel #category-game .immersive-game>.immersive-view{grid-column:1;grid-row:1/span 8;height:calc(100dvh - 110px)!important;min-height:160px!important}
 body.arcade-full #play-panel #category-game .immersive-game>header,body.arcade-full #play-panel #category-game .immersive-game>.immersive-brief,body.arcade-full #play-panel #category-game .immersive-game>.immersive-feedback,body.arcade-full #play-panel #category-game .immersive-game>.immersive-controls,body.arcade-full #play-panel #category-game .immersive-game>.immersive-tools,body.arcade-full #play-panel #category-game .immersive-game>.immersive-options,body.arcade-full #play-panel #category-game .immersive-game>.immersive-result{grid-column:2;margin:2px 0!important}
 body.arcade-full #play-panel #category-game .immersive-game .immersive-controls,body.arcade-full #play-panel #category-game .immersive-game .immersive-tools{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));padding:0!important}
 body.arcade-full #play-panel #category-game .immersive-game .immersive-controls[hidden],body.arcade-full #play-panel #category-game .immersive-game .immersive-tools[hidden]{display:none!important}
 body.arcade-full #play-panel #category-game .immersive-game .immersive-controls button,body.arcade-full #play-panel #category-game .immersive-game .immersive-tools button{font-size:12px!important;padding:5px!important;min-height:44px!important}
}

body .park-arena[data-game248=golf]>.park-hud{position:static!important;transform:none!important;width:auto!important;max-width:none!important;box-sizing:border-box;margin:5px 0!important;padding:5px 8px!important;font-size:12px!important;line-height:1.3!important}

@media(min-width:601px) and (max-height:500px){
 body.arcade-full #play-panel #category-game .immersive-game>.immersive-brief{display:none!important}
 body.arcade-full #play-panel #category-game .immersive-game>header h2{font-size:16px!important;line-height:1.2!important;margin:0!important}
 body.arcade-full #play-panel #category-game .immersive-game>.immersive-feedback{font-size:11px!important;line-height:1.2!important;padding:4px!important;min-height:0!important}
 body.arcade-full #play-panel #category-game .immersive-game[data-game] .immersive-controls{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 body.arcade-full #play-panel #category-game .immersive-game .immersive-tools{grid-template-columns:repeat(4,minmax(0,1fr))!important}
 body.arcade-full #play-panel #category-game .immersive-game .immersive-options>summary{min-height:36px!important;padding:4px!important;font-size:12px!important}
}

@media(max-width:600px){body.arcade-full #play-panel #category-game .immersive-game[data-game] .immersive-controls{grid-template-columns:repeat(3,minmax(0,1fr))!important}}

body.arcade-full #play-panel #category-game .immersive-game[data-game] .immersive-controls:has(.mall-move-pad){display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important}
body.arcade-full #play-panel #category-game .immersive-game .immersive-controls:has(.mall-move-pad)>button{width:auto!important;flex:0 0 auto!important}
body.arcade-full #play-panel #category-game .immersive-game .immersive-controls:has(.mall-move-pad)>span{flex:1 1 100px;font-size:12px!important;line-height:1.3!important;text-align:center}
body.arcade-full #play-panel #category-game .immersive-game .immersive-controls>.mall-move-pad{margin:0!important;order:0!important;flex:0 0 90px!important;width:90px!important;height:90px!important}

@layer mall188 {body #music-studio176[data-music259] .studio-bars[hidden],body #music-studio176[data-music259] .piano-scroll[hidden],body #music-studio176[data-music259] .studio-editing259[hidden],body #music-studio176[data-music259] .studio-simple184[hidden],body #music-studio176[data-music259] [data-expert184][hidden]{display:none!important}}

body.arcade-full #play-panel #category-game .immersive-game:has(.mall-move-pad)>.immersive-tools{display:flex!important;align-items:center!important;gap:10px!important}
body.arcade-full #play-panel #category-game .immersive-game:has(.mall-move-pad)>.immersive-tools>span{flex:1;font-size:12px!important;line-height:1.3!important}
body.arcade-full #play-panel #category-game .immersive-game:has(.mall-move-pad)>.immersive-tools>button{flex:0 0 auto!important;width:auto!important}
body.arcade-full #play-panel #category-game .immersive-game:has(.mall-move-pad)>.immersive-placement{display:none!important}

/* Connected tabs, with a clear active surface rather than a row of action buttons. */
.park-filters317[role=tablist]{border-bottom:2px solid #d9bd7a;padding:0 2px!important;gap:3px!important;align-items:stretch}
.park-filters317 [role=tab]{border-radius:12px 12px 0 0!important;border:1px solid #719396!important;border-bottom:0!important;background:#173c46!important;color:#c7dcdb!important;box-shadow:none!important;transform:none!important;position:relative}
.park-filters317 [role=tab][aria-selected=true]{background:#e8d5a5!important;color:#173b45!important;border-color:#e8d5a5!important;font-weight:800!important}
.park-filters317 [role=tab]:focus-visible{outline:3px solid #8de1df;outline-offset:2px}
#park-category-panel323{border:1px solid #658a8e;border-top:0;border-radius:0 0 12px 12px;padding:10px}
body:has(dialog[open]) #look-pad245[data-action287=yes]:before{display:none!important}

.course-title323{width:min(780px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;box-sizing:border-box;text-align:center;background:#173e48;color:#fff0d4;border:2px solid #dec58a;border-radius:20px;padding:18px}.course-choices323{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.course-choices323>button{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;white-space:normal;padding:10px;text-align:center}.course-choices323 span{font-size:14px}.course-preview323{width:100%;height:110px;border-radius:12px;background:linear-gradient(145deg,#a8c777,#275b58);display:grid;place-items:center;overflow:hidden}.course-preview323 span{font-size:48px}.course-preview323[data-pack="1"]{background:linear-gradient(135deg,#315d4b,#97b78c 50%,#76c1bf)}.course-preview323[data-pack="2"]{background:linear-gradient(135deg,#162940,#5f6c9b 50%,#c9b68a)}@media(max-width:540px){.course-choices323{grid-template-columns:1fr}.course-choices323>button{display:grid;grid-template-columns:64px 1fr;gap:4px 10px}.course-preview323{grid-row:1/4;height:64px}.course-choices323>button>span,.course-choices323>button>small{grid-column:2}.course-preview323 span{font-size:32px}.course-title323{padding:12px}}

body dialog.course-title323{width:min(780px,calc(100vw - 24px))!important;max-width:min(780px,calc(100vw - 24px))!important;max-height:calc(100dvh - 24px)!important;}

.learning323>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.learning323 label{display:flex;flex-direction:column;gap:6px;text-align:center}.learning323 input,.learning323 select{width:100%;box-sizing:border-box;min-height:44px}.learning323>a{display:inline-block;margin:12px;}
/* Course selectors are full pre-play dialogs; reserve space for complete choices. */
body.virtual-mall-page dialog.course-title323[open]:not(#cuddle-claw179):not(#music-studio176){width:min(780px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 30px)!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important;padding:18px!important}
@media(max-width:540px){body.virtual-mall-page dialog.course-title323[open]:not(#cuddle-claw179):not(#music-studio176){padding:12px!important}.course-choices323>button:not(:has(.course-preview323)){display:flex;flex-direction:column;gap:3px}}

body dialog.learning323>div:not(.menu-header189):not(.control-footer){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}body dialog.learning323 label{min-width:0;font-size:13px;margin:0!important}body dialog.learning323 p{font-size:13px;line-height:1.4;margin:8px 0!important}body dialog.learning323 input,body dialog.learning323 select{min-width:0;min-height:44px;padding:8px!important}body dialog.learning323>a{font-size:13px;margin:8px!important}body dialog.learning323>.menu-header189{display:flex!important}body dialog.learning323 h2{font-size:18px!important}@media(min-width:700px){body dialog.learning323>div:not(.menu-header189):not(.control-footer){grid-template-columns:repeat(3,minmax(0,1fr))!important}}