/* Phase_3_fix: verbindliches Hall-of-Fame Frontend-Design */
:root{
 --p3-bg:#0d160f;--p3-bg2:#111b13;--p3-surface:#182218;--p3-surface2:#202b1f;
 --p3-surface3:#273225;--p3-gold:#d6aa3b;--p3-gold2:#8e7428;--p3-cream:#f5e6ad;
 --p3-text:#e9eadf;--p3-muted:#bcc3b3;--p3-border:rgba(214,170,59,.38);--p3-radius:14px;
 --p3-width:1280px;--p3-gutter:clamp(18px,3vw,38px);--p3-pad:clamp(22px,2.6vw,34px);
}
html{background:var(--p3-bg)}
body.phase3fix-hof-page{margin:0;background:radial-gradient(circle at 78% 0,rgba(163,137,54,.18),transparent 34%),linear-gradient(180deg,#121c13 0,#0c140e 100%);color:var(--p3-text);min-height:100vh}
.phase3fix-shell{width:100%;padding:clamp(32px,5vw,72px) var(--p3-gutter);box-sizing:border-box}
.phase3fix-container{width:100%;max-width:var(--p3-width);margin:0 auto;box-sizing:border-box;min-width:0}
.phase3fix-container>main,.phase3fix-container>.container,.phase3fix-container>section,.phase3fix-container>article,.phase3fix-container>div{max-width:100%;box-sizing:border-box}
.phase3fix-container .container,.phase3fix-container [class*="container"],.phase3fix-container [class*="wrapper"],.phase3fix-container [class*="shell"]{width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important}
/* Hall-of-Fame Flächen: keine Navy-/Blauflächen */
.phase3fix-container :is(.card,.panel,.box,.content-box,.info-box,.widget,.section-box,.hc-card,.hc-panel,.feature-card,.stat-card,.tier-card,.unit-card,.formation-card,.step-card,.timeline-card,.comparison-card,.factory-card,.event-card,.profile-card,.admin-card),
.phase3fix-container [class*="__card"],.phase3fix-container [class*="-card"],.phase3fix-container [class*="__panel"],.phase3fix-container [class*="-panel"]{
 background:linear-gradient(145deg,var(--p3-surface2),var(--p3-surface))!important;color:var(--p3-text)!important;border-color:var(--p3-border)!important;box-shadow:none!important}
.phase3fix-container :is(section,article,.section,.content-section,.hc-section,.page-section){box-sizing:border-box}
.phase3fix-container :is(.card,.panel,.box,.content-box,.info-box,.widget,.section-box,.hc-card,.hc-panel,.feature-card,.stat-card,.tier-card,.unit-card,.formation-card,.step-card,.timeline-card,.comparison-card,.factory-card,.event-card,.profile-card){padding:var(--p3-pad)!important}
.phase3fix-container :is(.grid,.cards,.card-grid,.feature-grid,.stats-grid,.tier-grid,.units-grid,.formation-grid,[class*="__grid"],[class*="-grid"]){gap:clamp(18px,2vw,28px)!important}
.phase3fix-container :is(h1,h2,h3,h4,.title,.headline){font-family:Oswald,Arial,sans-serif;color:var(--p3-cream)!important;letter-spacing:.02em}
.phase3fix-container :is(p,li,td,dd,label,small){color:var(--p3-text)}
.phase3fix-container a{color:var(--p3-cream)}
.phase3fix-container :is(button,.btn,[class*="button"],input[type=submit],input[type=button]){background:#151d16!important;color:var(--p3-cream)!important;border:1px solid var(--p3-border)!important;border-radius:8px!important}
.phase3fix-container :is(button,.btn,[class*="button"],input[type=submit],input[type=button]):hover,
.phase3fix-container :is(.is-active,.active,[aria-current=page]){background:var(--p3-gold)!important;color:#151307!important}
.phase3fix-container :is(input,select,textarea){background:#101711!important;color:var(--p3-text)!important;border:1px solid var(--p3-border)!important;border-radius:8px!important}
.phase3fix-container table{width:100%;border-collapse:separate;border-spacing:0;background:var(--p3-surface)!important;color:var(--p3-text)!important;border:1px solid var(--p3-border)!important}
.phase3fix-container thead,.phase3fix-container th{background:var(--p3-surface3)!important;color:var(--p3-cream)!important}
.phase3fix-container td,.phase3fix-container th{border-color:rgba(214,170,59,.2)!important;padding:14px 16px}
.phase3fix-container tr:nth-child(even) td{background:rgba(255,255,255,.018)!important}
.phase3fix-container :is(.alert,.notice,.callout,.hint,.warning,.merksatz,[class*="callout"],[class*="notice"]){background:linear-gradient(90deg,rgba(214,170,59,.13),rgba(24,34,24,.96))!important;border-color:var(--p3-gold2)!important;color:var(--p3-text)!important;padding:18px 22px!important}
.phase3fix-container img{max-width:100%;height:auto}
/* bekannte Legacy-Navy-Farben auch bei Inline-Styles überschreiben */
.phase3fix-container [style*="#0b1720"],.phase3fix-container [style*="#0d1b24"],.phase3fix-container [style*="#101b26"],.phase3fix-container [style*="#111d29"],.phase3fix-container [style*="#142231"],.phase3fix-container [style*="#172433"],.phase3fix-container [style*="#182532"],.phase3fix-container [style*="#1b2a38"],.phase3fix-container [style*="#0f172a"],.phase3fix-container [style*="#1e293b"],.phase3fix-container [style*="#334155"],.phase3fix-container [style*="#475569"],.phase3fix-container [style*="#64748b"],.phase3fix-container [style*="#172554"],.phase3fix-container [style*="#111820"],.phase3fix-container [style*="#202c33"],.phase3fix-container [style*="#111a20"],.phase3fix-container [style*="#080d12"],.phase3fix-container [style*="#111920"],.phase3fix-container [style*="#071017"],.phase3fix-container [style*="rgb(16, 27, 38)"]{background:var(--p3-surface2)!important;background-color:var(--p3-surface2)!important}
/* Heroes/Seitennavigation harmonisieren, Inhalte und Reihenfolge bleiben */
.phase3fix-container :is(.hero,.page-hero,.hc-hero,.artillery-hero,.account-hero,.hof-hero,[class*="__hero"]){background:radial-gradient(circle at 80% 20%,rgba(190,158,58,.21),transparent 35%),linear-gradient(120deg,#0c140e,#202719)!important;border:1px solid var(--p3-border)!important;border-left:5px solid var(--p3-gold)!important;border-radius:var(--p3-radius)!important;padding:clamp(34px,5vw,70px)!important}
.phase3fix-container :is(.section-nav,.hc-section-nav,.page-nav,.tabs,.tab-nav,[class*="section-nav"]){background:#0f1611!important;border:1px solid rgba(214,170,59,.24)!important;border-radius:12px!important;padding:12px!important}
/* Factory/Wiretap: Struktur nicht verändern, nur HOF-Farben */
.phase3fix-container :is(.factory-status,.factory-page,.factory-grid,.factory-intelligence,.situation-events,.events-page,.event-stream){background:transparent!important}
.phase3fix-container :is(.factory-status,.factory-page,.situation-events,.events-page) :is(.card,.panel,[class*="card"],[class*="panel"]){background:linear-gradient(145deg,var(--p3-surface2),var(--p3-surface))!important}
@media(max-width:720px){.phase3fix-shell{padding:24px 14px}.phase3fix-container :is(.card,.panel,.box,.content-box,.info-box,.widget,.section-box){padding:20px!important}.phase3fix-container table{display:block;overflow-x:auto}}