:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body,html{background:#06090d}body{margin:0;color:#f7f3e7}button,input,select{font:inherit}button{cursor:pointer}.app{--accent:#55b8ff;--accent2:#d7a52d;--accentSoft:rgba(85,184,255,.16);--panel:rgba(8,17,27,.9);--border:rgba(120,176,220,.27);min-height:100vh;padding:42px clamp(18px,4vw,70px) 80px;background:radial-gradient(circle at 14% 10%,var(--accentSoft),transparent 28%),radial-gradient(circle at 86% 4%,rgba(215,165,45,.12),transparent 24%),linear-gradient(180deg,#07101a,#030609 72%)}.app.horde{--accent:#ff554a;--accent2:#f08b32;--accentSoft:rgba(255,69,58,.18);--panel:rgba(24,8,9,.92);--border:rgba(255,91,67,.28);background:radial-gradient(circle at 12% 8%,rgba(136,15,17,.35),transparent 30%),radial-gradient(circle at 88% 8%,rgba(236,96,31,.16),transparent 25%),linear-gradient(180deg,#160708,#050303 72%)}.hero{max-width:1500px;margin:0 auto 28px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.topControls{display:grid;grid-gap:10px;gap:10px}.eyebrow{margin:0 0 8px;color:var(--accent2);font-weight:800;letter-spacing:.18em;font-size:12px}h1{margin:0;font-family:Georgia,serif;font-size:clamp(40px,7vw,88px);line-height:.92;letter-spacing:-.04em;text-shadow:0 0 35px var(--accentSoft)}.subtitle{max-width:760px;margin:18px 0 0;color:#aab6c2;font-size:18px;line-height:1.6}h2,h3{margin:0;font-family:Georgia,serif}h2{font-size:30px}h3{font-size:26px}.factionPicker{display:flex;gap:10px;padding:8px;background:rgba(0,0,0,.35);border:1px solid var(--border);border-radius:16px}.factionPicker button{border:1px solid transparent;color:#9aa8b4;background:transparent;padding:12px 16px;border-radius:10px;font-weight:800}.factionPicker button.active{color:#fff;border-color:var(--accent);background:var(--accentSoft);box-shadow:inset 0 0 24px var(--accentSoft),0 0 18px var(--accentSoft)}.footerGrid,.stats{max-width:1500px;margin:0 auto 22px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.panel,.stats article{border:1px solid var(--border);background:linear-gradient(180deg,var(--panel),rgba(3,7,11,.96));box-shadow:0 18px 55px rgba(0,0,0,.27),inset 0 1px 0 rgba(255,255,255,.03)}.stats article{padding:20px;border-radius:16px}.stats span{display:block;color:#82909d;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.stats strong{display:block;margin-top:8px;font-size:clamp(22px,3vw,34px)}.stats .good strong{color:#6ae59c}.stats .legendary{border-color:var(--accent2)}.stats .legendary strong{color:#f3ca63}.dangerStat strong{color:#ff746d}.warningStat strong{color:#f5bd58}.panel{max-width:1500px;margin:0 auto 22px;border-radius:18px;overflow:hidden}.panelTitle{padding:22px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--border)}.badge{padding:8px 11px;border-radius:999px;background:var(--accentSoft);font-weight:800;font-size:12px}.badge,.category{color:var(--accent)}.category{display:inline-block;margin-bottom:5px;font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.completionBanner{padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-color:var(--accent2);background:radial-gradient(circle at 90% 50%,var(--accentSoft),transparent 35%),linear-gradient(135deg,var(--panel),rgba(3,7,11,.98))}.completionBanner p:last-child{margin:7px 0 0;color:#94a2ad}.completionBanner.failed{border-color:#b7433e}.forgeMedallion{width:94px;height:94px;flex:0 0 94px;border-radius:50%;display:grid;place-content:center;text-align:center;border:2px solid var(--accent2);background:radial-gradient(circle,var(--accentSoft),rgba(0,0,0,.7));box-shadow:0 0 35px var(--accentSoft)}.forgeMedallion span{font-size:9px;letter-spacing:.2em;color:var(--accent2);font-weight:900}.forgeMedallion strong{font-size:34px;line-height:1;margin-top:3px}.presetBar{padding:22px;display:flex;align-items:center;justify-content:space-between;gap:24px}.presetBar p:last-child{margin:7px 0 0;color:#7f8d99}.presetActions{display:flex;gap:10px;flex-wrap:wrap}.chooseButton,.primaryAction,.secondaryAction{border-radius:12px;padding:12px 16px;font-weight:900;border:1px solid var(--border)}.primaryAction{color:#fff;background:linear-gradient(135deg,var(--accentSoft),rgba(215,165,45,.18));border-color:var(--accent2)}.chooseButton,.secondaryAction{color:#c9d1d7;background:rgba(255,255,255,.035)}.builderLayout{max-width:1500px;margin:0 auto 22px;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,.85fr);grid-gap:14px;gap:14px;align-items:start}.builderLayout>.panel{width:100%;margin:0}.partRow{display:grid;grid-template-columns:52px minmax(260px,1fr) 120px;grid-gap:16px;gap:16px;align-items:center;padding:17px 20px;border-top:1px solid rgba(255,255,255,.055)}.slotIndex{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--border);background:var(--accentSoft);color:var(--accent);font-size:11px;font-weight:950}.partMeta strong{display:block;color:#eef2f4;font-size:14px}.partMeta small{display:block;margin-top:5px;color:#7f8d99}.compatibilityPanel{position:-webkit-sticky;position:sticky;top:18px}.statusOrb{width:14px;height:14px;border-radius:50%;box-shadow:0 0 18px currentColor}.statusOrb.green{color:#63e497;background:currentColor}.statusOrb.amber{color:#efb84d;background:currentColor}.statusOrb.red{color:#ff665e;background:currentColor}.checks{padding:12px;display:grid;grid-gap:9px;gap:9px}.check{display:flex;gap:12px;padding:13px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(0,0,0,.18)}.checkIcon{flex:0 0 28px;height:28px;display:grid;place-items:center;border-radius:50%;font-weight:950}.check strong{display:block;font-size:13px}.check p{margin:4px 0 0;color:#84929e;font-size:12px}.check.ok .checkIcon{background:#67df95;color:#07140c}.check.warn .checkIcon{background:#efb84d;color:#201603}.check.error .checkIcon{background:#ff665e;color:#210606}.scoreGrid{padding:22px;display:grid;grid-template-columns:repeat(5,1fr);grid-gap:16px;gap:16px}.scoreRow>div:first-child{display:flex;justify-content:space-between;margin-bottom:8px}.scoreRow span{color:#8d9aa5;font-size:11px;font-weight:800}.scoreRow strong{font-size:12px}.scoreTrack{height:8px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}.scoreTrack i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2))}.rarity{padding:7px 10px;border-radius:7px;font-size:10px;font-weight:950;letter-spacing:.16em}.legendaryRarity{color:#ffb74b;border:1px solid rgba(255,160,44,.45);background:rgba(255,143,25,.08)}.marketBackdrop{position:fixed;inset:0;z-index:50;display:flex;justify-content:flex-end;background:rgba(0,0,0,.72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.marketDrawer{width:min(920px,94vw);height:100vh;overflow:hidden;display:grid;grid-template-rows:auto auto 1fr;border-left:1px solid var(--border);background:linear-gradient(180deg,#08121d,#030609)}.horde .marketDrawer{background:linear-gradient(180deg,#1b090a,#050303)}.marketHeader{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border)}.closeButton{width:42px;height:42px;border-radius:50%;border:1px solid var(--border);color:#fff;background:rgba(255,255,255,.04);font-size:28px}.marketFilters{display:grid;grid-template-columns:1fr 180px auto;grid-gap:10px;gap:10px;padding:16px 24px;border-bottom:1px solid var(--border)}.marketFilters input,.marketFilters select{width:100%;color:#f5f6f7;background:rgba(0,0,0,.32);border:1px solid var(--border);border-radius:11px;padding:12px}.compatOnly{display:flex;align-items:center;gap:8px;color:#aab6c2;font-size:13px;font-weight:800}.marketResults{overflow-y:auto;padding:18px 24px 50px;display:grid;grid-gap:12px;gap:12px}.marketCard{border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(0,0,0,.2);overflow:hidden}.rareCard{border-left:3px solid #3c8cff}.epicCard{border-left:3px solid #a85cff}.legendaryCard{border-left:3px solid #ff9c38}.marketCardTop{display:flex;justify-content:space-between;gap:20px;padding:18px}.marketCardTop h3{font-family:inherit;font-size:18px}.marketCardTop p{margin:7px 0 0;color:#7f8d99;font-size:12px}.dealBadges{display:flex;align-items:center;gap:8px}.dealTier{padding:4px 7px;border-radius:6px;font-size:9px;font-weight:950;letter-spacing:.12em}.dealTier.standard{color:#98a5ae;border:1px solid #46515a}.dealTier.rare{color:#62a5ff;border:1px solid rgba(62,143,255,.5);background:rgba(62,143,255,.08)}.dealTier.epic{color:#c07aff;border:1px solid rgba(177,87,255,.55);background:rgba(177,87,255,.08)}.dealTier.mythic{color:#ffb347;border:1px solid rgba(255,147,36,.6);background:rgba(255,124,24,.1);box-shadow:0 0 18px rgba(255,124,24,.12)}.marketCompat{align-self:flex-start;padding:7px 9px;border-radius:999px;font-size:11px;font-weight:900}.marketCompat.good{color:#78ed9f;border:1px solid rgba(69,210,125,.3)}.marketCompat.warn{color:#f3c260;border:1px solid rgba(239,184,77,.3)}.marketCompat.bad{color:#ff7a72;border:1px solid rgba(255,102,94,.3)}.priceIntel{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.018)}.priceIntel>div{padding:13px 18px;border-left:1px solid rgba(255,255,255,.05)}.priceIntel>div:first-child{border-left:0}.priceIntel span{display:block;color:#74838f;font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.priceIntel strong{display:block;margin-top:5px;font-size:15px}.discountGood{color:#70e49a}.offerArea{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:15px 18px}.offerArea small,.offerArea span{display:block;color:#7f8d99;font-size:11px}.offerArea strong{display:block;margin:3px 0;color:#71e79c;font-size:20px}.offerList>div{display:grid;grid-template-columns:1.3fr .6fr .8fr auto;grid-gap:10px;gap:10px;padding:10px 18px;color:#84929e;font-size:11px;border-top:1px solid rgba(255,255,255,.035)}.offerList strong{color:#dfe6e9}.emptyMarket{padding:45px;text-align:center;color:#7f8d99}.footerGrid{grid-template-columns:repeat(3,1fr)}.footerGrid .panel{width:100%;padding:24px;margin:0}.footerGrid p:last-child{color:#83919d}.fxNote{opacity:.55;text-align:center;font-size:12px}@media(max-width:1100px){.builderLayout{grid-template-columns:1fr}.compatibilityPanel{position:static}.scoreGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.hero,.presetBar{align-items:stretch;flex-direction:column}.stats{grid-template-columns:repeat(2,1fr)}.footerGrid{grid-template-columns:1fr}.marketFilters{grid-template-columns:1fr 1fr}.priceIntel{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.app{padding-inline:12px}.scoreGrid,.stats{grid-template-columns:1fr}.factionPicker{width:100%}.factionPicker button{flex:1 1}.completionBanner,.panelTitle{align-items:flex-start;flex-direction:column}.partRow{grid-template-columns:1fr auto}.slotIndex{display:none}.marketDrawer{width:100vw}.marketFilters{grid-template-columns:1fr}.marketFilters,.marketResults{padding-inline:14px}.marketCardTop,.offerArea{align-items:flex-start;flex-direction:column}.offerArea button{width:100%}.priceIntel{grid-template-columns:1fr 1fr}.offerList>div{grid-template-columns:1fr auto}.offerList>div span:nth-child(2),.offerList>div span:nth-child(3){display:none}}