/* Component sprites from approved artwork. Real labels and content stay in DOM. */
body[data-skin-atlas]{--skin-text:var(--atlas-ink);--skin-muted:var(--atlas-muted);--skin-accent:var(--atlas-accent);color:var(--atlas-ink);font-family:"Segoe UI",system-ui,sans-serif !important;}
body[data-skin-renderer="atlas"]{--skin-nine-frame:none !important;}
body[data-skin-renderer="atlas"]:not([data-skin-atlas]) #nowView .approved-home-hero{background-image:none !important;}
body[data-skin-atlas] [data-skin-atlas-component]{isolation:isolate;}
body[data-skin-atlas] [data-skin-atlas-component]:not([data-skin-atlas-positioned]){position:relative !important;}
body[data-skin-atlas].theme-style-active #nowView [data-skin-atlas-component]::after,
body[data-skin-atlas].theme-style-active #settingsOverlay [data-skin-atlas-component]::after,
body[data-skin-atlas].theme-style-active .app-sidebar [data-skin-atlas-component]::after,
body[data-skin-atlas].theme-style-active .app-sidebar[data-skin-atlas-component]::after,
body[data-skin-atlas].theme-style-active .titlebar[data-skin-atlas-component]::after,
body[data-skin-atlas].theme-style-active [data-skin-atlas-component="control"]::after,
body[data-skin-atlas].theme-style-active [data-skin-atlas-component="search"]::after,
body[data-skin-atlas].theme-style-active [data-skin-atlas-component="surface"]::after{
 content:"" !important;display:block !important;position:absolute !important;inset:0 !important;pointer-events:none !important;z-index:-1 !important;
 border:0 solid transparent !important;border-image-source:var(--atlas-frame) !important;border-image-slice:var(--atlas-slice) !important;border-image-width:var(--atlas-width) !important;border-image-outset:0 !important;border-image-repeat:stretch !important;
 background:none !important;box-shadow:none !important;opacity:1 !important;transform:none !important;filter:none !important;animation:none !important;
}
body[data-skin-atlas].theme-style-active [data-skin-atlas-glyph]{background:var(--atlas-glyph) center/100% 100% no-repeat !important;border:0 !important;box-shadow:none !important;padding:0 !important;filter:none !important;display:block !important;}
body[data-skin-atlas].theme-style-active [data-skin-atlas-glyph] > svg{opacity:0 !important;}
body[data-skin-atlas] [data-skin-atlas-window] > *{opacity:0 !important;}
body[data-skin-atlas] [data-skin-atlas-window]{border:0 !important;box-shadow:none !important;border-radius:4px !important;}
body[data-skin-atlas] .profile-quick-controls > button{border:0 !important;box-shadow:none !important;}
body[data-skin-atlas] #nowView :is(.approved-panel,.approved-metrics > div){border:0 !important;box-shadow:none !important;border-radius:7px !important;}
body[data-skin-atlas].theme-style-active #nowView .approved-metrics > div::before{content:none !important;display:none !important;}
body[data-skin-atlas] #nowView [data-skin-atlas-decor]::before{content:"" !important;display:block !important;position:absolute;right:9px;bottom:7px;width:89px;height:38px;background:var(--atlas-decor) center/contain no-repeat !important;transform:none !important;pointer-events:none;opacity:1;z-index:0;}
body[data-skin-atlas].theme-style-active #nowView [data-skin-atlas-decor="metric"]::before{content:"" !important;display:block !important;right:8px;bottom:16px;width:41px;height:34px;background:var(--atlas-decor) center/contain no-repeat !important;opacity:1;}
body[data-skin-atlas] #nowView .approved-panel > header{border:0 !important;box-shadow:none !important;height:34px;min-height:34px;margin:9px 11px 0;padding:0 7px;border-radius:3px 3px 0 0;}
body[data-skin-atlas] #nowView .approved-panel > header h2{font-size:14px;}
body[data-skin-atlas] #nowView .approved-panel > header button{background:none !important;border:0 !important;box-shadow:none !important;color:var(--atlas-accent) !important;}
body[data-skin-atlas] #nowView .approved-panel > .approved-panel-body{padding:8px 15px 20px;}
body[data-skin-atlas] #nowView .approved-live-strip{padding:9px 13px 14px;gap:8px;}
body[data-skin-atlas] #nowView .approved-server-grid{padding:7px 15px 17px;}
body[data-skin-atlas] #nowView .approved-server-card{min-height:38px;padding:4px 7px;}
body[data-skin-atlas] #nowView .approved-server-emblem{width:30px;height:30px;}
body[data-skin-atlas] #nowView .approved-live-cover:has(img[data-skin-atlas-demo]){aspect-ratio:var(--atlas-poster-aspect);}
body[data-skin-atlas] #nowView .approved-live-cover:has(img[data-skin-atlas-demo]) > b{left:4px;top:4px;min-width:57px;height:29px;display:grid;place-items:center;padding:0 5px;box-sizing:border-box;}
body[data-skin-atlas] #nowView .approved-live-cover:has(img[data-skin-atlas-demo]) > span{right:4px;top:4px;min-width:70px;height:29px;padding:0 6px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:#060b10;}
body[data-skin-atlas] #nowView .approved-home-hero{border:0 !important;box-shadow:none !important;overflow:hidden;}
body[data-skin-atlas] #nowView .approved-home-hero{background-image:linear-gradient(90deg,var(--atlas-bg) 0%,color-mix(in srgb,var(--atlas-bg) 94%,transparent) 27%,transparent 76%),var(--atlas-hero-art) !important;}
body[data-skin-atlas] #nowView .approved-home-copy{padding-inline:var(--atlas-copy-pad);}
body[data-skin-atlas] #nowView .now-actions > button{border:0 !important;box-shadow:none !important;filter:none !important;clip-path:none !important;border-radius:0 !important;font-size:14px;}
body[data-skin-atlas] #nowView .now-actions > button{color:#fff !important;}
body[data-skin-atlas].theme-style-active #nowView .now-actions > button+button{color:#fff !important;}
body[data-skin-atlas="tactical-sponsor"] #nowView .now-actions > button:first-child{color:#101509 !important;}
body:is([data-skin-atlas="studio-glass"],[data-skin-atlas="spring-bloom"]).theme-style-active #nowView .now-actions > button+button{color:var(--atlas-ink) !important;}
body:is([data-skin-atlas="studio-glass"],[data-skin-atlas="spring-bloom"]) #nowView .approved-date{color:#e6edff !important;}
body[data-skin-atlas] #nowView .now-actions > button [data-icon]{width:29px;height:31px;}
body[data-skin-atlas] .app-sidebar .rail-item{border:0 !important;box-shadow:none !important;grid-template-columns:32px minmax(0,1fr);height:46px;min-height:46px;padding:0 12px;}
body[data-skin-atlas] .app-sidebar .rail-item [data-icon]{width:30px;height:32px;}
body[data-skin-atlas] .app-sidebar .rail-item b{font-size:14px;}
body[data-skin-atlas]:not([data-skin-atlas="metal-lcd"]) .app-sidebar [data-skin-atlas-component="navRest"]::after{display:none !important;content:none !important;}
body[data-skin-atlas]:not([data-skin-atlas="metal-lcd"]) .app-sidebar [data-skin-atlas-component="navRest"]{background:transparent !important;}
body[data-skin-atlas].theme-style-active .app-sidebar::after{border-radius:inherit !important;}
body[data-skin-atlas] #settingsOverlay .settings-card,
body[data-skin-atlas] :is(.section-page .hub-panel,.section-page > .hub-header,.plugin-market-card,.server-modal){border:0 !important;box-shadow:none !important;}
body[data-skin-atlas] #settingsOverlay .skin-card-preview{object-fit:contain;background:var(--atlas-bg);}
body:is([data-skin-atlas="studio-glass"],[data-skin-atlas="spring-bloom"]) :is(.brand-logo,.settings-brand img){filter:drop-shadow(0 .6px #25324b) drop-shadow(.6px 0 #25324b) drop-shadow(-.6px 0 #25324b) !important;}
body[data-skin-atlas="metal-lcd"] #nowView .approved-panel h2{color:#0a1119 !important;}
body[data-skin-atlas="metal-lcd"] .rail-item [data-icon]{width:36px;height:36px;}
body[data-skin-atlas="metal-lcd"] #nowView .approved-panel > header button{background:#0b151e !important;padding:4px 8px;border-radius:3px;}
body[data-skin-atlas="studio-glass"] #nowView :is(.approved-panel,.approved-metrics > div),body[data-skin-atlas="spring-bloom"] #nowView :is(.approved-panel,.approved-metrics > div){border-radius:16px !important;}
body[data-skin-atlas] .home-sponsor-card[data-skin-atlas-ad] > img{opacity:0;}
body[data-skin-atlas] .home-sponsor-card[data-skin-atlas-ad] :is(.home-sponsor-copy,.home-sponsor-arrow){visibility:hidden !important;}
body[data-skin-atlas] .home-sponsor-card[data-skin-atlas-ad]::before{display:none !important;}
body[data-skin-atlas] .home-sponsor-card[data-skin-atlas-ad]::before{background:linear-gradient(180deg,#06050b00,#06050b00 40%,#06050b40);}
body[data-skin-atlas="tactical-sponsor"] [data-skin-atlas-ad] .home-sponsor-copy :is(strong,small),body[data-skin-atlas="blackout"] [data-skin-atlas-ad] .home-sponsor-copy :is(strong,small){visibility:hidden;}
body:is([data-skin-atlas="winter-lounge"],[data-skin-atlas="spring-bloom"]) .home-sidebar-sponsor[data-skin-atlas-ad]{align-items:flex-end;}
body[data-skin-atlas] [data-skin-atlas-ad] .home-sponsor-copy{padding:0 !important;}
body[data-skin-atlas] [data-skin-atlas-ad] .home-sponsor-copy strong{font-size:clamp(15px,1.2vw,20px);}
@media(min-width:768px){body[data-skin-atlas]{--shell-rail:242px;--shell-top:78px;--shell-gap:9px;}body[data-skin-atlas] .workspace{padding:5px 8px 8px 5px;}body[data-skin-atlas] #nowView .approved-home-copy h1{font-size:clamp(27px,2.75vw,46px);}body[data-skin-atlas] .app-sidebar.rail{gap:6px;padding:9px 6px;}body[data-skin-atlas] #nowView .approved-metrics > div{padding:10px 19px;}body[data-skin-atlas] #nowView .now-actions > button{max-width:248px;height:51px;}}
@media(min-width:768px) and (max-height:820px){body[data-skin-atlas] .app-sidebar .rail-item{height:35px;min-height:35px;}body[data-skin-atlas] .app-sidebar .rail-item [data-icon]{width:26px !important;height:28px !important;}body[data-skin-atlas] #nowView .now-actions > button{height:40px;font-size:12px;}}
@media(max-width:767px){body[data-skin-atlas] .app-sidebar .rail-item{height:40px;min-height:40px;}body[data-skin-atlas] #nowView .approved-home-copy{padding-inline:22px;}body[data-skin-atlas] #nowView .approved-panel > header{padding-inline:18px;}body[data-skin-atlas] #nowView .approved-metrics > div{padding:14px 16px;}}
@media(min-width:1200px){body[data-skin-atlas] .titlebar{display:grid;grid-template-columns:minmax(242px,22vw) minmax(320px,38vw) minmax(0,1fr);gap:18px;padding-inline:20px;}body[data-skin-atlas] .global-search{width:100%;margin:0;}body[data-skin-atlas] .window-actions{justify-self:end;}body[data-skin-atlas] .brand-lockup{width:258px;}body[data-skin-atlas] .brand-logo{width:244px;max-width:100%;height:64px;max-height:64px;}}
@media(min-width:1200px){body[data-skin-atlas]{--shell-rail:clamp(204px,15.3vw,250px);--shell-top:clamp(64px,4.95vw,82px);--home-aside-width:clamp(260px,21.35vw,345px);}body[data-skin-atlas] .workspace{padding:2px 3px 8px 8px;}body[data-skin-atlas] #nowView{column-gap:6px;}body[data-skin-atlas] .approved-bottom-grid{container-type:inline-size;align-items:start;grid-template-columns:var(--atlas-bottom-columns) !important;}body[data-skin-atlas] #nowView .approved-bottom-grid > *{height:min(100%,calc((100cqw - 18px) * var(--atlas-ad-fraction) / var(--atlas-ad-aspect))) !important;}}
/* One readable aside, not the two narrow implicit columns inherited from the
 * legacy tablet grid. Below desktop size the spacing is measured in CSS px. */
@media(min-width:768px){body[data-skin-atlas] #nowView .approved-home-aside{grid-template-columns:minmax(0,1fr) !important;}}
@media(min-width:1024px) and (max-width:1199px){
 body[data-skin-atlas]{--shell-rail:clamp(164px,17vw,204px);--shell-top:70px;--shell-gap:8px;--home-aside-width:222px;}
 body[data-skin-atlas] #nowView{grid-template-columns:minmax(0,1fr) var(--home-aside-width);}
 body[data-skin-atlas] .app-sidebar .rail-item{padding-inline:9px;gap:6px;}
 body[data-skin-atlas] .app-sidebar .rail-item b{font-size:12px;}
 body[data-skin-atlas] .app-sidebar .profile-chip > .avatar,body[data-skin-atlas] .app-sidebar .profile-chip > div:nth-child(2){display:block !important;}
 body[data-skin-atlas] .app-sidebar .profile-chip > .avatar{display:grid !important;}
 body[data-skin-atlas] #nowView .approved-home-copy{width:86%;padding-inline:24px;}
 body[data-skin-atlas] #nowView .now-actions > button{padding-inline:10px;gap:6px;}
 body[data-skin-atlas] #nowView .approved-panel > header{padding-inline:1px;margin-inline:12px;}
 body[data-skin-atlas] #nowView .approved-panel > header h2{font-size:12px;}
 body[data-skin-atlas] #nowView .approved-panel > .approved-panel-body{padding-inline:13px;}
 body[data-skin-atlas] #nowView .approved-metrics > div{padding:8px;column-gap:6px;}
 body[data-skin-atlas] #nowView .approved-live-strip{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:calc((100% - 16px)/3);}
}
@media(min-width:768px) and (max-width:1199px){
 body[data-skin-atlas] #nowView .approved-live-cover:has(img[data-skin-atlas-demo]) > b{min-width:0;height:20px;font-size:8px;padding:0 5px;}
 body[data-skin-atlas] #nowView .approved-live-cover:has(img[data-skin-atlas-demo]) > span{min-width:0;height:20px;font-size:9px;padding:0 5px;}
}
/* A frame owns its perimeter. Headers, scrollbars and list separators stay in
 * its inner rectangle, at every viewport size (not just the concept's size). */
body[data-skin-atlas] #nowView .approved-panel > header{
 margin-inline:var(--atlas-edge-left) var(--atlas-edge-right);padding-inline:0;
 background:linear-gradient(180deg,#ffffff05,#00000014) var(--skin-panel) !important;
}
body[data-skin-atlas] #nowView .approved-panel > :is(.approved-panel-body,.approved-live-strip,.approved-server-grid){
 margin:0 var(--atlas-edge-right) var(--atlas-edge-bottom) var(--atlas-edge-left);
 padding:8px 4px 6px;min-width:0;
}
body[data-skin-atlas] #nowView .home-friend-search{
 margin-inline:calc(var(--atlas-panel-left) + 4px) calc(var(--atlas-panel-right) + 4px);
}
body[data-skin-atlas] #nowView [data-skin-atlas-decor="panel"]::before{
 right:var(--atlas-ornament-right);bottom:var(--atlas-ornament-bottom);
 width:var(--atlas-ornament-width);height:var(--atlas-ornament-height);z-index:-1;
}
body[data-skin-atlas] [data-skin-atlas-component="surface"]{padding:14px;}
body[data-skin-atlas="metal-lcd"] #nowView .approved-panel > header{
 background:linear-gradient(180deg,#dce3e7,#afbcc6) #c3cdd3 !important;color:#0a1119 !important;
}
body:is([data-skin-atlas="studio-glass"],[data-skin-atlas="spring-bloom"]) #nowView .approved-date :is(b,small){color:#e6edff !important;}