:root{--bg-abyss:#110f0d;--bg-codex:#1a1714;--bg-panel:#231f1a;--bg-panel-elevated:#2c2721;--bg-parchment-tint:#352d22;--text-parchment:#ece4d5;--text-secondary:#bcb09f;--text-muted:#897b6c;--accent-gold:#c99e54;--accent-gold-bright:#e3bc6d;--accent-gold-dim:#604c2e;--wax-crimson:#9d2525;--wax-crimson-bright:#da3a2f;--verdigris-green:#3c8663;--verdigris-bright:#4abf89;--bronze-tier:#ae6e3d;--silver-tier:#a2adb9;--gold-tier:#e2b03c;--border-subtle:#856e4738;--border-ornate:#c99e546b;--font-display:"Cinzel", Georgia, serif;--font-serif:"Crimson Pro", Georgia, serif;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--shadow-codex:0 12px 32px #0000008c, inset 0 1px 0 #e8dcc40f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-abyss);color:var(--text-parchment);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:15px;line-height:1.55}body{background-image:radial-gradient(circle at 50% 0,#3f311c52,#0000 70%)}h1,h2,h3,h4,.font-display{font-family:var(--font-display);letter-spacing:.04em;color:var(--text-parchment)}.font-serif-lore{font-family:var(--font-serif);font-size:1.06rem}.font-mono-stat{font-family:var(--font-mono)}.app-shell{flex-direction:column;min-height:100vh;display:flex}.imperial-header{border-bottom:1px solid var(--border-ornate);z-index:40;background:linear-gradient(#26221c 0%,#1a1714 100%);padding:.85rem 1.5rem;position:sticky;top:0;box-shadow:0 6px 20px #00000080}.header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;max-width:1440px;margin:0 auto;display:flex}.brand-block{align-items:center;gap:.9rem;display:flex}.wax-seal-badge{background:radial-gradient(circle at 35% 30%, var(--wax-crimson-bright), #671414);border:2px solid var(--accent-gold);width:42px;height:42px;color:var(--text-parchment);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 3px 10px #0009}.brand-title{color:var(--text-parchment);font-size:1.25rem;font-weight:700;line-height:1.15}.brand-subtitle{color:var(--accent-gold);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:600}.main-nav{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.nav-tab{border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:.5rem;padding:.55rem .95rem;font-size:.86rem;font-weight:600;transition:all .18s;display:inline-flex}.nav-tab:hover{color:var(--text-parchment);background:var(--bg-panel-elevated);border-color:var(--border-subtle)}.nav-tab.active{color:var(--bg-abyss);background:var(--accent-gold);border-color:var(--accent-gold-bright);box-shadow:0 2px 10px #c99e5440}.header-actions{align-items:center;gap:.6rem;display:flex}.workspace-container{flex:1;width:100%;max-width:1440px;margin:0 auto;padding:1.5rem}.codex-panel{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-codex);padding:1.35rem;position:relative}.codex-panel-ornate{background:linear-gradient(165deg, var(--bg-panel-elevated) 0%, var(--bg-panel) 100%);border:1px solid var(--border-ornate);border-radius:var(--radius-md);box-shadow:var(--shadow-codex);padding:1.4rem}.section-header{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;padding-bottom:.85rem;display:flex}.section-title{color:var(--accent-gold-bright);align-items:center;gap:.6rem;font-size:1.25rem;display:flex}.section-desc{color:var(--text-secondary);margin-top:.25rem;font-size:.9rem}.btn{border-radius:var(--radius-sm);font-family:var(--font-sans);cursor:pointer;border:1px solid var(--border-subtle);background:var(--bg-panel-elevated);color:var(--text-parchment);white-space:nowrap;justify-content:center;align-items:center;gap:.45rem;padding:.55rem 1rem;font-size:.86rem;font-weight:600;transition:all .16s;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--accent-gold);background:var(--bg-parchment-tint)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent-gold);color:var(--bg-abyss);border-color:var(--accent-gold-bright);font-weight:700}.btn-primary:hover:not(:disabled){background:var(--accent-gold-bright);color:var(--bg-abyss)}.btn-crimson{background:var(--wax-crimson);color:var(--text-parchment);border-color:var(--wax-crimson-bright)}.btn-crimson:hover:not(:disabled){background:var(--wax-crimson-bright)}.btn-sm{padding:.35rem .68rem;font-size:.78rem}.form-group{flex-direction:column;gap:.35rem;display:flex}.form-label{text-transform:uppercase;letter-spacing:.06em;color:var(--accent-gold);font-size:.76rem;font-weight:700}.form-input,.form-select,.form-textarea{background:var(--bg-codex);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-parchment);font-family:var(--font-sans);width:100%;padding:.55rem .75rem;font-size:.9rem;transition:border-color .15s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent-gold);outline:none}.stat-grid-12{grid-template-columns:repeat(12,minmax(56px,1fr));gap:.35rem;display:grid;overflow-x:auto}@media (width<=960px){.stat-grid-12{grid-template-columns:repeat(6,minmax(60px,1fr))}}@media (width<=520px){.stat-grid-12{grid-template-columns:repeat(4,minmax(60px,1fr))}}.stat-cell{background:var(--bg-codex);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;padding:.45rem .25rem;transition:all .15s;display:flex}.stat-cell:hover{border-color:var(--accent-gold);background:var(--bg-parchment-tint)}.stat-cell.career-marked{border-color:var(--accent-gold);box-shadow:inset 0 2px 0 var(--accent-gold)}.stat-abbr{text-transform:uppercase;color:var(--accent-gold);letter-spacing:.04em;font-size:.72rem;font-weight:700}.stat-val{font-family:var(--font-mono);color:var(--text-parchment);margin-top:.1rem;font-size:1.15rem;font-weight:700}.stat-adv{color:var(--text-secondary);font-size:.68rem}.status-badge{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.35rem;padding:.22rem .65rem;font-size:.76rem;font-weight:700;display:inline-flex}.status-Bronzo{color:#e8a973;border:1px solid var(--bronze-tier);background:#794c2a59}.status-Argento{color:#ced9e3;border:1px solid var(--silver-tier);background:#4b596859}.status-Oro{color:#f6d579;border:1px solid var(--gold-tier);background:#9b741759}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.15rem;display:grid}.grid-sidebar-main{grid-template-columns:360px minmax(0,1fr);align-items:start;gap:1.35rem;display:grid}@media (width<=1080px){.grid-2,.grid-3,.grid-sidebar-main{grid-template-columns:1fr}}.codex-table-wrap{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);overflow-x:auto}.codex-table{border-collapse:collapse;width:100%;font-size:.88rem}.codex-table th{background:var(--bg-codex);color:var(--accent-gold);text-align:left;border-bottom:1px solid var(--border-ornate);text-transform:uppercase;letter-spacing:.05em;padding:.65rem .85rem;font-size:.76rem;font-weight:700}.codex-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-parchment);padding:.6rem .85rem}.codex-table tr:hover td{background:#352d2273}.chip-list{flex-wrap:wrap;gap:.4rem;display:flex}.chip{border-radius:var(--radius-sm);background:var(--bg-codex);border:1px solid var(--border-subtle);color:var(--text-parchment);align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.8rem;display:inline-flex}.chip-Interactive{cursor:pointer}.chip-Interactive:hover{border-color:var(--accent-gold);background:var(--bg-parchment-tint)}.roll-banner{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-codex);padding:.9rem 1.1rem}.roll-banner.success{border-color:var(--verdigris-bright);background:linear-gradient(90deg, #20463473, var(--bg-codex))}.roll-banner.failure{border-color:var(--wax-crimson-bright);background:linear-gradient(90deg, #5b151573, var(--bg-codex))}.btn-verdigris{background:var(--verdigris-green);color:var(--text-parchment);border-color:var(--verdigris-bright);font-weight:700}.btn-verdigris:hover:not(:disabled){background:var(--verdigris-bright);color:var(--bg-abyss)}.help-icon-btn{border:1px solid var(--border-ornate);width:22px;height:22px;color:var(--accent-gold-bright);cursor:pointer;vertical-align:middle;background:#c99e5424;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .16s;display:inline-flex}.help-icon-btn:hover{background:var(--accent-gold);color:var(--bg-abyss);transform:scale(1.08)}.help-popup-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:9999;background:#080604c7;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0}.help-popup-card{background:linear-gradient(165deg, var(--bg-panel-elevated) 0%, var(--bg-codex) 100%);border:1px solid var(--accent-gold);border-radius:var(--radius-md);text-align:left;flex-direction:column;width:100%;max-width:560px;max-height:82vh;font-weight:400;display:flex;overflow:hidden;box-shadow:0 20px 50px #000000d9}.help-popup-header{border-bottom:1px solid var(--border-subtle);background:#00000040;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1.15rem;display:flex}.help-popup-body{color:var(--text-parchment);flex-direction:column;gap:.65rem;padding:1rem 1.15rem;font-size:.88rem;line-height:1.6;display:flex;overflow-y:auto}.help-popup-body p{color:var(--text-secondary);margin:0}.help-popup-body strong{color:var(--text-parchment)}.box-header-row{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.65rem;display:flex}.box-title-inline{align-items:center;gap:.45rem;display:inline-flex}@media print{body{color:#000!important;background:#fff!important}.imperial-header,.no-print{display:none!important}.codex-panel,.codex-panel-ornate{color:#000!important;box-shadow:none!important;background:#fff!important;border:1px solid #333!important}}