/* One illustrated menu language: enamel cards, raised controls, and clear hierarchy. */
#shell[data-appearance]{--menu-radius:16px;--menu-control-radius:12px;--menu-button-edge:#a66b22;--menu-control-edge:#3b7088;--menu-header-top:#317797;--menu-header-bottom:#225775;--menu-keyline:#84b8cb;--menu-header-ink:#f3fcff}
#shell[data-lobby-tone=dark]{--menu-button-edge:#7f5829;--menu-control-edge:#101f34;--menu-header-top:#314963;--menu-header-bottom:#20364c;--menu-keyline:#698ba1}
html[data-menu-art=halloween] #shell[data-appearance]>:is(#collection-panel,#settings-panel,#party-panel,#rooms-panel,#career-panel,#account-panel,#expansion-panel){background:linear-gradient(#d8f2f7db,#c6e8efde),url('/assets/game/halloween-light-world-v1.webp') center/cover!important}
html[data-menu-art=halloween] #shell[data-lobby-tone=dark]>:is(#collection-panel,#settings-panel,#party-panel,#rooms-panel,#career-panel,#account-panel,#expansion-panel){background:linear-gradient(#111e36df,#17253be6),url('/assets/game/halloween-dark-world-v1.webp') center/cover!important}
#shell[data-appearance] :is(#settings-panel,#party-panel,#rooms-panel,#career-panel,#account-panel,#expansion-panel)>:is(.settings-dialog,.party-dialog,.rooms-dialog,.career-dialog,.account-dialog,.expansion-dialog){border:2px solid var(--menu-keyline)!important;border-radius:22px!important;box-shadow:0 6px 0 #173f5659,0 14px 28px #102b4030!important;overflow:hidden}
#shell[data-appearance] :is(#settings-panel,#party-panel,#rooms-panel,#career-panel,#account-panel,#expansion-panel)>:is(.settings-dialog,.party-dialog,.rooms-dialog,.career-dialog,.account-dialog,.expansion-dialog)>header{background:linear-gradient(var(--menu-header-top),var(--menu-header-bottom))!important;color:var(--menu-header-ink)!important;padding:10px 12px!important;border:1px solid #b5dfeb66!important;border-bottom:3px solid #153e5966!important;border-radius:15px!important;gap:10px;min-height:66px;flex-shrink:0}
#shell[data-appearance] :is(#settings-panel,#party-panel,#rooms-panel,#career-panel,#account-panel,#expansion-panel)>:is(.settings-dialog,.party-dialog,.rooms-dialog,.career-dialog,.account-dialog,.expansion-dialog)>header :is(h2,strong){color:var(--menu-header-ink)!important;line-height:1.15}
#shell[data-appearance] :is(#settings-panel,#party-panel,#rooms-panel,#career-panel,#account-panel,#expansion-panel)>:is(.settings-dialog,.party-dialog,.rooms-dialog,.career-dialog,.account-dialog,.expansion-dialog)>header :is(small,.section-eyebrow){color:#cbeaf4!important;letter-spacing:.12em;font-size:10px}
#shell[data-appearance] .menu-section-art{width:38px;height:38px;min-width:38px;object-fit:contain;filter:drop-shadow(0 2px 0 #102d4055);margin:0}
#shell[data-appearance] :is(#settings-panel,#party-panel,#rooms-panel,#career-panel,#account-panel,#expansion-panel)>:is(.settings-dialog,.party-dialog,.rooms-dialog,.career-dialog,.account-dialog,.expansion-dialog)>header .back-button{border:1px solid #cceffc99!important;background:linear-gradient(#ffffff26,#ffffff10)!important;color:#f4fcff!important;border-radius:11px!important;box-shadow:inset 0 1px #ffffff40,0 2px 0 #13395066!important}
#shell[data-appearance] :is(#collection-panel,#settings-panel,#party-panel,#rooms-panel,#career-panel,#account-panel,#expansion-panel) :is(.primary,#mode-play){background:linear-gradient(#ffe78b,#ffc748)!important;color:#4c3210!important;border:2px solid #fff2b6!important;border-radius:var(--menu-control-radius)!important;box-shadow:inset 0 2px #fff9d2,0 4px 0 var(--menu-button-edge)!important;text-shadow:none!important;font-weight:800;transition:transform .12s,box-shadow .12s}
#shell[data-appearance] :is(#collection-panel,#settings-panel,#party-panel,#rooms-panel,#career-panel,#account-panel,#expansion-panel) :is(.primary,#mode-play):active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 1px #fff9d2,0 2px 0 var(--menu-button-edge)!important}
#shell[data-appearance] :is(#collection-panel,#settings-panel,#party-panel,#rooms-panel,#career-panel,#account-panel,#expansion-panel) :is(.secondary,.guest-button,#mode-practice){background:linear-gradient(var(--a-raised),var(--a-soft))!important;color:var(--a-ink)!important;border:1px solid var(--a-line)!important;border-radius:var(--menu-control-radius)!important;box-shadow:inset 0 1px #ffffff3d,0 3px 0 var(--menu-control-edge)!important;text-decoration:none!important;font-weight:700}
#shell[data-appearance] :is(.setting-tile,.party-choice,.room-row,.achievement-card,.social-grid>article,.stats-grid>article){border-radius:var(--menu-radius)!important;border:1px solid var(--a-line)!important;box-shadow:inset 0 1px #ffffff55,0 3px 0 #17405b18!important}
#shell[data-appearance] :is(.settings-tabs,.career-tabs,.expansion-tabs,.account-tabs,.section-switch){border-radius:14px!important;padding:5px!important;gap:5px!important}
#shell[data-appearance] :is(.settings-tabs,.career-tabs,.expansion-tabs,.account-tabs,.section-switch)>button{border-radius:10px!important;text-decoration:none!important;line-height:1.25;min-height:44px}
#shell[data-appearance] :is(.settings-tabs,.career-tabs,.expansion-tabs,.account-tabs,.section-switch)>button:is([aria-selected=true],[aria-pressed=true]){background:linear-gradient(#fff1b6,#ffdb75)!important;color:#453817!important;border:1px solid #fff6cf!important;box-shadow:0 3px 0 #ad7e34!important;font-weight:800}
#shell[data-appearance] :is(.settings-tabs,.career-tabs,.expansion-tabs,.account-tabs,.section-switch)>button:is([aria-selected=true],[aria-pressed=true])::after{display:none!important}
#shell[data-appearance] :is(.party-choice,.setting-tile,.achievement-card,.stats-grid article) h3{font-family:Fredoka,system-ui,sans-serif;line-height:1.2;margin-top:0}
#shell[data-appearance] #collection-panel .collection-header{border-bottom:3px solid #183f5855!important;box-shadow:inset 0 1px #b5e5f255}
#shell[data-appearance] #collection-panel.catalog-remake .catalog-card-shell>:is(.collection-card,.store-card){border-radius:16px!important;box-shadow:inset 0 2px #ffffff55,0 3px 0 #24597429!important}
#shell[data-appearance] #collection-panel.catalog-remake .catalog-card-shell>:is(.collection-card,.store-card)[aria-pressed=true]{border-color:#2e6484!important;box-shadow:inset 0 -4px #32a5ad,0 3px 0 #24597455!important}
#shell[data-lobby-tone=dark] #collection-panel.catalog-remake .catalog-card-shell>:is(.collection-card,.store-card)[aria-pressed=true]{border-color:#f0d397!important;box-shadow:inset 0 -4px #ae914b,0 3px 0 #142237!important}
#shell[data-appearance] #lobby .light-feature-ghost{display:none!important}
html[data-menu-art=halloween] #shell[data-appearance]:not([data-menu-classic=true]) #lobby .light-world-ghost{top:12px;z-index:5}
html[data-menu-art=halloween] #shell[data-appearance]:not([data-menu-classic=true]) #lobby .ghost-far{top:18px}
@keyframes light-ghost-roam{0%,100%{opacity:0;transform:translate(0,0) rotate(-7deg)}8%,27%{opacity:.9}32%{opacity:0;transform:translate(25vw,8px) rotate(6deg)}38%{opacity:0;transform:translate(27vw,12px) rotate(-4deg)}46%,68%{opacity:.9}74%{opacity:0;transform:translate(16vw,4px) rotate(8deg)}82%{opacity:0;transform:translate(-21vw,6px) rotate(-5deg)}90%{opacity:.9}97%{opacity:0;transform:translate(0,0) rotate(-7deg)}}
@keyframes light-ghost-far{0%,100%{opacity:0;transform:translate(0,0) scale(.85)}10%,30%{opacity:.82}37%{opacity:0;transform:translate(-18vw,16px) scale(1.05) rotate(-7deg)}44%{opacity:0;transform:translate(27vw,10px) scale(.8) rotate(9deg)}53%,76%{opacity:.82}84%{opacity:0;transform:translate(-9vw,0) scale(.9)}92%{opacity:0;transform:translate(0,0) scale(.85)}}
@media(orientation:portrait){
 #shell[data-appearance] :is(#settings-panel,#party-panel,#rooms-panel,#career-panel,#account-panel,#expansion-panel)>:is(.settings-dialog,.party-dialog,.rooms-dialog,.career-dialog,.account-dialog,.expansion-dialog)>header{padding:8px!important;gap:8px;min-height:64px}
 #shell[data-appearance] .menu-section-art{width:30px;height:30px;min-width:30px}
 #shell[data-appearance] :is(#settings-panel,#party-panel,#rooms-panel,#career-panel,#account-panel,#expansion-panel)>:is(.settings-dialog,.party-dialog,.rooms-dialog,.career-dialog,.account-dialog,.expansion-dialog)>header h2{font-size:20px}
 #shell[data-appearance] :is(#settings-panel,#party-panel,#rooms-panel,#career-panel,#account-panel,#expansion-panel)>:is(.settings-dialog,.party-dialog,.rooms-dialog,.career-dialog,.account-dialog,.expansion-dialog)>header .back-button{min-width:58px!important;padding-inline:8px!important}
 #shell[data-appearance] #party-panel .party-dialog{overflow-y:auto}
}
@media(orientation:landscape) and (max-height:600px){
 #shell[data-appearance] :is(#settings-panel,#party-panel,#rooms-panel,#career-panel,#account-panel,#expansion-panel)>:is(.settings-dialog,.party-dialog,.rooms-dialog,.career-dialog,.account-dialog,.expansion-dialog)>header{padding:6px 10px!important;min-height:54px}
 #shell[data-appearance] .menu-section-art{width:30px;height:30px;min-width:30px}
 #shell[data-appearance] :is(#settings-panel,#party-panel,#rooms-panel,#career-panel,#account-panel,#expansion-panel)>:is(.settings-dialog,.party-dialog,.rooms-dialog,.career-dialog,.account-dialog,.expansion-dialog)>header h2{font-size:21px}
}

