:root{--bg:#06080b;--panel:#11161d;--panel2:#0a0e13;--line:#665937;--gold:#d7b45f;--text:#f0eadb;--muted:#aaa28e;--accent:#d7b45f;--glow:rgba(215,180,95,.23)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#050609}body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 50% -10%,#222a35 0,#090c10 45%,#040506 100%);overflow-x:hidden}button,a{font:inherit}.ambient{position:fixed;inset:0;pointer-events:none;transition:.4s;opacity:.4}.ambient-horde{background:radial-gradient(circle at 7% 44%,rgba(180,45,20,.32),transparent 36%)}.ambient-alliance{background:radial-gradient(circle at 94% 40%,rgba(31,95,177,.30),transparent 37%)}body[data-faction=horde]{--accent:#f06a43;--line:#7e402b;--glow:rgba(240,106,67,.24)}body[data-faction=alliance]{--accent:#72b9ff;--line:#3b648f;--glow:rgba(114,185,255,.24)}.topbar{height:66px;position:sticky;top:0;z-index:50;display:flex;align-items:center;padding:0 24px;border-bottom:1px solid #312d23;background:rgba(4,7,10,.94);backdrop-filter:blur(14px)}.brand{min-width:345px;display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand-rune{width:40px;height:40px;border:2px solid var(--accent);display:grid;place-items:center;transform:rotate(45deg);color:var(--accent);font:900 18px Georgia}.brand strong{display:block;font-size:13px;letter-spacing:1.5px}.brand small{display:block;color:#817e74;font-size:9px;letter-spacing:1.5px;margin-top:2px}nav{display:flex;height:100%;margin:auto}nav button,.top-actions button,.top-actions a{height:100%;border:0;border-left:1px solid #252821;background:none;color:#b6b2a5;padding:0 18px;text-transform:uppercase;letter-spacing:1.2px;font-size:10px;cursor:pointer;text-decoration:none;display:flex;align-items:center}nav button:hover,.top-actions button:hover,.top-actions a:hover{color:#fff;background:linear-gradient(180deg,transparent,var(--glow));box-shadow:inset 0 -2px var(--accent)}.top-actions{display:flex;height:100%}.shell{width:min(1460px,96vw);margin:18px auto 40px;border:1px solid #343025;background:rgba(6,8,10,.76);box-shadow:0 25px 90px #000}.hero{height:620px;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero>img{width:100%;height:100%;object-fit:cover;transition:transform 1s ease,filter .5s}.hero:hover>img{transform:scale(1.015);filter:saturate(1.06)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,3,4,.07),rgba(2,3,4,.25) 47%,rgba(2,3,4,.10)),linear-gradient(0deg,#07090c 0,transparent 58%)}.hero-copy{position:absolute;left:54px;bottom:55px;max-width:720px;text-shadow:0 4px 18px #000}.eyebrow{margin:0;color:var(--accent);font-size:10px;font-weight:900;letter-spacing:3px;text-transform:uppercase}.hero h1{font:700 clamp(48px,6vw,84px)/.94 Georgia,serif;margin:8px 0 16px}.hero-copy>p:not(.eyebrow){max-width:650px;color:#ded6c2;font-size:17px;line-height:1.6}.hero-actions{display:flex;gap:11px;margin-top:24px}.hero-actions button,.window button,.library-preview button,.project-link{border:1px solid var(--line);background:rgba(7,9,11,.86);color:#eee7d5;padding:13px 19px;text-transform:uppercase;letter-spacing:1.3px;font-size:10px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.hero-actions button:hover,.window button:hover,.library-preview button:hover,.project-link:hover{border-color:var(--accent);box-shadow:0 0 22px var(--glow);color:#fff}.hero-actions .primary{background:linear-gradient(90deg,var(--glow),rgba(7,9,11,.88))}.faction-controls{position:absolute;right:34px;bottom:34px;display:flex;gap:10px}.faction-controls button{width:210px;display:grid;grid-template-columns:46px 1fr;gap:10px;align-items:center;text-align:left;padding:13px;background:rgba(4,6,8,.78);border:1px solid #4a4639;color:#ddd;cursor:pointer;backdrop-filter:blur(8px)}.faction-controls button:hover{border-color:var(--accent);transform:translateY(-2px)}.faction-mark{width:39px;height:39px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-weight:900}.faction-mark.horde{color:#ff6844}.faction-mark.alliance{color:#73baff}.faction-controls b{display:block;font-size:11px;letter-spacing:1px}.faction-controls small{color:#858075;font-size:8px;letter-spacing:1px}.command-intro{display:grid;grid-template-columns:1fr 160px 160px;gap:1px;background:#343025;border-bottom:1px solid #343025}.command-intro>div{background:linear-gradient(135deg,#12171d,#090c10);padding:28px}.command-intro h2,.library-preview h2{font:700 30px Georgia,serif;margin:8px 0}.command-intro p:not(.eyebrow){color:var(--muted);line-height:1.55;margin-bottom:0}.network-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.network-stat strong{font:700 42px Georgia;color:var(--accent)}.network-stat small{color:#8d887b;text-transform:uppercase;letter-spacing:1.2px;font-size:8px}.class-grid{padding:22px;display:grid;grid-template-columns:repeat(6,1fr);gap:10px;background:#080b0e}.class-card{position:relative;min-height:190px;padding:18px;border:1px solid #37382f;background:linear-gradient(155deg,color-mix(in srgb,var(--class) 25%,#11161c),#080b0e 72%);color:#eee;cursor:pointer;text-align:left;overflow:hidden;transition:.2s}.class-card::after{content:attr(data-letter);position:absolute;right:8px;bottom:-25px;font:900 120px Georgia;color:color-mix(in srgb,var(--class) 18%,transparent);pointer-events:none}.class-card:hover{transform:translateY(-4px);border-color:var(--class);box-shadow:0 0 28px color-mix(in srgb,var(--class) 25%,transparent)}.class-card .class-icon{width:44px;height:44px;border:1px solid var(--class);border-radius:50%;display:grid;place-items:center;color:var(--class);font:900 20px Georgia}.class-card h3{font:700 23px Georgia;margin:17px 0 6px}.class-card p{color:#aaa497;font-size:11px;line-height:1.5;margin:0}.class-card .published{display:inline-flex;margin-top:14px;color:#d6c58f;border-top:1px solid #504830;padding-top:9px;font:8px monospace;letter-spacing:1px}.library-preview{border-top:1px solid #322e24;background:#0a0d10;padding:28px}.library-preview>header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:18px}.addon-preview{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.addon-card{min-height:155px;border:1px solid #38362f;background:linear-gradient(135deg,#12161b,#090b0e);padding:17px}.addon-card .addon-symbol{font:900 24px Georgia;color:var(--accent)}.addon-card h3{font:700 19px Georgia;margin:10px 0 7px}.addon-card p{font-size:10px;color:#999386;line-height:1.5}.statusbar{min-height:40px;border-top:1px solid #302d23;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:9px 22px;color:#858176;font:8px monospace;letter-spacing:1px}.statusbar i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#56d96c;box-shadow:0 0 9px #56d96c;margin-right:7px}.statusbar a{color:#aaa38e}.modal-backdrop{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.79);display:grid;place-items:center;padding:24px;backdrop-filter:blur(6px)}.window{width:min(1180px,96vw);max-height:90vh;overflow:auto;border:1px solid var(--line);background:linear-gradient(135deg,#141a21,#080b0f);box-shadow:0 24px 100px #000}.window-head{height:58px;position:sticky;top:0;z-index:4;display:flex;align-items:center;padding:0 18px;border-bottom:1px solid var(--line);background:#10151a}.window-head h2{font-size:13px;text-transform:uppercase;letter-spacing:1.5px;margin:0}.window-head small{display:block;color:var(--accent);font-size:8px;margin-top:2px}.window-close{margin-left:auto;width:38px;height:34px!important;padding:0!important}.window-body{padding:28px}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.toolbar input{flex:1;min-width:250px;padding:13px;background:#07090c;border:1px solid #474335;color:#fff}.toolbar button.active{border-color:var(--accent);background:var(--glow)}.data-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.data-card{border:1px solid #39372f;background:#0c1014;padding:18px}.data-card h3{font:700 21px Georgia;margin:7px 0}.data-card p{color:#a8a193;line-height:1.55;font-size:12px}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.tag{border:1px solid #4d4634;color:#c9ba8c;padding:5px 7px;font:8px monospace}.class-dossier{--class:#d7b45f}.dossier-hero{display:grid;grid-template-columns:190px 1fr;gap:26px;align-items:center;padding-bottom:26px;border-bottom:1px solid #343127}.class-seal{width:180px;aspect-ratio:1;border-radius:50%;border:2px solid var(--class);display:grid;place-items:center;font:900 74px Georgia;color:var(--class);box-shadow:0 0 42px color-mix(in srgb,var(--class) 25%,transparent);background:radial-gradient(circle,color-mix(in srgb,var(--class) 16%,#111),#07090c 68%)}.dossier-hero h1{font:700 48px Georgia;margin:5px 0 11px}.dossier-hero .summary{font-size:14px;line-height:1.65;color:#c8c1b1}.stat-row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:22px 0}.stat{border:1px solid #3a372f;background:#0a0d11;padding:13px}.stat small{display:block;color:#817c70;font:8px monospace;letter-spacing:1px;text-transform:uppercase}.stat strong{display:block;margin-top:6px;color:#eee;font-size:13px}.dossier-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.intel-block{border:1px solid #39362f;background:#0b0e12;padding:18px}.intel-block h3{font:700 20px Georgia;margin:0 0 11px}.intel-list{margin:0;padding-left:18px;color:#b7b0a2;line-height:1.7;font-size:12px}.spec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.spec-card{border:1px solid #3d3930;background:linear-gradient(135deg,color-mix(in srgb,var(--class) 12%,#11151a),#080b0e);padding:17px}.spec-card h3{font:700 21px Georgia;margin:3px 0 8px}.spec-card p{color:#aaa396;font-size:11px;line-height:1.55}.resource-card{border-color:color-mix(in srgb,var(--class) 55%,#403a2f)}@media(max-width:1050px){.brand{min-width:auto}.brand>span:last-child{display:none}nav button{padding:0 11px}.hero{height:690px}.hero-copy{left:30px;bottom:175px}.faction-controls{left:26px;right:26px;bottom:25px}.command-intro{grid-template-columns:1fr 130px 130px}.class-grid{grid-template-columns:repeat(4,1fr)}.addon-preview{grid-template-columns:repeat(3,1fr)}.data-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.topbar nav{display:none}.top-actions{margin-left:auto}.top-actions a{display:none}.hero{height:740px}.hero h1{font-size:47px}.hero-actions{flex-direction:column;align-items:flex-start}.faction-controls{flex-direction:column}.faction-controls button{width:100%}.command-intro{grid-template-columns:1fr}.network-stat{display:none}.class-grid{grid-template-columns:repeat(2,1fr)}.addon-preview,.data-grid,.dossier-columns,.spec-grid{grid-template-columns:1fr}.dossier-hero{grid-template-columns:1fr}.class-seal{width:135px}.stat-row{grid-template-columns:repeat(2,1fr)}.library-preview>header{align-items:flex-start;gap:14px;flex-direction:column}.statusbar span:nth-child(2){display:none}}

.version-strip{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.classic-tag{border-color:#856f32!important;color:#ffe39a!important;background:rgba(151,111,25,.13)}.featured-classic{border-color:#8b7133;background:linear-gradient(135deg,rgba(142,105,31,.18),#0c1014)}


/* Polished Classic command pass */
.hero-scene{position:absolute;inset:-1.5%;overflow:hidden;transform-origin:center 58%;animation:heroBreath 8s ease-in-out infinite}
.hero-scene img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.03) contrast(1.02)}
.hero:hover .hero-scene{animation-duration:6s}
.hero-particles,.hero-light-sweep{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.hero-embers{right:50%;background:radial-gradient(circle at 16% 70%,rgba(255,80,25,.13),transparent 35%)}
.hero-motes{left:50%;background:radial-gradient(circle at 84% 55%,rgba(70,155,255,.12),transparent 38%)}
.hero-particles i{position:absolute;left:var(--x);bottom:-18px;width:var(--size);height:var(--size);border-radius:50%;animation-duration:var(--duration);animation-delay:var(--delay);animation-timing-function:linear;animation-iteration-count:infinite}
.hero-embers .ember{left:calc(var(--x)*.5);background:#ff8b3d;box-shadow:0 0 8px #ff5727,0 0 18px rgba(255,85,30,.6);animation-name:emberRise}
.hero-motes .mote{left:calc(50% + var(--x)*.5);background:#9bd7ff;box-shadow:0 0 8px #57aaff,0 0 18px rgba(80,155,255,.55);animation-name:moteFloat}
.hero-light-sweep{opacity:.34;background:linear-gradient(105deg,transparent 34%,rgba(255,255,255,.11) 46%,transparent 56%);transform:translateX(-120%);animation:armorShine 19s ease-in-out infinite}
@keyframes heroBreath{0%,100%{transform:scale(1.015) translateY(0)}50%{transform:scale(1.027) translateY(-3px)}}
@keyframes emberRise{0%{transform:translate3d(0,20px,0) scale(.55);opacity:0}12%{opacity:.85}80%{opacity:.45}100%{transform:translate3d(var(--drift),-650px,0) scale(1.2);opacity:0}}
@keyframes moteFloat{0%{transform:translate3d(0,15px,0) scale(.5);opacity:0}15%{opacity:.75}50%{transform:translate3d(var(--drift),-310px,0) scale(1)}100%{transform:translate3d(calc(var(--drift)*-.6),-620px,0) scale(.65);opacity:0}}
@keyframes armorShine{0%,67%,100%{transform:translateX(-120%);opacity:0}73%{opacity:.38}82%{transform:translateX(120%);opacity:0}}
.class-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.class-card{min-height:178px;display:flex;flex-direction:column;padding:18px 18px 15px}
.class-card .class-icon{flex:0 0 auto}
.class-card-copy{position:relative;z-index:1}
.class-card h3{font-size:25px;margin:9px 0 5px}
.class-card .class-role{font-size:10px;color:#d2cbbd;text-transform:uppercase;letter-spacing:.7px}
.class-card .class-specs{margin-top:10px;color:#8e887b;font:9px/1.5 monospace;text-transform:uppercase;letter-spacing:.55px}
.open-dossier{position:relative;z-index:1;margin-top:auto;padding-top:13px;border-top:1px solid color-mix(in srgb,var(--class) 32%,#403b31);color:var(--class);font:9px monospace;text-transform:uppercase;letter-spacing:1px}
.class-command-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.class-command-card{position:relative;min-height:300px;padding:20px;border:1px solid #3b3931;background:linear-gradient(145deg,color-mix(in srgb,var(--class) 18%,#11161c),#080b0e 68%);color:#eee;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;transition:.22s}
.class-command-card::after{content:"";position:absolute;width:210px;height:210px;right:-85px;bottom:-95px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--class) 20%,transparent),transparent 69%);pointer-events:none}
.class-command-card:hover{transform:translateY(-4px);border-color:var(--class);box-shadow:0 0 30px color-mix(in srgb,var(--class) 20%,transparent)}
.command-card-head{display:flex;align-items:center;gap:13px;position:relative;z-index:1}
.command-card-head .class-icon{width:48px;height:48px;border:1px solid var(--class);border-radius:50%;display:grid;place-items:center;color:var(--class);font:900 21px Georgia}
.command-card-head h3{font:700 27px Georgia;margin:3px 0 0}
.command-summary{position:relative;z-index:1;color:#b3ac9e!important;font-size:11px!important;line-height:1.62!important;margin:18px 0 14px!important;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.command-meta{display:flex;gap:6px;flex-wrap:wrap;position:relative;z-index:1}
.command-meta span{border:1px solid #444036;padding:5px 7px;color:#c9c1b1;font:8px monospace;text-transform:uppercase}
.command-specs{position:relative;z-index:1;margin:13px 0!important;color:var(--class)!important;font:9px/1.5 monospace!important;text-transform:uppercase;letter-spacing:.65px}
.open-command{position:relative;z-index:1;margin-top:auto;border-top:1px solid #413d33;padding-top:13px;color:#e6d7aa;font:9px monospace;text-transform:uppercase;letter-spacing:1px}
.class-command-card .version-strip{position:relative;z-index:1}
@media(max-width:1050px){.class-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.class-command-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.class-grid,.class-command-grid{grid-template-columns:1fr}.class-card{min-height:160px}.hero-scene{inset:0}}
@media(prefers-reduced-motion:reduce){.hero-scene,.hero-light-sweep,.hero-particles i{animation:none!important}.hero-particles{display:none}}

/* Final animated hero + responsive command strip */
.hero-scene{inset:0;animation:heroCameraDrift 15s ease-in-out infinite;will-change:transform}
.hero-base{position:absolute;inset:-1.2%;width:102.4%!important;height:102.4%!important;object-fit:cover;animation:heroWorldBreath 9s ease-in-out infinite;will-change:transform}
.hero-character{position:absolute;inset:-1.2%;background-image:url('assets/azeroth-command.png');background-size:102.4% 102.4%;background-position:center;pointer-events:none;will-change:transform,filter}
.hero-character-horde{clip-path:polygon(0 0,51% 0,51% 100%,0 100%);animation:hordeBreath 6.8s ease-in-out infinite;filter:drop-shadow(0 0 12px rgba(255,73,28,.05))}
.hero-character-alliance{clip-path:polygon(49% 0,100% 0,100% 100%,49% 100%);animation:allianceBreath 7.6s ease-in-out infinite reverse;filter:drop-shadow(0 0 12px rgba(75,157,255,.05))}
.hero-banner-glow{position:absolute;top:0;width:38%;height:72%;opacity:.2;mix-blend-mode:screen;pointer-events:none;filter:blur(18px);will-change:transform,opacity}
.hero-banner-glow-horde{left:-3%;background:radial-gradient(ellipse at 28% 25%,rgba(255,78,26,.34),transparent 58%);animation:hordeBannerPulse 5.8s ease-in-out infinite}
.hero-banner-glow-alliance{right:-3%;background:radial-gradient(ellipse at 72% 24%,rgba(79,164,255,.30),transparent 58%);animation:allianceBannerPulse 6.6s ease-in-out infinite}
.hero-embers{z-index:2;opacity:.9}
.hero-motes{z-index:2;opacity:.84}
.hero-embers .ember{animation-duration:var(--duration);min-width:2px;min-height:2px}
.hero-motes .mote{animation-duration:var(--duration);min-width:2px;min-height:2px}
.hero-light-sweep{z-index:3;opacity:.42;animation-duration:14s}
.hero-overlay,.hero-copy,.faction-controls{z-index:5}
@keyframes heroCameraDrift{0%,100%{transform:scale(1.005) translate3d(0,0,0)}50%{transform:scale(1.018) translate3d(0,-2px,0)}}
@keyframes heroWorldBreath{0%,100%{transform:scale(1.002) translateY(0)}50%{transform:scale(1.009) translateY(-2px)}}
@keyframes hordeBreath{0%,100%{transform:scale(1.004) translate3d(0,0,0)}45%{transform:scale(1.014) translate3d(-1px,-3px,0)}55%{transform:scale(1.013) translate3d(-1px,-2px,0)}}
@keyframes allianceBreath{0%,100%{transform:scale(1.003) translate3d(0,0,0)}50%{transform:scale(1.012) translate3d(1px,-3px,0)}}
@keyframes hordeBannerPulse{0%,100%{transform:translate3d(-3px,0,0) skewX(-.4deg);opacity:.14}50%{transform:translate3d(5px,-3px,0) skewX(.5deg);opacity:.34}}
@keyframes allianceBannerPulse{0%,100%{transform:translate3d(3px,0,0) skewX(.4deg);opacity:.13}50%{transform:translate3d(-5px,-3px,0) skewX(-.5deg);opacity:.31}}
.command-intro{grid-template-columns:minmax(0,1fr) minmax(118px,150px) minmax(142px,190px)}
.command-intro>div{min-width:0}
.network-stat{overflow:hidden;padding-inline:16px!important}
.network-stat strong{max-width:100%;font-size:clamp(24px,2.15vw,38px);line-height:1;white-space:nowrap;overflow:hidden;text-overflow:clip;letter-spacing:.02em}
.network-stat:last-child strong{font-size:clamp(21px,1.85vw,34px)}
.class-card{border-top-width:2px;transform-origin:center top}
.class-card:hover{transform:translateY(-5px) scale(1.008)}
.class-card::before{content:"CLASSIFIED FILE";position:absolute;top:10px;right:12px;color:color-mix(in srgb,var(--class) 42%,#6d685c);font:7px monospace;letter-spacing:1.1px;opacity:.7}
.class-command-card{border-top:2px solid color-mix(in srgb,var(--class) 65%,#3b3931)}
.class-command-card::before{content:"CLASS DOSSIER";position:absolute;right:15px;top:13px;color:color-mix(in srgb,var(--class) 42%,#7b7567);font:7px monospace;letter-spacing:1.2px}
.class-command-card:hover{transform:perspective(900px) rotateX(1deg) translateY(-5px)}
.window{animation:windowDeploy .22s ease-out}
@keyframes windowDeploy{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:1050px){.command-intro{grid-template-columns:minmax(0,1fr) 118px 142px}.network-stat strong{font-size:25px}.network-stat:last-child strong{font-size:22px}}
@media(max-width:700px){.hero-character,.hero-banner-glow{display:none}.hero-base{animation:heroWorldBreath 9s ease-in-out infinite}.command-intro{grid-template-columns:1fr}.network-stat{display:none}}
@media(prefers-reduced-motion:reduce){.hero-scene,.hero-base,.hero-character,.hero-banner-glow,.hero-light-sweep,.hero-particles i,.window{animation:none!important}.hero-particles{display:none}}

/* Hero cleanup and visible living-scene pass */
.hero{
  height:580px;
  isolation:isolate;
  background:#05070a;
}
.hero-overlay{
  z-index:4;
  background:
    linear-gradient(90deg,rgba(3,4,6,.23) 0%,rgba(3,4,6,.06) 40%,rgba(3,4,6,.03) 64%,rgba(3,4,6,.15) 100%),
    linear-gradient(0deg,#07090c 0%,rgba(7,9,12,.98) 12%,rgba(7,9,12,.76) 25%,rgba(7,9,12,.18) 50%,transparent 72%);
}
.hero::after{
  content:"";
  position:absolute;
  z-index:4;
  left:0;right:0;bottom:0;
  height:178px;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 0%,rgba(7,9,12,.68) 38%,#07090c 82%,#07090c 100%);
}
.hero-copy{
  z-index:7;
  left:54px;
  bottom:42px;
  max-width:610px;
}
.hero h1{
  font-size:clamp(42px,4.7vw,68px);
  line-height:.96;
  max-width:590px;
  margin:8px 0 13px;
}
.hero-copy>p:not(.eyebrow){
  max-width:570px;
  font-size:15px;
  line-height:1.55;
}
.hero-actions{margin-top:19px}
.hero-actions button{min-height:48px;padding:14px 22px}
.faction-controls{display:none!important}

/* Make the animation obvious without becoming distracting. */
.hero-character-horde{
  transform-origin:31% 47%;
  animation:hordeLivingBreath 5.8s cubic-bezier(.45,.05,.55,.95) infinite;
}
.hero-character-alliance{
  transform-origin:72% 46%;
  animation:allianceLivingBreath 6.6s cubic-bezier(.45,.05,.55,.95) infinite;
}
.hero-base{animation:heroWorldDrift 13s ease-in-out infinite}
.hero-banner-glow-horde{animation:hordeFirePulse 4.2s ease-in-out infinite}
.hero-banner-glow-alliance{animation:allianceLightPulse 5.1s ease-in-out infinite}
.hero-embers{filter:saturate(1.25)}
.hero-motes{filter:brightness(1.14)}

@keyframes hordeLivingBreath{
  0%,100%{transform:scale(1.003) translate3d(0,0,0)}
  38%{transform:scale(1.017,1.014) translate3d(-2px,-4px,0)}
  58%{transform:scale(1.013,1.010) translate3d(-1px,-2px,0)}
}
@keyframes allianceLivingBreath{
  0%,100%{transform:scale(1.002) translate3d(0,0,0)}
  45%{transform:scale(1.015,1.012) translate3d(2px,-4px,0)}
  62%{transform:scale(1.011,1.009) translate3d(1px,-2px,0)}
}
@keyframes heroWorldDrift{
  0%,100%{transform:scale(1.014) translate3d(-1px,0,0)}
  50%{transform:scale(1.025) translate3d(2px,-3px,0)}
}
@keyframes hordeFirePulse{
  0%,100%{opacity:.16;transform:translate3d(-4px,0,0) scale(.98)}
  45%{opacity:.39;transform:translate3d(5px,-2px,0) scale(1.04)}
  65%{opacity:.24;transform:translate3d(1px,1px,0) scale(1.01)}
}
@keyframes allianceLightPulse{
  0%,100%{opacity:.14;transform:translate3d(4px,0,0) scale(.98)}
  50%{opacity:.36;transform:translate3d(-5px,-3px,0) scale(1.04)}
}

/* Clean section handoff: no baked-in CTA/ghost text visible below the hero. */
.command-intro{position:relative;z-index:8;margin-top:0}

@media(max-width:1050px){
  .hero{height:540px}
  .hero-copy{left:38px;bottom:34px;max-width:540px}
  .hero h1{font-size:clamp(39px,6vw,58px)}
}
@media(max-width:700px){
  .hero{height:520px}
  .hero-copy{left:24px;right:24px;bottom:28px}
  .hero h1{font-size:42px}
  .hero-copy>p:not(.eyebrow){font-size:13px}
  .hero-actions{flex-direction:column;align-items:stretch}
  .hero-actions button{width:100%}
}

/* Milestone polish: cinematic living hero, launcher navigation, and live-operation strip */
.topbar{box-shadow:0 8px 30px rgba(0,0,0,.32)}
nav button{position:relative;transition:color .2s ease,background .2s ease}
nav button::after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:2px;background:var(--accent);transform:scaleX(0);transition:transform .22s ease;box-shadow:0 0 12px var(--accent)}
nav button:hover::after{transform:scaleX(1)}

.hero{height:650px;min-height:650px}
.hero-scene{inset:-2.2%;transform-style:preserve-3d;transition:transform .35s ease-out}
.hero-base{inset:-2%;width:104%!important;height:104%!important;filter:saturate(1.08) contrast(1.035);animation:heroWorldDriftStrong 16s ease-in-out infinite}
.hero-character{inset:-2%;background-size:104% 104%;background-position:center}
.hero-character-horde{clip-path:polygon(0 0,52% 0,55% 100%,0 100%);animation:hordeLivingBreathStrong 6.2s cubic-bezier(.45,.05,.55,.95) infinite}
.hero-character-alliance{clip-path:polygon(47% 0,100% 0,100% 100%,44% 100%);animation:allianceLivingBreathStrong 7.1s cubic-bezier(.45,.05,.55,.95) infinite}
.hero-overlay{background:linear-gradient(90deg,rgba(3,4,6,.15),rgba(3,4,6,.02) 45%,rgba(3,4,6,.02) 67%,rgba(3,4,6,.12)),linear-gradient(0deg,#07090c 0%,rgba(7,9,12,.96) 12%,rgba(7,9,12,.62) 26%,rgba(7,9,12,.08) 56%,transparent 78%)}
.hero::after{height:192px;background:linear-gradient(180deg,transparent 0%,rgba(7,9,12,.35) 25%,rgba(7,9,12,.90) 58%,#07090c 86%,#07090c 100%)}
.hero-copy{left:52px;bottom:48px;max-width:620px}
.hero h1{font-size:clamp(43px,4.2vw,64px);max-width:570px;text-wrap:balance;text-shadow:0 5px 28px #000,0 0 3px #000}
.hero-copy>p:not(.eyebrow){max-width:565px}
.hero-actions button{min-height:52px;padding:15px 24px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.hero-actions button:hover{transform:translateY(-2px)}
.hero-banner-glow{height:86%;filter:blur(22px)}
.hero-banner-glow-horde{opacity:.28;animation:hordeFirePulseStrong 4.8s ease-in-out infinite}
.hero-banner-glow-alliance{opacity:.25;animation:allianceLightPulseStrong 5.6s ease-in-out infinite}
.hero-embers{opacity:1}.hero-motes{opacity:.96}
.hero-embers .ember{box-shadow:0 0 9px #ff5727,0 0 20px rgba(255,85,30,.72)}
.hero-motes .mote{box-shadow:0 0 9px #57aaff,0 0 20px rgba(80,155,255,.68)}
.hero-light-sweep{animation:armorShine 12s ease-in-out infinite;opacity:.48}

@keyframes heroWorldDriftStrong{0%,100%{transform:scale(1.012) translate3d(-3px,1px,0)}50%{transform:scale(1.027) translate3d(3px,-4px,0)}}
@keyframes hordeLivingBreathStrong{0%,100%{transform:scale(1.004) translate3d(0,0,0)}43%{transform:scale(1.021,1.017) translate3d(-3px,-5px,0)}61%{transform:scale(1.014,1.011) translate3d(-1px,-2px,0)}}
@keyframes allianceLivingBreathStrong{0%,100%{transform:scale(1.003) translate3d(0,0,0)}47%{transform:scale(1.019,1.015) translate3d(3px,-5px,0)}65%{transform:scale(1.013,1.010) translate3d(1px,-2px,0)}}
@keyframes hordeFirePulseStrong{0%,100%{opacity:.18;transform:translate3d(-7px,2px,0) scale(.97)}44%{opacity:.47;transform:translate3d(7px,-4px,0) scale(1.055)}67%{opacity:.29;transform:translate3d(2px,0,0) scale(1.015)}}
@keyframes allianceLightPulseStrong{0%,100%{opacity:.16;transform:translate3d(7px,1px,0) scale(.97)}50%{opacity:.43;transform:translate3d(-7px,-5px,0) scale(1.055)}}

.operation-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#343025;border-bottom:1px solid #343025}
.operation-strip button,.operation-strip a{appearance:none;border:0;margin:0;min-width:0;padding:17px 20px;text-align:left;text-decoration:none;color:var(--text);background:linear-gradient(145deg,#11161c,#080b0e);cursor:pointer;transition:background .2s ease,box-shadow .2s ease,transform .2s ease}
.operation-strip button:hover,.operation-strip a:hover{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 12%,#11161c),#080b0e);box-shadow:inset 0 2px var(--accent);transform:translateY(-1px)}
.operation-strip span{display:block;color:var(--accent);font:8px monospace;letter-spacing:1.25px;text-transform:uppercase}
.operation-strip strong{display:block;margin-top:6px;font:700 19px Georgia,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.operation-strip small{display:block;margin-top:5px;color:#8e887b;font-size:9px;line-height:1.35}

.class-card{min-height:184px;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,filter .24s ease}
.class-card::after{transition:opacity .25s ease,transform .35s ease;opacity:.74}
.class-card:hover::after{opacity:1;transform:translateY(-5px) scale(1.035)}
.class-card .open-dossier{position:relative;z-index:2;margin-top:auto;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--class) 32%,#463f31);color:color-mix(in srgb,var(--class) 72%,#e9dfc8);font:8px monospace;letter-spacing:1px;text-transform:uppercase}
.class-card:hover .open-dossier{letter-spacing:1.35px}

@media(max-width:1050px){.hero{height:600px;min-height:600px}.operation-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.hero{height:570px;min-height:570px}.operation-strip{grid-template-columns:1fr}.hero-scene{inset:0}.hero h1{font-size:40px}.hero-copy{bottom:30px}.operation-strip strong{white-space:normal}}
@media(prefers-reduced-motion:reduce){.hero-scene{transform:none!important}.operation-strip button,.operation-strip a,.class-card{transition:none}}

/* Live cinematic banner integration */
.hero-live-banner{height:auto;aspect-ratio:1672/873;min-height:0;max-height:none;background:#050609}
.hero-live-banner .hero-scene{inset:-1.4%;animation:bannerCameraBreath 18s ease-in-out infinite;transition:transform .35s ease-out}
.hero-live-banner .hero-base{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;object-position:center;animation:bannerWorldDrift 16s ease-in-out infinite;filter:saturate(1.06) contrast(1.025)}
.hero-live-banner .hero-overlay{z-index:2;background:linear-gradient(90deg,rgba(255,55,12,.05),transparent 38%,transparent 62%,rgba(35,110,255,.05)),linear-gradient(0deg,rgba(2,4,7,.52),transparent 18%,transparent 82%,rgba(2,4,7,.08))}
.hero-live-banner::after{height:110px;z-index:4;background:linear-gradient(180deg,transparent,rgba(7,9,12,.42) 50%,#07090c 100%)}
.hero-live-banner .hero-banner-glow{z-index:2;height:100%;width:50%;top:0;filter:blur(26px);mix-blend-mode:screen}
.hero-live-banner .hero-banner-glow-horde{left:-6%;opacity:.23;background:radial-gradient(ellipse at 25% 40%,rgba(255,72,18,.42),transparent 61%);animation:bannerHordeGlow 5.5s ease-in-out infinite}
.hero-live-banner .hero-banner-glow-alliance{right:-6%;opacity:.22;background:radial-gradient(ellipse at 76% 38%,rgba(65,150,255,.38),transparent 61%);animation:bannerAllianceGlow 6.4s ease-in-out infinite}
.hero-live-banner .hero-particles{z-index:5}
.hero-live-banner .hero-light-sweep{z-index:6;opacity:.32;animation:bannerArmorSweep 14s ease-in-out infinite}
.hero-smoke{position:absolute;z-index:3;bottom:-10%;width:58%;height:42%;pointer-events:none;filter:blur(22px);opacity:.24;will-change:transform}
.hero-smoke-horde{left:-8%;background:radial-gradient(ellipse at 40% 70%,rgba(78,31,20,.7),transparent 64%);animation:smokeDriftLeft 14s ease-in-out infinite}
.hero-smoke-alliance{right:-8%;background:radial-gradient(ellipse at 60% 70%,rgba(48,79,114,.58),transparent 64%);animation:smokeDriftRight 17s ease-in-out infinite}
.banner-hotspot{position:absolute;z-index:10;border:0;background:transparent;cursor:pointer;border-radius:4px}
.banner-hotspot:focus-visible{outline:2px solid var(--accent);outline-offset:4px;background:rgba(255,255,255,.03)}
.banner-hotspot-classes{left:4.3%;bottom:8.5%;width:21.8%;height:8.8%}
.banner-hotspot-projects{left:27.4%;bottom:8.5%;width:20.2%;height:8.8%}
.banner-hotspot:hover{box-shadow:0 0 34px var(--glow),inset 0 0 22px rgba(255,255,255,.035)}
@keyframes bannerCameraBreath{0%,100%{transform:scale(1.006) translate3d(-2px,1px,0)}50%{transform:scale(1.018) translate3d(2px,-3px,0)}}
@keyframes bannerWorldDrift{0%,100%{transform:scale(1.004) translate3d(-2px,1px,0)}50%{transform:scale(1.012) translate3d(3px,-2px,0)}}
@keyframes bannerHordeGlow{0%,100%{opacity:.18;transform:scale(1)}50%{opacity:.34;transform:scale(1.04)}}
@keyframes bannerAllianceGlow{0%,100%{opacity:.17;transform:scale(1)}50%{opacity:.31;transform:scale(1.035)}}
@keyframes smokeDriftLeft{0%,100%{transform:translate3d(-3%,4%,0) scale(1)}50%{transform:translate3d(5%,-2%,0) scale(1.12)}}
@keyframes smokeDriftRight{0%,100%{transform:translate3d(4%,3%,0) scale(1.06)}50%{transform:translate3d(-5%,-3%,0) scale(1.14)}}
@keyframes bannerArmorSweep{0%,70%,100%{transform:translateX(-130%) skewX(-18deg);opacity:0}78%{opacity:.36}90%{transform:translateX(135%) skewX(-18deg);opacity:0}}
@media(max-width:900px){.hero-live-banner{aspect-ratio:16/10}.hero-live-banner .hero-base{object-fit:cover}.banner-hotspot-classes{left:4%;bottom:8%;width:28%;height:10%}.banner-hotspot-projects{left:33%;bottom:8%;width:27%;height:10%}}
@media(max-width:650px){.hero-live-banner{aspect-ratio:4/3}.hero-smoke,.hero-light-sweep{display:none}.banner-hotspot{display:none}}
@media(prefers-reduced-motion:reduce){.hero-live-banner .hero-scene,.hero-live-banner .hero-base,.hero-live-banner .hero-banner-glow,.hero-smoke,.hero-live-banner .hero-light-sweep{animation:none!important}}

/* Living banner final detail pass */
.shell{
  width:min(1680px,99vw);
  margin-top:14px;
}
.hero-live-banner{
  width:100%;
  box-shadow:0 20px 70px rgba(0,0,0,.42),inset 0 0 0 1px rgba(215,180,95,.08);
}
.hero-live-banner .hero-scene{
  inset:-2.2%;
}
.hero-live-banner .hero-base{
  width:104.4%!important;
  height:104.4%!important;
  transform-origin:center center;
}
.hero-center-blend{
  position:absolute;
  z-index:4;
  top:-8%;
  left:39%;
  width:22%;
  height:116%;
  pointer-events:none;
  opacity:.42;
  filter:blur(12px);
  mix-blend-mode:screen;
  background:
    radial-gradient(ellipse at 48% 46%,rgba(255,177,89,.14),transparent 38%),
    linear-gradient(90deg,rgba(255,77,23,.12),rgba(118,91,85,.07) 45%,rgba(76,145,255,.12));
  animation:centerBlendBreathe 9s ease-in-out infinite;
}
.hero-depth-glass{
  position:absolute;
  z-index:5;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 50% 44%,transparent 28%,rgba(2,4,7,.12) 72%,rgba(2,4,7,.28) 100%),
    linear-gradient(115deg,transparent 28%,rgba(255,255,255,.025) 46%,transparent 63%);
  mix-blend-mode:screen;
  opacity:.7;
}
.hero-live-banner::before{
  content:"";
  position:absolute;
  z-index:5;
  inset:0;
  pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px);
  background-size:100% 4px;
  opacity:.18;
}
.banner-hotspot{
  overflow:hidden;
  transition:transform .24s ease,box-shadow .24s ease,background .24s ease;
}
.banner-hotspot::before{
  content:"";
  position:absolute;
  inset:-35% -70%;
  background:linear-gradient(105deg,transparent 36%,rgba(255,232,164,.3) 50%,transparent 64%);
  transform:translateX(-45%);
  opacity:0;
  transition:transform .55s ease,opacity .2s ease;
}
.banner-hotspot:hover{
  transform:translateY(-2px) scale(1.012);
  background:rgba(255,255,255,.018);
}
.banner-hotspot:hover::before{
  opacity:1;
  transform:translateX(45%);
}
.banner-hotspot-classes:hover{
  box-shadow:0 0 42px rgba(255,144,45,.34),inset 0 0 24px rgba(255,186,85,.08);
}
.banner-hotspot-projects:hover{
  box-shadow:0 0 42px rgba(80,162,255,.28),inset 0 0 24px rgba(99,173,255,.07);
}
nav button{
  position:relative;
}
nav button.active{
  color:#fff;
  background:linear-gradient(180deg,transparent,rgba(215,180,95,.10));
  box-shadow:inset 0 -2px var(--accent),0 8px 24px rgba(215,180,95,.06);
}
nav button.active::after{
  content:"";
  position:absolute;
  left:25%;right:25%;bottom:-1px;height:1px;
  background:var(--accent);
  box-shadow:0 0 12px var(--accent);
}
.count-up{
  display:inline!important;
  color:inherit!important;
  font:inherit!important;
  letter-spacing:inherit!important;
  text-transform:none!important;
}
@keyframes centerBlendBreathe{
  0%,100%{transform:translateX(-3px) scaleX(.96);opacity:.28}
  50%{transform:translateX(3px) scaleX(1.08);opacity:.52}
}
@media(max-width:900px){
  .shell{width:99vw}
  .hero-center-blend{left:37%;width:26%}
}
@media(max-width:650px){
  .hero-center-blend,.hero-depth-glass{display:none}
}
@media(prefers-reduced-motion:reduce){
  .hero-center-blend,.banner-hotspot::before{animation:none!important;transition:none!important}
}

/* Enhanced motion pass */
body::before{content:"";position:fixed;inset:-20%;z-index:-1;pointer-events:none;background:conic-gradient(from 180deg at 50% 50%,rgba(240,106,67,.045),transparent 28%,rgba(114,185,255,.045) 58%,transparent 78%);filter:blur(55px);animation:ambientOrbit 34s linear infinite}
.ambient-horde{animation:ambientHordeDrift 13s ease-in-out infinite alternate}.ambient-alliance{animation:ambientAllianceDrift 15s ease-in-out infinite alternate}
.topbar{animation:topbarDrop .65s cubic-bezier(.2,.8,.2,1) both}.brand-rune{animation:runeHover 4.8s ease-in-out infinite;box-shadow:0 0 18px var(--glow)}
.brand-rune::after{content:"";position:absolute;width:58px;height:58px;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);animation:runeOrbit 9s linear infinite}
.brand-rune{position:relative}
.shell{animation:shellReveal .8s cubic-bezier(.2,.8,.2,1) both}
.operation-strip>*{position:relative;overflow:hidden}.operation-strip>*::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.09) 50%,transparent 65%);transform:translateX(-125%);transition:transform .65s ease}.operation-strip>*:hover::after{transform:translateX(125%)}
.network-stat strong{text-shadow:0 0 18px var(--glow);animation:statGlow 3.5s ease-in-out infinite}
.statusbar i{animation:networkPulse 1.8s ease-in-out infinite}
.class-card,.addon-card,.command-intro>div,.library-preview>header,.statusbar{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1),border-color .24s ease,box-shadow .24s ease}
.motion-visible{opacity:1!important;transform:translateY(0)!important}
.class-card{transform-style:preserve-3d;will-change:transform}.class-card .class-icon,.class-card h3,.class-card p,.class-card .open-dossier{transform:translateZ(16px)}
.addon-card{position:relative;overflow:hidden;transition:opacity .65s ease,transform .28s ease,border-color .28s ease,box-shadow .28s ease}.addon-card::before{content:"";position:absolute;inset:-80% -45%;background:linear-gradient(115deg,transparent 43%,rgba(255,255,255,.08) 50%,transparent 57%);transform:translateX(-60%) rotate(8deg);transition:transform .7s ease}.addon-card:hover{transform:translateY(-6px) scale(1.012)!important;border-color:var(--accent);box-shadow:0 16px 38px rgba(0,0,0,.42),0 0 24px var(--glow)}.addon-card:hover::before{transform:translateX(60%) rotate(8deg)}
.modal-backdrop{animation:backdropIn .22s ease both}.window{animation:windowIn .36s cubic-bezier(.18,.86,.32,1.18) both;transform-origin:50% 42%}.window-head{overflow:hidden}.window-head::after{content:"";position:absolute;left:-40%;bottom:0;width:35%;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:windowScan 2.8s ease-in-out infinite}
.data-card,.spec-card,.intel-block,.stat{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.data-card:hover,.spec-card:hover,.intel-block:hover,.stat:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 10px 26px rgba(0,0,0,.32),0 0 18px var(--glow)}
.class-seal{animation:sealBreathe 4s ease-in-out infinite}
@keyframes ambientOrbit{to{transform:rotate(360deg)}}
@keyframes ambientHordeDrift{from{transform:translate3d(-2%,1%,0) scale(1)}to{transform:translate3d(3%,-2%,0) scale(1.08)}}
@keyframes ambientAllianceDrift{from{transform:translate3d(2%,0,0) scale(1.02)}to{transform:translate3d(-3%,2%,0) scale(1.1)}}
@keyframes topbarDrop{from{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:none}}
@keyframes shellReveal{from{opacity:0;transform:translateY(18px) scale(.995)}to{opacity:1;transform:none}}
@keyframes runeHover{0%,100%{transform:rotate(45deg) translateY(0)}50%{transform:rotate(45deg) translate(-2px,-2px)}}
@keyframes runeOrbit{to{transform:rotate(360deg)}}
@keyframes statGlow{0%,100%{filter:brightness(.92)}50%{filter:brightness(1.2)}}
@keyframes networkPulse{0%,100%{opacity:.55;transform:scale(.8)}50%{opacity:1;transform:scale(1.18)}}
@keyframes backdropIn{from{opacity:0}to{opacity:1}}
@keyframes windowIn{from{opacity:0;transform:translateY(24px) scale(.965)}to{opacity:1;transform:none}}
@keyframes windowScan{0%,100%{transform:translateX(0)}50%{transform:translateX(440%)}}
@keyframes sealBreathe{0%,100%{box-shadow:0 0 28px color-mix(in srgb,var(--class) 18%,transparent)}50%{box-shadow:0 0 52px color-mix(in srgb,var(--class) 35%,transparent)}}
@media(prefers-reduced-motion:reduce){body::before,.ambient,.topbar,.brand-rune,.brand-rune::after,.shell,.network-stat strong,.statusbar i,.class-seal,.window-head::after{animation:none!important}.class-card,.addon-card,.command-intro>div,.library-preview>header,.statusbar{opacity:1!important;transform:none!important;transition:none!important}}


/* Project-library and banner correction pass */
.addon-card{
  display:flex;
  flex-direction:column;
  color:var(--text);
  text-decoration:none;
  min-width:0;
}
.addon-card:visited{color:var(--text)}
.addon-card h3{color:#f1ead9;text-decoration:none;overflow-wrap:anywhere}
.addon-card p{flex:1;margin-bottom:12px}
.addon-card .version-strip{margin-top:auto}
.addon-card .open-command{display:block;margin-top:12px;padding-top:10px;border-top:1px solid #454033;color:#d9c57d;font:8px monospace;letter-spacing:1px;text-transform:uppercase}
.addon-card:hover h3,.addon-card:focus-visible h3{color:#fff}
.addon-preview{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}

.project-summary{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:-4px 0 18px;padding:13px 15px;border:1px solid #3d382c;background:linear-gradient(90deg,rgba(215,180,95,.08),rgba(9,12,16,.55))}
.project-summary strong{font:700 15px Georgia,serif;color:#eee7d5}
.project-summary span{color:#9f988a;font-size:10px;text-align:right}
.project-library-grid{grid-template-columns:repeat(auto-fit,minmax(285px,1fr));align-items:stretch}
.project-library-grid .data-card{display:flex;flex-direction:column;min-width:0}
.project-library-grid .data-card h3{overflow-wrap:anywhere}
.project-library-grid .data-card .tags,.project-library-grid .data-card .version-strip{margin-top:auto;padding-top:10px}
.project-library-grid .data-card .project-link{align-self:flex-start;margin-top:10px}

/* The artwork already contains illuminated buttons. Keep hotspots invisible. */
.banner-hotspot,.banner-hotspot:hover,.banner-hotspot:active{
  transform:none!important;
  background:transparent!important;
  box-shadow:none!important;
}
.banner-hotspot::before{display:none!important}
.banner-hotspot:focus-visible{outline:2px solid rgba(255,220,137,.88);outline-offset:3px;background:rgba(255,255,255,.015)!important}

@media(max-width:700px){
  .project-summary{align-items:flex-start;flex-direction:column}
  .project-summary span{text-align:left}
  .project-library-grid{grid-template-columns:1fr}
}

/* Detailed project-library visual pass */
.project-library-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}
.project-command-card{appearance:none;width:100%;min-width:0;padding:0;border:1px solid #403d34;background:linear-gradient(145deg,color-mix(in srgb,var(--project) 9%,#10151b),#080b0f 68%);color:var(--text);cursor:pointer;display:grid;grid-template-columns:102px 1fr;overflow:hidden;position:relative;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
.project-command-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 35%,color-mix(in srgb,var(--project) 14%,transparent) 50%,transparent 65%);transform:translateX(-120%);transition:transform .7s ease}
.project-command-card:hover{transform:translateY(-5px);border-color:var(--project);box-shadow:0 18px 38px rgba(0,0,0,.38),0 0 25px color-mix(in srgb,var(--project) 24%,transparent)}
.project-command-card:hover::after{transform:translateX(120%)}
.project-card-art{position:relative;min-height:100%;display:grid;place-items:center;overflow:hidden;border-right:1px solid color-mix(in srgb,var(--project) 35%,#37342d);background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--project) 22%,#111820),#070a0e 72%)}
.project-card-art::before,.project-card-art::after{content:"";position:absolute;border:1px solid color-mix(in srgb,var(--project) 42%,transparent);border-radius:50%}
.project-card-art::before{width:70px;height:70px;animation:projectRing 8s linear infinite}
.project-card-art::after{width:49px;height:49px;border-style:dashed;animation:projectRingReverse 6s linear infinite}
.project-glyph{position:relative;z-index:2;font:900 39px Georgia;color:var(--project);text-shadow:0 0 18px color-mix(in srgb,var(--project) 70%,transparent)}
.project-grid-lines{position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:12px 12px;mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 75%,transparent);opacity:.45}
.project-orbit{position:absolute;width:84px;height:26px;border:1px solid color-mix(in srgb,var(--project) 45%,transparent);border-radius:50%;transform:rotate(-22deg);animation:projectOrbit 5s ease-in-out infinite}
.project-card-body{padding:18px;display:flex;flex-direction:column;min-width:0}
.project-card-body h3{font:700 21px Georgia;margin:7px 0;overflow-wrap:anywhere}
.project-card-body>p:not(.eyebrow){color:#aaa396;font-size:11px;line-height:1.55;margin:0 0 12px}
.project-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}.project-meta span,.project-coverage{border-left:2px solid var(--project);background:rgba(255,255,255,.025);padding:6px 8px;color:#b9b1a1;font:8px monospace;letter-spacing:.35px}
.project-coverage{margin:7px 0 0!important}
.project-card-body .version-strip{margin-top:10px}.project-card-body .open-command{margin-top:12px;padding-top:11px;border-top:1px solid color-mix(in srgb,var(--project) 32%,#413b31);color:color-mix(in srgb,var(--project) 75%,#eee1c4)}
.project-dossier{--project:#d7b45f}.project-dossier-hero{grid-template-columns:190px 1fr}.project-seal{width:180px;aspect-ratio:1;border-radius:50%;position:relative;display:grid;place-items:center;border:2px solid var(--project);background:radial-gradient(circle,color-mix(in srgb,var(--project) 17%,#12171d),#07090c 68%);box-shadow:0 0 44px color-mix(in srgb,var(--project) 25%,transparent);overflow:hidden}
.project-seal span{position:relative;z-index:2;font:900 72px Georgia;color:var(--project);text-shadow:0 0 22px color-mix(in srgb,var(--project) 55%,transparent)}
.project-seal i{position:absolute;width:125px;height:125px;border:1px dashed color-mix(in srgb,var(--project) 56%,transparent);border-radius:50%;animation:projectRing 12s linear infinite}.project-seal::after{content:"";position:absolute;width:94px;height:94px;border:1px solid color-mix(in srgb,var(--project) 40%,transparent);transform:rotate(45deg)}
.project-stat-row{grid-template-columns:repeat(3,1fr)}.project-resource-card{border-color:color-mix(in srgb,var(--project) 58%,#403a2f)}
.project-dossier .intel-block p{color:#b7b0a2;line-height:1.7;font-size:12px}
@keyframes projectRing{to{transform:rotate(360deg)}}@keyframes projectRingReverse{to{transform:rotate(-360deg)}}@keyframes projectOrbit{0%,100%{transform:rotate(-22deg) scaleX(.92)}50%{transform:rotate(-12deg) scaleX(1.08)}}

/* Restore controlled artwork-button illumination and a visible click response. */
.banner-hotspot,.banner-hotspot:hover,.banner-hotspot:active{transition:transform .18s ease,box-shadow .2s ease,background .2s ease!important}
.banner-hotspot:hover{transform:translateY(-1px)!important;background:rgba(255,255,255,.012)!important}
.banner-hotspot-classes:hover{box-shadow:0 0 24px rgba(255,132,31,.32),inset 0 0 14px rgba(255,179,73,.055)!important}
.banner-hotspot-projects:hover{box-shadow:0 0 24px rgba(69,151,255,.29),inset 0 0 14px rgba(100,181,255,.05)!important}
.banner-hotspot.is-activated{transform:scale(.985)!important;animation:bannerButtonConfirm .62s ease-out both!important}
.banner-hotspot-classes.is-activated{--button-glow:rgba(255,135,35,.72)}.banner-hotspot-projects.is-activated{--button-glow:rgba(70,157,255,.68)}
@keyframes bannerButtonConfirm{0%{box-shadow:0 0 0 0 var(--button-glow),inset 0 0 0 rgba(255,255,255,0)}38%{box-shadow:0 0 42px 8px var(--button-glow),inset 0 0 22px rgba(255,255,255,.09)}100%{box-shadow:0 0 16px 1px transparent,inset 0 0 6px transparent}}
@media(max-width:700px){.project-command-card{grid-template-columns:80px 1fr}.project-dossier-hero{grid-template-columns:1fr}.project-seal{width:135px}.project-stat-row{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.project-card-art::before,.project-card-art::after,.project-orbit,.project-seal i,.banner-hotspot.is-activated{animation:none!important}}

/* Azeroth Command: Ascension interface pass */
.command-ribbon{position:sticky;top:0;z-index:70;height:25px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:linear-gradient(90deg,#110b08,#16130d 48%,#07101b);border-bottom:1px solid #6f5528;color:#8f8879;font:7px monospace;letter-spacing:1.2px;text-transform:uppercase;box-shadow:0 5px 18px rgba(0,0,0,.55)}
.command-ribbon strong{color:#d6bf7a;font-weight:700}.command-ribbon i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#73e692;box-shadow:0 0 9px #73e692;animation:networkPulse 1.8s infinite}
.topbar{top:25px}
.boot-sequence{position:fixed;inset:0;z-index:9999;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at center,#17170f,#030405 68%);color:#d8c783;transition:opacity .55s ease,visibility .55s ease}.boot-sequence.is-complete{opacity:0;visibility:hidden;pointer-events:none}.boot-sequence::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 49%,rgba(255,255,255,.025) 50%);background-size:100% 4px;pointer-events:none}.boot-sigil{width:86px;height:86px;margin:0 auto 20px;display:grid;place-items:center;transform:rotate(45deg);border:1px solid #b7913d;color:#e2c56e;font:900 39px Georgia;box-shadow:0 0 40px rgba(203,157,54,.24);animation:bootSigil 1.4s ease-in-out infinite}.boot-sigil::first-letter{transform:rotate(-45deg)}.boot-sequence h1{font:700 24px Georgia;letter-spacing:4px;margin:0 0 18px}.boot-log{display:grid;gap:7px;color:#8f897d;font:8px monospace;letter-spacing:1.5px}.boot-log span{opacity:0;animation:bootLine .25s forwards}.boot-log span:nth-child(2){animation-delay:.25s}.boot-log span:nth-child(3){animation-delay:.5s}.boot-log span:nth-child(4){animation-delay:.75s;color:#76dc91}.boot-progress{width:330px;height:3px;background:#242017;margin:20px auto 0;overflow:hidden}.boot-progress i{display:block;height:100%;background:linear-gradient(90deg,#8e5725,#e2c56e,#397dc4);animation:bootProgress 1.05s ease forwards}
@keyframes bootSigil{50%{filter:brightness(1.45);box-shadow:0 0 62px rgba(203,157,54,.4)}}@keyframes bootLine{to{opacity:1}}@keyframes bootProgress{from{width:0}to{width:100%}}
.hero-live-banner::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 20%,rgba(255,187,92,.035) 38%,transparent 51%,rgba(87,164,255,.04) 66%,transparent 82%);background-size:220% 100%;animation:heroEnergy 11s linear infinite}@keyframes heroEnergy{to{background-position:-220% 0}}
.banner-hotspot::after{content:"";position:absolute;inset:-5px;border:1px solid transparent;opacity:0;transition:.2s}.banner-hotspot-classes:hover::after{opacity:1;border-color:rgba(255,151,55,.42);box-shadow:0 0 22px rgba(255,125,26,.28),inset 0 0 18px rgba(255,139,42,.08)}.banner-hotspot-projects:hover::after{opacity:1;border-color:rgba(84,168,255,.4);box-shadow:0 0 22px rgba(61,143,255,.26),inset 0 0 18px rgba(69,155,255,.08)}
.command-footer{margin-top:34px;border:1px solid #514327;background:linear-gradient(145deg,#12120d,#070a0e 60%,#09111b);box-shadow:0 18px 50px rgba(0,0,0,.45),inset 0 0 45px rgba(185,143,52,.035);padding:22px;position:relative;overflow:hidden}.command-footer::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(224,188,91,.035),transparent);transform:translateX(-100%);animation:footerScan 7s linear infinite}@keyframes footerScan{to{transform:translateX(100%)}}.footer-title{display:flex;align-items:center;gap:16px;padding-bottom:17px;border-bottom:1px solid #383327}.footer-title h2{margin:3px 0 0;font:700 21px Georgia}.footer-rune{width:42px;height:42px}.footer-network{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:#29261f;margin:18px 0}.footer-network>div{background:#0b0e11;padding:12px}.footer-network small{display:block;color:#777064;font:7px monospace;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.footer-network strong{color:#d8ceb8;font:8px monospace}.footer-network i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#65dc83;box-shadow:0 0 8px #65dc83;margin-right:5px}.footer-links{display:flex;gap:10px;flex-wrap:wrap}.footer-links a,.footer-links button{border:1px solid #55482e;background:#11110d;color:#d5bd77;padding:9px 12px;font:8px monospace;text-transform:uppercase;text-decoration:none;cursor:pointer}
.command-orb{position:fixed;right:24px;bottom:24px;z-index:90;width:66px;height:66px;border-radius:50%;border:1px solid #c3a04e;background:radial-gradient(circle,#293541,#0a0e13 63%);color:#e3c86f;box-shadow:0 0 0 5px rgba(6,8,11,.8),0 0 30px rgba(67,139,220,.3),inset 0 0 18px rgba(207,165,65,.15);cursor:pointer}.command-orb span{font:900 24px Georgia}.command-orb i{position:absolute;inset:7px;border:1px dashed #658fc1;border-radius:50%;animation:projectRing 10s linear infinite}.command-orb:hover{transform:translateY(-3px);filter:brightness(1.2)}.orb-menu{position:fixed;right:24px;bottom:102px;z-index:89;width:230px;padding:15px;border:1px solid #67532c;background:linear-gradient(145deg,#14140f,#080b10);box-shadow:0 18px 45px rgba(0,0,0,.6);opacity:0;transform:translateY(12px) scale(.96);pointer-events:none;transition:.2s}.orb-menu.is-open{opacity:1;transform:none;pointer-events:auto}.orb-menu button,.orb-menu a{display:block;width:100%;box-sizing:border-box;text-align:left;border:0;border-bottom:1px solid #302c24;background:transparent;color:#c7bdab;padding:11px 9px;font:8px monospace;text-transform:uppercase;text-decoration:none;cursor:pointer}.orb-menu button:hover,.orb-menu a:hover{background:rgba(213,177,82,.07);color:#e2c66f;padding-left:14px}
.archive-board{display:grid;grid-template-columns:260px 1fr;gap:14px;min-height:560px}.archive-sidebar{border:1px solid #3d392f;background:#090c10;padding:12px}.archive-sidebar h3{font:700 16px Georgia;color:#d7c47e}.archive-list{display:grid;gap:6px}.archive-list button{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid #302e29;background:#0e1217;color:#aaa394;padding:9px;cursor:pointer}.archive-list button:hover{border-color:var(--item,#b99a52);color:#fff;background:color-mix(in srgb,var(--item,#b99a52) 7%,#0e1217)}.archive-list b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;border:1px solid var(--item,#b99a52);color:var(--item,#b99a52)}.archive-detail{border:1px solid #464034;background:radial-gradient(circle at 20% 10%,rgba(207,167,68,.07),transparent 36%),#0b0e12;padding:23px;position:relative;overflow:hidden}.archive-detail::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.025),transparent 58%);transform:translateX(-100%);animation:footerScan 5s linear infinite}.archive-detail>*{position:relative;z-index:1}.archive-detail .project-seal{width:130px}.archive-detail-head{display:grid;grid-template-columns:145px 1fr;gap:20px;align-items:center}.archive-detail h1{font:700 32px Georgia;margin:4px 0 10px}.archive-actions{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}.archive-actions button,.archive-actions a{border:1px solid #68542d;background:#17130c;color:#dfc777;padding:10px 13px;text-decoration:none;font:8px monospace;text-transform:uppercase;cursor:pointer}
@media(max-width:900px){.footer-network{grid-template-columns:repeat(3,1fr)}.archive-board{grid-template-columns:1fr}.archive-sidebar{max-height:240px;overflow:auto}.archive-detail-head{grid-template-columns:1fr}.command-ribbon span:last-child{display:none}}
@media(max-width:600px){.command-ribbon{padding:0 8px}.command-ribbon strong{font-size:6px}.footer-network{grid-template-columns:repeat(2,1fr)}.command-orb{right:14px;bottom:14px}.orb-menu{right:14px;bottom:91px}.boot-progress{width:260px}}
@media(prefers-reduced-motion:reduce){.boot-sequence{display:none}.hero-live-banner::after,.command-footer::before,.command-orb i,.archive-detail::after{animation:none!important}}


/* KEEP build merge: faction atmosphere, clean banner buttons, and compact lore archives */
body{position:relative;isolation:isolate}
.command-ribbon,.topbar,.shell,.command-orb,.orb-menu,#modalRoot{position:relative;z-index:2}
.faction-embers{position:fixed;top:0;bottom:0;width:min(27vw,430px);z-index:0;overflow:hidden;pointer-events:none;opacity:.78;mask-image:linear-gradient(to bottom,transparent 0,#000 7%,#000 94%,transparent 100%)}
.faction-embers-horde{left:0;background:radial-gradient(ellipse at 0 45%,rgba(158,31,14,.15),transparent 68%)}
.faction-embers-alliance{right:0;background:radial-gradient(ellipse at 100% 45%,rgba(27,92,177,.16),transparent 68%)}
.faction-embers i{position:absolute;bottom:-24px;border-radius:50%;will-change:transform,opacity;animation:sideEmberRise var(--duration) linear infinite;animation-delay:var(--delay);opacity:0}
.faction-embers-horde i{background:#ff6a32;box-shadow:0 0 7px #ff3b16,0 0 15px rgba(255,62,21,.45)}
.faction-embers-alliance i{background:#72bcff;box-shadow:0 0 7px #3e92ff,0 0 16px rgba(55,142,255,.5)}
@keyframes sideEmberRise{0%{transform:translate3d(0,35px,0) scale(.45);opacity:0}10%{opacity:var(--alpha)}55%{transform:translate3d(var(--drift),-52vh,0) scale(1)}92%{opacity:calc(var(--alpha) * .55)}100%{transform:translate3d(calc(var(--drift) * -.35),-108vh,0) scale(.3);opacity:0}}
.shell{background:linear-gradient(90deg,rgba(24,8,7,.82),rgba(6,8,10,.91) 20%,rgba(6,8,10,.94) 80%,rgba(6,12,24,.83));backdrop-filter:blur(1px)}
.command-footer{background:linear-gradient(90deg,rgba(47,13,8,.76),#0b0d10 24%,#0b0d10 76%,rgba(8,25,53,.76))!important}
.command-footer::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 3% 75%,rgba(255,69,25,.13),transparent 27%),radial-gradient(circle at 97% 75%,rgba(61,146,255,.14),transparent 27%)}
.command-footer>*{position:relative;z-index:1}
/* Remove duplicate ambient under-glow painted over the banner artwork. */
.hero-banner-glow{display:none!important}
.banner-hotspot,.banner-hotspot:hover,.banner-hotspot:active,.banner-hotspot.is-activated{background:transparent!important;box-shadow:none!important;transform:none!important;animation:none!important}
.banner-hotspot::before{display:none!important}
.banner-hotspot::after{inset:-2px!important;box-shadow:none!important;background:transparent!important}
.banner-hotspot-classes:hover::after{opacity:1;border-color:rgba(255,173,74,.48)!important}
.banner-hotspot-projects:hover::after{opacity:1;border-color:rgba(100,181,255,.46)!important}
/* Expanded class dossier archive. Each narrative stays paired with its list. */
.class-dossier .spec-card{min-height:0!important;height:auto!important}
.class-dossier .spec-card p:last-child{margin-bottom:0}
.archive-section{position:relative;margin-top:14px;border:1px solid #3b382f;background:linear-gradient(145deg,color-mix(in srgb,var(--class) 5%,#11151a),#080b0e);padding:22px;overflow:hidden}
.archive-section::after{content:attr(data-watermark);position:absolute;right:18px;bottom:-26px;font:900 clamp(58px,9vw,132px) Georgia;color:color-mix(in srgb,var(--class) 7%,transparent);letter-spacing:3px;pointer-events:none}
.archive-section>h2{font:700 28px Georgia;margin:5px 0 17px}
.archive-lore-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;position:relative;z-index:1}
.lore-column{display:flex;flex-direction:column;min-width:0}
.lore-column>p{color:#bbb3a4;font-size:12px;line-height:1.75;margin:0 0 15px}
.lore-column h3{font:700 18px Georgia;margin:0;padding-top:13px;border-top:1px solid color-mix(in srgb,var(--class) 42%,#4a4437)}
.lore-column ul{margin:9px 0 0;padding-left:18px;color:#aaa395;font-size:11px;line-height:1.65}
.sequence-coverage{margin-top:14px;border-color:color-mix(in srgb,var(--class) 55%,#403a2f)}
.sequence-coverage .coverage-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap}
.sequence-coverage h2{margin:5px 0 7px;font:700 25px Georgia}
.coverage-badges{display:flex;gap:7px;flex-wrap:wrap}
.coverage-badges span{border:1px solid color-mix(in srgb,var(--class) 55%,#4d4634);padding:7px 9px;color:#d8cfba;font:8px monospace;text-transform:uppercase}
@media(max-width:760px){.faction-embers{width:34vw;opacity:.48}.faction-embers i:nth-child(n+24){display:none}.archive-lore-grid{grid-template-columns:1fr}.archive-section::after{font-size:56px}}
@media(prefers-reduced-motion:reduce){.faction-embers i{animation:none!important;display:none}.faction-embers{opacity:.35}}


/* CLEAN ARCHIVE PASS: remove decorative text spam, fix lore flow, and make faction particles visible. */
.archive-section::after{content:none!important;display:none!important}
.command-orb,.orb-menu{display:none!important}

/* Particles sit above the page surfaces but below all readable interface content. */
.faction-embers{
  z-index:3!important;
  width:min(25vw,390px)!important;
  opacity:.72!important;
  mix-blend-mode:screen;
  mask-image:linear-gradient(to right,#000 0,#000 45%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 6%,#000 96%,transparent 100%);
  -webkit-mask-image:linear-gradient(to right,#000 0,#000 45%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 6%,#000 96%,transparent 100%);
}
.faction-embers-alliance{
  mask-image:linear-gradient(to left,#000 0,#000 45%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 6%,#000 96%,transparent 100%);
  -webkit-mask-image:linear-gradient(to left,#000 0,#000 45%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 6%,#000 96%,transparent 100%);
}
.command-ribbon,.topbar,.shell,#modalRoot{position:relative;z-index:5}
.modal-backdrop{z-index:100!important}
.window{position:relative;z-index:101}

/* Keep the particles visible through the outer interface edges without harming readability. */
.shell{background:linear-gradient(90deg,rgba(22,7,6,.91),rgba(6,8,10,.97) 17%,rgba(6,8,10,.98) 83%,rgba(5,12,25,.92))!important}
.command-footer{position:relative;overflow:hidden}

/* Lore reads as one archive narrative, followed by two compact reference panels. */
.archive-lore-flow{position:relative;z-index:1}
.archive-lore-narrative{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:16px}
.archive-lore-narrative p{margin:0;color:#bbb3a4;font-size:12px;line-height:1.72;max-width:none}
.archive-lore-references{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lore-reference{border-top:1px solid color-mix(in srgb,var(--class) 42%,#4a4437);padding-top:12px;min-width:0}
.lore-reference h3{font:700 18px Georgia;margin:0 0 8px}
.lore-reference ul{margin:0;padding-left:18px;color:#aaa395;font-size:11px;line-height:1.62}

/* Override the previous paired-column structure if older markup is encountered. */
.archive-lore-grid{display:block!important}
.archive-lore-grid .lore-column{display:block!important}
.archive-lore-grid .lore-column>p{margin:0 0 10px!important}
.archive-lore-grid .lore-column h3{margin-top:12px!important}

@media(max-width:760px){
  .archive-lore-references{grid-template-columns:1fr}
  .faction-embers{width:42vw!important;opacity:.55!important}
}

/* FINAL ARCHIVE VISUAL REBUILD */
:root{--panel:#0b0f13;--panel2:#10151a;--line:#443b2b;--gold:#deb957}
body{background:#040608!important}
body::before,body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0}
body::before{background:radial-gradient(circle at 0 32%,rgba(196,39,17,.2),transparent 29%),radial-gradient(circle at 100% 32%,rgba(30,105,211,.2),transparent 29%)}
body::after{background:linear-gradient(90deg,rgba(72,12,5,.18),transparent 18%,transparent 82%,rgba(6,35,82,.2))}
.faction-embers{z-index:4!important;width:18vw!important;min-width:150px;opacity:.92!important;mix-blend-mode:screen;filter:saturate(1.2)}
.faction-embers i{animation-duration:var(--duration)!important}
.shell,.topbar,.command-ribbon{z-index:5!important}
.shell{background:linear-gradient(90deg,rgba(8,8,9,.86),rgba(7,10,13,.97) 14%,rgba(7,10,13,.98) 86%,rgba(6,9,15,.88))!important}
.command-footer{border-top:1px solid #70451f!important;box-shadow:inset 90px 0 120px rgba(116,22,8,.12),inset -90px 0 120px rgba(17,68,144,.13)}
.banner-hotspot:hover::after{box-shadow:none!important}
.rebuilt-dossier{padding-bottom:8px}.rebuilt-hero{grid-template-columns:170px 1fr!important;gap:24px!important;padding:14px 8px 20px;border-bottom:1px solid color-mix(in srgb,var(--class) 30%,#403b31)}
.ornate-seal{position:relative;width:145px!important;height:145px!important;border:1px solid var(--class)!important;background:radial-gradient(circle,rgba(255,255,255,.04),#080a0d 70%)!important;box-shadow:0 0 34px color-mix(in srgb,var(--class) 20%,transparent),inset 0 0 34px rgba(0,0,0,.8)}
.ornate-seal span{font:700 72px Georgia;color:var(--class)}.ornate-seal i{position:absolute;inset:12px;border:1px dashed color-mix(in srgb,var(--class) 55%,transparent);border-radius:50%;animation:projectRing 20s linear infinite}
.dossier-primary{margin-top:16px!important;grid-template-columns:1.2fr .8fr!important}.intel-block{background:linear-gradient(145deg,rgba(255,255,255,.025),transparent),#090d11!important}
.profile-table{display:grid;gap:0}.profile-table>div{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:11px 0;border-bottom:1px solid #302f2b}.profile-table small,.class-quickfacts small,.archive-detail-cards small{text-transform:uppercase;letter-spacing:1.5px;font:8px monospace;color:#7e776a}.profile-table strong{font-size:12px;color:#d8d1c4}
.strength-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.strength-grid article{border:1px solid #34332e;background:#080c10;padding:16px}.strength-grid ul{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:8px}.strength-grid li{font-size:11px;color:#bbb3a5}.strength-grid li::before{display:inline-grid;place-items:center;width:15px;height:15px;margin-right:8px;border-radius:50%;font:10px monospace}.strength-grid .positive::before{content:'✓';color:#7ed770;border:1px solid #437e3d}.strength-grid .negative::before{content:'×';color:#e1705f;border:1px solid #8b453d}
.class-quickfacts{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #36342e;margin-top:12px;background:#0b1014}.class-quickfacts>div{padding:13px;border-right:1px solid #2e2e2a}.class-quickfacts>div:last-child{border-right:0}.class-quickfacts strong{display:block;margin-top:5px;font-size:11px;color:#d4ccbd}
.enhanced-spec{display:grid!important;grid-template-columns:44px 1fr!important;gap:12px!important;padding:16px!important;min-height:0!important;background:radial-gradient(circle at 90% 20%,color-mix(in srgb,var(--class) 10%,transparent),transparent 45%),#090d11!important}.spec-monogram{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--class);border-radius:50%;font:700 17px Georgia;color:var(--class)}.enhanced-spec h3{margin:1px 0 6px!important}.enhanced-spec p{margin:0!important}
.lore-rebuild{padding:22px!important}.lore-chapters{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid #35332e;background:#090d11}.lore-chapters article{padding:17px;border-right:1px solid #35332e}.lore-chapters article:last-child{border-right:0}.lore-chapters h3{font:700 13px Georgia;text-transform:uppercase;letter-spacing:1.5px;color:color-mix(in srgb,var(--class) 72%,#e5d18c);margin:0 0 8px}.lore-chapters p{margin:0;color:#bcb4a5;line-height:1.65;font-size:11px}
.archive-reference-grid{display:grid;grid-template-columns:1fr 1fr .95fr;gap:12px;margin-top:12px}.archive-reference-grid>section{border:1px solid #37342d;background:#090d11;padding:16px}.archive-reference-grid>section>h3{font:700 17px Georgia;margin:0 0 12px;color:#e3dac9}.archive-record{display:grid;grid-template-columns:22px 1fr;gap:8px;padding:8px 0;border-bottom:1px solid #262823}.archive-record:last-child{border-bottom:0}.record-mark{color:var(--class)}.archive-record h4{font:700 11px Georgia;color:#d8bd72;margin:0}.archive-record p{font-size:9px;line-height:1.45;margin:3px 0 0;color:#8f897e}.timeline-panel ol{list-style:none;padding:0;margin:0}.timeline-panel li{display:grid;grid-template-columns:18px 1fr;gap:8px;position:relative;padding:0 0 11px}.timeline-panel li i{width:8px;height:8px;border-radius:50%;border:1px solid var(--class);margin-top:3px}.timeline-panel li:not(:last-child)::after{content:'';position:absolute;left:4px;top:13px;bottom:0;border-left:1px solid color-mix(in srgb,var(--class) 45%,#333)}.timeline-panel strong{display:block;font-size:10px;color:#d6cdbd}.timeline-panel small{font-size:8px;color:#777268}
.archive-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.archive-toolbar button,.archive-toolbar a{border:1px solid #5b4a29;background:#0a0d10;color:#d2c5aa;padding:12px 16px;font:8px monospace;text-transform:uppercase;text-decoration:none;cursor:pointer}.archive-toolbar .active{background:#392f1b;color:#fff0b7;border-color:#a98433}
.final-board{grid-template-columns:300px 1fr!important;min-height:600px!important}.archive-index-head{padding:5px 4px 13px;border-bottom:1px solid #37342c;margin-bottom:8px}.archive-index-head strong{font:8px monospace;color:#8f8879}.archive-list button{position:relative;padding:10px!important}.archive-list button>span{min-width:0}.archive-list button>span>strong{display:block;font-size:10px;color:#d9d0c0}.archive-list button small{display:block;margin-top:3px;white-space:normal!important;line-height:1.35}.archive-list button>i{margin-left:auto;color:#706850}.archive-list button.active{border-color:var(--item)!important;background:linear-gradient(90deg,color-mix(in srgb,var(--item) 16%,#101419),#101419)!important;box-shadow:inset 3px 0 0 var(--item)}
.archive-detail{min-height:0!important}.archive-detail-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.archive-detail-cards article{border:1px solid #35332d;background:#0a0e12;padding:13px}.archive-detail-cards strong{display:block;margin-top:6px;color:#ded5c4;font-size:11px}.archive-detail .dossier-columns{grid-template-columns:repeat(2,1fr)}
@media(max-width:900px){.rebuilt-hero,.dossier-primary{grid-template-columns:1fr!important}.ornate-seal{width:110px!important;height:110px!important}.ornate-seal span{font-size:52px}.class-quickfacts,.lore-chapters,.archive-reference-grid,.archive-detail-cards{grid-template-columns:1fr 1fr}.lore-chapters article:nth-child(2){border-right:0}.lore-chapters article:last-child{grid-column:1/-1;border-top:1px solid #35332e}.final-board{grid-template-columns:1fr!important}}
@media(max-width:620px){.strength-grid,.class-quickfacts,.lore-chapters,.archive-reference-grid,.archive-detail-cards,.archive-detail .dossier-columns{grid-template-columns:1fr!important}.lore-chapters article{border-right:0;border-bottom:1px solid #35332e}.class-quickfacts>div{border-right:0;border-bottom:1px solid #2e2e2a}.faction-embers{width:28vw!important;min-width:90px;opacity:.65!important}}

/* Footer expansion and persistent faction atmosphere */
body{background:
  radial-gradient(ellipse at -4% 42%,rgba(167,30,12,.25),transparent 32%),
  radial-gradient(ellipse at 104% 42%,rgba(24,89,184,.25),transparent 32%),
  #040608!important;
}
.faction-embers{
  z-index:1!important;
  width:clamp(180px,24vw,460px)!important;
  opacity:1!important;
  mix-blend-mode:screen;
  filter:saturate(1.35) brightness(1.1);
  mask-image:linear-gradient(to right,#000 0,#000 38%,rgba(0,0,0,.72) 65%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 3%,#000 98%,transparent 100%);
  -webkit-mask-image:linear-gradient(to right,#000 0,#000 38%,rgba(0,0,0,.72) 65%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 3%,#000 98%,transparent 100%);
}
.faction-embers-alliance{
  mask-image:linear-gradient(to left,#000 0,#000 38%,rgba(0,0,0,.72) 65%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 3%,#000 98%,transparent 100%);
  -webkit-mask-image:linear-gradient(to left,#000 0,#000 38%,rgba(0,0,0,.72) 65%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 3%,#000 98%,transparent 100%);
}
.faction-embers i{transform:translateZ(0);}
.faction-embers-horde i{box-shadow:0 0 9px #ff3c17,0 0 22px rgba(255,65,20,.68)!important}
.faction-embers-alliance i{box-shadow:0 0 9px #3b91ff,0 0 22px rgba(61,145,255,.72)!important}
.shell{
  position:relative;
  z-index:3!important;
  background:linear-gradient(90deg,rgba(14,7,7,.82),rgba(6,8,10,.965) 13%,rgba(6,8,10,.975) 87%,rgba(5,10,20,.84))!important;
  box-shadow:0 25px 90px #000,inset 34px 0 70px rgba(141,25,10,.055),inset -34px 0 70px rgba(23,82,166,.06)!important;
}
.command-footer{
  min-height:410px;
  margin-top:46px!important;
  padding:32px 34px 24px!important;
  border-color:#6b542d!important;
  background:linear-gradient(90deg,rgba(54,13,7,.91),rgba(9,10,12,.97) 23%,rgba(9,11,15,.98) 77%,rgba(7,28,61,.93))!important;
  box-shadow:0 24px 70px rgba(0,0,0,.62),inset 150px 0 180px rgba(133,28,10,.13),inset -150px 0 180px rgba(20,75,157,.15)!important;
}
.command-footer::before{opacity:.8}
.footer-atmosphere{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.55}
.footer-atmosphere-horde{background:radial-gradient(circle at 0 80%,rgba(255,64,20,.25),transparent 30%)}
.footer-atmosphere-alliance{background:radial-gradient(circle at 100% 80%,rgba(62,144,255,.25),transparent 30%)}
.command-footer>*:not(.footer-atmosphere){position:relative;z-index:2}
.footer-title{align-items:flex-start;padding-bottom:24px!important}
.footer-title h2{font-size:28px!important;margin-top:5px!important}
.footer-rune{width:58px!important;height:58px!important;font-size:23px!important}
.footer-intro{margin:8px 0 0;color:#aaa292;font-size:12px;line-height:1.55}
.footer-network{margin:24px 0!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important;background:transparent!important}
.footer-network>div{min-height:94px;padding:17px 18px!important;border:1px solid #343128;background:rgba(7,10,13,.87)!important;display:flex;flex-direction:column;justify-content:center}
.footer-network small{font-size:8px!important;margin-bottom:9px!important}
.footer-network strong{font-size:10px!important;letter-spacing:.7px}
.footer-network>div>span{display:block;margin-top:8px;color:#777267;font-size:9px;line-height:1.4}
.footer-lower{display:grid;grid-template-columns:1fr auto;align-items:end;gap:28px;padding:22px 0;border-top:1px solid #383226}
.footer-mission strong{display:block;margin:7px 0 6px;font:700 20px Georgia;color:#eee4cf}
.footer-mission span{color:#8f887a;font-size:10px}
.footer-links{justify-content:flex-end;max-width:560px}
.footer-links a,.footer-links button{padding:11px 14px!important}
.footer-legal{display:flex;justify-content:space-between;gap:22px;padding-top:17px;border-top:1px solid #2f2b23;color:#746f65;font-size:9px;line-height:1.45}
@media(max-width:900px){
  .footer-network{grid-template-columns:repeat(2,1fr)!important}
  .footer-lower{grid-template-columns:1fr}
  .footer-links{justify-content:flex-start;max-width:none}
}
@media(max-width:600px){
  .command-footer{min-height:0;padding:24px 18px 20px!important}
  .footer-network{grid-template-columns:1fr!important}
  .footer-title h2{font-size:23px!important}
  .footer-legal{flex-direction:column}
  .faction-embers{width:46vw!important;min-width:120px!important;opacity:.72!important}
}

/* === Side-gutter faction atmosphere ===
   Keep the animated fields outside the centered command shell. */
:root{--command-shell-max:1460px;--command-shell-fluid:96vw}
body::before,body::after{
  content:"";
  position:fixed;
  top:66px;
  bottom:0;
  width:max(110px,calc((100vw - min(var(--command-shell-max),var(--command-shell-fluid)))/2 + 34px));
  pointer-events:none;
  z-index:0;
}
body::before{
  left:0;
  background:
    radial-gradient(ellipse at 12% 34%,rgba(210,38,12,.28),transparent 47%),
    radial-gradient(ellipse at 0 78%,rgba(110,12,4,.34),transparent 58%),
    linear-gradient(90deg,rgba(44,5,3,.78),rgba(25,4,4,.46) 62%,transparent);
}
body::after{
  right:0;
  background:
    radial-gradient(ellipse at 88% 34%,rgba(33,105,221,.30),transparent 47%),
    radial-gradient(ellipse at 100% 78%,rgba(9,39,105,.38),transparent 58%),
    linear-gradient(270deg,rgba(3,20,55,.84),rgba(4,14,35,.48) 62%,transparent);
}
.faction-embers{
  top:66px!important;
  bottom:0!important;
  width:max(110px,calc((100vw - min(var(--command-shell-max),var(--command-shell-fluid)))/2 + 34px))!important;
  min-width:0!important;
  z-index:1!important;
  opacity:.98!important;
  overflow:hidden!important;
  mix-blend-mode:screen!important;
  filter:saturate(1.45) brightness(1.18)!important;
}
.faction-embers-horde{
  left:0!important;
  right:auto!important;
  background:radial-gradient(ellipse at 12% 52%,rgba(255,52,15,.18),transparent 72%)!important;
  -webkit-mask-image:linear-gradient(to right,#000 0,#000 74%,rgba(0,0,0,.52) 88%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 4%,#000 98%,transparent 100%)!important;
  mask-image:linear-gradient(to right,#000 0,#000 74%,rgba(0,0,0,.52) 88%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 4%,#000 98%,transparent 100%)!important;
}
.faction-embers-alliance{
  right:0!important;
  left:auto!important;
  background:radial-gradient(ellipse at 88% 52%,rgba(44,128,255,.20),transparent 72%)!important;
  -webkit-mask-image:linear-gradient(to left,#000 0,#000 74%,rgba(0,0,0,.52) 88%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 4%,#000 98%,transparent 100%)!important;
  mask-image:linear-gradient(to left,#000 0,#000 74%,rgba(0,0,0,.52) 88%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 4%,#000 98%,transparent 100%)!important;
}
.faction-embers i{animation-name:sideGutterRise!important}
.faction-embers-horde i{background:#ff7a38!important;box-shadow:0 0 8px #ff3c13,0 0 20px rgba(255,55,16,.82)!important}
.faction-embers-alliance i{background:#8acbff!important;box-shadow:0 0 8px #3a91ff,0 0 22px rgba(50,139,255,.88)!important}
@keyframes sideGutterRise{
  0%{transform:translate3d(0,34px,0) scale(.45);opacity:0}
  10%{opacity:var(--alpha)}
  72%{opacity:calc(var(--alpha)*.8)}
  100%{transform:translate3d(var(--drift),-112vh,0) scale(1.35);opacity:0}
}
.shell{width:min(var(--command-shell-max),var(--command-shell-fluid))!important;position:relative;z-index:3!important}
.command-footer{position:relative;z-index:3!important}
@media(max-width:1560px){
  body::before,body::after,.faction-embers{width:max(42px,2vw)!important;opacity:.62!important}
}
@media(max-width:900px){
  body::before,body::after,.faction-embers{display:none!important}
}

/* =========================================================
   FINAL ISOLATED FACTION GUTTERS
   Real particles only. No cross-faction color contamination.
   ========================================================= */
html,body{background:#030507!important}
.ambient,
body::before,
body::after{display:none!important;content:none!important}

:root{
  --site-shell-width:min(var(--command-shell-max,1460px),var(--command-shell-fluid,96vw));
  --site-gutter-width:max(0px,calc((100vw - var(--site-shell-width))/2 + 26px));
}

.faction-embers{
  position:fixed!important;
  top:66px!important;
  bottom:0!important;
  width:var(--site-gutter-width)!important;
  min-width:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
  z-index:1!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
  filter:none!important;
  isolation:isolate!important;
  contain:paint!important;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 6%,#000 89%,rgba(0,0,0,.72) 95%,transparent 100%)!important;
  mask-image:linear-gradient(to bottom,transparent 0,#000 6%,#000 89%,rgba(0,0,0,.72) 95%,transparent 100%)!important;
}

.faction-embers-horde{
  left:0!important;
  right:auto!important;
  background:
    radial-gradient(ellipse at 18% 28%,rgba(224,46,18,.23),transparent 48%),
    radial-gradient(ellipse at 2% 72%,rgba(102,12,4,.34),transparent 58%),
    linear-gradient(90deg,rgba(37,4,2,.92) 0%,rgba(29,5,4,.70) 58%,rgba(12,5,6,.25) 84%,transparent 100%)!important;
  -webkit-mask-image:
    linear-gradient(to right,#000 0,#000 70%,rgba(0,0,0,.72) 84%,transparent 100%),
    linear-gradient(to bottom,transparent 0,#000 6%,#000 89%,rgba(0,0,0,.72) 95%,transparent 100%)!important;
  mask-image:
    linear-gradient(to right,#000 0,#000 70%,rgba(0,0,0,.72) 84%,transparent 100%),
    linear-gradient(to bottom,transparent 0,#000 6%,#000 89%,rgba(0,0,0,.72) 95%,transparent 100%)!important;
  -webkit-mask-composite:source-in!important;
  mask-composite:intersect!important;
}

.faction-embers-alliance{
  right:0!important;
  left:auto!important;
  background:
    radial-gradient(ellipse at 82% 28%,rgba(38,126,239,.23),transparent 48%),
    radial-gradient(ellipse at 100% 72%,rgba(5,38,105,.36),transparent 58%),
    linear-gradient(270deg,rgba(3,25,61,.94) 0%,rgba(3,22,52,.72) 58%,rgba(3,10,21,.24) 84%,transparent 100%)!important;
  -webkit-mask-image:
    linear-gradient(to left,#000 0,#000 70%,rgba(0,0,0,.72) 84%,transparent 100%),
    linear-gradient(to bottom,transparent 0,#000 6%,#000 89%,rgba(0,0,0,.72) 95%,transparent 100%)!important;
  mask-image:
    linear-gradient(to left,#000 0,#000 70%,rgba(0,0,0,.72) 84%,transparent 100%),
    linear-gradient(to bottom,transparent 0,#000 6%,#000 89%,rgba(0,0,0,.72) 95%,transparent 100%)!important;
  -webkit-mask-composite:source-in!important;
  mask-composite:intersect!important;
}

.faction-embers i{
  position:absolute!important;
  bottom:-30px!important;
  border-radius:50%!important;
  opacity:0;
  will-change:transform,opacity;
  animation:isolatedGutterRise var(--duration) linear infinite!important;
  animation-delay:var(--delay)!important;
}

.faction-embers-horde i{
  background:#ff7a35!important;
  box-shadow:0 0 7px #ff3b13,0 0 17px rgba(255,52,15,.78)!important;
}
.faction-embers-alliance i{
  background:#8dceff!important;
  box-shadow:0 0 7px #368dff,0 0 18px rgba(46,132,255,.82)!important;
}

.faction-embers i.spark-streak{
  border-radius:999px!important;
  height:var(--streak-height)!important;
  width:1.5px!important;
  filter:blur(.15px);
}
.faction-embers-horde i.spark-streak{
  background:linear-gradient(to top,transparent,#ffb27a 62%,#fff1d2)!important;
}
.faction-embers-alliance i.spark-streak{
  background:linear-gradient(to top,transparent,#8bcfff 62%,#eaf7ff)!important;
}

@keyframes isolatedGutterRise{
  0%{transform:translate3d(0,32px,0) scale(.45);opacity:0}
  9%{opacity:var(--alpha)}
  70%{opacity:calc(var(--alpha)*.82)}
  100%{transform:translate3d(var(--drift),-112vh,0) scale(1.25);opacity:0}
}

.shell,.command-footer{position:relative!important;z-index:3!important}

@media(max-width:1540px){
  :root{--site-gutter-width:max(0px,calc((100vw - var(--site-shell-width))/2 + 14px))}
  .faction-embers{opacity:.9!important}
}
@media(max-width:1100px){
  .faction-embers{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  .faction-embers i{display:none!important}
  .faction-embers{opacity:.72!important}
}

/* === LAUNCH CANDIDATE FINAL POLISH === */
.skip-link{position:fixed;left:16px;top:-80px;z-index:99999;background:#e8c16b;color:#090b0e;padding:12px 16px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;transition:top .2s}.skip-link:focus{top:16px}
:focus-visible{outline:2px solid #e7bd60;outline-offset:3px}
.command-log{margin-top:18px;border:1px solid #3a3428;background:linear-gradient(135deg,rgba(14,17,20,.97),rgba(8,11,15,.98));padding:25px;position:relative;overflow:hidden}
.command-log::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(156,37,15,.08),transparent 32%,transparent 68%,rgba(24,83,163,.09))}
.command-log>header,.command-log-grid{position:relative;z-index:1}.command-log>header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid #332f27}.command-log h2{margin:5px 0 0}.launch-status{font-size:9px;letter-spacing:.14em;color:#c9b889;border:1px solid #61512f;padding:9px 12px;white-space:nowrap}.launch-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#68e986;box-shadow:0 0 10px #68e986;margin-right:7px}.command-log-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.command-log article{border:1px solid #302e29;background:rgba(5,8,11,.72);padding:18px;min-height:132px}.command-log time{font-size:8px;color:#d0ad5c;letter-spacing:.18em}.command-log h3{margin:10px 0 8px;font-size:18px}.command-log p{margin:0;color:#9d978b;line-height:1.65;font-size:11px}
.topbar nav button,.top-actions a,.top-actions button{min-height:48px}.banner-hotspot{touch-action:manipulation}.class-card,.addon-card,.archive-list button,.data-card{content-visibility:auto;contain-intrinsic-size:240px}
.footer-legal{align-items:center}.footer-legal span:last-child{text-align:right}
@media(max-width:900px){.command-log-grid{grid-template-columns:1fr}.command-log>header{align-items:center}.topbar{position:sticky;top:0}.topbar nav{overflow-x:auto;scrollbar-width:none}.topbar nav::-webkit-scrollbar{display:none}}
@media(max-width:620px){.command-log{padding:18px}.command-log>header{align-items:flex-start;flex-direction:column}.footer-legal span:last-child{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.count-up{transition:none!important}}

/* Final launch dossier navigation */
.dossier-breadcrumb{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:-5px 0 16px;padding:10px 12px;border:1px solid #353126;background:rgba(5,8,11,.76);font:9px monospace;letter-spacing:.1em;text-transform:uppercase}
.dossier-breadcrumb button{min-height:34px!important;padding:7px 10px!important;border:1px solid transparent!important;background:transparent!important;color:#b9ae93!important}
.dossier-breadcrumb button:hover,.dossier-breadcrumb button:focus-visible{border-color:color-mix(in srgb,var(--class) 65%,#584d33)!important;color:#fff!important;background:color-mix(in srgb,var(--class) 10%,transparent)!important}
.dossier-breadcrumb span{color:#625c50}.dossier-breadcrumb strong{color:var(--class);font-weight:700}
@media(max-width:620px){.dossier-breadcrumb{gap:5px}.dossier-breadcrumb strong{width:100%;padding:4px 10px 0}}


/* === CGN Launch Polish === */
html{font-size:17px;}
body{line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
p,li,td,th,input,select,textarea,label{font-size:1rem;}
button,.btn,a.button{font-size:1rem;}

/* Scrollbars */
*{scrollbar-width:thin;scrollbar-color:var(--accent) #0b0f14;}
::-webkit-scrollbar{width:12px;height:12px;}
::-webkit-scrollbar-track{background:#0b0f14;}
::-webkit-scrollbar-thumb{background:var(--accent);border-radius:10px;border:2px solid #0b0f14;}
::-webkit-scrollbar-thumb:hover{filter:brightness(1.15);}
::-webkit-scrollbar-corner{background:#0b0f14;}