/* Match the existing dark teal, ivory and champagne palette. */
.studio-site-links{position:absolute;top:max(20px,env(safe-area-inset-top));left:clamp(14px,3vw,40px);right:82px;z-index:4;display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center}.studio-site-links a{color:#dce5e7;font:400 11px/1.6 Georgia,'Yu Mincho',serif;letter-spacing:.035em;text-decoration:none;border-bottom:1px solid #c7ad7133;padding:4px 0}.studio-site-links a:hover{color:#f1d8a3;border-color:#c7ad71}.fullscreen-menu .menu-inner{padding-top:max(85px,calc(env(safe-area-inset-top) + 70px))!important}
#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}
.studio-equipment-filters{padding:8px 16px 10px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.studio-equipment-filters[hidden]{display:none!important}.studio-equipment-filters>label{display:flex;align-items:center;gap:8px;font-size:11px;color:#c7d8df}.studio-equipment-filters select,.studio-equipment-filters button{background:#102c3b;color:#dce8ed;border:1px solid #b8ccd244;font:400 11px/1.5 var(--studio-font,Georgia,serif);padding:7px 10px;border-radius:3px}.studio-equipment-filters>div{display:flex;gap:5px;flex-wrap:wrap}.studio-equipment-filters button{cursor:pointer}.studio-equipment-filters button[aria-pressed=true]{border-color:#d7bb7c;background:#b9a16c22;color:#f1dcaf}#caBrowser .ca-tools input[type=search],#efEquipment input[type=search],#tcgSearch{width:min(230px,100%)!important;max-width:100%!important;min-height:34px!important;height:34px!important;font-size:12px!important;padding:7px 11px!important}#caBrowser:has(.studio-equipment-filters:not([hidden])){grid-template-rows:auto auto auto auto auto minmax(0,1fr)!important}
.studio-equipment-tile{min-width:0;border:1px solid #abcbd038;background:linear-gradient(145deg,#1b3a49,#112a39);overflow:hidden}.studio-equipment-open{display:flex;align-items:center;gap:16px;width:100%;height:100%;min-height:145px;padding:15px;border:0;background:none;color:inherit;text-align:left;cursor:pointer}.studio-equipment-open:hover{background:#a8c7ce0c}.studio-equipment-visual{display:block;width:125px;flex:none}.studio-equipment-visual>img{display:block;width:100%;height:150px;object-fit:contain}.studio-equipment-caption{display:flex;flex-direction:column;gap:7px;min-width:0}.studio-equipment-caption small{font-size:10px;line-height:1.5;color:#a9c2ce}.studio-equipment-caption strong{font:400 20px/1.5 var(--studio-font,Georgia,serif);color:#f1dfbc;overflow-wrap:anywhere}.studio-equipment-caption>span{font-size:10px;color:#bdd1da}.studio-artifact-parts{width:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.studio-artifact-parts figure{margin:0!important;min-width:0!important;text-align:center}.studio-artifact-icon{display:block;width:100%;aspect-ratio:1;background-image:url('artifact-parts.webp');background-repeat:no-repeat}.studio-artifact-parts figcaption{font:400 10px/1.5 var(--studio-font,Georgia,serif);color:#bdcfda}.studio-part-missing{display:grid;place-items:center;aspect-ratio:1;font-size:9px;color:#9cb0bc}.studio-equipment-tile:has(.studio-artifact-parts) .studio-equipment-open{display:block}.studio-equipment-tile:has(.studio-artifact-parts) .studio-equipment-visual{width:100%;margin-bottom:14px}.studio-five-part-entrance{position:absolute;inset:15px 12px 60px;display:flex;align-items:center;pointer-events:none}.studio-five-part-entrance .studio-artifact-parts{gap:5px}.studio-five-part-entrance .studio-artifact-parts figcaption{font-size:11px;color:#d0e0e6}
#studioEquipmentDetail{position:fixed;inset:0;z-index:1500000;background:linear-gradient(140deg,#102d3d,#0b1e2c);color:#dce8ed;display:flex;flex-direction:column;height:100dvh;padding-top:env(safe-area-inset-top)}#studioEquipmentDetail[hidden]{display:none}#studioEquipmentDetail>header{position:static;flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px clamp(16px,4vw,50px);animation:none;border-bottom:1px solid #c4d5dc33;background:none}#studioEquipmentDetail h2{font:400 23px/1.5 var(--studio-font,Georgia,serif);margin:0;color:#f0dcaf}#studioEquipmentDetailClose{flex:none;color:#dce8ed;background:#abc7cf11;border:1px solid #bbced044;padding:10px 13px;cursor:pointer}.studio-equipment-detail-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:24px clamp(16px,5vw,80px)}.studio-equipment-detail-body>.ef-eq-card{max-width:1000px;margin:auto}.studio-equipment-detail-body .ef-eq-image img{display:block;width:100%;height:230px;object-fit:contain}.studio-equipment-detail-body .ef-eq-card-top{display:grid;grid-template-columns:minmax(100px,220px) minmax(0,1fr);gap:24px;align-items:center}.studio-equipment-detail-body p{font:400 13px/1.9 var(--studio-font,Georgia,serif);letter-spacing:0;white-space:pre-line;color:#c6d6de}.studio-equipment-detail-body h3{font-size:24px;color:#f1dfbd}.studio-equipment-detail-body h4{color:#e3d2b2}.studio-equipment-detail-body .sr-characters{display:flex;gap:12px;flex-wrap:wrap}.studio-equipment-detail-body .sr-character{display:flex;flex-direction:column;width:100px;gap:8px;background:#c3d6dc11;color:#dce8ed;border:1px solid #bbd0d333;padding:8px}.studio-equipment-detail-body .sr-character img{width:100%;height:100px;object-fit:cover}
#chainProgress{max-height:none!important;flex:0 0 auto!important}.studio-chain-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.studio-chain-metrics>div{padding:5px 7px;background:#abcbd20b;border:1px solid #bdd2d822;min-width:0;display:grid;grid-template-columns:1fr auto;gap:3px 6px}.studio-chain-metrics span{font-size:10px;line-height:1.4;color:#bacfd9;overflow-wrap:anywhere}.studio-chain-metrics strong{font-size:15px;font-weight:400;color:#f1d8a5}.studio-chain-metrics small{grid-column:1/-1;font-size:8px;color:#91acbb}.studio-chain-metrics>p,.studio-chain-note{font-size:9px!important;line-height:1.5!important;margin:6px 0 0!important;letter-spacing:0!important;color:#a7bdca!important}body[data-studio-page=wutheringwave] :is(.ca-art,.ca-collage) img{background:transparent!important}body[data-studio-page=wutheringwave] #caProfile{overflow:hidden!important;height:100dvh!important;display:flex;flex-direction:column}body[data-studio-page=wutheringwave] #caProfile[hidden]{display:none!important}body[data-studio-page=wutheringwave] .ca-profile-bottom{min-height:0!important;flex:1 1 auto!important;overflow:hidden!important}body[data-studio-page=wutheringwave] #caChainText{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important}#caProfile .ca-profile-head{flex:none!important}#caProfile .ca-profile-bottom{min-height:0!important}#caChainText{overflow-y:auto!important;overscroll-behavior:contain!important}
@media(max-width:700px){.studio-site-links{gap:4px 14px;top:14px}.studio-site-links a{font-size:9px}#studioTeams .sg-head{padding:12px!important;min-height:70px!important}#studioTeams .sg-head small{font-size:8px!important}#studioTeams .sg-head h2{font-size:18px!important}.studio-team-matrix{padding:0 8px}.studio-team-cells{gap:5px}.studio-team-cell{padding:5px 3px}.studio-team-cell.studio-team-character>img{height:165px}.studio-team-cell>img{height:85px}.studio-team-cell h4{font-size:11px}.studio-team-cell p{font-size:8px;line-height:1.55}#studioTeams .sg-team-title{padding:13px!important}#studioTeams .sg-team-title h3{font-size:19px!important}#studioTeams .sb-snapshot{margin:20px 8px 8px!important}.studio-equipment-filters{padding:7px 12px;gap:6px}.studio-equipment-filters button,.studio-equipment-filters select{padding:6px 8px;font-size:10px}.studio-equipment-open{gap:12px;padding:12px}.studio-equipment-visual{width:100px}.studio-equipment-visual>img{height:130px}.studio-equipment-caption strong{font-size:18px}.studio-chain-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-chain-metrics strong{font-size:13px}#studioEquipmentDetail h2{font-size:18px}.studio-equipment-detail-body .ef-eq-card-top{grid-template-columns:90px minmax(0,1fr);gap:12px}.studio-equipment-detail-body .ef-eq-image img{height:160px}.studio-equipment-detail-body p{font-size:12px}.studio-equipment-detail-body{padding:16px 12px}}
@media(prefers-reduced-motion:reduce){#studioEquipmentDetail *{animation:none!important;transition:none!important}}
#dupeView .dupe-card:has(.studio-potential-summary){display:flex!important;flex-direction:column!important;overflow:hidden!important}#dupeView .dupe-card:has(.studio-potential-summary)>img{flex:1 1 auto!important;min-height:0!important;height:0!important;object-fit:contain!important}.studio-potential-summary{flex:none!important;padding:10px 14px!important;background:#102b3be8;color:#c7d9e2;border-top:1px solid #bea46955;width:100%;max-height:36dvh;overflow:hidden}.studio-potential-summary .chain-progress-title{font-size:12px}.studio-potential-summary .studio-chain-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
.studio-equipment-detail-body .ef-eq-card-top:has(>.studio-artifact-parts){grid-template-columns:minmax(0,1fr)!important}.studio-equipment-detail-body .studio-artifact-parts{max-width:640px;margin:0 auto 18px}.studio-equipment-detail-body .studio-artifact-parts figcaption{font-size:12px}
#studioTeams .sg-head,body #caBrowser .ca-browser-head,body #efEquipment .ef-eq-head{padding-right:82px!important;box-sizing:border-box!important}body #caBrowser .ca-browser-head,body #efEquipment .ef-eq-head{flex:none!important;min-height:72px!important;padding-top:max(14px,env(safe-area-inset-top))!important}body #caBrowser #caContent{flex:1 1 auto!important;min-height:0!important}body #caBrowser .studio-equipment-filters{flex:none!important}body #studioTeams .sg-head>div{min-width:0!important}