#shell[data-appearance] #party-panel .party-dialog{overflow-y:auto!important}
#shell[data-appearance] #party-panel .party-choice{min-height:0!important}
#shell[data-appearance] :is(#settings-panel,#party-panel,#rooms-panel,#career-panel,#account-panel,#expansion-panel)>:is(.settings-dialog,.party-dialog,.rooms-dialog,.career-dialog,.account-dialog,.expansion-dialog)>header{display:flex!important;justify-content:flex-start!important}
#shell[data-appearance] :is(#settings-panel,#party-panel,#rooms-panel,#career-panel,#account-panel,#expansion-panel)>:is(.settings-dialog,.party-dialog,.rooms-dialog,.career-dialog,.account-dialog,.expansion-dialog)>header>div{min-width:0}

/* Light wallets are candy-coloured; dark wallets keep their deeper jewel hues. */
#shell[data-appearance=light]:not([data-menu-classic=true]) #main-topbar .coin-plaque,#shell[data-appearance=light] #collection-panel.catalog-remake .coin-pill{background:linear-gradient(#ffe9fa,#edbafa)!important;border-color:#fff4fc!important;color:#512767!important;box-shadow:inset 0 2px #fff9fc,0 3px 0 #a771b9,0 4px 9px #68398333!important}
#shell[data-appearance=light]:not([data-menu-classic=true]) #main-topbar .coin-plaque #menu-coins,#shell[data-appearance=light] #collection-panel.catalog-remake .coin-pill #collection-coins{color:#512767!important;text-shadow:none!important}

#lobby .ghost-flight-layer{position:absolute;inset:0;z-index:5;pointer-events:none!important;overflow:hidden}

/* Off-screen catalog cards retain their grid size without laying out artwork. */
#shell #collection-panel.catalog-remake .catalog-card-shell{content-visibility:auto;contain-intrinsic-size:auto 120px auto 180px}

/* Keep signed-in account actions reachable on short landscape screens. */
#shell[data-appearance] #account-panel>.account-dialog{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scroll-padding-block:12px}