/* Stormtroopers Unit Guide — Zero Hour */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --gold: #c9a84c; --gold-bright: #f0cc6e; --red: #c0392b; --red-glow: #ff2d1a;
  --blue-glow: #29b6f6; --green: #a8e063; --dark: #060810; --dark2: #0b0f1a;
  --dark3: #111827; --text: #ccc8be; --text-dim: #7a7a8a; --white: #f0ede6;
}
html { scroll-behavior: smooth; }
body { font-family: 'Rajdhani', sans-serif; background: var(--dark); color: var(--text); overflow-x: hidden; }
body::after { content:''; position:fixed; inset:0; z-index:1000; pointer-events:none; background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,0.025) 2px,rgba(0,0,0,0.025) 4px); }
#starfield { position:fixed; inset:0; z-index:0; pointer-events:none; }
.star { position:absolute; border-radius:50%; background:white; animation:twinkle var(--d,3s) ease-in-out infinite var(--delay,0s); }
@keyframes twinkle { 0%,100%{opacity:var(--min,0.1)} 50%{opacity:var(--max,0.7)} }
nav { position:sticky; top:0; z-index:100; background:rgba(6,8,16,0.95); backdrop-filter:blur(20px); border-bottom:1px solid rgba(201,168,76,0.15); padding:0 2rem; }
.nav-inner { max-width:1100px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; height:56px; }
.nav-logo { font-family:'Orbitron',monospace; font-size:0.8rem; font-weight:700; letter-spacing:0.1em; color:var(--gold); text-decoration:none; }
.nav-links { display:flex; gap:2rem; list-style:none; }
.nav-links a { font-family:'Share Tech Mono',monospace; font-size:0.65rem; letter-spacing:0.2em; text-transform:uppercase; color:var(--text-dim); text-decoration:none; transition:color 0.2s; }
.nav-links a:hover { color:var(--gold); }
@keyframes fadeUp { from{opacity:0;transform:translateY(14px)} to{opacity:1;transform:translateY(0)} }
.unit-hero { position:relative; z-index:10; padding:5rem 2rem 3rem; border-bottom:1px solid rgba(201,168,76,0.12); overflow:hidden; }
.unit-hero-inner { max-width:1100px; margin:0 auto; }
.unit-hero-bg { position:absolute; inset:0; z-index:-1; background:radial-gradient(ellipse 80% 60% at 50% 40%, rgba(200,200,200,0.07) 0%, transparent 70%); }
.breadcrumb { font-family:'Share Tech Mono',monospace; font-size:0.6rem; letter-spacing:0.3em; color:var(--text-dim); text-transform:uppercase; margin-bottom:2rem; display:flex; align-items:center; gap:0.75rem; }
.breadcrumb a { color:var(--gold); text-decoration:none; }
.breadcrumb-sep { color:var(--text-dim); }
.unit-role-tag { font-family:'Share Tech Mono',monospace; font-size:0.65rem; letter-spacing:0.35em; color:var(--text-dim); text-transform:uppercase; margin-bottom:1rem; }
.unit-name { font-family:'Orbitron',monospace; font-size:clamp(2rem,5vw,4rem); font-weight:900; line-height:1; color:var(--white); margin-bottom:0.75rem; opacity:0; animation:fadeUp 0.7s ease forwards 0.1s; }
.unit-subtitle { font-family:'Rajdhani',sans-serif; font-size:1rem; font-weight:300; letter-spacing:0.2em; text-transform:uppercase; color:var(--text-dim); margin-bottom:1.5rem; opacity:0; animation:fadeUp 0.7s ease forwards 0.25s; }
.unit-hero-tags { display:flex; gap:0.5rem; flex-wrap:wrap; opacity:0; animation:fadeUp 0.7s ease forwards 0.4s; }
.unit-tag { font-family:'Share Tech Mono',monospace; font-size:0.6rem; letter-spacing:0.2em; text-transform:uppercase; padding:0.3rem 0.8rem; border:1px solid rgba(201,168,76,0.25); color:var(--gold); }
.unit-tag.tag-corps   { border-color:rgba(41,182,246,0.3);  color:var(--blue-glow); }
.unit-tag.tag-good    { border-color:rgba(168,224,99,0.35); color:var(--green); }
.unit-tag.tag-bad     { border-color:rgba(255,45,26,0.3);   color:var(--red-glow); }
.unit-tag.tag-neutral { border-color:rgba(201,168,76,0.25); color:var(--gold); }
.article-meta-row { display:flex; flex-wrap:wrap; align-items:center; gap:1.5rem; margin-top:1.5rem; opacity:0; animation:fadeUp 0.7s ease forwards 0.55s; }
.meta-chip { font-family:'Share Tech Mono',monospace; font-size:0.6rem; letter-spacing:0.2em; color:var(--text-dim); text-transform:uppercase; display:flex; align-items:center; gap:0.4rem; }
.meta-chip-icon { color:var(--gold); }
.meta-divider { width:1px; height:14px; background:rgba(201,168,76,0.2); }
.article-layout { max-width:1100px; margin:0 auto; display:grid; grid-template-columns:1fr 280px; gap:4rem; padding:3rem 2rem 6rem; position:relative; z-index:10; }
.article-body { max-width:720px; }
.article-lead { font-size:1.15rem; line-height:1.8; color:var(--text); padding:1.5rem 1.5rem 1.5rem 2rem; border-left:2px solid var(--gold); background:rgba(201,168,76,0.04); margin-bottom:2.5rem; font-weight:600; }
.article-body p { font-size:1rem; line-height:1.85; color:var(--text); margin-bottom:1.4rem; }
.article-body h2 { font-family:'Orbitron',monospace; font-size:1.1rem; font-weight:700; color:var(--white); margin:3rem 0 1.25rem; padding-bottom:0.75rem; border-bottom:1px solid rgba(201,168,76,0.15); display:flex; align-items:center; gap:0.75rem; }
.article-body h2::before { content:'//'; font-family:'Share Tech Mono',monospace; font-size:0.75rem; color:var(--gold); flex-shrink:0; }
.article-body h3 { font-family:'Orbitron',monospace; font-size:0.85rem; font-weight:700; color:var(--gold); margin:2rem 0 0.75rem; letter-spacing:0.05em; }
.callout { border:1px solid rgba(201,168,76,0.2); background:var(--dark2); padding:1.5rem; margin:2rem 0; position:relative; }
.callout::before { content:attr(data-label); position:absolute; top:-1px; left:1.5rem; transform:translateY(-50%); font-family:'Share Tech Mono',monospace; font-size:0.55rem; letter-spacing:0.3em; padding:0.2rem 0.6rem; background:var(--gold); color:var(--dark); text-transform:uppercase; }
.callout p { margin-bottom:0; font-size:0.95rem; color:var(--text-dim); }
.callout strong { color:var(--white); }
.callout-tip { border-color:rgba(168,224,99,0.25); }
.callout-tip::before { background:var(--green); color:var(--dark); }
.callout-warning { border-color:rgba(255,45,26,0.3); }
.callout-warning::before { background:var(--red-glow); color:var(--white); }
.unit-stat-card { border:1px solid rgba(201,168,76,0.2); background:var(--dark3); margin:2rem 0; overflow:hidden; }
.usc-header { background:rgba(201,168,76,0.08); padding:0.85rem 1.25rem; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(201,168,76,0.15); }
.usc-name { font-family:'Orbitron',monospace; font-size:0.9rem; font-weight:700; color:var(--gold); }
.usc-pts { font-family:'Share Tech Mono',monospace; font-size:0.65rem; letter-spacing:0.15em; color:var(--text-dim); }
.usc-grid { display:grid; grid-template-columns:repeat(7,1fr); border-bottom:1px solid rgba(201,168,76,0.1); }
.usc-cell { padding:0.75rem 0.5rem; text-align:center; border-right:1px solid rgba(201,168,76,0.08); }
.usc-cell:last-child { border-right:none; }
.usc-label { font-family:'Share Tech Mono',monospace; font-size:0.5rem; letter-spacing:0.2em; color:var(--text-dim); text-transform:uppercase; margin-bottom:0.3rem; }
.usc-val { font-family:'Orbitron',monospace; font-size:1rem; font-weight:700; color:var(--white); }
.usc-val.good { color:var(--green); } .usc-val.bad { color:var(--red-glow); } .usc-val.ok { color:var(--gold); }
.usc-keywords { padding:0.75rem 1.25rem; display:flex; flex-wrap:wrap; gap:0.5rem; border-bottom:1px solid rgba(201,168,76,0.08); }
.usc-kw { font-family:'Share Tech Mono',monospace; font-size:0.6rem; letter-spacing:0.15em; text-transform:uppercase; padding:0.2rem 0.6rem; border:1px solid rgba(201,168,76,0.2); color:var(--gold); background:rgba(201,168,76,0.04); }
.usc-body { padding:0.85rem 1.25rem; font-size:0.875rem; color:var(--text-dim); line-height:1.6; }
.weapon-table-wrap { margin:2rem 0; overflow-x:auto; border:1px solid rgba(201,168,76,0.15); }
.weapon-table-title { font-family:'Orbitron',monospace; font-size:0.72rem; font-weight:700; letter-spacing:0.1em; color:var(--gold); padding:0.75rem 1.25rem; background:rgba(201,168,76,0.06); border-bottom:1px solid rgba(201,168,76,0.15); }
.weapon-table { width:100%; border-collapse:collapse; font-size:0.85rem; }
.weapon-table thead tr { background:var(--dark3); border-bottom:1px solid rgba(201,168,76,0.12); }
.weapon-table thead th { font-family:'Share Tech Mono',monospace; font-size:0.58rem; letter-spacing:0.2em; text-transform:uppercase; color:var(--text-dim); padding:0.6rem 1rem; text-align:left; }
.weapon-table tbody tr { border-bottom:1px solid rgba(255,255,255,0.05); transition:background 0.15s; }
.weapon-table tbody tr:last-child { border-bottom:none; }
.weapon-table tbody tr:hover { background:rgba(201,168,76,0.03); }
.weapon-table tbody td { padding:0.65rem 1rem; color:var(--text); vertical-align:middle; }
.weapon-table tbody td:first-child { color:var(--white); font-weight:600; }
.dice { font-family:'Share Tech Mono',monospace; font-size:0.65rem; font-weight:700; padding:0.2rem 0.5rem; border-radius:2px; display:inline-block; margin-right:0.2rem; }
.dice.red   { background:rgba(192,57,43,0.3);   color:#ff8a80; border:1px solid rgba(192,57,43,0.4); }
.dice.black { background:rgba(30,30,30,0.6);    color:#ccc;    border:1px solid rgba(100,100,100,0.3); }
.dice.white { background:rgba(220,220,220,0.1); color:#eee;    border:1px solid rgba(220,220,220,0.25); }
.kw { font-family:'Share Tech Mono',monospace; font-size:0.58rem; letter-spacing:0.1em; text-transform:uppercase; padding:0.15rem 0.45rem; border:1px solid rgba(201,168,76,0.2); color:var(--gold); display:inline-block; margin-right:0.25rem; margin-bottom:0.15rem; }
.upgrade-table-wrap { margin:2rem 0; border:1px solid rgba(201,168,76,0.15); }
.upgrade-table-title { font-family:'Orbitron',monospace; font-size:0.72rem; font-weight:700; letter-spacing:0.1em; color:var(--gold); padding:0.75rem 1.25rem; background:rgba(201,168,76,0.06); border-bottom:1px solid rgba(201,168,76,0.15); }
.upgrade-row { display:grid; grid-template-columns:120px 1fr 60px 100px; align-items:center; gap:1rem; padding:0.7rem 1.25rem; border-bottom:1px solid rgba(255,255,255,0.05); transition:background 0.15s; }
.upgrade-row:last-child { border-bottom:none; }
.upgrade-row:hover { background:rgba(201,168,76,0.03); }
.upgrade-slot { font-family:'Share Tech Mono',monospace; font-size:0.6rem; letter-spacing:0.15em; color:var(--text-dim); text-transform:uppercase; }
.upgrade-name { font-size:0.9rem; font-weight:600; color:var(--white); }
.upgrade-pts { font-family:'Share Tech Mono',monospace; font-size:0.65rem; color:var(--gold); text-align:right; }
.upgrade-verdict { font-family:'Share Tech Mono',monospace; font-size:0.58rem; letter-spacing:0.15em; text-transform:uppercase; padding:0.2rem 0.5rem; text-align:center; border:1px solid; }
.verdict-take { color:var(--green); border-color:rgba(168,224,99,0.4); }
.verdict-skip { color:var(--red-glow); border-color:rgba(255,45,26,0.3); }
.verdict-situational { color:var(--gold); border-color:rgba(201,168,76,0.3); }
.pros-cons { display:grid; grid-template-columns:1fr 1fr; gap:1px; margin:2rem 0; border:1px solid rgba(201,168,76,0.15); }
.pros,.cons { padding:1.25rem; background:var(--dark3); }
.pros { border-right:1px solid rgba(201,168,76,0.1); }
.pc-title { font-family:'Orbitron',monospace; font-size:0.72rem; font-weight:700; letter-spacing:0.1em; margin-bottom:1rem; padding-bottom:0.5rem; border-bottom:1px solid rgba(255,255,255,0.06); }
.pros .pc-title { color:var(--green); } .cons .pc-title { color:var(--red-glow); }
.pros ul,.cons ul { list-style:none; }
.pros ul li,.cons ul li { font-size:0.9rem; line-height:1.7; color:var(--text); padding:0.35rem 0 0.35rem 1.25rem; position:relative; border-bottom:1px solid rgba(255,255,255,0.04); }
.pros ul li:last-child,.cons ul li:last-child { border-bottom:none; }
.pros ul li::before { content:'+'; position:absolute; left:0; color:var(--green); font-family:'Share Tech Mono',monospace; font-weight:700; }
.cons ul li::before { content:'–'; position:absolute; left:0; color:var(--red-glow); font-family:'Share Tech Mono',monospace; font-weight:700; }
.synergy-card { border:1px solid rgba(201,168,76,0.15); background:var(--dark2); margin-bottom:1rem; overflow:hidden; }
.synergy-header { display:flex; align-items:center; justify-content:space-between; padding:0.6rem 1.25rem; background:rgba(201,168,76,0.05); border-bottom:1px solid rgba(201,168,76,0.1); }
.synergy-unit { font-family:'Orbitron',monospace; font-size:0.8rem; font-weight:700; color:var(--white); }
.synergy-faction { font-family:'Share Tech Mono',monospace; font-size:0.58rem; letter-spacing:0.15em; text-transform:uppercase; padding:0.2rem 0.6rem; border:1px solid rgba(201,168,76,0.25); color:var(--gold); }
.synergy-body { padding:0.85rem 1.25rem; font-size:0.9rem; line-height:1.7; color:var(--text-dim); margin:0; }
.synergy-body strong { color:var(--white); }
.command-card { display:flex; gap:1.25rem; align-items:flex-start; padding:1rem; border:1px solid rgba(201,168,76,0.12); background:var(--dark2); margin-bottom:0.75rem; transition:border-color 0.2s; }
.command-card:hover { border-color:rgba(201,168,76,0.25); }
.cc-pip { font-family:'Share Tech Mono',monospace; font-size:0.8rem; color:var(--gold); letter-spacing:0.1em; flex-shrink:0; padding-top:0.1rem; min-width:2.5rem; }
.cc-name { font-family:'Orbitron',monospace; font-size:0.8rem; font-weight:700; color:var(--white); margin-bottom:0.35rem; }
.cc-text { font-size:0.875rem; line-height:1.6; color:var(--text-dim); margin:0; }
.cc-text strong { color:var(--white); }
.unit-rating { border:1px solid rgba(201,168,76,0.3); background:linear-gradient(135deg,rgba(201,168,76,0.06) 0%,transparent 60%); padding:2rem; margin-top:3rem; position:relative; overflow:hidden; text-align:center; }
.unit-rating::after { content:'RATING'; position:absolute; right:-1rem; top:50%; transform:translateY(-50%) rotate(90deg); font-family:'Orbitron',monospace; font-size:4rem; font-weight:900; color:rgba(201,168,76,0.04); letter-spacing:0.2em; white-space:nowrap; }
.rating-label { font-family:'Share Tech Mono',monospace; font-size:0.6rem; letter-spacing:0.4em; color:var(--gold); text-transform:uppercase; margin-bottom:0.75rem; }
.rating-score { font-family:'Orbitron',monospace; font-size:4rem; font-weight:900; color:var(--gold-bright); line-height:1; margin-bottom:1rem; }
.rating-score span { font-size:1.5rem; color:var(--text-dim); }
.rating-verdict { font-size:1rem; line-height:1.8; color:var(--text-dim); max-width:600px; margin:0 auto; }
.rating-verdict strong { color:var(--white); }
.key-point { display:flex; gap:1rem; padding:1rem 0; border-bottom:1px solid rgba(255,255,255,0.05); }
.key-point:last-child { border-bottom:none; }
.key-num { font-family:'Orbitron',monospace; font-size:1.5rem; font-weight:900; color:rgba(201,168,76,0.2); flex-shrink:0; width:2rem; line-height:1; }
.key-text { font-size:0.95rem; line-height:1.7; color:var(--text); }
.key-text strong { color:var(--white); }
.art-divider { display:flex; align-items:center; gap:1rem; margin:3rem 0; }
.art-divider-line { flex:1; height:1px; background:rgba(201,168,76,0.12); }
.art-divider-icon { color:var(--gold); font-size:0.7rem; letter-spacing:0.3em; font-family:'Share Tech Mono',monospace; }
.article-sidebar { padding-top: 0.5rem; }
.sidebar-widget { border:1px solid rgba(201,168,76,0.12); background:var(--dark2); padding:1.25rem; margin-bottom:1.5rem; }
.widget-label { font-family:'Share Tech Mono',monospace; font-size:0.6rem; letter-spacing:0.35em; color:var(--gold); text-transform:uppercase; margin-bottom:1.25rem; padding-bottom:0.75rem; border-bottom:1px solid rgba(201,168,76,0.12); }
.toc-list { list-style:none; }
.toc-item { padding:0.5rem 0; border-bottom:1px solid rgba(255,255,255,0.04); }
.toc-item:last-child { border-bottom:none; }
.toc-item a { font-family:'Rajdhani',sans-serif; font-size:0.85rem; font-weight:600; color:var(--text-dim); text-decoration:none; transition:color 0.2s; display:flex; align-items:flex-start; gap:0.5rem; }
.toc-item a::before { content:'→'; color:var(--gold); font-size:0.7rem; flex-shrink:0; margin-top:2px; opacity:0; transition:opacity 0.2s; }
.toc-item a:hover { color:var(--white); }
.toc-item a:hover::before { opacity:1; }
.list-entry { display:flex; justify-content:space-between; align-items:center; padding:0.4rem 0; border-bottom:1px solid rgba(255,255,255,0.05); font-size:0.8rem; }
.list-entry:last-child { border-bottom:none; }
.list-entry-name { color:var(--text); }
.list-entry-pts { font-family:'Share Tech Mono',monospace; font-size:0.65rem; color:var(--gold); }
.share-row { display:flex; gap:0.5rem; flex-wrap:wrap; }
.share-btn { font-family:'Share Tech Mono',monospace; font-size:0.6rem; letter-spacing:0.15em; padding:0.4rem 0.9rem; border:1px solid rgba(201,168,76,0.2); color:var(--text-dim); cursor:pointer; background:transparent; text-transform:uppercase; transition:all 0.2s; }
.share-btn:hover { border-color:var(--gold); color:var(--gold); }
.related-post { padding:0.75rem 0; border-bottom:1px solid rgba(255,255,255,0.05); }
.related-post:last-child { border-bottom:none; }
.related-cat { font-family:'Share Tech Mono',monospace; font-size:0.55rem; letter-spacing:0.2em; color:var(--blue-glow); text-transform:uppercase; margin-bottom:0.3rem; }
.related-title { font-size:0.85rem; font-weight:600; color:var(--text-dim); line-height:1.4; transition:color 0.2s; }
.related-post:hover .related-title { color:var(--white); }
footer { position:relative; z-index:10; padding:2.5rem 2rem; border-top:1px solid rgba(201,168,76,0.1); }
.footer-inner { max-width:1100px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:1rem; }
.footer-logo { font-family:'Orbitron',monospace; font-size:0.9rem; font-weight:700; color:var(--gold); }
.footer-copy { font-family:'Share Tech Mono',monospace; font-size:0.6rem; letter-spacing:0.2em; color:var(--text-dim); }
@media (max-width:860px) { .article-layout{grid-template-columns:1fr} .article-sidebar{display:none} .usc-grid{grid-template-columns:repeat(3,1fr)} }
@media (max-width:700px) { .pros-cons{grid-template-columns:1fr} .upgrade-row{grid-template-columns:1fr 1fr;gap:0.5rem} }