@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#101214;--panel:#181b1f;--panel2:#202429;--line:#30343b;--text:#f1f2f3;--muted:#a1a6ad;--gold:#e9c26a;--green:#9ac6ab;--radius:14px;font-family:'DM Sans',Arial,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,select{cursor:pointer}button{color:inherit}button:disabled,select:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button{border:0}h1,h2,h3,p{margin-top:0}h1,h2,h3,.condensed{font-family:'Barlow Condensed','Arial Narrow',sans-serif}h1{font-size:52px;font-weight:700;letter-spacing:-.7px;line-height:1.05;margin-bottom:14px}h2{font-size:28px;line-height:1.1}h3{font-size:22px}p{line-height:1.65}small{line-height:1.5}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:2px;text-transform:uppercase;font-weight:700;color:var(--gold)}.topbar{height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 32px;position:relative;background:#121518;z-index:3}.top-right{display:flex;gap:24px;align-items:center}.private-badge{font-size:11px;color:#b5bcbd;display:flex;gap:8px;align-items:center}.dot{width:6px;height:6px;display:inline-block;border-radius:100%;background:var(--gold)}.channel{font-size:12px;color:#e5e5e5}.shell{display:grid;grid-template-columns:205px minmax(0,1fr);min-height:calc(100vh - 80px)}.sidebar{border-right:1px solid var(--line);padding:32px 17px;display:flex;flex-direction:column;gap:28px;background:#131619}.nav-title{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#6e7680;padding:0 14px;margin:0 0 12px}.nav{display:grid;gap:4px}.nav-link{display:flex;align-items:center;gap:11px;padding:12px 14px;border-radius:7px;font-size:12px;color:#a9afb7}.nav-link svg{width:17px;height:17px;opacity:.8}.nav-link:hover{background:#20252a;color:white}.nav-link.active{background:#29271f;color:var(--gold)}.nav-link .soon-dot{margin-left:auto;width:4px;height:4px;background:#6b7078;border-radius:50%}.sidebar-bottom{margin-top:auto;padding:22px 13px 4px}.sidebar-bottom p{font-size:11px;line-height:1.8;color:#7b828c}.mini-line{width:28px;height:2px;background:var(--gold);margin-bottom:16px}main{min-width:0;padding:34px 38px 60px;max-width:1800px;width:100%;margin:auto}.breadcrumb{font-size:10px;color:#8b929c;letter-spacing:1.5px;font-weight:600;margin-bottom:28px;display:flex;align-items:center;gap:10px}.breadcrumb span{color:#e9c26a}.page-head{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:28px}.page-head .sub{font-size:13px;color:#a6acb5;max-width:590px;margin:0}.page-head .eyebrow{margin-bottom:12px}.button{background:var(--gold);color:#181b1e;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 18px;border-radius:7px;font-size:12px;font-weight:700;white-space:nowrap;line-height:1.4}.button svg{width:16px;height:16px}.button:hover{filter:brightness(1.08)}.button.secondary{border:1px solid var(--line);background:transparent;color:#c2c7ce}.button.small{padding:8px 12px;font-size:11px}.notice{display:flex;align-items:flex-start;gap:12px;padding:14px 17px;border:1px solid #3a392f;background:#23231f;border-radius:8px;font-size:11px;line-height:1.65;color:#bcbba9;margin-bottom:28px}.notice svg{flex-shrink:0;width:16px;height:16px;color:var(--gold);margin-top:2px}.notice b{color:#e4d5aa}.notice a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}.catalog-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px;border-bottom:1px solid var(--line)}.tabs{display:flex;gap:26px}.tab{font-size:13px;color:#979ea8;padding:0 0 15px;border-bottom:2px solid transparent}.tab.active{color:var(--gold);border-color:var(--gold)}.tab small{font-size:10px;padding:3px 6px;border-radius:4px;background:#24292f;color:#aaa;margin-left:7px}.catalog-top .muted{font-size:10px;padding-bottom:14px}.toolbar{display:flex;gap:12px;margin-bottom:23px}.search{position:relative;flex:1;max-width:460px}.search svg{width:17px;height:17px;position:absolute;left:14px;top:14px;color:#7a838e}.search input{padding-left:41px;width:100%}input,select{background:#1b1f23;color:#d8dce0;border:1px solid #353a40;border-radius:7px;padding:12px 14px;font-size:12px;min-width:0}select{padding-right:28px}.toolbar select{min-width:145px}.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.item-card{background:#181c21;border:1px solid #494332;border-radius:14px;overflow:hidden;transition:transform .18s,border-color .18s;position:relative;display:block;min-width:0}.item-card:hover{transform:translateY(-4px);border-color:var(--gold)}.card-art{aspect-ratio:1.03;background:radial-gradient(ellipse at 60% 30%,#8b6544 0%,#55452d 40%,#282724 85%);position:relative;margin:9px 9px 0;border-radius:8px;overflow:hidden}.card-art img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .3s}.item-card:hover img{transform:scale(1.045)}.card-art.weapon-art img{object-fit:contain;padding:16px}.art-top{position:absolute;left:9px;top:9px;background:#15171bd9;color:#e4c780;font-size:9px;letter-spacing:1px;font-weight:700;padding:5px 7px;border-radius:4px}.art-bottom{position:absolute;bottom:8px;left:8px;background:#14171ae6;color:#e3e4e8;font-size:9px;padding:5px 7px;border-radius:4px;max-width:90%}.card-body{padding:15px 13px 16px;min-height:103px}.rarity{color:var(--gold);font-size:12px;letter-spacing:2px;margin-bottom:8px}.card-body h3{font-family:'DM Sans',sans-serif;font-size:13px;letter-spacing:-.2px;margin-bottom:6px;font-weight:700}.variant{font-size:9px;letter-spacing:1.2px;text-transform:uppercase;color:#a0a8b2;line-height:1.7;min-height:30px}.card-bottom{margin-top:12px;display:flex;align-items:center;justify-content:space-between;color:#858d98;font-size:9px}.card-bottom b{color:var(--gold);font-size:16px}.catalog-footer{margin-top:27px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:11px;color:#7f8792}.catalog-footer a{color:#d1bc83}.promo-row{margin-top:38px;display:grid;grid-template-columns:1.35fr 1fr;gap:20px}.promo{border:1px solid var(--line);border-radius:10px;display:flex;gap:25px;align-items:center;padding:23px;background:linear-gradient(115deg,#202321,#181b1e)}.promo .icon-box{width:48px;height:48px;display:grid;place-items:center;color:var(--gold);border:1px solid #454233;border-radius:10px;flex-shrink:0}.promo h3{margin:0 0 5px;font-size:22px}.promo p{margin:0;font-size:11px;color:#8f97a0}.promo .arrow{margin-left:auto;color:var(--gold)}.no-results{padding:40px;border:1px dashed var(--line);grid-column:1/-1;border-radius:10px}.footer{margin-top:50px;border-top:1px solid var(--line);padding-top:20px;font-size:10px;color:#757f8a;display:flex;justify-content:space-between;gap:20px;line-height:1.6}.detail-hero{display:grid;grid-template-columns:250px 1fr;gap:32px;margin-bottom:30px}.detail-art{border:1px solid #706044;background:radial-gradient(ellipse at top,#755535,#242728);border-radius:14px;overflow:hidden;align-self:start;aspect-ratio:1}.detail-art img{width:100%;height:100%;object-fit:cover}.detail-art.weapon img{object-fit:contain;padding:20px}.detail-hero h1{margin:12px 0 4px}.detail-hero .subtitle{font-size:20px;color:var(--gold);font-family:'Barlow Condensed',sans-serif;margin-bottom:16px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.chip{background:#232930;border:1px solid #353d45;color:#b9c0c8;padding:5px 9px;border-radius:4px;font-size:10px}.chip.verified{background:#202c26;border-color:#344b3c;color:#a9d0b5}.description{color:#a6afb8;font-size:13px;max-width:720px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:22px}.box{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:23px;margin-bottom:20px}.box h2{font-size:24px}.box p,.box li{font-size:12px;color:#aeb4bd;line-height:1.75}.box ul{padding-left:18px}.fact-list{display:grid;gap:0}.fact-row{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:12px 0;font-size:12px}.fact-row:last-child{border:0}.fact-row span{color:#9ba4ae}.text-link{color:var(--gold);font-size:12px;text-decoration:underline;text-underline-offset:4px}.source-list{display:grid;gap:10px}.source{font-size:11px;color:#b2b9c1;line-height:1.65;border-left:2px solid #53503b;padding-left:12px}.source a{color:#e0c78f;text-decoration:underline}.source small{display:block;color:#818b98}.route-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.route-card{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:25px;min-height:180px;display:block}.route-card:hover{border-color:#77705a}.route-card h2{font-size:28px;margin:20px 0 12px}.route-card p{font-size:12px;color:#9fa7b2}.route-card .eyebrow{color:#8994a1}.status-row{display:flex;justify-content:space-between;gap:20px;margin:13px 0;padding-bottom:13px;border-bottom:1px solid var(--line);font-size:12px}.status-row span{color:#a8b1bb}.status-row strong{font-size:11px;color:var(--gold);text-align:right}.status-row:last-child{border-bottom:0}.pending-large{padding:38px;background:repeating-linear-gradient(135deg,#1a1e23,#1a1e23 8px,#1c2025 8px,#1c2025 9px);border:1px dashed #454a51;border-radius:12px;text-align:center}.pending-large svg{color:var(--gold);width:36px;height:36px;margin-bottom:16px}.pending-large p{max-width:650px;margin:12px auto;font-size:13px;color:#a0a8b2}.lab-page{color:#24282e;background:#edf0f2;padding:30px;border-radius:14px;color-scheme:light;--muted:#6c7680;--line:#d8dde0;--gold:#8e6922}.lab-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.lab-identity{display:flex;align-items:center;gap:15px}.lab-avatar{width:65px;height:65px;object-fit:cover;border-radius:10px;border:1px solid #bfa96e;background:#aa895e}.lab-top h2{margin:3px 0;font-size:25px}.lab-top p{font-size:11px;color:#6d7580;margin:0}.lab-top select{background:#fff;color:#242b34;border-color:#cbd1d6;max-width:300px}.lab-status{font-size:11px;padding:12px 15px;background:#fff7e5;border:1px solid #e3d6b8;border-radius:7px;color:#76613a;margin-bottom:24px;line-height:1.6}.builds{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0}.build-panel{min-width:0;padding:0 23px 0 0}.build-panel+.build-panel{border-left:1px solid #cfd5d9;padding:0 0 0 23px}.build-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.build-heading h3{font-size:24px;margin:0}.build-label{background:#252c30;color:#e7c773;border-radius:5px;width:28px;height:28px;display:inline-grid;place-items:center;font:700 14px 'DM Sans',sans-serif;margin-right:8px;vertical-align:2px}.build-panel+.build-panel .build-label{background:#e6d9b7;color:#403720}.reset{border:1px solid #cbd1d6;border-radius:5px;background:transparent;padding:6px 10px;font-size:10px;color:#6f7882}.lab-section{margin-bottom:24px}.section-heading{display:flex;align-items:center;gap:10px;margin-bottom:17px}.section-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#22282a;color:#e1bf6a;box-shadow:0 3px 8px #2222}.section-icon svg{width:16px;height:16px}.section-heading h4{font-family:'Barlow Condensed',sans-serif;font-size:19px;margin:2px 0 0}.section-heading .eyebrow{font-size:8px;letter-spacing:1.4px;color:#96732b}.stat-grid{display:grid;grid-template-columns:1fr 1fr;margin-bottom:16px}.stat{padding:12px 4px;border-bottom:1px solid #d7dce0}.stat:nth-child(odd){border-right:1px solid #d7dce0}.stat:nth-child(even){padding-left:18px}.stat-label{font-size:9px;color:#77808b;letter-spacing:.9px;font-weight:700}.stat strong{display:block;font-family:'Barlow Condensed',sans-serif;font-size:33px;font-weight:500;line-height:1.1;margin:4px 0;color:#58616b}.stat small{font-size:9px;color:#8b7c5b}.advanced-label{font-size:8px;color:#828b96;letter-spacing:1.8px;font-weight:700;margin:20px 0 7px}.advanced{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #d6dbdf;font-size:11px}.advanced span:last-child{color:#7d858f}.fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{font-size:9px;font-weight:600;color:#737c85;display:grid;gap:6px}.lab-page select{padding:9px 10px;font-size:10px;border-color:#cfd5da;background:#fdfefe;color:#252b32;width:100%}.field.wide{grid-column:1/-1}.field small{font-size:9px;font-weight:400}.coming-input{border:1px dashed #ccd2d6;border-radius:5px;padding:9px;color:#8a9197;font-size:10px;background:#e9edef}.unipart-head{display:grid;grid-template-columns:1fr 86px;gap:10px;margin-bottom:12px}.parts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.part-icon{height:70px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(140deg,#eeb16a,#de6e30);color:#613c26}.part-icon svg{width:34px;height:42px}.part-label{font-size:8px;font-weight:600;letter-spacing:1.3px;text-align:center;margin:8px 0;color:#7b8288}.part select{font-size:9px;padding:8px 3px}.part small{display:block;font-size:8px;color:#899099;text-align:center;line-height:1.5;margin-top:6px}.set-effect{border-left:2px solid #b89b51;padding-left:12px;margin-top:18px}.set-effect h5{font-size:8px;color:#929080;letter-spacing:1.4px;margin:0 0 7px}.set-effect p{font-size:10px;margin:0 0 8px;color:#50565d;line-height:1.65}.set-effect b{color:#a85a27}.conditional{background:#e5e9eb;padding:11px 12px;border-radius:6px;margin-top:12px}.conditional .eyebrow{font-size:8px;color:#65717c;letter-spacing:1px;display:block;margin-bottom:6px}.conditional p{font-size:10px;line-height:1.7;color:#616b75;margin:0}.weapon-preview{margin:10px 0 12px;border-radius:10px;background:linear-gradient(120deg,#916744,#ed9354);height:120px;padding:16px;position:relative;color:white;overflow:hidden}.weapon-preview img{position:absolute;right:-5px;top:5px;width:58%;height:110px;object-fit:contain}.weapon-preview .weapon-text{position:relative;z-index:1;max-width:52%}.weapon-preview h5{font-size:17px;margin:6px 0;font-family:'Barlow Condensed',sans-serif}.weapon-preview small{font-size:8px;color:#fff9e9}.weapon-preview .rarity{color:#fff1bf;font-size:8px;letter-spacing:1px}.weapon-effect{font-size:10px;color:#68717a;line-height:1.6}.lab-footnote{font-size:10px;color:#737c84;line-height:1.65;border-top:1px solid #cfd5d9;padding-top:18px;margin-top:22px}.compare-strip{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:25px}.compare-strip>div{background:white;border:1px solid #d7dce0;border-radius:7px;padding:14px;font-size:10px;color:#6d7681;line-height:1.6}.compare-strip b{display:block;color:#444d57;margin-bottom:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-100px;left:20px;background:#e9c26a;color:#151719;padding:10px;z-index:20}.skip:focus{top:10px}.icon{width:20px;height:20px;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px;text-align:left}th,td{padding:12px 14px;border-bottom:1px solid var(--line);line-height:1.65}th{color:#d8c597;font-weight:600}td{color:#aab2bd}details{border-top:1px solid var(--line);padding:16px 0}summary{cursor:pointer;font-size:12px;color:#d4d9df}details p{margin:14px 0 0}.code-label{font-size:10px;padding:3px 6px;background:#262c32;border-radius:3px}.empty-art{display:grid;place-items:center;height:100%;color:#d6bd89;font-size:38px;font-family:'Barlow Condensed',sans-serif}.credit{font-size:9px;color:#68737e;margin-top:18px;line-height:1.7}
@media(min-width:1500px){.catalog-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.build-inner{display:grid;grid-template-columns:1fr 1.1fr;gap:24px}.lab-top select{max-width:380px}}
@media(max-width:1150px){main{padding:28px 25px 50px}.shell{grid-template-columns:180px minmax(0,1fr)}.sidebar{padding:28px 12px}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.promo-row{grid-template-columns:1fr}.lab-page{padding:23px}.build-panel{padding-right:16px}.build-panel+.build-panel{padding-left:16px}.route-cards{grid-template-columns:1fr 1fr}}
@media(max-width:850px){.shell{display:block}.sidebar{padding:0;border:0;border-bottom:1px solid #30343b;display:block;overflow:auto;scrollbar-width:none}.nav-title,.sidebar-bottom{display:none}.nav{display:flex;width:max-content;padding:8px 15px;gap:3px}.sidebar>div{display:contents}.nav-link{font-size:11px;padding:10px 12px;white-space:nowrap}.nav-link .soon-dot{display:none}.topbar{height:70px;padding:0 22px}.top-right{gap:14px}.channel{font-size:10px}.private-badge{font-size:10px}main{padding:27px 24px 45px}.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}h1{font-size:45px}.card-body{padding:13px 10px}.card-body h3{font-size:12px}.variant{font-size:8px}.two-col{gap:16px}.lab-top{align-items:flex-start}.lab-top select{max-width:240px}}
@media(max-width:620px){.topbar{padding:0 16px;height:65px}.top-right .channel{display:none}.private-badge{font-size:9px}.top-right{gap:7px}.breadcrumb{font-size:8px;margin-bottom:24px}main{padding:24px 17px 40px}.page-head{display:block;margin-bottom:22px}.page-head .button{margin-top:20px}.page-head .sub{font-size:12px}h1{font-size:42px}.eyebrow{font-size:9px}.notice{font-size:10px;padding:12px;margin-bottom:24px}.catalog-top .muted{display:none}.toolbar{gap:8px}.toolbar select{min-width:105px;width:110px;padding-left:10px;font-size:11px}.search input{font-size:11px;padding-right:8px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card-art{margin:7px 7px 0}.card-body{padding:14px 11px 12px}.card-body h3{font-size:12px}.variant{font-size:8px;min-height:30px}.rarity{font-size:11px}.card-bottom{font-size:8px}.catalog-footer{font-size:10px;align-items:start}.promo-row{margin-top:28px;gap:12px}.promo{padding:17px;gap:15px}.promo h3{font-size:20px}.promo p{font-size:10px}.promo .icon-box{width:40px;height:40px}.footer{font-size:9px;display:block;margin-top:35px}.footer>span{display:block;margin-bottom:7px}.detail-hero{grid-template-columns:100px 1fr;gap:17px}.detail-hero h1{font-size:32px;margin-top:3px}.detail-hero .subtitle{font-size:18px}.detail-hero .description,.detail-hero .button{grid-column:1/-1}.detail-info .description{font-size:11px}.detail-info .chip{font-size:8px}.detail-info .button{font-size:10px;padding:10px}.two-col,.route-cards{grid-template-columns:1fr}.box{padding:19px}.lab-page{padding:18px 13px;margin-left:-4px;margin-right:-4px}.lab-top{display:block}.lab-top select{max-width:none;width:100%;margin-top:16px}.lab-top h2{font-size:25px}.lab-status{font-size:10px}.builds{display:block}.build-panel,.build-panel+.build-panel{padding:0;border:0}.build-panel+.build-panel{border-top:2px solid #c4b27f;padding-top:25px;margin-top:30px}.build-inner{display:grid;grid-template-columns:1fr}.build-heading{margin-bottom:20px}.lab-section{margin-bottom:26px}.stat-grid{gap:0}.stat{padding:13px 5px}.stat strong{font-size:36px}.stat small{font-size:10px}.stat-label{font-size:10px}.advanced{font-size:12px}.section-heading h4{font-size:21px}.field{font-size:10px}.lab-page select{font-size:12px;min-height:40px}.part select{font-size:9px;padding:5px}.part-icon{height:86px}.part small{font-size:9px}.set-effect p,.conditional p,.weapon-effect{font-size:11px}.compare-strip{grid-template-columns:1fr;margin-top:15px}.compare-strip>div{padding:12px}.lab-footnote{font-size:10px}.pending-large{padding:28px 20px}.pending-large h2{font-size:26px}th,td{padding:10px}.status-row{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media(min-width:1151px){.build-inner{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.1fr);gap:20px}.build-inner .fields{grid-template-columns:1fr}.build-inner .part select{font-size:8px}.build-inner .unipart-head{grid-template-columns:minmax(0,1fr) 64px}.build-inner .lab-section .section-heading h4{font-size:18px}.build-inner .section-heading .eyebrow{font-size:7px}}

@media(max-width:850px){.sidebar .sidebar-bottom{display:none}}

/* Revision 2 — provisional slate / ice palette. Gold denotes rarity only. */
:root{--bg:#09111b;--panel:#101c2b;--panel2:#162539;--line:#25364a;--text:#edf5ff;--muted:#9aacc0;--gold:#f4c76b;--accent:#72d3ee;--accent-strong:#21b7dd;--radius:14px}
body{background:radial-gradient(ellipse at 74% -10%,#18354b 0,transparent 43%),var(--bg)}
img{max-width:100%}svg{flex-shrink:0}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-color:var(--accent)}
h1{font-size:clamp(38px,3.7vw,57px);letter-spacing:-.6px}h2{font-size:29px}h3{font-size:23px}.eyebrow{color:var(--accent);font-size:10px;letter-spacing:1.8px}.muted{color:var(--muted)}
.topbar,.header{background:#0a1421f5;border-bottom:1px solid #293a4b;min-height:78px}.topbar{padding:0 30px}.private-badge{color:#9caebf}.dot{background:var(--accent)}.channel{color:#a9cbd9}
.shell{grid-template-columns:205px minmax(0,1fr)}.sidebar{background:#0b1623;border-color:#223247;padding-top:30px}.nav-title{color:#668097}.nav-link{font-size:12px;color:#91a8bf;padding:12px 13px;transition:background .15s,color .15s}.nav-link:hover{background:#15283a;color:#e5f7ff}.nav-link.active{background:#17364a;color:#8ee7ff;box-shadow:inset 3px 0 #60cce8}.sidebar-bottom p{color:#71899f}.mini-line{background:var(--accent)}
main,.main{max-width:1740px;padding:35px 38px 60px;min-width:0}.breadcrumb,.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:10px;color:#819ab1;letter-spacing:1px;margin-bottom:25px}.breadcrumb span,.breadcrumbs span{color:#a2dbed}.breadcrumbs a:hover{text-decoration:underline}.page-head{margin-bottom:26px}.page-head .sub{color:#9eafc3;font-size:13px}.page-title{margin-bottom:28px}.page-title p{color:#9eafc3;font-size:13px;max-width:760px}.section{margin-top:34px}.section-heading{justify-content:space-between;align-items:center;margin-bottom:17px;gap:14px}.section-heading h2{margin:0}.section-heading p{margin:7px 0 0;font-size:12px;color:var(--muted)}.section-heading>a{font-size:11px;color:var(--accent);white-space:nowrap}.section-heading>a:hover{text-decoration:underline}
.button{background:var(--accent);color:#082333;border-radius:7px;box-shadow:0 4px 20px #00000012}.button:hover{background:#a0e8f9;filter:none}.button.secondary{color:#c8dfec;border-color:#38536a;background:#13283a}.button.secondary:hover{background:#1d3b51;border-color:#6aa6be}.button.small{padding:8px 11px;font-size:10px}.button:disabled{background:#25394b;color:#8aa0b0;box-shadow:none}.text-link{color:#8ddcf1}.skip{background:var(--accent)}
.notice{background:#102b3d;border:1px solid #294b62;color:#a6c5d8;border-radius:8px;font-size:11px;line-height:1.7;margin-bottom:24px}.notice b,.notice svg,.notice a{color:#8bdff4}.notice p{margin:0}.notice.compact{margin:12px 0;padding:11px 13px}.empty-state,.no-results{grid-column:1/-1;border:1px dashed #34536b;background:#0f2233;border-radius:12px;padding:30px;line-height:1.75;color:#95aec3}.empty-state h3,.no-results h3{color:#d2e9f5;margin:0 0 8px}.empty-state p,.no-results p{margin:0;font-size:12px}.empty-state .button{margin-top:18px}
.toolbar,.filters,.roster-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:23px}.toolbar>input,.filters>input,.roster-toolbar>input{flex:1;min-width:180px}.toolbar select,.filters select,.roster-toolbar select{min-width:120px;max-width:100%}.search{max-width:none}.search svg{color:#80a1ba}input,select,textarea{background:#102131;border-color:#30475d;color:#d9eaf7;border-radius:7px;padding:11px 12px;font-size:12px;max-width:100%}input::placeholder{color:#7992a9}select option{background:#102131;color:#e5f2fc}input[type=range]{accent-color:#49bede;padding:0;width:100%;border:0;background:transparent;cursor:pointer}.catalog-top{border-color:#263e53}.tab.active{color:var(--accent);border-color:var(--accent)}.tab small{background:#1e3548;color:#95b7ca}
.catalog-grid{gap:18px;grid-template-columns:repeat(4,minmax(0,1fr))}.item-card,.unit-card,.weapon-card{display:block;min-width:0;background:linear-gradient(160deg,#14283a,#0e1b2a 70%);border:1px solid #34516a;border-radius:13px;overflow:hidden;transition:transform .17s,border-color .17s,box-shadow .17s;position:relative}.item-card:hover,.unit-card:hover,.weapon-card:hover{transform:translateY(-3px);border-color:#76c5de;box-shadow:0 13px 30px #0004}.card-art{margin:8px 8px 0;aspect-ratio:1.05;background:radial-gradient(ellipse at 50% 22%,#517b92 0,#263d55 56%,#172536 100%);border-radius:8px;overflow:hidden}.card-art img{object-fit:cover;object-position:50% 24%;width:100%;height:100%;display:block}.card-art.weapon-art{background:radial-gradient(ellipse at 50% 40%,#364f67,#172a3e)}.card-art.weapon-art img{object-fit:contain;padding:22px;max-height:100%;image-rendering:auto}.card-art img.banner-portrait,.banner-portrait{object-fit:cover;object-position:100% 50%}.art-top{background:#0b1a2be6;color:#b4e6f4}.art-bottom{background:#0b1b2deb;color:#d2ebf9}.card-body{padding:14px 13px 16px}.card-body h3{font-size:13px;line-height:1.4;margin-bottom:5px;color:#f0f6ff}.stars,.rarity{font-family:Arial,sans-serif;color:var(--gold);font-size:12px;letter-spacing:2px;margin-bottom:8px;line-height:1.3}.type-line,.unit-title,.variant{font-size:10px;line-height:1.55;color:#a7b8cb}.type-line{text-transform:none;letter-spacing:.2px;margin:7px 0}.unit-title{min-height:30px}.card-body .muted{font-size:10px;line-height:1.6;margin:10px 0 0}.card-tags,.chips,.coverage-chips{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0}.chip,.pill{display:inline-flex;align-items:center;gap:5px;background:#1c3549;border:1px solid #30566c;color:#b9ddec;font-size:9px;line-height:1.5;padding:4px 7px;border-radius:5px}.chip.verified{background:#1c3a3b;border-color:#316365;color:#b5e0d9}.card-bottom{color:#8da5bc}.card-bottom b{color:var(--accent)}.catalog-footer a{color:var(--accent)}
.hero-feature{position:relative;isolation:isolate;border:1px solid #3b5a70;border-radius:16px;overflow:hidden;min-height:340px;background:#16344b;margin-bottom:25px;box-shadow:0 20px 45px #0003}.hero-feature>img,.hero-feature .hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.hero-feature::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#061729ed 0%,#0b1a2a94 40%,#0c14271a 75%),linear-gradient(0deg,#09121cc9,transparent 65%);z-index:-1}.hero-copy{padding:38px;max-width:570px;position:relative}.hero-copy .eyebrow{color:#bcf3ff;margin:0 0 12px}.hero-copy h1,.hero-copy h2{font-size:clamp(36px,4vw,56px);line-height:1.03;color:#fff;margin:0 0 8px;text-shadow:0 3px 25px #0008}.hero-copy>p{max-width:350px;font-size:12px;color:#c8dae9;line-height:1.7;margin-bottom:18px}.hero-copy .chips{margin:12px 0}.hero-copy .button{margin:9px 8px 0 0}.hero-feature .countdown{display:inline-flex;margin-bottom:16px;background:#102a3dd9;backdrop-filter:blur(5px);border-color:#47758f;color:#d5f8ff}.countdown{display:inline-flex;gap:7px;align-items:center;font-size:11px;font-variant-numeric:tabular-nums;background:#142e42;border:1px solid #355a71;border-radius:6px;padding:8px 11px;line-height:1.4;color:#a5dfef}.countdown strong{color:#d6f5ff}.countdown.ended{background:#222d3a;border-color:#3a4b60;color:#9aabbc}.statusline{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:10px;color:#92acc0;margin:13px 0}.statusline .pill{margin:0}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.hub-card{position:relative;min-width:0;background:linear-gradient(135deg,#14283a,#101b2b);border:1px solid #2d475e;border-radius:13px;padding:23px;overflow:hidden;transition:border-color .17s,background .17s}.hub-card:hover{border-color:#5b9db8;background:linear-gradient(135deg,#183146,#111f31)}.hub-card.wide,.hub-card.full{grid-column:1/-1}.hub-card>a.card-link,.hub-card>a.hub-link{position:absolute;inset:0;z-index:0}.hub-card> :not(.card-link):not(.hub-link){position:relative;pointer-events:none}.hub-card a:not(.card-link):not(.hub-link),.hub-card button{position:relative;pointer-events:auto;z-index:1}.hub-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.hub-head h2{font-size:29px;margin:3px 0 7px}.hub-head p{font-size:12px;color:#91aabd;line-height:1.6;margin:0}.hub-head>a{font-size:22px;color:#74d1eb}.hub-card>p{font-size:12px;color:#93aec3;margin-bottom:10px}.hub-card .button{margin-top:12px}.mini-roster{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.mini-unit{display:block;min-width:0;color:#b9cfe0;text-align:left;font-size:9px;line-height:1.45}.mini-unit img{display:block;width:100%;aspect-ratio:1;object-fit:cover;object-position:50% 23%;border:1px solid #46617a;border-radius:8px;background:radial-gradient(ellipse at top,#3e627a,#172b40);margin-bottom:8px;transition:border-color .15s}.mini-unit:hover img{border-color:#93e5f7}.mini-unit span,.mini-unit b{display:block;line-height:1.5}.mini-unit b{color:#e7f3fe;font-size:10px;font-weight:500}.mini-unit .unit-title{font-size:8px;min-height:0;color:#8da7bd}.mini-unit.weapon img{object-fit:contain;padding:9px}
.event-grid,.submode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.event-card{display:block;border:1px solid #2f4a60;background:#112335;border-radius:12px;overflow:hidden;min-width:0;transition:border-color .17s,transform .17s}.event-card:hover{border-color:#71bdd7;transform:translateY(-2px)}.event-image{display:block;width:100%;aspect-ratio:3.2;object-fit:cover;background:#203b52}.event-card>img{display:block;width:100%;aspect-ratio:3.2;object-fit:cover}.event-body{padding:20px}.event-body h2,.event-body h3{margin:0 0 8px;font-size:25px}.event-body p{font-size:12px;line-height:1.65;color:#9bb1c4;margin:0 0 15px}.event-body .eyebrow{margin-bottom:8px}.event-body .countdown{font-size:10px;padding:6px 9px}.hub-card .event-image{border-radius:8px;margin-bottom:15px}.mode-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px}.mode-layout>*{min-width:0}.mode-banner{display:block;width:100%;aspect-ratio:3.2;object-fit:cover;border:1px solid #3a5971;border-radius:13px;margin-bottom:25px}.rules-list{padding-left:19px;margin:0}.rules-list li{font-size:12px;color:#acbed0;line-height:1.8;margin-bottom:10px}.rewards-table{font-size:11px;border-collapse:collapse;width:100%;table-layout:fixed}.rewards-table th{color:#a9deef;font-weight:600;background:#122a3d}.rewards-table td{color:#a5bacb;vertical-align:top;word-break:normal;overflow-wrap:anywhere}.rewards-table th,.rewards-table td{border-color:#2a4055;padding:13px 12px}.rewards-table th:first-child{width:26%}.rewards-table td b{color:#daedf8}.table-wrap{border:1px solid #294359;border-radius:9px;overflow:auto}.table-wrap table tr:last-child td{border:0}
.detail-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:32px;align-items:start;margin-bottom:30px}.detail-layout>.detail-art{width:100%}.detail-art{border-color:#45657e;background:radial-gradient(ellipse at 50% 25%,#416f88,#1b344b 70%,#152638);aspect-ratio:4/5;border-radius:14px;overflow:hidden}.detail-art img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}.detail-art img.banner-portrait{object-fit:cover;object-position:100% 50%}.detail-art.weapon{aspect-ratio:1.4;background:radial-gradient(ellipse at center,#34516a,#142a40)}.detail-art.weapon img{padding:18px;object-fit:contain;object-position:center}.detail-art.weapon.screenshot{aspect-ratio:auto}.detail-art.weapon.screenshot img{height:auto;padding:0}.detail-copy h1{margin:10px 0 6px}.detail-copy h2{color:#a6deef;font-weight:500;font-size:25px;margin:0 0 16px}.detail-copy p,.description{font-size:13px;line-height:1.8;color:#a7bbce}.detail-copy .chips{margin:16px 0}.detail-copy .button{margin:6px 8px 0 0}.detail-hero .subtitle{color:var(--accent)}.box{background:linear-gradient(140deg,#122436,#0f1e2e);border-color:#2b4359;padding:23px}.box h2{font-size:27px;color:#e6f4ff}.box h3{color:#cce8f5}.box p,.box li{color:#a3b8ca}.fact-row{border-color:#294157}.fact-row span{color:#91a9bf}.fact-row strong{color:#d3eaf7}.fact-row small{color:#82a5bc}.pending-value{color:#90aabe;font-size:12px;font-weight:500}.stat-cell{padding:15px 16px;background:#11283b;border:1px solid #2d475d;min-width:0}.stat-cell span{display:block;font-size:9px;color:#87a8c0;letter-spacing:.7px;text-transform:uppercase}.stat-cell strong{display:block;font-size:22px;color:#ccdde9;font-family:'Barlow Condensed',sans-serif;margin-top:6px}.stat-cell small{display:block;color:#7f9bb2;font-size:9px;margin-top:5px}.stat-grid{gap:9px;margin-bottom:18px}.stat-grid .stat-cell{border-radius:8px}.config-panel{padding:20px;background:#101f30;border:1px solid #2c455b;border-radius:11px;margin-bottom:20px;min-width:0}.config-panel>h3{margin:0 0 18px}.control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.control-grid .wide{grid-column:1/-1}.field{color:#9cb6cb;letter-spacing:.2px;font-size:10px;font-weight:500;gap:7px;min-width:0}.field input,.field select{width:100%}.field small{font-size:9px;line-height:1.5;color:#7f9ab0;font-weight:400}.skill-control{border-top:1px solid #2b4257;padding:13px 0}.skill-control:first-child{border:0}.skill-row{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;margin-bottom:10px;color:#bad2e4}.skill-row strong{color:#7ddcf1;font-size:12px;white-space:nowrap}.skill-row small{font-size:9px;color:#83a0b8}.range-with-value{display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:12px;align-items:center}.range-with-value output{font-size:11px;color:#c2eaf7;text-align:center;border:1px solid #36566d;border-radius:5px;padding:5px;background:#163147}.weapon-preview{background:linear-gradient(130deg,#2a516b,#1b354b);border:1px solid #4f7890;color:#e1f4fd}.weapon-preview h5{color:#f3faff}.weapon-preview small{color:#c0dbe9}.weapon-preview .rarity{color:var(--gold)}.weapon-effect{color:#9fbdcf}
.builder-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:24px;align-items:start}.builder-layout>*{min-width:0}.builder-roster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.roster-item{background:#102235;border:1px solid #304c64;border-radius:12px;overflow:hidden;min-width:0;transition:border-color .17s}.roster-item:hover{border-color:#71c5df}.roster-item[draggable=true]{cursor:grab}.roster-item[draggable=true]:active{cursor:grabbing}.roster-item .card-art{aspect-ratio:1.1}.roster-item .card-body{padding:12px 11px;min-height:0}.roster-item h3{font-family:'DM Sans',Arial,sans-serif;font-size:12px;margin:0 0 5px;line-height:1.4}.roster-item .unit-title{font-size:9px}.roster-item .chips{gap:4px;margin-top:8px}.roster-item .chip{padding:3px 5px;font-size:8px}.roster-actions{display:flex;gap:6px;padding:0 10px 12px}.roster-actions .button{flex:1;padding:8px 5px;font-size:9px}.detail-button{background:#192f43;border:1px solid #39546c;color:#b7d8e8;border-radius:6px;padding:7px 9px;font-size:10px}.detail-button:hover{background:#24475d}.squad-panel{position:sticky;top:24px;background:#0f2031;border:1px solid #35526a;border-radius:14px;padding:20px;box-shadow:0 13px 30px #0002}.squad-panel h2{font-size:28px;margin:0 0 7px}.squad-panel>p{font-size:11px;color:#93afc4;line-height:1.65}.squad-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:19px 0}.squad-slot{position:relative;border:1px dashed #46677f;border-radius:9px;overflow:hidden;min-height:170px;background:#172e42;display:flex;flex-direction:column;min-width:0}.squad-slot.filled{border-style:solid;border-color:#5486a2}.squad-slot.drag-over,.squad-slot:focus-visible{border-color:#93e6fa;background:#254c63;outline:2px solid #72d3ee;outline-offset:3px}.squad-slot .squad-portrait{width:100%;height:100px;object-fit:cover;object-position:50% 23%;background:#284960}.slot-label{padding:10px;font-size:10px;line-height:1.5;color:#cce4f2}.slot-label strong{display:block;font-size:11px;color:#edf8ff}.slot-label small{display:block;font-size:8px;color:#91b6ce;line-height:1.5;margin-top:3px}.squad-slot:empty::after{content:'Drop a unit here';color:#7ba0ba;font-size:10px;text-align:center;margin:auto}.squad-slot>.empty-slot{padding:25px 12px;text-align:center;color:#7fa5bf;font-size:11px;margin:auto;line-height:1.8}.squad-slot .slot-number{position:absolute;top:7px;left:7px;min-width:22px;height:22px;background:#071728c9;border:1px solid #56768b;border-radius:5px;display:grid;place-items:center;color:#b7deed;font-size:10px}.slot-actions{display:flex;gap:5px;padding:0 8px 9px;margin-top:auto}.slot-actions button{font-size:9px;padding:6px 7px;border:1px solid #3e627a;border-radius:5px;color:#c5e2f1;background:#1f4057}.slot-actions button:first-child{flex:1}.slot-actions button:hover{background:#315e76}.synergy-list{list-style:none;padding:0;margin:13px 0 0;display:grid;gap:9px}.synergy-list li{font-size:11px;color:#a9c6da;line-height:1.65;border-left:2px solid #4d91ac;padding:0 0 0 10px}.synergy-list strong{color:#cdeaf6}.squad-panel .section-heading{margin-top:22px;margin-bottom:12px}.squad-panel h3{font-size:20px;margin-bottom:12px}.squad-panel .notice{font-size:10px;padding:10px;margin-bottom:0}.coverage-chips{gap:5px;margin-bottom:16px}.coverage-chips .chip{font-size:9px}.squad-panel .config-panel{background:#0c1c2b;padding:13px;margin:18px 0 0}.squad-panel .control-grid{gap:10px}.squad-panel .field{font-size:9px}.squad-panel select,.squad-panel input{font-size:10px;padding:9px}.squad-panel .skill-row{font-size:10px}.squad-panel .skill-control{padding:11px 0}.squad-panel .parts{gap:6px}.squad-panel .part select{font-size:8px}
.team-style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.style-card{display:block;min-width:0;border:1px solid #35536c;border-radius:13px;padding:23px;background:linear-gradient(155deg,#173349,#101f30);transition:border-color .17s,transform .17s}.style-card:hover{border-color:#75cee7;transform:translateY(-3px)}.style-card h2{font-size:29px;margin:7px 0 10px}.style-card p{font-size:12px;line-height:1.75;color:#a5bed1;margin-bottom:18px}.team-ghosts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:18px 0}.team-ghosts>*{display:grid;place-items:center;aspect-ratio:.8;background:linear-gradient(145deg,#1a3a51,#14273a);border:1px dashed #486b84;border-radius:7px;color:#5b809b;font-size:20px}.team-ghosts img{display:block;width:100%;height:100%;object-fit:cover;border-style:solid}.style-card .type-line{font-size:10px;color:#87afc7}.route-card{background:linear-gradient(145deg,#142d40,#0f1e2e);border-color:#324e66}.route-card:hover{border-color:#70bed6}.route-card .eyebrow{color:#7db5cd}.route-card p{color:#9ab5ca}.promo{background:linear-gradient(115deg,#153449,#101f30);border-color:#355369}.promo .icon-box{color:var(--accent);border-color:#3c667e}.promo .arrow{color:var(--accent)}.promo p{color:#96b4c9}.pending-large{background:repeating-linear-gradient(135deg,#102334,#102334 8px,#122638 8px,#122638 9px);border-color:#385b74}.pending-large svg{color:var(--accent)}.pending-large p{color:#96b4ca}.status-row{border-color:#29475e}.status-row strong{color:var(--accent)}.footer{border-color:#243d53;color:#7894ab;font-size:10px}.footer a{color:#99c7db}.footer a:hover{color:#c0ecfa}.credit{color:#6e8da4}
/* A quiet, light work surface keeps the comparison readable. */
.lab-page{background:#edf3f7;color:#213649;--muted:#687d8e;--line:#cddbe5;--accent:#267b9e;--gold:#c09a43;border:1px solid #5b7d91;box-shadow:0 20px 40px #0002;padding:29px}.lab-page .eyebrow{color:#4d829a}.lab-top{gap:20px}.lab-top h2{color:#1d3548}.lab-top p{color:#6e8190}.lab-avatar{border-color:#8eb8c9;background:#b5d1df}.lab-top select{background:white;color:#294355;border-color:#bccfda}.lab-status{background:#e2f0f6;border-color:#bcd5e2;color:#456b81}.build-panel+.build-panel{border-color:#c7d8e3}.build-label{background:#1b4b63;color:#d4f5ff}.build-panel+.build-panel .build-label{background:#d2e5ef;color:#345c72}.build-heading h3{color:#254358}.reset{border-color:#b6cbd8;color:#547a90}.reset:hover{background:#dbeaf2}.lab-page .section-heading{justify-content:flex-start}.lab-page .section-heading h4{color:#284457}.section-icon{background:#204a60;color:#b0e4f3;box-shadow:0 3px 10px #2a596820}.section-heading .eyebrow{color:#528197}.lab-page .section-heading .eyebrow{color:#528197}.lab-page .field{color:#607e91}.lab-page .field small{color:#8397a4}.lab-page select,.lab-page input{background:#fbfdff;color:#24465c;border-color:#c2d4e0}.lab-page input[type=range]{background:transparent;accent-color:#329ec1}.lab-page option{background:#fff;color:#203c50}.lab-page .stat{border-color:#cfdee7}.lab-page .stat strong{color:#4a6e85}.lab-page .stat-label,.lab-page .stat small{color:#718fa1}.lab-page .stat-cell{background:#f8fcff;border-color:#d0e0e9}.lab-page .stat-cell span{color:#6b8ba0}.lab-page .stat-cell strong{color:#547488}.lab-page .stat-cell small{color:#8299a9}.lab-page .advanced{border-color:#d2e0e8;color:#557385}.lab-page .advanced span:last-child{color:#7690a0}.lab-page .advanced-label{color:#7892a3}.lab-page .config-panel{background:#f6fafc;border-color:#c9dce7}.lab-page .config-panel h3{color:#31576d}.lab-page .control-grid{gap:13px}.lab-page .skill-control{border-color:#d4e2e9}.lab-page .skill-row{color:#52758c}.lab-page .skill-row strong{color:#2481a3}.lab-page .skill-row small{color:#7d98a8}.lab-page .range-with-value output{background:#e6f1f7;border-color:#b9d6e4;color:#2e7393}.lab-page .part-icon{background:linear-gradient(135deg,#9dc5da,#6facc8);color:#315d74}.lab-page .part-label{color:#6e8d9f}.lab-page .set-effect{border-color:#579aba}.lab-page .set-effect h5{color:#6d8b9e}.lab-page .set-effect p{color:#58788b}.lab-page .set-effect b{color:#2a84a7}.lab-page .conditional{background:#e0edf4;border:1px solid #ccdee8}.lab-page .conditional .eyebrow{color:#537f96}.lab-page .conditional p{color:#5e7c8d}.lab-page .weapon-preview{background:linear-gradient(125deg,#3e718c,#236283);border-color:#6d9cb3}.lab-page .weapon-preview .rarity{color:#f6d78f}.lab-page .weapon-effect{color:#658398}.lab-page .lab-footnote{border-color:#ccdce5;color:#728fa1}.lab-page .compare-strip>div{background:#f9fcff;border-color:#d0e0e8;color:#6f899a}.lab-page .compare-strip b{color:#42667c}.lab-page .notice{background:#deedf5;border-color:#bdd7e5;color:#547b92}.lab-page .notice b{color:#2d7394}.lab-page .pending-value{color:#638398}.lab-page .coming-input{background:#e7f0f5;color:#829baa;border-color:#c1d7e3}.lab-page .button.secondary{color:#416d86;border-color:#b4d0df;background:#f3f9fc}
dialog#quick-dialog{background:#102337;border:1px solid #537891;border-radius:16px;box-shadow:0 30px 100px #0008;color:#e1f1fb;width:min(620px,calc(100vw - 32px));padding:27px;max-height:calc(100vh - 40px);overflow:auto}dialog#quick-dialog::backdrop{background:#020b16bb;backdrop-filter:blur(5px)}.quick-detail h2{font-size:33px;margin:0 0 7px}.quick-detail p{font-size:12px;color:#a8c1d4;line-height:1.8}.quick-detail img{max-height:240px;max-width:210px;object-fit:contain;border-radius:10px;background:#23445d}.quick-detail .detail-layout{grid-template-columns:170px minmax(0,1fr);gap:22px}.quick-detail .button{margin:10px 6px 0 0}dialog .dialog-close{float:right;background:#213e54;border:1px solid #43667f;border-radius:6px;color:#c7e3f2;width:30px;height:30px;font-size:18px}
@media(min-width:1500px){.catalog-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.builder-roster{grid-template-columns:repeat(4,minmax(0,1fr))}.builder-layout{grid-template-columns:minmax(0,1fr) 385px}.hero-feature{min-height:390px}.hero-copy{padding:47px}.hero-copy>p{max-width:410px}}
@media(max-width:1200px){.shell{grid-template-columns:180px minmax(0,1fr)}main,.main{padding:30px 25px 50px}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.builder-layout{grid-template-columns:minmax(0,1fr) 315px;gap:18px}.builder-roster{grid-template-columns:repeat(2,minmax(0,1fr))}.squad-panel{padding:15px}.squad-grid{gap:9px}.mode-layout{grid-template-columns:minmax(0,1fr) 270px;gap:18px}.hero-copy{padding:30px}.hero-feature{min-height:320px}.dashboard-grid{gap:18px}.hub-card{padding:20px}.team-style-grid{gap:15px}.style-card{padding:20px}.mini-roster{gap:7px}.mini-unit b{font-size:9px}.detail-layout{grid-template-columns:230px minmax(0,1fr);gap:25px}}
@media(max-width:1000px){.team-style-grid{grid-template-columns:1fr}.style-card{display:grid;grid-template-columns:minmax(0,1fr) 180px;column-gap:24px}.style-card .team-ghosts{grid-column:2;grid-row:1/5;align-self:center}.style-card h2,.style-card p,.style-card .eyebrow,.style-card .type-line{grid-column:1}.style-card p{margin-bottom:0}.builder-layout{grid-template-columns:1fr}.builder-roster{grid-template-columns:repeat(3,minmax(0,1fr))}.squad-panel{position:static;order:-1;padding:20px}.squad-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.squad-slot{min-height:155px}.squad-slot .squad-portrait{height:85px}.squad-panel .config-panel .control-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mode-layout{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr}.hub-card.wide,.hub-card.full{grid-column:auto}.mini-roster{gap:13px}.mini-unit b{font-size:11px}.mini-unit .unit-title{font-size:9px}.hero-feature::after{background:linear-gradient(90deg,#061729ef 0%,#0b1a2a90 56%,#0c142713 100%),linear-gradient(0deg,#09121cbb,transparent 80%)}.hero-copy h1,.hero-copy h2{font-size:43px}}
@media(max-width:850px){.shell{display:block}.sidebar{background:#0b1623;border-bottom-color:#294153;padding:0}.nav{padding:8px 15px;gap:3px}.nav-link{font-size:11px;padding:10px 12px}.nav-link.active{box-shadow:inset 0 -2px #72d3ee}.topbar{height:70px;min-height:70px;padding:0 22px}main,.main{padding:28px 24px 45px}.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.hero-feature{min-height:340px}.hero-copy{padding:32px}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.hub-card.wide,.hub-card.full{grid-column:1/-1}.mini-roster{gap:8px}.mini-unit b{font-size:9px}.mini-unit .unit-title{font-size:8px}.event-grid,.submode-grid{gap:15px}.event-body{padding:18px}.event-body h2,.event-body h3{font-size:24px}.builder-roster{grid-template-columns:repeat(4,minmax(0,1fr))}.detail-layout{grid-template-columns:220px minmax(0,1fr);gap:24px}.hero-copy h1,.hero-copy h2{font-size:45px}}
@media(max-width:620px){.topbar{min-height:66px;height:66px;padding:0 16px}.private-badge{font-size:8px}.private-badge .dot{width:5px;height:5px}main,.main{padding:23px 16px 40px}.page-head{margin-bottom:23px}.page-head .sub,.page-title p{font-size:12px}.page-head .eyebrow{font-size:9px}.breadcrumb,.breadcrumbs{font-size:9px;letter-spacing:.5px;margin-bottom:22px}.section{margin-top:29px}.section-heading{align-items:flex-start;gap:12px}.section-heading h2{font-size:27px}.section-heading>a{font-size:10px;margin-top:6px}.section-heading p{font-size:11px}.hero-feature{min-height:390px;border-radius:12px;margin-bottom:20px}.hero-feature>img,.hero-feature .hero-image{object-position:74% center}.hero-feature::after{background:linear-gradient(0deg,#081827 4%,#081827f2 28%,#08182775 66%,#0818270a 100%)}.hero-copy{padding:180px 22px 24px;max-width:none}.hero-copy h1,.hero-copy h2{font-size:39px;max-width:310px}.hero-copy .eyebrow{font-size:9px;margin-bottom:9px}.hero-copy>p{font-size:11px;margin-bottom:12px;max-width:300px}.hero-copy .button{font-size:10px;padding:10px 12px}.hero-copy .countdown{font-size:10px;margin-bottom:10px;padding:6px 9px}.dashboard-grid{grid-template-columns:1fr;gap:17px}.hub-card.wide,.hub-card.full{grid-column:auto}.hub-card{padding:19px}.hub-head{gap:14px;margin-bottom:16px}.hub-head h2{font-size:28px}.hub-head p{font-size:11px}.mini-roster{gap:7px}.mini-unit b{font-size:8px}.mini-unit .unit-title{font-size:7px}.mini-unit img{border-radius:6px;margin-bottom:6px}.mini-unit.weapon img{padding:5px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.card-art{margin:7px 7px 0}.card-body{padding:12px 10px 14px}.card-body h3{font-size:12px}.unit-title,.type-line{font-size:9px;line-height:1.6}.card-body .muted{font-size:9px}.stars,.rarity{font-size:11px;margin-bottom:8px}.chip,.pill{font-size:8px;padding:4px 6px}.card-tags{gap:4px}.toolbar,.filters,.roster-toolbar{gap:8px;margin-bottom:20px}.toolbar>input,.filters>input,.roster-toolbar>input,.toolbar .search{flex-basis:100%;max-width:none}.toolbar select,.filters select,.roster-toolbar select{flex:1;min-width:calc(50% - 8px);max-width:100%;font-size:11px}.search input{font-size:12px}.event-grid,.submode-grid{grid-template-columns:1fr;gap:16px}.event-body{padding:19px}.event-body h2,.event-body h3{font-size:26px}.event-body p{font-size:11px}.countdown{font-size:10px}.mode-banner{border-radius:9px;margin-bottom:22px}.rewards-table{font-size:10px}.rewards-table th,.rewards-table td{padding:10px 8px;line-height:1.65}.rewards-table th:first-child{width:25%}.rules-list li{font-size:11px}.detail-layout{grid-template-columns:110px minmax(0,1fr);gap:17px;align-items:start;margin-bottom:24px}.detail-art{border-radius:10px}.detail-layout .detail-copy{display:contents}.detail-layout .detail-copy>.eyebrow,.detail-layout .detail-copy>h1,.detail-layout .detail-copy>h2,.detail-layout .detail-copy>.stars{grid-column:2}.detail-layout .detail-copy>h1{font-size:31px;line-height:1.02;margin:0}.detail-layout .detail-copy>h2{font-size:20px;margin:0}.detail-layout .detail-copy>p,.detail-layout .detail-copy>.chips,.detail-layout .detail-copy>.button,.detail-layout .detail-copy>.statusline{grid-column:1/-1}.detail-layout .detail-copy>p{font-size:12px;margin:0}.detail-layout .detail-copy>.chips{margin:0}.detail-layout>.detail-art{grid-row:1/5}.detail-layout .detail-copy .button{justify-self:start;margin:0}.detail-art.weapon img{padding:8px}.detail-art.weapon.screenshot{grid-column:1/-1;grid-row:auto}.box{padding:20px}.box h2{font-size:26px}.box p,.box li{font-size:11px}.config-panel{padding:17px}.control-grid{gap:12px}.field{font-size:10px}.field input,.field select{font-size:11px;padding:10px}.skill-row{font-size:10px}.skill-row strong{font-size:11px}.skill-row small{font-size:8px}.stat-grid{gap:8px}.stat-cell{padding:13px}.stat-cell span{font-size:8px}.stat-cell strong{font-size:22px}.builder-roster{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.builder-layout{gap:22px}.squad-panel{padding:17px;border-radius:12px}.squad-panel h2{font-size:28px}.squad-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:17px 0}.squad-slot{min-height:165px}.squad-slot .squad-portrait{height:110px}.slot-label{font-size:9px;padding:9px}.slot-label strong{font-size:10px}.slot-label small{font-size:8px}.squad-panel .config-panel .control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.squad-panel .config-panel{padding:12px}.squad-panel .field{font-size:9px}.roster-item .card-body{padding:11px 10px}.roster-item h3{font-size:11px}.roster-item .unit-title{font-size:8px}.roster-actions{padding:0 8px 10px;gap:5px}.roster-actions .button{font-size:9px;padding:8px 4px}.team-style-grid{gap:16px}.style-card{padding:21px;display:block}.style-card h2{font-size:29px}.style-card p{font-size:11px;margin-bottom:16px}.team-ghosts{max-width:290px;gap:9px;margin:20px 0}.style-card .team-ghosts{grid-column:auto;grid-row:auto}.team-ghosts>*{aspect-ratio:1}.lab-page{padding:20px 13px;margin-left:-3px;margin-right:-3px;border-radius:12px}.lab-top{display:block}.lab-top select{width:100%;max-width:none;margin-top:15px}.lab-top h2{font-size:25px}.builds{display:block}.build-panel,.build-panel+.build-panel{padding:0;border:0}.build-panel+.build-panel{border-top:2px solid #a7cada;margin-top:30px;padding-top:26px}.lab-page .build-inner{display:block}.lab-page .stat-grid{gap:8px}.lab-page .stat{padding:13px 5px}.lab-page .stat strong{font-size:35px}.lab-page .stat-label{font-size:10px}.lab-page .stat small{font-size:9px}.lab-page .section-heading{align-items:center}.lab-page .section-heading h4{font-size:21px}.lab-page .section-heading .eyebrow{font-size:8px}.lab-page .field{font-size:10px}.lab-page input,.lab-page select{font-size:11px;min-height:40px}.lab-page input[type=range]{min-height:20px}.lab-page .part select{font-size:9px;padding:7px 3px}.lab-page .part-icon{height:82px}.lab-page .set-effect p,.lab-page .conditional p,.lab-page .weapon-effect{font-size:11px}.lab-page .compare-strip{grid-template-columns:1fr}.lab-page .config-panel{padding:14px}.lab-page .skill-row{font-size:11px}.lab-page .skill-control{padding:13px 0}.lab-page .range-with-value{gap:10px}.notice{font-size:10px;padding:12px}.footer{font-size:9px;display:block;margin-top:35px}.footer>span{display:block;margin-bottom:8px}.empty-state,.no-results{padding:24px}.quick-detail .detail-layout{grid-template-columns:90px minmax(0,1fr);gap:16px}.quick-detail h2{font-size:29px}.quick-detail img{max-width:100%;max-height:190px}.quick-detail p{font-size:11px}dialog#quick-dialog{padding:21px}.quick-detail .button{font-size:10px;padding:10px 12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Shared component refinements after interactive review. */
.small{font-size:11px;line-height:1.7}.hero-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.hero-actions .button{margin-right:0}.countdown{flex-wrap:wrap}.countdown small{font-size:9px}.hero-copy .countdown{margin-top:12px}.hub-head>a.text-link{font-size:12px}.mini-unit small{display:block;font-size:9px;line-height:1.5;color:#94b0c6;margin-top:4px}.weapon-mini-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}.mini-weapon{padding:10px;border:1px solid #34516a;border-radius:8px;text-align:center;background:#152d40}.mini-weapon img{width:100px;height:100px;object-fit:contain;display:block;margin:0 auto 5px}.mini-weapon b{display:block;font-size:11px}.weapon-recommendation{font-size:10px;line-height:1.6;color:#86a7be;margin:10px 0 0}.hub-mode-images{display:grid;gap:10px;margin:16px 0}.hub-mode-images img{width:100%;border-radius:6px}.event-detail-banner{display:block;width:100%;border-radius:12px;margin-bottom:24px}.mode-placeholder{height:150px;display:grid;place-items:center;background:radial-gradient(ellipse at top,#24475d,#102334);color:#84cde5}.mode-placeholder .icon{width:50px;height:50px}.roster-toolbar{display:block}.roster-toolbar .search{width:100%;margin-bottom:12px;max-width:none}.roster-toolbar .filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.roster-toolbar select{width:100%;min-width:0}.roster-add{display:block;width:100%;border:0;background:transparent;color:inherit;padding:0;text-align:left;cursor:pointer;font:inherit}.roster-add:disabled{opacity:.65;cursor:default}.roster-add:focus-visible{outline:2px solid #75cce3;outline-offset:-3px}.roster-added{position:absolute;bottom:8px;right:8px;border:1px solid #75cce3;background:#102337dc;color:#d2f5ff;padding:5px 7px;border-radius:5px;font-size:9px;font-weight:700}.roster-item .card-art{position:relative}.roster-actions{align-items:center;justify-content:space-between;font-size:10px;color:#99b9ce}.squad-slot>p{margin:auto;padding:35px 10px 20px;text-align:center;font-size:11px;color:#8fb2cb;line-height:1.7}.slot-label b,.slot-label span{display:block}.slot-label span{font-size:9px;margin-top:7px;color:#aad3e7}.squad-slot.selected{border-color:#8de2f6;box-shadow:0 0 0 1px #8de2f6}.synergy-list>p{font-size:11px;line-height:1.65;margin:0;color:#a8c8dd}.synergy-list h3{margin:16px 0 0}.synergy-list .chips{margin:0}.synergy-list .conditional{font-size:11px}.synergy-list .conditional p{line-height:1.7}.synergy-list .icon{width:13px;height:13px;vertical-align:middle}.skill-controls{margin-top:18px}.skill-control{display:block}.skill-control input[type=range]{width:100%;padding:0;margin:9px 0 4px;accent-color:#68c3e2}.skill-control>small{display:block;color:#7697ae;font-size:9px}.skill-row{display:flex;justify-content:space-between;gap:10px}.skill-row b{font-size:11px}.custom-roll{display:block;font-size:9px;color:#7697ae;text-align:left;margin-top:9px}.custom-roll input{width:100%;padding:8px;font-size:10px;margin-top:5px;min-width:0}.part select{width:100%;min-width:0}.parts{grid-template-columns:repeat(3,minmax(0,1fr))}.part{min-width:0}.weapon-preview{display:flex;align-items:center;gap:15px;padding:15px;min-height:145px}.weapon-preview img{position:static;width:100px;height:100px;max-width:40%;object-fit:contain}.weapon-preview .weapon-text{position:static}.weapon-preview h4{color:white;font-size:22px;margin:5px 0}.lab-page .section-heading h3{font-size:21px;color:#264b62;margin:0}.lab-page .small{color:#6b8798}.lab-page .skill-control>small,.lab-page .custom-roll{color:#6b8798}.lab-page .control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-art.weapon img{width:100%;height:auto;max-height:380px;object-fit:contain;padding:0}.quick-art img{display:block;width:170px;height:190px;object-fit:cover;margin-bottom:20px}.config-panel{margin-top:24px;scroll-margin-top:20px}.config-panel .two-col{grid-template-columns:1fr}.config-panel .box{padding:18px}.team-ghosts small{font-size:9px}.reset{background:transparent}.box .section-heading h3{font-size:23px;margin:0}.box .section-heading{margin-bottom:20px}.detail-art{min-width:0}.detail-hero>div{min-width:0}img{max-width:100%}
@media(max-width:1000px){#squad-container{order:-1}.squad-panel{position:static}.squad-panel .synergy-list{grid-template-columns:1fr}.builder-roster{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.builder-roster{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-unit small{font-size:7px}.countdown{row-gap:4px}.countdown small{flex-basis:100%;font-size:8px}.mini-weapon img{width:80px;height:80px}.hero-copy .countdown{margin-bottom:0}.control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-art.weapon-art img{padding:15px;max-width:130px;margin:auto}.squad-panel .notice{margin-top:12px}.lab-page .skill-row b{font-size:10px}.config-panel{padding:14px}.config-panel .box{padding:12px}.quick-detail .hero-actions{display:block}.weapon-recommendation{font-size:9px}.private-badge{max-width:95px;line-height:1.5}.detail-info h1{font-size:35px}.parts{gap:8px}.part select{font-size:9px;padding:7px 3px}.custom-roll{font-size:8px}}
@media(max-width:620px){.hero-feature>.hero-image{height:230px;object-position:100% center}.hero-feature::after{background:linear-gradient(0deg,#081827 36%,#08182708 85%)}.hero-copy{padding-top:200px}.squad-slot:not(.filled){min-height:115px}.mini-roster{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mini-unit b{font-size:10px}.mini-unit small{font-size:8px}}
.weapon-image-frame{display:block;position:relative;overflow:hidden;width:100%;height:100%;min-height:100px;background:#c9c8c6;border-radius:7px}.weapon-image-frame img,.card-art.weapon-art .weapon-image-frame img{position:absolute;max-width:none;width:154%;height:auto;left:0;top:50%;transform:translateY(-50%);object-fit:initial;object-position:initial;padding:0;margin:0}.weapon-image-frame.banner-crop{background:#334e49}.weapon-image-frame.banner-crop img,.card-art.weapon-art .weapon-image-frame.banner-crop img{width:198%}.mini-weapon>.weapon-image-frame{width:100%;height:115px;margin:0 0 10px}.weapon-preview>.weapon-image-frame{width:110px;height:100px;min-height:100px;flex:0 0 110px}.card-art.weapon-art{padding:0}.card-art.weapon-art .weapon-image-frame{border-radius:0}.weapon-preview .weapon-text{min-width:0}.weapon-preview h4{overflow-wrap:anywhere}.mini-weapon img{max-width:none}/* Milestone 03: SAFN-Gaming identity and a release/event focused homepage. */
.home-stack{display:grid;gap:24px}.home-stack>*{min-width:0}.home-stack>.hub-card,.home-stack>.home-event-pair,.home-stack>.home-raid,.home-stack>.home-small-grid,.home-stack>.home-news-grid,.home-stack>.battlefield-card{margin:0}.home-section-title{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:0 0 15px}.home-section-title h2{margin:5px 0 0;font-size:28px}.home-section-title p{margin:0;color:#93b1c7;font-size:11px;line-height:1.6}
.release-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;min-width:0}.release-grid>*{min-width:0}.release-unit,.release-weapon{display:block;background:#11283b;border:1px solid #3a5971;border-radius:10px;overflow:hidden;color:#deeff8;transition:transform .17s,border-color .17s,box-shadow .17s}.release-unit:hover,.release-weapon:hover{border-color:#85d5e9;box-shadow:0 7px 22px #0003;transform:translateY(-2px)}.release-unit:focus-visible,.release-weapon:focus-visible{outline:2px solid #91e1f4;outline-offset:3px}
.release-art{width:100%;aspect-ratio:1.03;overflow:hidden;position:relative;background:radial-gradient(ellipse at top,#3a637c,#182d42)}.release-art>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 24%;max-width:none}.release-art>img.banner-portrait{object-position:100% 50%}.release-art>.weapon-image-frame{height:100%;border-radius:0;min-height:0}
.release-unit-info{display:grid;grid-template-columns:minmax(0,1fr) minmax(76px,.9fr);gap:7px;padding:12px 9px 13px;align-items:start}.release-name{min-width:0}.release-name>b,.release-name>strong{display:block;color:#edf8ff;font-size:11px;line-height:1.45;font-weight:700}.release-name>small{display:block;margin-top:5px;color:#9ab8ce;font-size:9px;line-height:1.55;overflow-wrap:anywhere}.release-meta{display:flex;flex-direction:column;align-items:flex-end;gap:7px;min-width:0}.attribute-list{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end;align-items:center}.attribute-badge{display:inline-flex;gap:3px;align-items:center;color:#c9e5f2;font-size:9px;line-height:1.4;white-space:nowrap}.attribute-badge>img{width:17px;height:17px;object-fit:contain;flex:0 0 17px;filter:drop-shadow(0 1px 2px #0004)}.release-meta .role,.release-meta .release-role,.release-meta>small,.release-meta>p{font-size:9px;color:#a4c1d4;line-height:1.45;margin:0;text-align:right}.release-meta .stars,.release-meta .rarity{margin:0;font-size:10px;letter-spacing:.8px;white-space:nowrap;color:var(--gold)}
.release-weapon>.weapon-image-frame{height:auto;aspect-ratio:1.3;min-height:0;border-radius:0}.release-weapon .release-art{aspect-ratio:1.3}.release-weapon-info{display:flex;gap:6px;justify-content:space-between;align-items:center;padding:12px 9px}.release-weapon-info>b,.release-weapon-info>strong{font-size:10px;line-height:1.5;color:#ecf8ff;overflow-wrap:anywhere;min-width:0}.release-weapon-info .stars,.release-weapon-info .rarity{margin:0;font-size:9px;letter-spacing:.4px;white-space:nowrap;flex-shrink:0}.release-weapon-type{display:block;padding:0 9px 12px;color:#8eafc6;font-size:9px;line-height:1.5}
.home-event-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.home-event-block{min-width:0;display:flex;flex-direction:column}.home-event-header{margin-bottom:13px}.home-event-header h2{font-size:29px;margin:5px 0 0;line-height:1.15}.home-event-header .eyebrow{font-size:9px}.home-event-block>.event-card{flex:1;display:flex;flex-direction:column}.home-event-block .event-body{flex:1;display:flex;flex-direction:column}.home-event-block .countdown{margin-top:auto;align-self:flex-start}.home-event-block .event-body>p{margin-bottom:18px}.home-event-pair .event-image{border-radius:0;margin:0}.home-event-pair .event-body h3{font-size:27px;line-height:1.2}
.home-raid{min-width:0}.home-raid>.event-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:stretch}.home-raid .event-image{height:100%;min-height:190px;aspect-ratio:auto;object-fit:cover;border-radius:0;margin:0}.home-raid .event-body{padding:24px;min-width:0}.home-raid .event-body h3{font-size:29px}.home-raid .countdown{margin-top:7px}.home-raid .event-body>.eyebrow{color:#b6d2df}.home-raid .battle-ended{color:#d3b981}
.home-small-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.home-small-grid .event-card{display:flex;flex-direction:column}.home-small-grid .event-image{border-radius:0;margin:0}.home-small-grid .event-body{display:flex;flex:1;flex-direction:column;padding:18px}.home-small-grid .event-body h3{font-size:24px;line-height:1.2}.home-small-grid .event-body p{font-size:11px;line-height:1.75;margin-bottom:16px}.home-small-grid .countdown{margin-top:auto;align-self:flex-start;font-size:10px}.home-small-grid .countdown small{font-size:8px}.home-small-grid .event-body>small{font-size:9px;line-height:1.6;margin-top:9px;color:#88acc4}
.home-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.news-card{min-width:0;padding:20px;border:1px solid #2e4c63;border-radius:10px;background:#102438}.news-card h3{font-size:23px;line-height:1.2;margin:9px 0 10px;color:#d7ecf7}.news-card p{font-size:11px;line-height:1.75;color:#98b5ca;margin:0 0 12px}.news-card .eyebrow{font-size:8px;color:#7db7d0}.news-status{display:inline-flex;align-items:center;border:1px solid #416275;background:#1c394b;color:#a8d3e2;font-size:9px;border-radius:4px;padding:4px 7px;line-height:1.4}.news-date{display:block;margin-top:10px;color:#769cb4;font-size:9px;line-height:1.6}.news-card .countdown{font-size:9px;margin-top:5px}.news-card .countdown small{font-size:8px}
.battlefield-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:30px;align-items:center;border:1px solid #365771;border-radius:13px;padding:28px;background:linear-gradient(120deg,#17394f,#112235);transition:border-color .17s}.battlefield-card:hover{border-color:#7ac8df}.battlefield-card h2{font-size:32px;line-height:1.1;margin:8px 0 12px}.battlefield-card p{font-size:12px;line-height:1.75;color:#a2bfd2;margin:0 0 15px;max-width:450px}.battlefield-card .text-link{font-size:12px}.battlefield-images{display:grid;grid-template-columns:1fr;gap:9px;min-width:0}.battlefield-images img{display:block;width:100%;aspect-ratio:5.5;object-fit:cover;border:1px solid #50758c;border-radius:6px}.battlefield-card .icon-box{width:39px;height:39px;margin-bottom:15px}.home-small-grid:empty,.home-news-grid:empty{display:none}
@media(min-width:1600px){.release-unit-info{padding:14px 12px;gap:12px}.release-name>b,.release-name>strong{font-size:12px}.release-name>small{font-size:10px}.attribute-badge,.release-meta .release-role,.release-meta .role{font-size:10px}.attribute-badge>img{width:20px;height:20px;flex-basis:20px}.release-weapon-info{padding:14px 12px}.release-weapon-info>b,.release-weapon-info>strong{font-size:12px}.release-weapon-info .stars{font-size:10px}}
@media(max-width:1180px){.release-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.release-art{aspect-ratio:1.1}.release-unit-info{grid-template-columns:minmax(0,1fr) minmax(85px,.9fr);padding:13px 11px}.release-name>b,.release-name>strong{font-size:12px}.release-name>small{font-size:10px}.attribute-badge{font-size:10px}.release-meta .role,.release-meta .release-role,.release-meta>small{font-size:10px}.home-small-grid,.home-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.release-weapon-info>b,.release-weapon-info>strong{font-size:12px}.release-weapon-info .stars{font-size:10px}.battlefield-card{gap:22px;padding:24px}}
@media(max-width:850px){.home-stack{gap:22px}.home-event-pair{gap:17px}.home-event-header h2{font-size:27px}.home-event-pair .event-body h3{font-size:25px}.home-raid>.event-card{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.home-raid .event-body{padding:20px}.battlefield-card{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:20px}.battlefield-card h2{font-size:30px}.battlefield-images img{aspect-ratio:3.2}}
@media(max-width:620px){.home-stack{gap:23px}.release-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.release-art{aspect-ratio:.97}.release-unit-info{display:block;padding:11px 9px}.release-name>b,.release-name>strong{font-size:11px}.release-name>small{font-size:9px;margin-top:4px;min-height:28px}.release-meta{align-items:flex-start;gap:7px;border-top:1px solid #2c4960;margin-top:11px;padding-top:9px}.release-meta .attribute-list{justify-content:flex-start;gap:6px}.attribute-badge{font-size:9px}.attribute-badge>img{width:17px;height:17px;flex-basis:17px}.release-meta .role,.release-meta .release-role,.release-meta>small,.release-meta>p{font-size:9px;text-align:left}.release-meta .stars{font-size:10px}.release-weapon-info{gap:4px;padding:11px 8px;align-items:flex-start}.release-weapon-info>b,.release-weapon-info>strong{font-size:10px}.release-weapon-info .stars,.release-weapon-info .rarity{font-size:8px;letter-spacing:0;margin-top:2px}.release-weapon>.weapon-image-frame,.release-weapon .release-art{aspect-ratio:1.15}.home-event-pair,.home-small-grid,.home-news-grid{grid-template-columns:1fr;gap:20px}.home-event-header{margin-bottom:11px}.home-event-header h2{font-size:28px}.home-event-pair .event-body h3{font-size:26px}.home-event-block .event-body{padding:20px}.home-raid>.event-card{display:block}.home-raid .event-image{width:100%;height:auto;min-height:0;aspect-ratio:3.2}.home-raid .event-body{padding:20px}.home-raid .event-body h3{font-size:28px}.home-small-grid .event-body h3{font-size:25px}.home-small-grid .countdown{font-size:10px}.home-small-grid .countdown small{font-size:9px}.home-news-grid{gap:13px}.news-card{padding:19px}.news-card h3{font-size:24px}.news-card p{font-size:11px}.battlefield-card{display:block;padding:22px}.battlefield-card h2{font-size:31px}.battlefield-card p{font-size:11px}.battlefield-images{margin-top:20px;gap:8px}.battlefield-images img{aspect-ratio:4.2}.home-section-title{align-items:start}.home-section-title h2{font-size:28px}.home-section-title p{font-size:10px}}
@media(max-width:360px){.release-unit-info{padding:10px 7px}.release-name>b,.release-name>strong{font-size:10px}.release-weapon-info{display:block}.release-weapon-info .stars{display:block;margin-top:6px}.attribute-badge{font-size:8px;gap:2px}.attribute-list{gap:4px}.attribute-badge>img{width:15px;height:15px;flex-basis:15px}}
/* Equipment directory and event states. */
.battle-ended{display:inline-flex;border:1px solid #7a6c46;color:#edd5a1;background:#4d41242e;border-radius:7px;padding:11px 16px;font-weight:700;font-size:14px;margin-top:7px}.event-clock{margin-top:auto}.home-uniparts-card{display:flex;align-items:center;gap:25px;border:1px solid #365771;border-radius:13px;padding:26px 30px;background:linear-gradient(120deg,#14364a,#102438);transition:border-color .17s}.home-uniparts-card:hover{border-color:#7ac8df}.home-uniparts-card h2{margin:6px 0 8px;font-size:32px}.home-uniparts-card p{font-size:12px;line-height:1.7;color:#a2bfd2;max-width:530px}.uniparts-emblem{display:grid;place-items:center;width:78px;height:84px;flex:none;color:#bdeaff;border:1px solid #5685a0;border-radius:15px;background:#24465e}.uniparts-emblem .icon{width:40px;height:40px}.uniparts-slots{display:flex;gap:18px;margin-left:auto}.uniparts-slots>span{display:flex;flex-direction:column;align-items:center;gap:7px;color:#84bed7}.uniparts-slots .icon{width:31px;height:31px}.uniparts-slots small{text-transform:uppercase;font-size:8px;letter-spacing:1.6px}.uniparts-intro{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:22px}.uniparts-intro p{color:#a2bfd2;line-height:1.75;max-width:740px;font-size:13px}.uniparts-intro .chip{white-space:nowrap}.uniparts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}.unipart-card{border:1px solid #365771;border-radius:12px;overflow:hidden;background:#102438}.unipart-art{display:flex;width:100%;aspect-ratio:1.65;align-items:center;justify-content:center;background:radial-gradient(ellipse at top,#30576c,#163249);overflow:hidden}.unipart-art>img{width:100%;height:100%;object-fit:contain}.unipart-art>.icon{width:70px;height:70px;color:#85c7df}.unipart-card-body{padding:21px}.unipart-card h2{font-size:23px;line-height:1.25;margin:8px 0 12px}.unipart-card p{font-size:12px;color:#9bbacc;line-height:1.7}.set-star-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #304b60;padding-top:17px;margin:17px 0;font-size:11px;color:#a9c5d7}.set-star-tabs{display:flex;gap:5px}.set-star-tabs button{background:#0b1e30;color:#9cbacf;border:1px solid #3c6078;border-radius:5px;padding:7px 9px;cursor:pointer;font-size:11px}.set-star-tabs button[aria-pressed=true]{background:#72c8dd;color:#092031;border-color:#91dff1;font-weight:800}.set-bonuses{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.set-bonuses>span{background:#1c394d;border:1px solid #32566d;border-radius:6px;padding:8px 10px;font-size:12px;color:#f0d297}.set-trigger{border-left:2px solid #538ca7;padding:9px 0 9px 13px;margin:14px 0}.set-trigger .eyebrow{font-size:8px}.set-trigger p{margin:8px 0;font-size:12px;color:#b3c9d7;line-height:1.65}.set-trigger b{font-size:12px;line-height:1.7;color:#efcc8e}.unipart-card .text-link{display:inline-block;margin-top:13px;font-size:11px}.unipart-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.unipart-detail-art{max-width:620px;border:1px solid #3f6179;border-radius:12px;overflow:hidden;margin:20px auto 30px;background:#163249}.unipart-detail-art img{display:block;width:100%;height:auto}.home-stack .release-unit-info{min-height:113px}
@media(max-width:1180px){.uniparts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.unipart-tiers{grid-template-columns:1fr}.uniparts-slots{display:none}}
@media(max-width:620px){.home-uniparts-card{padding:22px;gap:17px;align-items:flex-start}.uniparts-emblem{width:44px;height:48px;border-radius:9px}.uniparts-emblem .icon{width:25px;height:25px}.home-uniparts-card h2{font-size:29px}.home-uniparts-card p{font-size:12px}.uniparts-grid{grid-template-columns:1fr}.unipart-card-body{padding:22px}.unipart-card h2{font-size:27px}.uniparts-intro{display:block}.uniparts-intro p{font-size:12px}.set-star-tabs button{padding:9px 12px;font-size:12px}.set-trigger p,.unipart-card p{font-size:13px}}
/* Keep release metadata legible without clipping long variant names. */
.release-name>b,.release-name>strong{font-size:12px}.release-name>small{font-size:11px;line-height:1.5}.attribute-badge,.release-meta .release-role{font-size:10px}.release-meta .rarity{font-size:12px}.release-weapon-info>b{font-size:12px}.release-weapon-info .rarity{font-size:10px}.release-weapon-type{font-size:11px}.home-stack .release-unit-info{min-height:135px}
@media(max-width:620px){.release-name>b{font-size:13px}.release-name>small{font-size:12px;min-height:36px}.attribute-badge,.release-meta .release-role{font-size:11px}.release-meta .rarity{font-size:12px}.release-weapon-info{flex-wrap:wrap}.release-weapon-info>b{font-size:12px}.release-weapon-info .rarity{font-size:10px}.release-weapon-type{font-size:11px}.home-stack .release-unit-info{min-height:0}}
.unipart-art{position:relative;aspect-ratio:1.34}.unipart-art>img.unipart-banner,.home-uniparts-art>img.unipart-banner{position:absolute;max-width:none;width:240%;height:auto;right:0;top:50%;transform:translateY(-50%);object-fit:initial}.unipart-art>img.unipart-icon{width:auto;height:auto;max-width:166px;max-height:166px;object-fit:contain}.unipart-art-pending{display:flex;flex-direction:column;gap:14px;align-items:center;color:#94b9ce}.unipart-art-pending .icon{width:54px;height:54px}.unipart-art-pending small{font-size:11px}.unipart-detail-art{position:relative;aspect-ratio:1.34;max-width:580px}.unipart-detail-art>img.unipart-banner{position:absolute;max-width:none;width:240%;height:auto;right:0;top:50%;transform:translateY(-50%)}.unipart-detail-art:has(.unipart-icon){display:grid;place-items:center;max-width:350px}.unipart-detail-art>img.unipart-icon{width:auto;height:auto;max-width:166px;max-height:166px}.home-uniparts-art{position:relative;overflow:hidden;width:220px;aspect-ratio:1.34;flex:none;border-radius:9px;margin-left:auto;border:1px solid #456d86}
@media(max-width:850px){.home-uniparts-art{width:150px}}@media(max-width:620px){.home-uniparts-art{display:none}}
/* Homepage v4: equipment previews and distinct current activities. */
.home-uniparts{background:linear-gradient(140deg,#18394e,#102338 65%)}
.uniparts-home-intro{color:#a2bfd2;font-size:13px;line-height:1.5;margin:7px 0 0}
.unipart-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.unipart-preview{display:flex;flex-direction:column;min-width:0;border:1px solid #3a5971;border-radius:10px;overflow:hidden;background:#10263a;transition:transform .17s,border-color .17s}
.unipart-preview:hover{transform:translateY(-2px);border-color:#85d5e9}
.unipart-preview:focus-visible{outline:2px solid #91e1f4;outline-offset:3px}
.unipart-preview-body{display:flex;flex-direction:column;flex:1;padding:16px}
.unipart-preview-body h3{font-size:21px;line-height:1.2;margin:0 0 9px;color:#e0f0f8}
.unipart-preview-body p{font-size:12px;line-height:1.65;color:#a4c1d2;margin:0 0 17px}
.unipart-preview-footer{display:flex;justify-content:space-between;gap:7px;flex-wrap:wrap;margin-top:auto;border-top:1px solid #2d4a60;padding-top:12px;font-size:11px}
.unipart-preview-footer>span:first-child{color:#e8ca8d;white-space:nowrap}
.unipart-preview-footer>span:last-child{color:#9bd4e6}
.event-phase{text-transform:uppercase;line-height:1.7}
.home-raid .event-phase{font-size:11px;letter-spacing:1px}
.event-art-frame{position:relative;overflow:hidden;flex:none;background:#152c40;border-bottom:1px solid #365771}
.event-detail-art{border:1px solid #365771;border-radius:12px;margin-bottom:24px;max-width:904px}
.battle-period{color:#c1dce9;line-height:1.7}
@media(max-width:1100px){.unipart-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.unipart-preview-grid{gap:12px}.unipart-preview-body{padding:13px}.unipart-preview-body h3{font-size:20px}.unipart-preview-body p{font-size:12px}.home-uniparts .hub-head{align-items:start}.home-uniparts .text-link{white-space:nowrap}.uniparts-home-intro{font-size:12px;max-width:190px}.home-raid .event-phase{font-size:10px}.unipart-preview-footer{font-size:10px}}
@media(max-width:360px){.unipart-preview-grid{grid-template-columns:1fr}.unipart-preview .unipart-art{aspect-ratio:1.7}}
/* Preserve original unit portraits within the existing card windows. */
.release-unit .unit-portrait-window,.unit-card .unit-portrait-window{background:linear-gradient(135deg,#826443,#ac8050 48%,#806445)}
.unit-card .unit-portrait-window.rarity-4,.release-unit .unit-portrait-window.rarity-4{background:linear-gradient(135deg,#51386a,#72548b 48%,#49305f)}
.release-art>img.original-unit-portrait,.card-art>img.original-unit-portrait,.item-card:hover .card-art>img.original-unit-portrait{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center;transform:none;transition:none;padding:0}

/* Original event artwork: intrinsic ratio keeps every edge and label visible. */
.event-art-frame.full-event-banner{aspect-ratio:auto;line-height:0}
.full-event-banner>img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;object-position:center;transform:none}
.event-detail-art.full-event-banner{max-width:1067px}

/* Show only the Mop-Up panel of the original two-panel announcement. */
.event-art-frame.full-event-banner.mop-up-only{aspect-ratio:1067/282}
.full-event-banner.mop-up-only>img{position:absolute;left:0;bottom:0;width:100%;height:auto}