/* Reference-inspired collection screens, backed by existing game data. */
body:has(.command-page):not(.battle-mode) .sidebar .nav.active,body.shop-mode .sidebar .nav.active{background:linear-gradient(90deg,#96722970,#372b1530);border-block:1px solid #be9850;box-shadow:inset 3px 0 #fce49c;color:#ffe298}
body:has(.command-page):not(.battle-mode) .sidebar .nav.active span,body.shop-mode .sidebar .nav.active span{color:#fff0bf}
.command-page .command-banner{height:205px;border-bottom:1px solid #635134;background-size:cover;background-position:center;position:relative;isolation:isolate}
.command-page .command-banner:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#020a12dc,transparent 85%)}
.champion-page .command-banner{background-image:url('/assets/champion-banner-v2.png')}
.equipment-page .command-banner{background-image:url('/assets/equipment-banner-v2.png')}
.ranking-page .command-banner{background-image:url('/assets/ranking-banner-v2.png')}
.command-page .command-banner h1{font-size:46px;color:#fff1cc;letter-spacing:-1px}.command-page .command-banner p{font-size:15px}.command-page .eyebrow{color:#f2ca71!important}
.command-page .collection-count{background:#020b13d9;border-color:#92713c;border-radius:7px}.collection-line{background:linear-gradient(90deg,#ab8136,#ffe195)}
.command-page .catalog-tabs button.active{background:linear-gradient(#796023,#332717);border-color:#f2cb72;color:#fff2bb;box-shadow:0 0 12px #e8bf5033}
.command-page .catalog-toolbar{gap:10px;padding:4px 0 8px}.command-page .catalog-tabs button{padding:12px 18px}
.champion-page .catalog-layout{grid-template-columns:minmax(0,1.25fr) minmax(420px,1fr);gap:24px;align-items:start}
.champion-page .catalog{gap:12px}.champion-page .codex-hero{height:207px;background:radial-gradient(ellipse at 50% 35%,color-mix(in srgb,var(--hero-color) 24%,#07121c),#030b13 75%);border-color:color-mix(in srgb,var(--hero-color) 65%,#263647)}
.champion-page .codex-hero.active{border-color:#ffe097;box-shadow:0 0 0 1px #eac774,0 0 14px #eac77466}
.champion-page .codex-portrait{inset:4px 0 38px;width:100%;height:calc(100% - 42px);background-size:contain!important;background-position:center bottom!important}
.champion-page .codex-hero-footer{text-align:center;padding:22px 5px 10px}.champion-page .codex-hero-footer strong{font-size:13px}.champion-page .hero-diamond{color:var(--hero-color)}
.command-page .codex-detail{border:1px solid #b59457;border-radius:8px;background:#030d16;top:15px;overflow:hidden}
.champion-page .codex-detail-art{height:275px;background:url('/assets/champion-banner-v2.png') center/cover}
.champion-page .codex-detail-art:before{background:linear-gradient(90deg,#050b14eb,transparent),linear-gradient(0deg,#030d16,transparent 60%)}
.champion-page .codex-large{right:0;bottom:0;width:65%;height:275px;background-size:contain!important;background-position:center bottom!important}
.codex-detail-body{padding:22px 25px}.codex-detail-body h3{color:#f0d18a}.codex-talent{font-size:14px;color:#d0dce4}.codex-stats{gap:17px;font-size:14px}.tier-preview small{font-size:10px}.tier-portrait{height:86px}
.equipment-page .catalog-layout{display:grid;grid-template-columns:minmax(0,1.95fr) minmax(340px,1fr);gap:22px;align-items:start}
.equipment-page .catalog{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.equipment-page .codex-item{padding:10px 10px 13px;text-align:left;min-width:0;background:radial-gradient(ellipse at 50% 35%,color-mix(in srgb,var(--rarity) 15%,#0b1017),#030b12 78%);cursor:pointer}.equipment-page .codex-item.active{border-color:#ffdd8a;box-shadow:0 0 0 1px #bd984e,0 0 10px #e9bf4f44}
.equipment-page .equipment-art{height:133px}.equipment-page .codex-item p{font-size:11px;line-height:1.5}.equipment-page .codex-item h3{font-size:13px}.equipment-page .codex-item>small{font-size:10px}
.equipment-detail-art{position:relative;padding:20px;background:linear-gradient(0deg,#030d16,transparent),url('/assets/equipment-banner-v2.png') center/cover}.equipment-detail-art .equipment-art{height:270px!important;filter:drop-shadow(0 0 18px #ff7c3544)}.equipment-detail-art h2{font-size:30px;margin:10px 0 0}.equipment-description{font-size:18px;color:#fff0cc;line-height:1.8}.equipment-tier-list{display:grid;gap:0}.equipment-tier-list>div{display:grid;grid-template-columns:65px 1fr;gap:12px;border-bottom:1px solid #21303b;padding:12px 0;font-size:12px;line-height:1.6}.equipment-tier-list span{color:#c0d3e1}
.ranking-layout{grid-template-columns:minmax(0,3fr) minmax(290px,1fr);gap:24px}.ranking-page .table-wrap{border:1px solid #345063;border-radius:8px;overflow:hidden}.ranking-page th{background:#06121c;color:#acc6d8;font-size:13px;padding:15px 12px}.ranking-page td{height:80px;padding:12px;font-size:14px;border-color:#233644}.ranking-page tr[data-mode=single]{background:linear-gradient(90deg,#04101aef,#04101acc),url('/assets/home-single-v2.png') center/cover}.ranking-page tr[data-mode=coop]{background:linear-gradient(90deg,#04101aef,#04101acc),url('/assets/home-coop-v2.png') center/cover}.ranking-page tr[data-mode=versus]{background:linear-gradient(90deg,#04101aef,#04101acc),url('/assets/home-versus-v2.png') center/cover}
.ranking-page .rank-place-1{box-shadow:inset 0 0 0 1px #dfb563}.ranking-page .rank-place-2{box-shadow:inset 0 0 0 1px #7999c6}.ranking-page .rank-place-3{box-shadow:inset 0 0 0 1px #b27152}.rank-medal{font-size:25px;color:#f5d793}.ranking-page td:nth-child(3){font-size:22px;color:#ffdc88;font-weight:700}.ranking-page .panel{border:1px solid #7d663f;border-radius:8px;background:linear-gradient(#06121b99,#030d17f5),url('/assets/ranking-banner-v2.png') center/cover}.ranking-page .panel h3{color:#ffe0a0;font-size:22px}.rank-podium .podium-entry{border-bottom:1px solid #655034;padding:20px 8px}.personal-stats strong{color:#e4efff}.rank-mode-tag{white-space:nowrap}.ranking-page .season{color:#edcd89}
.shop-screen .shop-banner{height:225px;text-align:left;padding:28px 34px;background:linear-gradient(90deg,#030b13e8,transparent 80%),url('/assets/shop-banner-v2.png') center 48%/cover;border-bottom:1px solid #8a683c}
.shop-banner h1{font-size:48px;letter-spacing:-1px;margin:10px 0;color:#ffecc1}.shop-banner>span{font-size:11px;letter-spacing:2px;color:#e5c785}.shop-intro{font-size:21px;color:#f4e9d3;margin-bottom:10px}.shop-banner p{font-size:14px}.shop-banner>small{position:absolute;right:35px;top:24px;padding:10px 18px;background:#020b13d9;border:1px solid #897047;border-radius:5px}
.shop-layout{grid-template-columns:minmax(0,2.4fr) minmax(330px,1fr);gap:22px;padding:20px 26px}.shop-detail{border:1px solid #ad8847;border-radius:8px;background:linear-gradient(#061320,#020b13);padding:23px}.shop-detail h2{font-size:25px;color:#ffe6aa}.shop-detail .primary{background:linear-gradient(#ffe398,#c59534);border-color:#e3c371;color:#21180a;box-shadow:none}.shop-category-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.shop-category-tabs button{background:#06141f;border:1px solid #294659;font-size:12px;padding:10px 14px}.shop-category-tabs button[aria-pressed=true]{background:linear-gradient(#745924,#332512);color:#ffe6a2;border-color:#e1ba65;box-shadow:0 0 12px #c9942833}.shop-screen .cos-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.shop-screen .cos-product{border:1px solid #53616a;border-radius:8px;overflow:hidden;background:linear-gradient(#0a1822,#030b12)}.shop-screen .cos-product.selected{border-color:#f6d57d;box-shadow:0 0 10px #d8aa3b44}.shop-screen .cos-product>strong{color:#f0e4c9}.shop-screen .cos-product>span{color:#e6c26b}.shop-screen .cos-preview{height:165px}
@media(max-width:1450px){.champion-page .catalog-layout{grid-template-columns:1.2fr 1fr}.champion-page .codex-hero{height:170px}.equipment-page .catalog{grid-template-columns:repeat(4,minmax(0,1fr))}.equipment-page .equipment-art{height:110px}.shop-screen .cos-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-toolbar{flex-wrap:wrap}}
.command-page .catalog-tabs{flex-shrink:0;flex-wrap:wrap}.command-page .catalog-tabs button{white-space:nowrap;min-width:76px}.command-page .catalog-toolbar input{min-width:170px}.shop-banner{position:relative}
@media(max-width:1450px){.command-page .catalog-tabs{flex-basis:100%}.champion-page .catalog-layout{grid-template-columns:minmax(0,1fr) 390px}.champion-page .catalog{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ranking-page .cos-profile.compact{display:flex;flex-direction:row;align-items:center;gap:8px;min-width:150px}.ranking-page .cos-profile.compact .cos-avatar{width:44px;height:44px;flex:0 0 44px}.ranking-page .cos-profile.compact .cos-identity{min-width:80px;flex:1}.ranking-page .cos-profile.compact .cos-name{font-size:12px;min-height:26px}.ranking-page th{white-space:nowrap;font-size:11px;padding:12px 7px}.ranking-page td{padding:10px 7px}.ranking-page td:last-child{white-space:nowrap;font-size:11px}.shop-screen .shop-banner{position:relative}.shop-screen .shop-banner>small{top:18px;right:24px}

.arena-wrap{position:relative}#summon-feed{position:absolute;left:16px;bottom:18px;z-index:5;pointer-events:none;display:flex;flex-direction:column;gap:4px;max-width:70%;font-size:12px;text-shadow:0 1px 3px #000}#summon-feed>div{padding:6px 10px;border-radius:4px;background:#04101dcc;animation:summon-message .25s ease-out}#equipment-merge-tip{position:absolute;left:50%;bottom:25px;transform:translateX(-50%);z-index:6;display:flex;align-items:center;gap:12px;background:#071823ed;border:1px solid #cba75b;border-radius:6px;padding:8px 12px;color:#ffe4a7;font-size:13px;white-space:nowrap}#equipment-merge-tip button{padding:2px 7px}.item-roster-card{position:relative}.item-roster-card>.item-sell{position:absolute;right:4px;top:4px;z-index:3;padding:3px 5px!important;width:auto!important;min-height:0!important;font-size:9px!important;color:#e4ce94;background:#10212fe8!important;border:1px solid #a58b534d!important;border-radius:4px}@keyframes summon-message{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* Equipment atlas rows have different heights; preserve artwork and safe margins. */
.equipment-icon{background-image:none!important;background-size:auto!important;overflow:hidden;box-sizing:border-box}.equipment-icon>svg{display:block;width:100%;height:100%;overflow:hidden}.equipment-icon.equipment-art{mix-blend-mode:normal}.equipment button .equipment-icon{margin:0}