/* Decorative motion comes from section-objects.css and the shared visibility observer. */
body.orbit-design.reformed-workspaces .section-view .section-banner{--banner-tint:var(--accent);display:flex;align-items:center;gap:20px;position:relative;isolation:isolate;min-width:0;padding:22px 26px!important;margin-bottom:18px!important;border:1px solid var(--border-subtle)!important;border-radius:20px;background:radial-gradient(ellipse at 100% 10%,color-mix(in srgb,var(--banner-tint) 12%,transparent),transparent 62%),var(--bg-panel);overflow:visible!important}
body.orbit-design.reformed-workspaces .section-view .section-banner:is([data-banner=voz],[data-banner=chat],[data-banner=privados]){--banner-tint:#A8BEFF}
body.orbit-design.reformed-workspaces .section-view .section-banner:is([data-banner=mascotas],[data-banner=misiones],[data-banner=niveles]){--banner-tint:#AEDED0}
body.orbit-design.reformed-workspaces .section-view .section-banner:is([data-banner=vip],[data-banner=cajas],[data-banner=trofeos],[data-banner=salon-arcade]){--banner-tint:#F0C782}
.section-banner>.studio-copy,.section-banner>.banner-copy{flex:1;min-width:0;max-width:none}
.section-banner>.banner-copy>p{color:var(--text-dim);margin:7px 0 0}
.section-banner-art.object-scene{display:block;--object-scale:.7;width:160px;height:120px;flex:0 0 160px;margin:0;opacity:.95}
body.orbit-design.reformed-workspaces .section-view .section-banner-compact{padding:12px 18px!important;gap:12px;margin-bottom:12px!important}
.section-banner-compact>.section-banner-art{--object-scale:.43;width:92px;height:64px;flex-basis:92px}
.section-banner-compact h1{margin:3px 0!important;font-size:clamp(20px,2vw,26px)!important}
.section-banner-compact .eyebrow{font-size:9px}
.section-banner-compact .studio-copy>p{margin:3px 0!important}
.trade-heading>.banner-copy{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
#guild-channel-heading.section-banner{margin:0!important;border-radius:0;border-top:0!important;border-right:0!important;border-left:0!important}
#guild-channel-heading>.banner-copy{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.tools-hero.section-banner>.banner-copy{display:flex;align-items:center;gap:16px}
.tools-hero.section-banner>.banner-copy>span{flex:none}
/* A shared emblem reserves a consistent footprint in every channel list. */
.channel-emblem{width:38px;height:38px;display:inline-flex;flex:0 0 38px;align-items:center;justify-content:center;color:var(--channel-color,#A8BEFF);border-radius:12px;border:1px solid color-mix(in srgb,var(--channel-color,#A8BEFF) 28%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--channel-color,#A8BEFF) 14%,transparent),color-mix(in srgb,var(--channel-color,#A8BEFF) 4%,transparent));box-shadow:inset 0 1px 0 #ffffff0a}
.channel-emblem svg{width:21px!important;height:21px!important;flex:none}
.room-top>strong,.room-top .room-name{display:flex;align-items:center;gap:10px;min-width:0}
.room-name-copy{min-width:0;overflow-wrap:anywhere}
.guild-channel-symbol:has(.channel-emblem){background:none;padding:0;width:auto;height:auto}
#guild-channels .channel-emblem{width:32px;height:32px;flex-basis:32px;border-radius:10px}
.channel-style-picker{min-width:0;margin:16px 0;padding:16px;border:1px solid var(--border-subtle);border-radius:16px;background:var(--bg-panel)}
.channel-style-picker legend{padding:0 6px;font-size:13px;font-weight:700}
.channel-style-preview{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.channel-icon-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(40px,1fr));gap:6px;max-width:440px}
.channel-icon-options button{height:40px;min-width:0;padding:8px;display:grid;place-items:center}
.channel-icon-options svg{width:22px;height:22px}
.channel-icon-options [aria-pressed=true]{color:var(--channel-color);background:color-mix(in srgb,var(--channel-color) 15%,var(--bg-panel));border-color:var(--channel-color)}
.channel-color-label{display:flex!important;align-items:center;justify-content:space-between;gap:10px;margin:15px 0 10px!important;font-size:13px}
.channel-color-label input[type=color]{width:50px;height:36px;padding:3px;flex:none;border-radius:8px;cursor:pointer}
.channel-color-options{display:flex;flex-wrap:wrap;gap:8px}
.channel-color-options button{width:30px;height:30px;min-width:30px;min-height:30px;padding:0;border:3px solid var(--bg-panel);outline:1px solid var(--border-subtle);border-radius:50%}
/* Home: quiet colour, deliberate hierarchy, generous targets. */
.orbit-design #tab-inicio .home-panel{--home-tint:var(--accent);position:relative;background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--home-tint) 7%,transparent),transparent 64%),var(--bg-panel);border:1px solid var(--border-subtle);box-shadow:inset 0 1px 0 #ffffff05;border-radius:20px}
.orbit-design #tab-inicio .home-rooms-panel{--home-tint:#A8BEFF}
.orbit-design #tab-inicio .home-news-panel{--home-tint:#ED9CBD}
.orbit-design #tab-inicio .home-reward-panel{--home-tint:#F0C782}
.orbit-design #tab-inicio .home-friends-panel{--home-tint:#AEDED0}
.orbit-design #tab-inicio .home-extra-card:last-child{--home-tint:#BEA9EF}
.orbit-design #tab-inicio .home-panel-symbol{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:14px;color:var(--home-tint);border:1px solid color-mix(in srgb,var(--home-tint) 22%,transparent);background:color-mix(in srgb,var(--home-tint) 10%,transparent)}
.orbit-design #tab-inicio .home-panel-head{align-items:center;gap:12px}
.orbit-design #tab-inicio .home-panel-head>div{min-width:0;flex:1}
.orbit-design #tab-inicio .home-panel h2{font-size:16px;letter-spacing:-.2px}
.orbit-design #tab-inicio .home-panel-head p{font-size:12px;line-height:1.5;margin-top:4px}
.orbit-design #tab-inicio .home-panel .home-link{border-radius:12px;min-height:38px}
.orbit-design #tab-inicio .home-panel-head>.home-link{margin-left:auto;background:color-mix(in srgb,var(--home-tint) 6%,transparent);border-color:color-mix(in srgb,var(--home-tint) 14%,transparent)}
.orbit-design #home-quick-rooms .room-card{border-radius:14px;border:1px solid var(--border-subtle);background:color-mix(in srgb,var(--bg-panel) 80%,transparent)}
.orbit-design #home-quick-rooms .room-card.active-room{border-color:color-mix(in srgb,var(--home-tint) 45%,transparent);background:color-mix(in srgb,var(--home-tint) 8%,var(--bg-panel))}
.orbit-design #tab-inicio .home-friend img{border:2px solid color-mix(in srgb,var(--home-tint) 28%,transparent);padding:2px;background:var(--bg-panel)}
@container app-content (max-width:650px){body.orbit-design.reformed-workspaces .section-view .section-banner{padding:16px!important;gap:10px}.section-banner-art.object-scene{--object-scale:.48;width:96px;height:90px;flex-basis:96px}.section-banner-compact>.section-banner-art{--object-scale:.32;width:64px;height:54px;flex-basis:64px}body.orbit-design.reformed-workspaces .section-view .section-banner-compact{padding:10px 14px!important}}
@media(max-width:420px){.section-banner-art.object-scene{--object-scale:.35;width:66px;height:74px;flex-basis:66px}.section-banner-compact>.section-banner-art{display:none}body.orbit-design.reformed-workspaces .section-view .section-banner{padding:14px!important}}
/* Keep all three home channels visible; the home page owns scrolling. */
body.orbit-design #tab-inicio #home-quick-rooms{max-height:none;overflow:visible}
body.orbit-design #tab-inicio .orbit-day>.home-reward-panel{border:0;border-top:1px solid var(--border-subtle);border-radius:0;background:none;box-shadow:none;padding:18px 0 0}
body.orbit-design #tab-inicio .orbit-day{align-self:start}
body.orbit-design #tab-inicio #home-quick-rooms .room-card{padding:12px;gap:6px 12px}
body.orbit-design .channel-icon-options button{font:inherit;color:var(--text-dim);background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:10px;cursor:pointer}
body.orbit-design .channel-icon-options button[aria-pressed=true]{color:var(--channel-color);background:color-mix(in srgb,var(--channel-color) 15%,var(--bg-panel));border-color:var(--channel-color)}
body.orbit-design .channel-style-picker .channel-color-label{display:flex!important;flex-direction:row!important;text-align:left;align-items:center;justify-content:space-between}
body.orbit-design #channels-list .room-top{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;justify-items:start}
body.orbit-design #channels-list .room-name{width:100%}
body.orbit-design #channels-list .room-name-copy{overflow-wrap:break-word;word-break:normal}
@container app-content (max-width:420px){
 .section-banner>.section-banner-art{display:none}
 .section-banner .eyebrow{white-space:normal;overflow-wrap:anywhere}
 .section-banner .studio-related button{max-width:100%;white-space:normal;text-align:left;margin-right:0}
}
/* On short desktop windows, keep the game stage ahead of decorative header space. */
@media(max-height:740px){body.orbit-design.reformed-workspaces #tab-salon-arcade .section-banner{padding:4px 12px!important;margin-bottom:0!important}.section-banner[data-banner=salon-arcade]>.section-banner-art{display:none}}
body.no-animations .update-tour[open],body.low-power .update-tour[open]{animation:none}
@container app-content (max-width:420px){body.orbit-design.reformed-workspaces #tab-salon-arcade .section-banner{padding:4px 10px!important;margin-bottom:0!important}}