#studioTeams{height:100dvh!important;max-height:100dvh!important;padding-top:env(safe-area-inset-top)!important;box-sizing:border-box!important;overflow:hidden!important}#studioTeams .sg-head{position:relative!important;flex:none!important;padding:16px clamp(14px,3vw,36px)!important;min-height:76px!important;margin:0!important;align-items:center!important}#studioTeams .sg-head h2{font-size:clamp(18px,4vw,28px)!important;line-height:1.35!important;margin:3px 0!important}#studioTeams .sg-head>button{flex:none!important;font-size:11px!important;white-space:nowrap!important}#studioTeams .sg-scroll{min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding:12px clamp(12px,3vw,36px) 36px!important;scroll-padding-top:12px}#studioTeams .sg-team-list{gap:28px!important}#studioTeams .sg-team-title{position:static!important;display:block!important;height:auto!important;min-height:0!important;padding:20px!important;background:transparent!important;animation:none!important}#studioTeams .sg-team-title h3{font:400 24px/1.5 var(--studio-font,Georgia,serif)!important;margin:6px 0!important;color:#f0dfba!important}#studioTeams .sg-team-title p{font:400 12px/1.8 var(--studio-font,Georgia,serif)!important;letter-spacing:.02em!important;margin:6px 0!important;color:#bdced6!important}#studioTeams .sg-unified{overflow:hidden!important}.studio-team-matrix{padding:0 16px}.studio-team-row>h4{font:400 13px/1.5 var(--studio-font,Georgia,serif);color:#e9d5ad;margin:16px 0 10px}.studio-team-cells{display:grid;grid-template-columns:repeat(var(--team-count),minmax(0,1fr));gap:10px}.studio-team-cell{min-width:0;text-align:center;background:#b9d9df08;border:1px solid #bdd5dc22;padding:10px 7px;overflow:hidden}.studio-team-cell>img{display:block;width:100%;height:125px;object-fit:contain;object-position:center;margin:0 auto 8px;background:transparent}.studio-team-cell.studio-team-character>img{height:clamp(160px,23vw,300px);object-fit:cover;object-position:50% 30%}.studio-team-cell h4{color:#e5eef1;font:400 15px/1.5 var(--studio-font,Georgia,serif);margin:5px 0;overflow-wrap:anywhere}.studio-team-cell p{font:400 10px/1.7 var(--studio-font,Georgia,serif);letter-spacing:0!important;color:#b7c9d3;margin:4px 0}.studio-build-notes{border-top:1px solid #b8c8ce22;padding-top:8px}.sg-operation{padding:16px 20px;color:#b9cbd4;font-size:12px}.sg-operation summary{cursor:pointer;color:#e6d3af}.sg-operation p{font-size:12px;line-height:1.8;letter-spacing:0}#studioTeams .sb-snapshot{margin:24px 16px 12px!important}#studioTeams .sb-target{display:block!important;padding:0!important}#studioTeams .sb-target>img,#studioTeams .sb-target>.sb-art-character{display:none!important}#studioTeams .sb-target>div{padding:10px 0!important}#studioTeams .sb-target strong{font-size:18px!important}
/* Compact team view: one team at a time, totals visible, details on demand. */
#studioTeams .sg-head{min-height:60px!important;padding-top:9px!important;padding-bottom:9px!important}
#studioTeams .sg-scroll{padding-top:6px!important;padding-bottom:12px!important}
#studioTeams #sgNav{margin-bottom:8px!important;gap:5px!important}
#studioTeams #sgNav button{padding:6px 9px!important;font-size:11px!important}
#studioTeams .sg-team-title{padding:4px 8px 6px!important}
#studioTeams .sg-team-title h3{font-size:17px!important;line-height:1.3!important;margin:2px 0!important}
#studioTeams .sg-team-title small{font-size:9px!important}
.studio-team-matrix{padding:0 6px}
.studio-team-row>h4{font-size:10px;line-height:1.2;margin:7px 0 4px}
.studio-team-cells{gap:4px}
.studio-team-cell{padding:4px 2px}
.studio-team-cell.studio-team-character>img{height:clamp(74px,13dvh,130px);margin-bottom:3px}
.studio-team-cell>img{height:clamp(42px,7dvh,72px);margin-bottom:2px}
.studio-team-cell h4{font-size:10px;line-height:1.3;margin:2px 0}
.studio-cell-detail{font-size:9px;line-height:1.4;color:#adc3cd;margin:3px 0 0}
.studio-cell-detail summary{cursor:pointer;font-size:9px}
.studio-cell-detail p{font-size:9px!important}
#studioTeams .sb-snapshot{margin:8px 6px 4px!important;padding:8px!important}
#studioTeams .sb-heading{display:flex!important;align-items:center;gap:6px;margin-bottom:3px!important}
#studioTeams .sb-heading h3{font-size:15px!important;line-height:1.3!important;margin:2px 0!important}
#studioTeams .sb-heading small{display:none!important}
#studioTeams .sb-badge{font-size:8px!important;margin:0!important;padding:2px 4px!important}
#studioTeams .sb-target>div{display:flex!important;gap:6px;align-items:center;padding:2px 0 5px!important;flex-wrap:wrap}
#studioTeams .sb-target small,#studioTeams .sb-target span{font-size:9px!important}
#studioTeams .sb-target strong{font-size:11px!important}
#studioTeams .sb-metrics{grid-template-columns:repeat(auto-fit,minmax(90px,1fr))!important;gap:4px!important;margin:4px 0!important}
#studioTeams .sb-metric{padding:5px 6px!important;min-height:0!important}
#studioTeams .sb-metric>span{font-size:9px!important}
#studioTeams .sb-metric>strong{font-size:20px!important;line-height:1.2!important}
#studioTeams .sb-metric>small{font-size:8px!important;line-height:1.3!important;margin-top:3px!important}
#studioTeams .sb-calculation-note{font-size:9px!important;line-height:1.4!important;margin:4px 0!important}
#studioTeams .sb-loadout-location{display:none!important}
#studioTeams .sb-details{padding:5px 0!important;margin:3px 0!important}
#studioTeams .sb-details>summary{font-size:10px!important;line-height:1.4!important}
#studioTeams .sg-operation{padding:6px 8px!important;font-size:10px!important}
#studioTeams .sg-team-list{gap:8px!important}
.sg-team-pick{display:flex;flex-direction:column;gap:5px;width:100%;padding:12px;text-align:left;border:1px solid #b6d1dc33;background:#b6d1dc08;color:inherit;cursor:pointer;font-family:inherit}
.sg-team-pick>strong{font-size:15px;font-weight:400;color:#f0dfba}.sg-team-pick>span{font-size:11px;line-height:1.5;color:#b9ced8}

#studioTeams .studio-effect-brief{font-size:9px!important;line-height:1.35!important;color:#c8dce5!important;margin:3px 0 0!important;letter-spacing:0!important}
#studioTeams .studio-team-conditions{font-size:10px;margin:4px 0;color:#b8ced8}#studioTeams .studio-team-conditions summary{cursor:pointer;font-size:10px}#studioTeams .studio-team-conditions p{font-size:10px;line-height:1.5;letter-spacing:0}
#studioTeams .studio-effect-note{font-size:8px!important;line-height:1.3!important;margin:4px 0!important;letter-spacing:0!important;color:#a9bfcb}
#studioTeams .sg-head small{display:none!important}#studioTeams .sg-head{min-height:48px!important}#studioTeams .sg-team-title{padding:2px 6px!important}#studioTeams .sg-team-title h3{font-size:15px!important}#studioTeams .sg-team-title small{display:none!important}
#studioTeams .sb-heading{margin:0!important}#studioTeams .sb-snapshot{margin-top:5px!important}#studioTeams .sb-target small{display:none!important}
/* Main team is one fitted screen. Long text opens in a native detail dialog. */
#studioTeams.studio-fit-team .sg-scroll{display:flex!important;flex-direction:column!important;flex:1 1 0!important;min-height:0!important;overflow:hidden!important;padding:5px 7px 7px!important}
#studioTeams.studio-fit-team #sgNav{flex:none!important;gap:4px!important;margin:0 0 5px!important}
#studioTeams.studio-fit-team #sgContent{flex:1 1 0!important;min-height:0!important;overflow:hidden!important}
#studioTeams.studio-fit-team .sg-unified{height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important}
#studioTeams.studio-fit-team .sg-team-title{display:none!important}
.studio-item-open{display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer;color:inherit}
.studio-item-open>img{display:block;width:100%;height:clamp(42px,7dvh,72px);object-fit:contain;margin:0 auto 2px}
#studioTeams .studio-effect-brief{font:400 9px/1.3 var(--studio-font,serif)!important;margin:2px 0!important;letter-spacing:0!important}
#studioTeams .studio-effect-brief>span{display:block;overflow-wrap:anywhere}
#studioTeams .studio-team-cell h4{font-size:10px!important;line-height:1.2!important;margin:2px 0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#studioTeams .studio-team-conditions{margin:3px 0!important}#studioTeams .studio-team-conditions summary,#studioTeams .sg-operation summary{font-size:10px!important}
#studioTeams .studio-effect-note{font-size:8px!important;margin:3px 0!important;line-height:1.2!important}
#studioTeams .sb-heading h3{font-size:13px!important;margin:0!important}
#studioTeams .sb-metric{padding:4px 5px!important}#studioTeams .sb-metric>strong{font-size:18px!important}
#studioTeams .sb-metric>small{display:none!important}
#studioTeams .sb-snapshot{padding:6px!important;margin:4px 6px!important}
.studio-buff-more{background:transparent;color:#c8dce5;border:0;border-bottom:1px solid #b8ccd244;font:400 10px/1.4 var(--studio-font,serif);padding:2px 0;cursor:pointer}
#studioTeamPopup{position:fixed;inset:0;width:min(640px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #a7bdc566;background:#102b3b;color:#e7f0f4;z-index:2147483000;overscroll-behavior:contain}
#studioTeamPopup::backdrop{background:#020b12cc;backdrop-filter:blur(5px)}
#studioTeamPopup>header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:#102b3b;border-bottom:1px solid #b5ccd344;animation:none}
#studioTeamPopup h2{font:400 18px/1.4 var(--studio-font,serif);margin:0;letter-spacing:0}
#studioTeamPopup>header button{background:transparent;color:inherit;border:1px solid #c3d1d555;padding:4px 12px;font-size:22px;cursor:pointer}
.studio-popup-content{padding:14px;font:400 12px/1.8 var(--studio-font,serif);letter-spacing:0}
.studio-popup-content p{white-space:pre-line;letter-spacing:0;font-size:12px;line-height:1.8}
.studio-popup-content .sb-art-character,.studio-popup-content .sb-art-frame{display:none}
.studio-popup-content details{margin:10px 0}.studio-popup-content dt{color:#b6ccd6}.studio-popup-content dd{margin:0 0 8px}
.studio-popup-numbers{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.studio-popup-numbers span{padding:5px 8px;border:1px solid #c5b07c66;color:#f2ddae}

/* Other game equipment: moderate artwork, aligned to the left; team portraits are unchanged. */
body:is([data-studio-page=wutheringwave],[data-studio-page=endfield]) :is(#caBrowser,#efEquipment) .studio-equipment-open{justify-content:flex-start!important;gap:12px!important}
body:is([data-studio-page=wutheringwave],[data-studio-page=endfield]) :is(#caBrowser,#efEquipment) .studio-equipment-visual{width:88px!important;flex:0 0 88px!important;margin-right:0!important}
body:is([data-studio-page=wutheringwave],[data-studio-page=endfield]) :is(#caBrowser,#efEquipment) .studio-equipment-visual>img{width:88px!important;height:100px!important;object-fit:contain!important}
body:is([data-studio-page=wutheringwave],[data-studio-page=endfield],[data-studio-page=zzz]) :is(#caBrowser,#efEquipment,#zzzDiscs) .ef-eq-card-top{grid-template-columns:96px minmax(0,1fr)!important;justify-content:start!important;align-items:start!important;gap:12px!important}
body:is([data-studio-page=wutheringwave],[data-studio-page=endfield],[data-studio-page=zzz]) :is(#caBrowser,#efEquipment,#zzzDiscs) .ef-eq-image{width:96px!important;height:100px!important;max-width:96px!important;padding:0!important;justify-content:flex-start!important}
body:is([data-studio-page=wutheringwave],[data-studio-page=endfield],[data-studio-page=zzz]) :is(#caBrowser,#efEquipment,#zzzDiscs) .ef-eq-image>img{width:96px!important;height:100px!important;object-fit:contain!important;max-width:none!important;max-height:none!important}
body:is([data-studio-page=wutheringwave],[data-studio-page=endfield],[data-studio-page=zzz]) :is(.ca-home-weapons,.ca-home-harmony,.ef-eq-entry,[data-zc-open=zzzDiscs])::after,
body:is([data-studio-page=wutheringwave],[data-studio-page=endfield],[data-studio-page=zzz]) :is(.ca-home-weapons,.ca-home-harmony,.ef-eq-entry,[data-zc-open=zzzDiscs])::before{display:none!important;background:none!important}
body:is([data-studio-page=wutheringwave],[data-studio-page=endfield],[data-studio-page=zzz]) :is(.ca-home-weapons,.ca-home-harmony,.ef-eq-entry,[data-zc-open=zzzDiscs]) :is(.studio-showcase-composition,.studio-equipment-preview){mask-image:none!important;-webkit-mask-image:none!important}

/* Endfield shows all four members using the shared rows; retain readable size. */
body[data-studio-page=endfield] #studioTeams #sgContent>.sg-unified{transform:none!important}
body[data-studio-page=endfield] #studioTeams #sgContent{overflow:auto!important}
/* Wuwa equipment follows Genshin's inline effect cards. */
body[data-studio-page=wutheringwave] #caContent .ef-eq-card{display:block!important;width:100%!important}
.studio-concept-symbol{display:grid;place-items:center;width:100%;height:100%;min-height:120px;color:#b8cdd3;font:400 64px Georgia,serif;background:radial-gradient(ellipse,#45616c,#102b3b);font-style:normal}

/* Endfield totals: keep readable numbers and remove spare vertical spacing. */
body[data-studio-page=endfield] #studioTeams.studio-fit-team .sb-snapshot{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center;gap:4px}
body[data-studio-page=endfield] #studioTeams.studio-fit-team .sb-heading{grid-column:1;grid-row:1;min-width:0}
body[data-studio-page=endfield] #studioTeams.studio-fit-team .studio-buff-more{grid-column:2;grid-row:1;margin:0;white-space:nowrap}
body[data-studio-page=endfield] #studioTeams.studio-fit-team .sb-metrics{grid-column:1/-1;margin:0!important}
body[data-studio-page=endfield] #studioTeams.studio-fit-team .sb-metric{padding-top:3px!important;padding-bottom:3px!important}
body[data-studio-page=endfield] #studioTeams.studio-fit-team .sb-metric>strong{margin-top:1px!important}

/* Endfield team heading: compact controls while reserving the shared menu. */
body[data-studio-page=endfield] #studioTeams.studio-fit-team .sg-head{display:flex!important;gap:8px;padding-top:5px!important;padding-bottom:5px!important;padding-right:78px!important}
body[data-studio-page=endfield] #studioTeams.studio-fit-team .sg-head>div{flex:1;min-width:0}
body[data-studio-page=endfield] #studioTeams.studio-fit-team .sg-head h2{overflow-wrap:anywhere}
body[data-studio-page=endfield] #studioTeams.studio-fit-team .sg-scroll{padding-top:2px!important;padding-bottom:3px!important}
body[data-studio-page=endfield] #studioTeams.studio-fit-team #sgNav{margin-bottom:0!important}

body[data-studio-page=endfield] #studioTeams.studio-fit-team .sg-head{min-height:0!important}

body[data-studio-page=endfield] #studioTeams.studio-fit-team .sg-head>button{margin:0!important}
body[data-studio-page=endfield] #studioTeams.studio-fit-team .studio-team-row:first-child>h4{margin-top:5px}
/* Endfield totals: use three readable columns on narrow phones without scaling the team. */
body[data-studio-page=endfield] #studioTeams.studio-fit-team .sb-metrics{grid-template-columns:repeat(auto-fit,minmax(76px,1fr))!important}