/* One appearance palette for every menu; layout and artwork stay shared. */
#shell[data-appearance]{--a-ink:#173e53;--a-muted:#486779;--a-page:radial-gradient(ellipse at 12% 0%,#a4f1f0 0,transparent 55%),radial-gradient(ellipse at 95% 95%,#a9b6ed 0,transparent 50%),linear-gradient(135deg,#67c1e4,#87dbc9);--a-panel:#c3e8f2;--a-raised:#ecfaff;--a-soft:#a9d6e8;--a-line:#6babc5;--a-selected:#fff0c4;--a-selection:#876015;--a-accent:#147e8a;--a-accent-soft:#c4ebe8;--a-stage:linear-gradient(155deg,#f5fdff,#b4eedf);--a-card:linear-gradient(160deg,#98d9ed,#ade6dd);--a-shadow:0 12px 36px #235b7220;--a-scheme:light;}
#shell[data-appearance][data-appearance=dark]{--a-ink:#edf7f8;--a-muted:#b9cfd6;--a-page:linear-gradient(125deg,#132d40 0%,#163b40 52%,#272d49 100%);--a-panel:#172f3d;--a-raised:#224451;--a-soft:#1a3949;--a-line:#4a6c78;--a-selected:#39534f;--a-selection:#f6d592;--a-accent:#9be0d4;--a-accent-soft:#284d53;--a-stage:linear-gradient(155deg,#315d62,#1d3c4a);--a-card:linear-gradient(160deg,#284b58,#203e48);--a-shadow:0 12px 36px #06152140;--a-scheme:dark;}
@media(prefers-color-scheme:dark){#shell[data-appearance][data-appearance=auto]{--a-ink:#edf7f8;--a-muted:#b9cfd6;--a-page:linear-gradient(125deg,#132d40 0%,#163b40 52%,#272d49 100%);--a-panel:#172f3d;--a-raised:#224451;--a-soft:#1a3949;--a-line:#4a6c78;--a-selected:#39534f;--a-selection:#f6d592;--a-accent:#9be0d4;--a-accent-soft:#284d53;--a-stage:linear-gradient(155deg,#315d62,#1d3c4a);--a-card:linear-gradient(160deg,#284b58,#203e48);--a-shadow:0 12px 36px #06152140;--a-scheme:dark;}}

#shell[data-appearance]{--ui-ink:var(--a-ink);--ui-muted:var(--a-muted);--ui-panel:var(--a-panel);--ui-raised:var(--a-raised);--ui-line:var(--a-line);--ui-focus:var(--a-accent);--ui-accent:var(--a-selection);--ink:var(--a-ink);--muted:var(--a-muted);color-scheme:var(--a-scheme)}
#shell[data-appearance] :is(#collection-panel,#settings-panel,#party-panel,#rooms-panel,#career-panel,#account-panel,#expansion-panel,#create-panel,#admin-panel){background:var(--a-page)!important;color:var(--a-ink)!important}
#shell[data-appearance] :is(.collection-dialog,.settings-dialog,.party-dialog,.rooms-dialog,.career-dialog,.account-dialog,.expansion-dialog,.admin-dialog,#create-panel>.dialog){background:var(--a-panel)!important;color:var(--a-ink)!important;border:1px solid var(--a-line);box-shadow:var(--a-shadow)!important;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:20px}
#shell[data-appearance] :is(#collection-panel,#settings-panel,#party-panel,#rooms-panel,#career-panel,#account-panel,#expansion-panel,#create-panel,#admin-panel) :is(h2,h3,h4,label,strong,b){color:var(--a-ink)!important;text-shadow:none!important}
#shell[data-appearance] :is(#collection-panel,#settings-panel,#party-panel,#rooms-panel,#career-panel,#account-panel,#expansion-panel,#create-panel,#admin-panel) :is(p,small,.inline-status,.selection-summary,.budget-note,.setting-state,.settings-current){color:var(--a-muted)!important;text-shadow:none!important}
#shell[data-appearance] :is(#collection-panel,#settings-panel,#party-panel,#rooms-panel,#career-panel,#account-panel,#expansion-panel,#create-panel,#admin-panel) :is(.secondary,.text-button,.back-button,.segmented button,.section-switch button,.settings-tabs button,.expansion-tabs button,.career-tabs button,.slot-chip){background:var(--a-soft)!important;color:var(--a-ink)!important;border-color:var(--a-line)!important;box-shadow:none!important;text-shadow:none!important}
#shell[data-appearance] :is(#collection-panel,#settings-panel,#party-panel,#rooms-panel,#career-panel,#account-panel,#expansion-panel,#create-panel,#admin-panel) :is(.segmented,.settings-tabs,.expansion-tabs,.career-tabs){background:var(--a-soft)!important;border-color:var(--a-line)!important;box-shadow:none!important}
#shell[data-appearance] :is(#collection-panel,#settings-panel,#party-panel,#rooms-panel,#career-panel,#account-panel,#expansion-panel,#create-panel,#admin-panel) :is(button[aria-pressed=true],button[aria-selected=true]){background:var(--a-selected)!important;color:var(--a-ink)!important;border-color:var(--a-selection)!important;box-shadow:inset 0 -3px var(--a-selection)!important}
#shell[data-appearance] :is(#collection-panel,#settings-panel,#party-panel,#rooms-panel,#career-panel,#account-panel,#expansion-panel,#create-panel,#admin-panel) :is(input:not([type=range]):not([type=checkbox]),select,textarea){background:var(--a-raised)!important;color:var(--a-ink)!important;color-scheme:var(--a-scheme);border-color:var(--a-line)!important;min-height:44px}
#shell[data-appearance] input::placeholder,#shell[data-appearance] textarea::placeholder{color:var(--a-muted)!important;opacity:1}
#shell[data-appearance] :is(#collection-panel,#settings-panel,#party-panel,#rooms-panel,#career-panel,#account-panel,#expansion-panel,#create-panel,#admin-panel) :is(.setting-tile,.settings-advanced,.settings-advanced-body,.settings-reset-confirm,.guide-grid article,.control-instructions,.control-choices button,.ui-details,.mode-card,.party-choice,.room-row,.account-hero,.account-form,.account-cloud,.stat-card,.achievement-card,.friend-code,.social-card,.family-profile-card){background:var(--a-raised)!important;color:var(--a-ink)!important;border-color:var(--a-line)!important;box-shadow:none!important}
#shell[data-appearance] :is(#collection-panel,#settings-panel,#party-panel,#rooms-panel,#career-panel,#account-panel,#expansion-panel,#create-panel,#admin-panel) :is(.settings-notice,.graphics-status,.account-note,.account-intro,.party-code-box){background:var(--a-accent-soft)!important;color:var(--a-ink)!important;border-color:var(--a-accent)!important}
#shell[data-appearance] :is(#collection-panel,#settings-panel,#party-panel,#rooms-panel,#career-panel,#account-panel,#expansion-panel,#create-panel,#admin-panel) button:disabled{opacity:.6}
#shell[data-appearance] :is(#collection-panel,#settings-panel,#party-panel,#rooms-panel,#career-panel,#account-panel,#expansion-panel,#create-panel,#admin-panel) .primary{background:linear-gradient(145deg,#ffe6a0,#ffd16d)!important;color:#3f3218!important;border-color:#b78936!important;box-shadow:0 3px 0 #936a2526!important}
#shell[data-appearance] :is(#collection-panel,#settings-panel,#party-panel,#rooms-panel,#career-panel,#account-panel,#expansion-panel,#create-panel,#admin-panel) .primary :is(strong,small){color:#3f3218!important}
#shell[data-appearance] :is(#collection-panel,#settings-panel,#party-panel,#rooms-panel,#career-panel,#account-panel,#expansion-panel,#create-panel,#admin-panel) :is(.error,.field-error){color:#c34642!important}
#shell[data-appearance] :is(button,input,select,summary):focus-visible{outline-color:var(--a-accent)}
/* The lobby keeps its illustrated world, with readable panels in either mode. */
#shell[data-appearance]:not([data-menu-classic=true]) #lobby :is(.dock-button,.profile-plaque,.ranked-shortcut,.career-strip>button,#collection-open,#modes-open,.menu-panel-toggle),
#shell[data-appearance]:not([data-menu-classic=true]) #main-topbar :is(.icon-button,.best-plaque,.coin-plaque){background:var(--a-panel)!important;color:var(--a-ink)!important;border-color:var(--a-line)!important;box-shadow:0 4px 14px #16374820!important}
#shell[data-appearance]:not([data-menu-classic=true]) #lobby :is(.dock-tip,.profile-plaque small,.career-strip small,.best-plaque strong,.coin-plaque b){color:var(--a-muted)!important}
#shell[data-appearance]:not([data-menu-classic=true]) #lobby #player-name{background:var(--a-raised)!important;color:var(--a-ink)!important;border-color:var(--a-line)!important}
/* A clear header, a calm stage, and a separate selection/action strip. */
#shell[data-appearance] #collection-panel.catalog-remake{--shop-ink:var(--a-ink);--shop-muted:var(--a-muted);--shop-line:var(--a-line);--shop-gold:var(--a-selection)}
#shell[data-appearance] #collection-panel.catalog-remake .collection-header{background:var(--a-soft)!important;border-color:var(--a-line)!important;gap:12px;padding:8px 16px}
#shell[data-appearance] #collection-panel.catalog-remake .collection-tabs button{color:var(--a-muted)!important;background:transparent!important}
#shell[data-appearance] #collection-panel.catalog-remake .collection-tabs button[aria-selected=true]{background:var(--a-raised)!important;color:var(--a-ink)!important;box-shadow:inset 0 -3px var(--a-accent)!important}
#shell[data-appearance] #collection-panel.catalog-remake :is(#collection-close,.coin-pill){color:var(--a-ink)!important;background:transparent!important}
#shell[data-appearance] #collection-panel.catalog-remake :is(#store-preview-stage,#collection-preview-stage){background:var(--a-stage)!important;border-color:var(--a-line)!important;box-shadow:inset 0 1px #ffffff40!important}
#shell[data-appearance] #collection-panel.catalog-remake :is(#store-detail-name,#collection-selection,#collection-edit-name){color:var(--a-ink)!important}
#shell[data-appearance] #collection-panel.catalog-remake :is(#store-edition-label,#collection-edition-label,#store-detail-tag,.catalog-caption){color:var(--a-muted)!important}
#shell[data-appearance] #collection-panel.catalog-remake .catalog-card-shell>:is(.collection-card,.store-card){background:var(--a-card)!important;border:1px solid var(--a-line)!important;box-shadow:none!important;border-radius:14px}
#shell[data-appearance] #collection-panel.catalog-remake .catalog-card-shell>:is(.collection-card,.store-card)[aria-pressed=true]{background:var(--a-raised)!important;border:2px solid var(--a-accent)!important;box-shadow:inset 0 -4px var(--a-accent)!important}
#shell[data-appearance] #collection-panel.catalog-remake .catalog-quick-filters button{color:var(--a-muted)!important}
#shell[data-appearance] #collection-panel.catalog-remake .catalog-quick-filters button[aria-pressed=true]{background:var(--a-accent-soft)!important;color:var(--a-ink)!important;box-shadow:inset 3px 0 var(--a-accent)!important}
#shell[data-appearance] #collection-panel.catalog-remake :is(.store-footer,.collection-footer){background:var(--a-soft)!important;border:1px solid var(--a-line);border-radius:14px;padding:10px 12px!important;gap:12px!important;margin-top:2px}
#shell[data-appearance] #collection-panel.catalog-remake :is(.catalog-selection-copy,.selection-summary,.catalog-selection-copy strong){color:var(--a-ink)!important}
#shell[data-appearance] #collection-panel.catalog-remake :is(.browse-filter-content,.browse-filters>summary,.store-item-details,.collection-item-details){background:var(--a-panel)!important;color:var(--a-ink)!important;border-color:var(--a-line)!important}
#shell[data-appearance] #collection-panel.catalog-remake .card-favorite{background:var(--a-panel)!important;color:var(--a-ink)!important;border-color:var(--a-line)!important}
#shell[data-appearance] #collection-panel.catalog-remake .card-favorite[aria-pressed=true]{color:#ba3f69!important;background:var(--a-raised)!important}
#shell[data-appearance] #collection-panel.catalog-remake :is(#store-views,#collection-views).catalog-header-views button{--view-eye:var(--a-soft);background:var(--a-soft)!important;color:var(--a-muted)!important;border-color:var(--a-line)!important}
#shell[data-appearance] #collection-panel.catalog-remake :is(#store-views,#collection-views).catalog-header-views button[aria-pressed=true]{--view-eye:var(--a-selected);background:var(--a-selected)!important;color:var(--a-ink)!important;border-color:var(--a-selection)!important;box-shadow:inset 0 -2px var(--a-selection)!important}
#shell[data-appearance] #collection-panel.catalog-remake .catalog-navigation button{background:var(--a-panel)!important;color:var(--a-ink)!important;border-color:var(--a-line)!important}
/* Consistent spacing in both palettes, without reducing phone touch targets. */
#shell[data-appearance] :is(.settings-dialog,.party-dialog,.rooms-dialog,.career-dialog,.account-dialog,.expansion-dialog){padding:clamp(12px,1.6vw,24px);gap:16px}
#shell[data-appearance] :is(.party-columns,.settings-cards,.social-grid,.stats-grid,.achievement-grid){gap:16px}
#shell[data-appearance] :is(.party-choice,.mode-card,.room-row,.setting-tile){padding:18px;border-radius:14px}
#shell[data-appearance] :is(#collection-panel,#settings-panel,#party-panel,#rooms-panel,#career-panel,#account-panel,#expansion-panel,#create-panel,#admin-panel) .collection-header{gap:12px;margin-bottom:0}
#shell[data-appearance] #settings-panel .settings-section-heading{margin-bottom:16px}
#shell[data-appearance] #settings-panel .settings-section-heading h3,#shell[data-appearance] #settings-panel .setting-tile>h3{color:var(--a-ink)!important}
#shell[data-appearance] #settings-panel :is(p,.setting-check small,.setting-state){color:var(--a-muted)!important}
#shell[data-appearance] #settings-panel :is(h4,.setting-label,.setting-check){color:var(--a-ink)!important}
#shell[data-appearance] #settings-panel .setting-check{border-color:var(--a-line)!important}
#shell[data-appearance] #settings-panel .settings-footer{border-color:var(--a-line)!important;gap:12px}
#shell[data-appearance] #appearance-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:6px}
#shell[data-appearance] #appearance-options button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:84px;padding:10px 6px}
#shell[data-appearance] #appearance-options button::before{content:'';width:38px;height:24px;border:1px solid #7297aa;border-radius:6px;background:linear-gradient(135deg,#d1f5fa 50%,#21404e 50%)!important;box-shadow:inset 0 -6px #ffffff28!important}
#shell[data-appearance] #appearance-options [data-value=light]::before{background:linear-gradient(135deg,#d1f5fa,#ddf2da 60%,#eee4fb)!important}
#shell[data-appearance] #appearance-options [data-value=dark]::before{background:linear-gradient(135deg,#193c51,#21494b 60%,#342e4e)!important}
@media(orientation:landscape) and (max-height:650px){
 #shell[data-appearance] :is(.settings-dialog,.party-dialog,.rooms-dialog,.career-dialog,.account-dialog,.expansion-dialog){padding:10px 14px;gap:10px}
 #shell[data-appearance] :is(.party-choice,.mode-card,.room-row,.setting-tile){padding:12px}
 #shell[data-appearance] #collection-panel.catalog-remake .collection-header{gap:8px;padding:4px 10px}
 #shell[data-appearance] #collection-panel.catalog-remake :is(.store-footer,.collection-footer){padding:6px 8px!important;gap:8px!important}
 #shell[data-appearance] #settings-panel .settings-section-heading{margin-bottom:10px}
}
@media(orientation:portrait){
 #shell[data-appearance] #collection-panel.catalog-remake .collection-header{gap:8px;padding:8px 10px}
 #shell[data-appearance] #collection-panel.catalog-remake .catalog-quick-filters button[aria-pressed=true]{box-shadow:inset 0 -3px var(--a-accent)!important}
}
/* Accessibility choices keep priority over decorative surfaces. */
#shell[data-appearance].high-contrast{--a-line:var(--a-ink)}
#shell[data-appearance].high-contrast :is(#collection-panel,#settings-panel,#party-panel,#rooms-panel,#career-panel,#account-panel,#expansion-panel,#create-panel,#admin-panel) :is(button,input,select,textarea){border-width:2px}

#shell[data-appearance] :is(#settings-panel,#party-panel,#rooms-panel,#career-panel,#account-panel,#expansion-panel) .collection-header{background:transparent!important;border-bottom:1px solid var(--a-line);padding-bottom:10px}
#shell[data-appearance] #collection-panel.catalog-remake .collection-tabs{background:transparent!important}
#shell[data-appearance]:not([data-menu-classic=true]) #lobby :is(#profile-name,.career-strip strong,.career-strip small,.loadout-bar small){color:var(--a-ink)!important;text-shadow:none!important;-webkit-text-stroke:0!important}
#shell[data-appearance] #settings-panel #settings-save-status{color:var(--a-muted)!important}
#shell[data-appearance] #settings-panel :is(.settings-tabs,.setting-tile,.settings-advanced,.settings-advanced-body){background:var(--a-raised)!important;color:var(--a-ink)!important;border-color:var(--a-line)!important}
#shell[data-appearance] #collection-panel.catalog-remake :is(.store-category,.catalog-quick-filters button,.card-favorite,.card-details){color:var(--a-ink)!important;background-color:var(--a-soft)!important}
#shell[data-appearance] #expansion-panel :is(.mode-card,.mode-info,.map-card,.section-switch,.expansion-tabs){background:var(--a-soft)!important;color:var(--a-ink)!important;border-color:var(--a-line)!important}

#shell[data-appearance] #settings-panel #appearance-card{order:-1}
#shell[data-appearance] :is(#career-panel,#account-panel,#expansion-panel,#create-panel,#collection-panel,#party-panel) :is(.quest,.quest-card,.daily-challenge,.social-grid article,.solo-world-card,.party-settings-card,.party-players,.party-chat,.party-lobby-room,.snake-builder-controls,.snake-builder-stage,.design-sharing,.collection-book,.account-login-column,.account-signed-out,.family-profile-card,.family-profile-form){background:var(--a-soft)!important;color:var(--a-ink)!important;border-color:var(--a-line)!important;box-shadow:none!important}
#shell[data-appearance] :is(#career-panel,#account-panel,#expansion-panel,#create-panel,#collection-panel,#party-panel) :is(.section-switch,#account-modes){background:var(--a-soft)!important;border-color:var(--a-line)!important}
#shell[data-appearance] :is(#career-panel,#account-panel,#expansion-panel,#create-panel,#collection-panel,#party-panel) :is(.section-switch,#account-modes) button{background:var(--a-soft)!important;color:var(--a-ink)!important;border-color:var(--a-line)!important}
#shell[data-appearance] :is(#career-panel,#account-panel,#expansion-panel,#create-panel,#collection-panel,#party-panel) :is(.section-switch,#account-modes) button[aria-pressed=true]{background:var(--a-selected)!important;border-color:var(--a-selection)!important;box-shadow:inset 0 -3px var(--a-selection)!important}
#shell[data-appearance] #collection-panel.catalog-remake .card-favorite::before{background:var(--a-raised)!important;border-color:var(--a-line)!important;box-shadow:none!important}
#shell[data-appearance] #collection-panel.catalog-remake .card-favorite[aria-pressed=true]{color:#b72f62!important}
#shell[data-appearance] #collection-panel.catalog-remake .card-favorite[aria-pressed=true]::before{background:#ffe5ee!important;border-color:#c9507c!important}
#shell[data-appearance]:not([data-menu-classic=true]) #lobby .career-strip>button>span:not(.feature-icon){color:var(--a-muted)!important;text-shadow:none!important}
#shell[data-appearance] :is(#party-panel,#rooms-panel,#account-panel,#career-panel,#create-panel) .panel-heading{background:transparent!important;border-bottom:1px solid var(--a-line);padding:0 0 12px;margin-bottom:12px;gap:14px}
#shell[data-appearance] #rooms-panel .public-rooms,#shell[data-appearance] #rooms-panel #rooms-status{background:var(--a-soft)!important;color:var(--a-ink)!important;border-color:var(--a-line)!important}
#shell[data-appearance] #collection-panel.catalog-remake .card-favorite{font-size:0!important;background:transparent!important}
#shell[data-appearance] #collection-panel.catalog-remake .card-favorite::after{content:'';width:18px;height:18px;display:block;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20s-8-5-8-11a4.5 4.5 0 0 1 8-3 4.5 4.5 0 0 1 8 3c0 6-8 11-8 11Z' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat}
#shell[data-appearance] #collection-panel.catalog-remake .card-favorite[aria-pressed=true]::after{mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20s-8-5-8-11a4.5 4.5 0 0 1 8-3 4.5 4.5 0 0 1 8 3c0 6-8 11-8 11Z'/%3E%3C/svg%3E") center/contain no-repeat}
#shell[data-appearance] #collection-panel.catalog-remake .card-favorite::after{position:absolute;inset:13px;margin:0}
#shell[data-appearance] #account-panel :is(.guest-save-note,.account-input,.account-success,.account-signout-warning){background:var(--a-soft)!important;color:var(--a-ink)!important;border-color:var(--a-line)!important;box-shadow:none!important}
#shell[data-appearance] #account-panel .password-toggle{background:var(--a-soft)!important;color:var(--a-ink)!important;border-color:var(--a-line)!important}
#shell[data-appearance] #career-panel :is(.next-goal,.level-summary,.progress-help,.challenge-menu,.exploration-journal,.loadout-menu,.boss-journal,.boss-essence-help,.season-banner,.season-milestone,.finish-card){background:var(--a-soft)!important;color:var(--a-ink)!important;border-color:var(--a-line)!important;box-shadow:none!important}
#shell[data-appearance] #career-panel :is(.section-eyebrow,.level-summary span,.next-goal p,.progress-help summary){color:var(--a-muted)!important}
/* Cloud, support and family panels follow the same readable surfaces. */
#shell[data-appearance] .player-hub{--player-ink:var(--a-ink);--player-muted:var(--a-muted);--player-panel:var(--a-soft);--player-border:var(--a-line);--player-action:var(--a-ink);--player-focus:var(--a-accent);background:var(--a-soft)!important;color:var(--a-ink)!important}
#shell[data-appearance] .player-hub :is(button,.hub-row){background:var(--a-raised)!important;color:var(--a-ink)!important;border-color:var(--a-line)!important}

/* Family Snake arcade identity: colored sections, bold icon badges and calm art. */
#shell[data-appearance=light]{--g-blue:#267fad;--g-teal:#16867e;--g-purple:#7754af;--g-coral:#c75b46;--g-gold:#b67d18;--g-nav:#255779;--g-white:#f6fdff;--g-button-text:#ffffff}
#shell[data-appearance] :is(#collection-panel,#settings-panel,#party-panel,#rooms-panel,#career-panel,#account-panel,#expansion-panel){background-image:radial-gradient(circle at 1px 1px,#ffffff20 1px,transparent 2px),var(--a-page)!important;background-size:24px 24px,cover!important}
#shell[data-appearance=light] :is(.collection-dialog,.settings-dialog,.party-dialog,.rooms-dialog,.career-dialog,.account-dialog,.expansion-dialog){border:2px solid color-mix(in srgb,var(--a-line),white 40%);box-shadow:0 8px 0 #1544672b,0 18px 40px #163b6230!important;border-radius:22px}
#shell[data-appearance] :is(#collection-panel,#settings-panel,#party-panel,#rooms-panel,#career-panel,#account-panel,#expansion-panel) :is(h2,h3,.primary,.back-button,[role=tab]){font-family:Fredoka,ui-sans-serif,system-ui,sans-serif;letter-spacing:.01em}
#shell[data-appearance] :is(#collection-panel,#settings-panel,#party-panel,#rooms-panel,#career-panel,#account-panel,#expansion-panel) h2{font-size:clamp(21px,2.2vw,32px);font-weight:650}
#shell[data-appearance] :is(#collection-panel,#settings-panel,#party-panel,#rooms-panel,#career-panel,#account-panel,#expansion-panel) :is(.primary,.back-button,.secondary){box-shadow:inset 0 1px #ffffff80,0 3px 0 #17466830!important;border-width:1px}
/* Distinct lobby destinations. Icon strokes use a fixed high-contrast color. */
#shell[data-appearance]:not([data-menu-classic=true]) #lobby :is(.dock-button,.profile-plaque,.ranked-shortcut,.career-strip>button,#collection-open,#modes-open){--tile-color:#277eae;--a-ink:#ffffff;--a-muted:#edf8ff;background:linear-gradient(150deg,color-mix(in srgb,var(--tile-color),white 14%),var(--tile-color))!important;border:1px solid #d8f8ffb3!important;color:#ffffff!important;box-shadow:inset 0 2px #ffffff38,0 4px 0 color-mix(in srgb,var(--tile-color),#082b46 45%),0 7px 16px #10253530!important;border-radius:16px}
#shell[data-appearance]:not([data-menu-classic=true]) #lobby #party-open{--tile-color:#287bae}
#shell[data-appearance]:not([data-menu-classic=true]) #lobby #rooms-open{--tile-color:#167c79}
#shell[data-appearance]:not([data-menu-classic=true]) #lobby #ranked{--tile-color:#99621d}
#shell[data-appearance]:not([data-menu-classic=true]) #lobby #store-open{--tile-color:#7650a9}
#shell[data-appearance]:not([data-menu-classic=true]) #lobby #profile-edit{--tile-color:#365778}
#shell[data-appearance]:not([data-menu-classic=true]) #lobby #open-quests{--tile-color:#247c77}
#shell[data-appearance]:not([data-menu-classic=true]) #lobby #open-daily{--tile-color:#966221}
#shell[data-appearance]:not([data-menu-classic=true]) #lobby #open-season{--tile-color:#75539f}
#shell[data-appearance]:not([data-menu-classic=true]) #lobby #collection-open{--tile-color:#28638e}
#shell[data-appearance]:not([data-menu-classic=true]) #lobby #modes-open{--tile-color:#277b83}
#shell[data-appearance]:not([data-menu-classic=true]) #lobby :is(.dock-icon,.feature-icon){color:#fff4bf!important;background:#13394b66!important;border:1px solid #ffffff60;border-radius:11px;display:grid!important;place-items:center;flex:none;width:34px;min-width:34px;height:34px;filter:none!important;text-shadow:none!important;margin:0}
#shell[data-appearance]:not([data-menu-classic=true]) #lobby :is(.dock-icon,.feature-icon) svg{stroke:currentColor!important;stroke-width:2.3!important;fill:none!important;filter:none!important;width:24px;height:24px}
#shell[data-appearance]:not([data-menu-classic=true]) #lobby #profile-edit>span:last-child{color:#ffffff!important;opacity:1;font-size:22px;filter:none!important;text-shadow:none!important}
#shell[data-appearance]:not([data-menu-classic=true]) #lobby #profile-edit>span:last-child svg{stroke:currentColor!important;filter:none!important}
#shell[data-appearance]:not([data-menu-classic=true]) #lobby .menu-panel-toggle{background:#1a5474!important;color:#ffffff!important;border:2px solid #b9edee!important;border-radius:50%;box-shadow:0 3px 0 #113c54!important}
#shell[data-appearance]:not([data-menu-classic=true]) #lobby .menu-panel-toggle svg{background:transparent!important;filter:none!important;border:0!important;box-shadow:none!important;color:#ffffff!important;stroke:#ffffff!important}
#shell[data-appearance]:not([data-menu-classic=true]) #lobby .menu-panel-toggle::before,#shell[data-appearance]:not([data-menu-classic=true]) #lobby .menu-panel-toggle::after{display:none!important}
#shell[data-appearance]:not([data-menu-classic=true]) #main-topbar :is(.icon-button,.best-plaque,.coin-plaque){background:linear-gradient(145deg,#e0f9fc,#a7deed)!important;color:#163f59!important;border:1px solid #f4ffff!important;box-shadow:0 3px 0 #285f7899!important}
#shell[data-appearance]:not([data-menu-classic=true]) #main-topbar :is(.icon-button svg,.best-plaque span){color:#163f59!important;stroke:currentColor;filter:none!important}
#shell[data-appearance]:not([data-menu-classic=true]) #lobby #auto-join{background:linear-gradient(#71efa6,#38c584)!important;border:2px solid #b8ffce!important;color:#123e38!important;box-shadow:inset 0 2px #ffffff60,0 5px 0 #17765c,0 9px 20px #132c3940!important;font-family:Fredoka,system-ui,sans-serif;font-weight:650;letter-spacing:.06em}
/* Navigation rails have blue depth; selected pages remain unmistakable. */
#shell[data-appearance] :is(#settings-panel,#expansion-panel,#career-panel) :is(.settings-tabs,.expansion-tabs,.career-tabs){background:var(--g-nav)!important;border:1px solid #9cd8ed!important;padding:5px;gap:5px;border-radius:15px}
#shell[data-appearance] :is(#settings-panel,#expansion-panel,#career-panel) :is(.settings-tabs,.expansion-tabs,.career-tabs) button{background:transparent!important;color:#e5f7ff!important;border:1px solid transparent!important;text-decoration:none!important}
#shell[data-appearance] :is(#settings-panel,#expansion-panel,#career-panel) :is(.settings-tabs,.expansion-tabs,.career-tabs) button[aria-selected=true]{background:linear-gradient(#fff3b3,#ffdc73)!important;color:#3a3b26!important;border-color:#fff5c2!important;box-shadow:0 3px 0 #173b5966!important;text-decoration:none!important}
#shell[data-appearance=light] #collection-panel.catalog-remake .collection-header{background:#2b688b!important;border-bottom:2px solid #94d6e4;padding:8px 14px}
#shell[data-appearance=light] #collection-panel.catalog-remake :is(#collection-close,.coin-pill){color:#ffffff!important}
#shell[data-appearance=light] #collection-panel.catalog-remake .collection-tabs{border:0!important;background:transparent!important;gap:4px}
#shell[data-appearance=light] #collection-panel.catalog-remake .collection-tabs button{color:#f0fbff!important;font-family:Fredoka,system-ui,sans-serif;font-weight:550;text-decoration:none!important}
#shell[data-appearance=light] #collection-panel.catalog-remake .collection-tabs button[aria-selected=true]{background:#e4faf9!important;color:#15465e!important;box-shadow:0 3px 0 #173f5260!important;border-radius:10px}
#shell[data-appearance=light] #collection-panel.catalog-remake .catalog-quick-filters button{background:transparent!important;border-radius:10px!important;color:var(--a-ink)!important;font-weight:700}
#shell[data-appearance=light] #collection-panel.catalog-remake .catalog-quick-filters button[aria-pressed=true]{background:var(--g-nav)!important;color:#fff!important;box-shadow:inset 4px 0 #ffd77c!important;text-decoration:none!important}
#shell[data-appearance=light] #collection-panel.catalog-remake :is(.store-footer,.collection-footer){background:color-mix(in srgb,var(--a-soft),var(--g-blue) 12%)!important;border:1px solid var(--a-line);box-shadow:inset 0 1px #ffffff50!important}
#shell[data-appearance=light] #collection-panel.catalog-remake :is(#store-preview-stage,#collection-preview-stage){border:2px solid color-mix(in srgb,var(--a-line),white 50%)!important;box-shadow:inset 0 1px #fff8,0 3px 0 #17466320!important}
#shell[data-appearance=light] #collection-panel.catalog-remake .catalog-card-shell>:is(.collection-card,.store-card){border:2px solid color-mix(in srgb,var(--a-line),white 45%)!important;border-radius:15px;box-shadow:inset 0 1px #ffffff55!important}
#shell[data-appearance=light] #collection-panel.catalog-remake .catalog-card-shell>:is(.collection-card,.store-card)[aria-pressed=true]{border:3px solid var(--g-nav)!important;box-shadow:inset 0 -4px var(--a-accent)!important}
/* Modes: one compact selection, then an unobstructed field of colored cards. */
#shell[data-appearance] #expansion-panel .mode-launch{position:relative!important;top:auto!important;z-index:auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(150px,220px);grid-template-rows:auto auto auto;align-content:start;align-items:start;gap:7px 18px;min-height:0;height:auto;max-height:none;padding:16px!important;margin:0 0 16px;background:linear-gradient(130deg,#265d81,#294c76)!important;border:1px solid #79b9d7;border-radius:17px;box-shadow:0 4px 0 #15394c2b!important}
#shell[data-appearance] #expansion-panel .mode-launch .mode-launch-title{grid-column:1;grid-row:1;font-size:24px;line-height:1.15;color:#ffffff!important;margin:0}
#shell[data-appearance] #expansion-panel .mode-launch #mode-description{grid-column:1;grid-row:2;margin:0;align-self:start;color:#edf8ff!important;font-size:.86rem;line-height:1.45;max-width:65ch}
#shell[data-appearance] #expansion-panel .mode-launch #mode-play{grid-column:2;grid-row:1/3;align-self:start;min-height:46px;margin:0;width:100%;font-size:.9rem;padding:10px 12px;white-space:normal}
#shell[data-appearance] #expansion-panel .mode-launch #mode-practice{grid-column:2;grid-row:3;align-self:start;min-height:44px;margin:0;width:100%;font-size:.78rem;background:#d1eef1!important;color:#15475a!important;padding:8px 10px}
#shell[data-appearance] #expansion-panel .mode-world-details{grid-column:1;grid-row:3;align-self:start;min-width:0}
#shell[data-appearance] #expansion-panel .mode-world-details summary{min-height:44px;display:flex;align-items:center;gap:7px;width:max-content;cursor:pointer;font-size:.78rem;color:#dbf5ff;font-weight:650;list-style:none}
#shell[data-appearance] #expansion-panel .mode-world-details summary::before{content:'+';display:grid;place-items:center;width:20px;height:20px;border:1px solid #c5edff;border-radius:6px;color:#ffffff}
#shell[data-appearance] #expansion-panel .mode-world-details[open] summary::before{content:'−'}
#shell[data-appearance] #expansion-panel .mode-world-details :is(.world-guide,.ranked-details){color:#edf8ff!important;font-size:.78rem;line-height:1.5;max-width:66ch;margin:4px 0 8px;padding:0 0 0 10px}
#shell[data-appearance] #expansion-panel .mode-group-title{font-size:18px;margin:12px 0 10px}
#shell[data-appearance] #expansion-panel #event-pill{background:#ffd577!important;color:#503715!important;border:1px solid #ffe9ad;border-radius:999px;padding:8px 12px;font-weight:750;letter-spacing:.04em;font-size:clamp(10px,.9vw,13px);box-shadow:0 2px 0 #b07a2940}
#shell[data-appearance] #expansion-panel #mode-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}
#shell[data-appearance] #expansion-panel .mode-card{--mode-color:var(--g-blue);position:relative;display:grid;grid-template-columns:50px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:12px;row-gap:4px;align-content:center;align-items:center;text-align:left;min-height:120px;height:auto;padding:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--a-raised),var(--mode-color) 24%),color-mix(in srgb,var(--a-panel),var(--mode-color) 20%))!important;border:2px solid color-mix(in srgb,var(--mode-color),var(--a-raised) 25%)!important;border-radius:16px;box-shadow:0 3px 0 color-mix(in srgb,var(--mode-color),transparent 70%)!important;text-decoration:none!important}
#shell[data-appearance] #expansion-panel .mode-card:nth-child(4n+2){--mode-color:var(--g-coral)}
#shell[data-appearance] #expansion-panel .mode-card:nth-child(4n+3){--mode-color:var(--g-purple)}
#shell[data-appearance] #expansion-panel .mode-card:nth-child(4n+4){--mode-color:var(--g-teal)}
#shell[data-appearance] #expansion-panel .mode-card .mode-icon{grid-column:1;grid-row:1/4;width:48px;height:48px;object-fit:contain;background:transparent!important;filter:none!important;box-shadow:none!important;border-radius:12px}
#shell[data-appearance] #expansion-panel .mode-card b{grid-column:2;font-family:Fredoka,system-ui,sans-serif;font-size:18px;line-height:1.2;margin:0;color:var(--a-ink)!important}
#shell[data-appearance] #expansion-panel .mode-card small{grid-column:2;font-size:.8rem;line-height:1.35;color:var(--a-ink)!important;margin:0}
#shell[data-appearance] #expansion-panel .mode-card .mode-record{font-size:.7rem;color:var(--a-muted)!important}
#shell[data-appearance] #expansion-panel .mode-card[aria-pressed=true]{background:var(--a-selected)!important;border:3px solid var(--a-selection)!important;box-shadow:0 3px 0 #b9832f55!important;text-decoration:none!important;padding:15px}
#shell[data-appearance] #expansion-panel .mode-card[aria-pressed=true]::after{content:'';position:absolute;top:5px;right:7px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--a-selection);color:var(--a-panel);font-size:13px;font-weight:800}
/* Colored section edges keep Settings and secondary screens from becoming blank sheets. */
#shell[data-appearance=light] #settings-panel .setting-tile{border-top:5px solid var(--g-blue)!important;background:color-mix(in srgb,var(--a-raised),var(--g-blue) 6%)!important}
#shell[data-appearance=light] #settings-panel .setting-tile:nth-child(2n){border-top-color:var(--g-teal)!important;background:color-mix(in srgb,var(--a-raised),var(--g-teal) 8%)!important}
#shell[data-appearance=light] #settings-panel #appearance-card{border-top-color:var(--g-purple)!important;background:color-mix(in srgb,var(--a-raised),var(--g-purple) 9%)!important}
#shell[data-appearance=light] :is(#party-panel,#rooms-panel,#career-panel,#account-panel) :is(.party-choice,.public-rooms,.next-goal,.account-signed-out){border-top:5px solid var(--g-teal)!important;background:color-mix(in srgb,var(--a-raised),var(--g-teal) 10%)!important}
#shell[data-appearance=light] #party-panel .party-choice:nth-child(2){border-top-color:var(--g-purple)!important;background:color-mix(in srgb,var(--a-raised),var(--g-purple) 10%)!important}
#shell[data-appearance] :is(#collection-panel,#settings-panel,#party-panel,#rooms-panel,#career-panel,#account-panel,#expansion-panel) .primary{background:linear-gradient(#ffdf72,#ffbc42)!important;color:#423119!important;border:1px solid #b58023!important;box-shadow:inset 0 2px #fff3bf,0 3px 0 #9d6d32!important}
/* Compact landscape keeps content in view; enlarged text retains normal scrolling. */
@media(orientation:landscape) and (max-height:650px){
 #shell[data-appearance] #expansion-panel .expansion-dialog{padding:10px 12px;gap:10px;grid-template-columns:110px minmax(0,1fr)}
 #shell[data-appearance] #expansion-panel .collection-header{padding-bottom:7px;min-height:48px;gap:10px}
 #shell[data-appearance] #expansion-panel .mode-launch{grid-template-columns:minmax(0,1fr) 165px;padding:10px 12px!important;gap:4px 12px;margin-bottom:12px}
 #shell[data-appearance] #expansion-panel .mode-launch .mode-launch-title{font-size:20px}
 #shell[data-appearance] #expansion-panel .mode-launch #mode-description{font-size:.76rem}
 #shell[data-appearance] #expansion-panel .mode-launch #mode-play{font-size:.8rem}
 #shell[data-appearance] #expansion-panel .mode-launch #mode-practice{font-size:.7rem}
 #shell[data-appearance] #expansion-panel #mode-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 #shell[data-appearance] #expansion-panel .mode-card{min-height:98px;padding:11px;gap:4px 10px;grid-template-columns:40px minmax(0,1fr)}
 #shell[data-appearance] #expansion-panel .mode-card[aria-pressed=true]{padding:10px}
 #shell[data-appearance] #expansion-panel .mode-card .mode-icon{width:38px;height:38px}
 #shell[data-appearance] #expansion-panel .mode-card b{font-size:16px}
 #shell[data-appearance] #expansion-panel .mode-card small{font-size:.72rem}
 #shell[data-appearance]:not([data-menu-classic=true]) #lobby :is(.dock-icon,.feature-icon){width:28px;height:28px;min-width:28px;border-radius:9px}
 #shell[data-appearance]:not([data-menu-classic=true]) #lobby :is(.dock-icon,.feature-icon) svg{width:21px;height:21px}
 #shell[data-appearance=light] #collection-panel.catalog-remake .collection-header{padding:4px 9px;gap:8px}
}
@media(max-width:740px) and (orientation:landscape){
 #shell[data-appearance] #expansion-panel .expansion-dialog{grid-template-columns:88px minmax(0,1fr);gap:8px}
 #shell[data-appearance] #expansion-panel #event-pill{max-width:170px;white-space:normal;padding:6px 9px;line-height:1.25}
 #shell[data-appearance] #expansion-panel .mode-launch{grid-template-columns:minmax(0,1fr) 135px;gap:4px 8px}
}
@media(orientation:portrait){
 #shell[data-appearance] #expansion-panel #mode-cards{grid-template-columns:1fr}
 #shell[data-appearance] #expansion-panel .mode-launch{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
 #shell[data-appearance] #expansion-panel .mode-launch .mode-launch-title{grid-column:1/-1;grid-row:1}
 #shell[data-appearance] #expansion-panel .mode-launch #mode-description{grid-column:1/-1;grid-row:2}
 #shell[data-appearance] #expansion-panel .mode-launch #mode-play{grid-column:1;grid-row:3}
 #shell[data-appearance] #expansion-panel .mode-launch #mode-practice{grid-column:2;grid-row:3}
 #shell[data-appearance] #expansion-panel .mode-world-details{grid-column:1/-1;grid-row:4}
}
#shell[data-appearance]:is([data-text-size=large],[data-text-size=extra]) #expansion-panel .mode-launch{display:flex!important;flex-direction:column;align-items:stretch}
#shell[data-appearance]:is([data-text-size=large],[data-text-size=extra]) #expansion-panel #mode-cards{grid-template-columns:1fr}
@media(prefers-reduced-motion:reduce){#shell[data-appearance=light] :is(.mode-card,.dock-button,.career-strip>button){transition:none}}
#shell[data-appearance]:not([data-menu-classic=true]) #lobby :is(.dock-icon,.feature-icon){background:transparent!important;border:0!important;box-shadow:none!important;width:40px;min-width:40px;height:40px;overflow:visible}
#shell[data-appearance]:not([data-menu-classic=true]) #lobby .game-menu-icon{display:block;width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 2px 0 #102f4c45)}
/* Each arena has a painted world vignette, with room for its name and objective. */
#shell[data-appearance] #expansion-panel .mode-card{--mode-scene:url('/assets/game/beach-menu-v2.webp');padding-left:106px;grid-template-columns:minmax(0,1fr);min-height:132px;overflow:hidden}
#shell[data-appearance] #expansion-panel .mode-card::before{content:'';position:absolute;inset:0 auto 0 0;width:90px;background:linear-gradient(0deg,#123d6040,transparent 75%),var(--mode-scene) center/cover;border-right:2px solid #ffffff70;opacity:1!important;display:block!important}
#shell[data-appearance] #expansion-panel .mode-card:is([data-mode=survival],[data-mode=hide],[data-mode=ranked]){--mode-scene:url('/assets/game/halloween-scene-v5.webp')}
#shell[data-appearance] #expansion-panel .mode-card:is([data-mode=teams],[data-mode=tag],[data-mode=endless]){--mode-scene:url('/assets/game/summer-scene-v6.webp')}
#shell[data-appearance] #expansion-panel .mode-card:is([data-mode=event],[data-mode=king],[data-mode=tiny]){--mode-scene:url('/assets/game/fall-menu-v2.webp')}
#shell[data-appearance] #expansion-panel .mode-card .mode-icon{position:absolute;grid-area:auto;left:18px;top:50%;transform:translateY(-50%);width:54px;height:54px;filter:drop-shadow(0 2px 1px #132d5770)!important;z-index:1}
#shell[data-appearance] #expansion-panel .mode-card :is(b,small){grid-column:1}
#shell[data-appearance] #expansion-panel .mode-card[aria-pressed=true]{padding-left:105px}
@media(orientation:landscape) and (max-height:650px){
 #shell[data-appearance]:not([data-menu-classic=true]) #lobby :is(.dock-icon,.feature-icon),#shell[data-appearance]:not([data-menu-classic=true]) #lobby .game-menu-icon{width:32px;height:32px;min-width:32px}
 #shell[data-appearance] #expansion-panel .mode-card{padding-left:80px;min-height:100px}
 #shell[data-appearance] #expansion-panel .mode-card[aria-pressed=true]{padding-left:79px}
 #shell[data-appearance] #expansion-panel .mode-card::before{width:68px}
 #shell[data-appearance] #expansion-panel .mode-card .mode-icon{width:44px;height:44px;left:12px}
}
/* Preview hit areas must never inherit button surfaces, in either appearance. */
#shell[data-appearance]:not([data-menu-classic=true]) #lobby :is(#menu-snake-growth,.equipped-stage,.lobby-card){background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
#shell[data-appearance]:not([data-menu-classic=true]) #lobby #auto-join{background:linear-gradient(#71efa6,#38c584)!important;color:#123e38!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;text-shadow:none!important}

#shell[data-appearance] #expansion-panel #mode-play::after{content:"";display:inline-block;width:0;height:0;margin-left:8px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid currentColor}

#shell[data-appearance]:not([data-menu-classic=true]) #lobby :is(#prev-snake,#next-snake){color:#163f58!important}

/* The lobby has one featured adventure, with the equipped character below it. */
#shell[data-appearance]:not([data-menu-classic=true]) #lobby .equipped-stage{display:grid;grid-template-rows:minmax(0,1.12fr) minmax(0,1fr);gap:12px;min-width:0;min-height:0;padding:0 4px;overflow:visible}
#shell[data-appearance]:not([data-menu-classic=true]) #lobby .lobby-feature{position:relative;isolation:isolate;min-height:0;overflow:hidden;border:2px solid #ffd99a;border-radius:22px;background:linear-gradient(100deg,#163f5eef 0%,#19435bcc 47%,#1b375110 100%),url('/assets/game/summer-scene-v6.webp') center/cover;box-shadow:0 5px 0 #173b4d90,inset 0 1px #ffffff80;display:flex;align-items:center;padding:clamp(12px,2vw,30px);text-align:left}
#shell[data-appearance]:not([data-menu-classic=true]) #lobby .lobby-feature[data-event=lava-rush]{background:linear-gradient(100deg,#4a213bef 0%,#612947c9 50%,#4b193322 100%),url('/assets/game/halloween-scene-v5.webp') center/cover}
#shell[data-appearance]:not([data-menu-classic=true]) #lobby .lobby-feature-copy{position:relative;z-index:2;width:75%}
#shell[data-appearance]:not([data-menu-classic=true]) #lobby .lobby-feature-kicker{display:block;color:#ffdb87;font-size:clamp(9px,.9vw,13px);font-weight:800;letter-spacing:.13em;margin-bottom:5px}
#shell[data-appearance]:not([data-menu-classic=true]) #lobby #lobby-event-title{font-family:Fredoka,system-ui,sans-serif;font-size:clamp(23px,3.2vw,48px);font-weight:650;line-height:1.05;color:#ffffff;margin:0 0 9px;text-shadow:0 3px 0 #123349}
#shell[data-appearance]:not([data-menu-classic=true]) #lobby #lobby-event-description{font-size:clamp(11px,1.05vw,16px);line-height:1.4;color:#fff4da;max-width:34ch;margin:0 0 12px;text-shadow:none}
#shell[data-appearance]:not([data-menu-classic=true]) #lobby #lobby-event-open{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 15px;border-radius:12px;background:linear-gradient(#ffe9a2,#ffc755)!important;color:#493219!important;border:2px solid #ffedb1!important;box-shadow:0 3px 0 #885522!important;font-family:Fredoka,system-ui,sans-serif;font-size:clamp(12px,1.1vw,17px);font-weight:650;text-shadow:none!important;backdrop-filter:none}
#shell[data-appearance]:not([data-menu-classic=true]) #lobby #lobby-event-open span{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid currentColor}
#shell[data-appearance]:not([data-menu-classic=true]) #lobby .lobby-feature-emblem{position:absolute;right:4%;top:20%;width:22%;height:60%;object-fit:contain;transform:rotate(12deg);filter:drop-shadow(0 5px 0 #1d304955);opacity:1}
#shell[data-appearance]:not([data-menu-classic=true]) #lobby #menu-snake-growth{position:relative;inset:auto;width:100%;height:100%;min-height:0;min-width:0;max-width:none;max-height:none;align-self:stretch;justify-self:stretch;overflow:visible;padding:0}
#shell[data-appearance]:not([data-menu-classic=true]) #lobby #selected-snake{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}
#shell[data-appearance]:not([data-menu-classic=true]) #lobby .menu-panel-toggle{color:#173e53!important;text-shadow:none!important}
@media(orientation:landscape) and (max-height:650px){
 #shell[data-appearance]:not([data-menu-classic=true]) #lobby .equipped-stage{gap:7px;grid-template-rows:minmax(140px,1.2fr) minmax(0,1fr)}
 #shell[data-appearance]:not([data-menu-classic=true]) #lobby .lobby-feature{padding:11px 13px;border-radius:16px}
 #shell[data-appearance]:not([data-menu-classic=true]) #lobby #lobby-event-title{font-size:clamp(23px,3.4vw,32px);margin-bottom:5px}
 #shell[data-appearance]:not([data-menu-classic=true]) #lobby #lobby-event-description{font-size:10px;line-height:1.3;margin-bottom:8px;max-width:32ch}
 #shell[data-appearance]:not([data-menu-classic=true]) #lobby .lobby-feature-kicker{font-size:9px;margin-bottom:4px}
 #shell[data-appearance]:not([data-menu-classic=true]) #lobby #lobby-event-open{min-height:44px;padding:5px 10px;font-size:12px}
}
@media(orientation:portrait){
 #shell[data-appearance]:not([data-menu-classic=true]) #lobby .equipped-stage{min-height:300px;grid-template-rows:170px 140px}
}
#shell[data-appearance]:not([data-menu-classic=true]):is([data-text-size=large],[data-text-size=extra]) #lobby .lobby-feature{overflow:auto}
#shell[data-appearance]:not([data-menu-classic=true]):is([data-text-size=large],[data-text-size=extra]) #lobby .lobby-feature-copy{width:100%}
#shell[data-appearance]:not([data-menu-classic=true]):is([data-text-size=large],[data-text-size=extra]) #lobby .lobby-feature-emblem{display:none}

#shell[data-appearance]:not([data-menu-classic=true]) #lobby :is(.dock-icon,.feature-icon)>svg{display:none}

/* Keep the established dark artwork; light mode uses the illustrated icon family. */
#shell[data-appearance] #expansion-panel .mode-card[data-mode=classic] .mode-icon{content:url("/assets/game/ui/snake.svg")}
#shell[data-appearance] #expansion-panel .mode-card[data-mode=survival] .mode-icon{content:url("/assets/game/ui/heart.svg")}
#shell[data-appearance] #expansion-panel .mode-card[data-mode=teams] .mode-icon{content:url("/assets/game/ui/party.svg")}
#shell[data-appearance] #expansion-panel .mode-card[data-mode=event] .mode-icon{content:url("/assets/game/ui/season.svg")}
#shell[data-appearance] #expansion-panel .mode-card[data-mode=ranked] .mode-icon{content:url("/assets/game/ui/cup.svg")}
#shell[data-appearance] #expansion-panel .mode-card[data-mode=tag] .mode-icon{content:url("/assets/game/ui/compass.svg")}
#shell[data-appearance] #expansion-panel .mode-card[data-mode=tiny] .mode-icon{content:url("/assets/game/ui/snake.svg")}
#shell[data-appearance] #expansion-panel .mode-card[data-mode=endless] .mode-icon{content:url("/assets/game/ui/season.svg")}
#shell[data-appearance] #expansion-panel .mode-card[data-mode=race] .mode-icon{content:url("/assets/game/ui/bolt.svg")}
#shell[data-appearance] #expansion-panel .mode-card[data-mode=king] .mode-icon{content:url("/assets/game/ui/crown.svg")}
#shell[data-appearance] #expansion-panel .mode-card[data-mode=hide] .mode-icon{content:url("/assets/game/ui/flag.svg")}

/* Cloud/support panels use the darker text colour on their tinted surface. */
#shell[data-appearance] :is(#collection-panel,#settings-panel,#admin-panel) .player-hub :is(p,small,label,[role=status]){color:var(--a-ink)!important}