:root{color-scheme:dark;--bg:#090b12;--surface:#111521;--surface-2:#171d2b;--surface-3:#20283a;--line:rgba(214,184,118,.22);--line-strong:rgba(214,184,118,.48);--gold:#d6b876;--gold-2:#f2d79d;--text:#f5f1e8;--muted:#a9adbb;--muted-2:#747b8e;--ok:#7fd1a8;--warn:#e1bd72;--bad:#e88d8d;--blue:#81acd9;--shadow:0 24px 70px rgba(0,0,0,.36);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{min-width:320px;background:var(--bg);scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(circle at 78% 4%,rgba(85,74,128,.22),transparent 30rem),radial-gradient(circle at 10% 20%,rgba(121,90,41,.13),transparent 28rem),linear-gradient(180deg,#080a10 0%,#0c1019 44%,#080a10 100%);min-height:100vh}button,input,select{font:inherit}button,a{touch-action:manipulation}.equipment-app{min-height:100vh}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px clamp(16px,3vw,42px);border-bottom:1px solid rgba(255,255,255,.07);background:rgba(8,10,16,.9);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none}.brand-mark{position:relative;width:38px;height:38px;border:1px solid var(--line-strong);border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 18px rgba(214,184,118,.12)}.brand-mark:before,.brand-mark:after{content:"";position:absolute;border:1px solid rgba(214,184,118,.36);border-radius:50%}.brand-mark:before{width:23px;height:23px}.brand-mark:after{width:7px;height:7px;background:var(--gold);box-shadow:0 0 16px var(--gold)}.brand-mark i{position:absolute;width:44px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);transform:rotate(-32deg)}.brand strong,.brand small{display:block}.brand strong{font-family:Georgia,"Times New Roman",serif;letter-spacing:.02em}.brand small{margin-top:2px;color:var(--muted);font-size:12px}.topbar-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.button{min-height:40px;padding:9px 14px;border:1px solid var(--line-strong);border-radius:10px;color:var(--text);background:linear-gradient(180deg,rgba(214,184,118,.14),rgba(214,184,118,.05));text-decoration:none;cursor:pointer;font-weight:700;font-size:13px;transition:.18s ease}.button:hover:not(:disabled){transform:translateY(-1px);border-color:var(--gold);background:rgba(214,184,118,.16)}.button:disabled{opacity:.45;cursor:not-allowed}.button.primary{color:#15120b;background:linear-gradient(135deg,var(--gold-2),var(--gold));border-color:transparent;box-shadow:0 12px 30px rgba(214,184,118,.17)}.button.ghost{background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.11)}.status-pill,.badge{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:5px 10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:var(--muted);background:rgba(255,255,255,.04);font-size:12px;font-weight:800;white-space:nowrap}.status-pill.ok,.badge.ok{color:var(--ok);border-color:rgba(127,209,168,.32);background:rgba(127,209,168,.08)}.status-pill.warn,.badge.warn{color:var(--warn);border-color:rgba(225,189,114,.34);background:rgba(225,189,114,.08)}.badge.bad{color:var(--bad);border-color:rgba(232,141,141,.32);background:rgba(232,141,141,.08)}main{width:min(1480px,calc(100% - 32px));margin:0 auto;padding:28px 0 70px}.hero-panel{position:relative;min-height:330px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);align-items:center;gap:40px;padding:clamp(28px,5vw,74px);overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:linear-gradient(120deg,rgba(24,29,44,.97),rgba(10,13,21,.94));box-shadow:var(--shadow)}.hero-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(214,184,118,.08) 1px,transparent 1px),linear-gradient(rgba(214,184,118,.06) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,#000,transparent 68%);pointer-events:none}.hero-copy{position:relative;z-index:2;max-width:760px}.eyebrow{margin:0 0 9px;color:var(--gold);font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.hero-copy h1{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(48px,7vw,94px);font-weight:500;line-height:.92;letter-spacing:-.045em}.hero-copy>p:not(.eyebrow){max-width:660px;margin:25px 0 0;color:#c4c6ce;font-size:clamp(16px,2vw,20px);line-height:1.7}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.hero-sigil{position:relative;z-index:1;width:min(32vw,360px);aspect-ratio:1;margin:auto;border-radius:50%;background:radial-gradient(circle,rgba(214,184,118,.24),rgba(75,65,110,.14) 35%,transparent 66%);filter:drop-shadow(0 0 55px rgba(214,184,118,.15))}.hero-sigil:before,.hero-sigil:after,.hero-sigil .orbit{content:"";position:absolute;inset:12%;border:1px solid rgba(214,184,118,.38);border-radius:50%}.hero-sigil:after{inset:29%;border-color:rgba(240,219,168,.56);box-shadow:inset 0 0 35px rgba(214,184,118,.11)}.hero-sigil .orbit-one{inset:2%;transform:rotate(35deg);border-left-color:transparent;border-right-color:transparent}.hero-sigil .orbit-two{inset:21%;transform:rotate(-28deg);border-top-color:transparent;border-bottom-color:transparent}.hero-sigil i{position:absolute;left:50%;top:9%;width:1px;height:82%;background:linear-gradient(transparent,var(--gold),transparent);transform:rotate(42deg)}.hero-sigil b{position:absolute;inset:39%;border-radius:50%;background:#07080d;box-shadow:0 0 0 5px rgba(214,184,118,.08),0 0 55px rgba(0,0,0,.8)}.hero-status{position:absolute;right:24px;bottom:22px;display:flex;align-items:center;gap:10px;max-width:480px}.hero-status small{color:var(--muted);line-height:1.4}.notice{position:sticky;top:78px;z-index:18;margin:14px 0;padding:13px 16px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:rgba(17,21,33,.96);box-shadow:0 12px 35px rgba(0,0,0,.32)}.notice.success{color:var(--ok);border-color:rgba(127,209,168,.35)}.notice.error{color:#f3b0b0;border-color:rgba(232,141,141,.4)}.notice.warn{color:var(--warn);border-color:rgba(225,189,114,.4)}.hidden{display:none!important}.tabs{display:flex;gap:8px;margin:22px 0 16px;padding:6px;overflow:auto;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(12,15,24,.78)}.tab{flex:1;min-width:118px;padding:12px 15px;border:0;border-radius:10px;color:var(--muted);background:transparent;font-weight:800;cursor:pointer}.tab.active{color:#17130b;background:linear-gradient(135deg,var(--gold-2),var(--gold));box-shadow:0 8px 22px rgba(214,184,118,.15)}.tab-panel{display:none}.tab-panel.active{display:block}.card{border:1px solid rgba(255,255,255,.085);border-radius:18px;background:linear-gradient(145deg,rgba(24,29,43,.88),rgba(13,16,25,.94));box-shadow:0 15px 40px rgba(0,0,0,.22)}.card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.card h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(22px,3vw,32px);font-weight:500}.metric-grid{display:grid;grid-template-columns:repeat(7,minmax(130px,1fr));gap:10px;margin-bottom:14px}.metric-grid.compact{grid-template-columns:repeat(3,minmax(120px,1fr));margin:18px 0 0}.metric{min-height:86px;padding:15px 16px;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:rgba(16,20,31,.82)}.metric span{display:block;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.metric strong{display:block;margin-top:8px;font-family:Georgia,"Times New Roman",serif;font-size:26px;font-weight:500}.filter-card,.compact-toolbar{padding:20px;margin-bottom:14px}.filter-grid{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr)) auto;gap:10px;margin-top:18px;align-items:end}.filter-grid label,.compact-toolbar label{display:grid;gap:7px}.filter-grid label span,.compact-toolbar label span{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}select{width:100%;min-height:42px;padding:9px 36px 9px 11px;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:var(--text);background:#111622}option{background:#111622}.catalog-grid,.inventory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.item-card{position:relative;min-height:330px;padding:20px;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:17px;background:linear-gradient(150deg,rgba(27,33,49,.93),rgba(12,15,24,.96));box-shadow:0 16px 42px rgba(0,0,0,.22)}.item-card:before{content:"";position:absolute;right:-60px;top:-65px;width:180px;height:180px;border:1px solid rgba(214,184,118,.11);border-radius:50%;box-shadow:0 0 0 22px rgba(214,184,118,.035),0 0 0 48px rgba(214,184,118,.018)}.item-head{position:relative;display:flex;justify-content:space-between;gap:10px}.item-kicker{color:var(--gold);font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.item-card h3{position:relative;margin:18px 0 6px;font-family:Georgia,"Times New Roman",serif;font-size:25px;font-weight:500}.item-path{position:relative;margin:0;color:var(--muted);font-size:13px}.stat-list{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:20px 0 0;padding:0;list-style:none}.stat-list li{padding:9px 10px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(255,255,255,.025)}.stat-list span{display:block;color:var(--muted-2);font-size:10px;text-transform:uppercase}.stat-list strong{display:block;margin-top:3px}.item-foot{position:relative;display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:22px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}.item-foot strong{font-family:Georgia,"Times New Roman",serif;font-size:22px}.item-foot small{display:block;color:var(--muted);line-height:1.4}.rarity-COMMON{border-color:rgba(183,188,198,.2)}.rarity-UNCOMMON{border-color:rgba(111,194,140,.26)}.rarity-RARE{border-color:rgba(94,145,219,.3)}.rarity-EPIC{border-color:rgba(166,111,219,.32)}.rarity-LEGENDARY{border-color:rgba(224,158,68,.38)}.rarity-ECLIPSE{border-color:rgba(220,100,122,.42)}.pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:18px;color:var(--muted)}.session-gate{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px;padding:20px;border:1px solid rgba(129,172,217,.2);border-radius:16px;background:rgba(72,108,150,.08)}.session-gate h3{margin:0 0 6px;font-family:Georgia,"Times New Roman",serif;font-size:24px}.session-gate p{margin:0;color:var(--muted);line-height:1.5}.compact-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.compact-toolbar label{min-width:190px}.inventory-card{min-height:360px}.progress-track{position:relative;height:8px;margin-top:10px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.08)}.progress-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--gold),var(--gold-2))}.progress-native{display:block;width:100%;height:8px;margin-top:10px;border:0;border-radius:99px;overflow:hidden;background:rgba(255,255,255,.08);appearance:none}.progress-native::-webkit-progress-bar{background:rgba(255,255,255,.08);border-radius:99px}.progress-native::-webkit-progress-value{background:linear-gradient(90deg,var(--gold),var(--gold-2));border-radius:99px}.progress-native::-moz-progress-bar{background:linear-gradient(90deg,var(--gold),var(--gold-2));border-radius:99px}.progress-copy{display:flex;justify-content:space-between;gap:10px;margin-top:7px;color:var(--muted);font-size:11px}.loadout-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px}.hero-roster{padding:18px}.hero-list{display:grid;gap:7px;margin-top:16px;max-height:720px;overflow:auto}.hero-button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:11px;color:var(--text);background:rgba(255,255,255,.025);text-align:left;cursor:pointer}.hero-button.active{border-color:var(--gold);background:rgba(214,184,118,.1)}.hero-button span{display:block}.hero-button small{display:block;margin-top:3px;color:var(--muted)}.loadout-detail{display:grid;gap:14px}.hero-detail{padding:24px}.hero-detail-head{display:flex;justify-content:space-between;gap:20px}.hero-detail h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:38px;font-weight:500}.doctrine-list{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.slot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:22px}.slot-card{min-height:190px;padding:15px;border:1px dashed rgba(255,255,255,.13);border-radius:14px;background:rgba(255,255,255,.02)}.slot-card.filled{border-style:solid;border-color:rgba(214,184,118,.28);background:rgba(214,184,118,.045)}.slot-card>span{color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.slot-card h3{margin:16px 0 6px;font-family:Georgia,"Times New Roman",serif;font-size:21px;font-weight:500}.slot-card p,.slot-card small{margin:0;color:var(--muted);line-height:1.45}.set-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.set-card{padding:17px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.025)}.set-card.active{border-color:rgba(127,209,168,.3);background:rgba(127,209,168,.055)}.set-card h3{margin:0 0 8px}.set-effects{display:grid;gap:7px;margin-top:12px}.set-effect{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:13px}.set-effect strong{color:var(--text)}.two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.conversion-card,.window-card,.activity-today{padding:22px}.conversion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.conversion-box{padding:17px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.025)}.conversion-box strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:27px;font-weight:500}.conversion-box span{display:block;margin-top:5px;color:var(--muted);font-size:13px}.window-card dl{display:grid;grid-template-columns:1fr auto;gap:10px 18px;margin:18px 0 0}.window-card dt{color:var(--muted)}.window-card dd{margin:0;font-weight:800}.history-stack{display:grid;gap:14px;margin-top:14px}.history-stack>.card,.tab-panel[data-panel="activity"]>.card{padding:22px}.table-wrap{overflow:auto;margin-top:16px}table{width:100%;border-collapse:collapse;min-width:650px}th,td{padding:12px 10px;border-bottom:1px solid rgba(255,255,255,.07);text-align:left}th{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.09em}td{font-size:13px}.state-label{display:inline-flex;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.05);color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase}.state-label.ok{color:var(--ok);background:rgba(127,209,168,.08)}.state-label.warn{color:var(--warn);background:rgba(225,189,114,.08)}.activity-layout{margin-bottom:14px}.activity-today h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:34px;font-weight:500}.activity-value{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-top:22px}.activity-value strong{font-family:Georgia,"Times New Roman",serif;font-size:45px;font-weight:500}.activity-value span{color:var(--muted)}.production-list{display:grid;gap:9px;margin-top:16px}.production-row{display:grid;grid-template-columns:minmax(180px,1fr) 2fr auto;align-items:center;gap:18px;padding:13px 15px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.022)}.production-row h3{margin:0;font-size:15px}.production-row small{display:block;margin-top:3px;color:var(--muted)}.production-progress .progress-track{margin:0}.empty-state{grid-column:1/-1;padding:30px;border:1px dashed rgba(255,255,255,.13);border-radius:14px;color:var(--muted);background:rgba(255,255,255,.018);text-align:center;line-height:1.6}.error-state{border-color:rgba(232,141,141,.25);color:#e9b6b6}.loading{position:relative;overflow:hidden}.loading:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:shimmer 1.35s infinite}@keyframes shimmer{to{transform:translateX(100%)}}footer{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;padding:22px 18px;border-top:1px solid rgba(255,255,255,.07);color:var(--muted);font-size:12px}footer a{color:var(--muted);text-decoration:none}footer a:hover{color:var(--gold)}@media(max-width:1150px){.metric-grid{grid-template-columns:repeat(4,minmax(120px,1fr))}.catalog-grid,.inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-grid{grid-template-columns:repeat(3,minmax(130px,1fr))}.slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:850px){.topbar{position:relative;align-items:flex-start}.topbar-actions{max-width:55%}.hero-panel{grid-template-columns:1fr;min-height:490px}.hero-sigil{position:absolute;right:-50px;bottom:-80px;width:330px;opacity:.48}.hero-status{left:24px;right:24px}.metric-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}.catalog-grid,.inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-grid{grid-template-columns:repeat(2,minmax(130px,1fr))}.loadout-layout,.two-column{grid-template-columns:1fr}.hero-list{max-height:260px}.production-row{grid-template-columns:1fr}.production-row>strong{text-align:right}}@media(max-width:560px){main{width:min(100% - 20px,1480px);padding-top:10px}.topbar{padding:12px}.brand small{display:none}.topbar-actions{max-width:none}.topbar-actions .button.ghost[href]{display:none}.status-pill{display:none}.button{min-height:38px;padding:8px 11px}.hero-panel{padding:28px 20px;min-height:520px;border-radius:16px}.hero-copy h1{font-size:52px}.hero-status{display:grid;bottom:18px}.tabs{position:sticky;top:0;z-index:15;border-radius:10px}.tab{min-width:104px}.metric-grid,.catalog-grid,.inventory-grid,.filter-grid,.slot-grid,.set-grid,.conversion-grid{grid-template-columns:1fr}.filter-grid .button{width:100%}.compact-toolbar,.session-gate,.hero-detail-head{align-items:flex-start;flex-direction:column}.compact-toolbar label{width:100%}.item-card{min-height:0}.loadout-layout{display:block}.hero-roster{margin-bottom:12px}.hero-list{display:flex;overflow:auto}.hero-button{min-width:180px}.hero-detail{padding:18px}.activity-value{align-items:flex-start;flex-direction:column}.metric-grid.compact{grid-template-columns:1fr}}