.archive-app-shell{box-sizing:border-box;width:100%;max-width:1380px;margin:0 auto;padding:2.25rem 1.75rem 5rem}.archive-header-hero{text-align:center;margin-bottom:2.5rem}.timeline-hero-title{font-family:var(--font-display,"Cinzel", serif);letter-spacing:.06em;background:linear-gradient(135deg, var(--text-white) 20%, var(--accent-bright) 65%, var(--cosmic-cyan) 100%);-webkit-text-fill-color:transparent;text-shadow:0 0 35px var(--border-bright);-webkit-background-clip:text;margin-bottom:.5rem;font-size:clamp(2.4rem,4.5vw,3.8rem);font-weight:700;line-height:1.15}.timeline-hero-tagline{font-family:var(--font-display,"Cinzel", serif);letter-spacing:.15em;text-transform:uppercase;color:var(--cosmic-cyan);opacity:.9;margin-bottom:.75rem;font-size:1.05rem}.timeline-hero-desc{max-width:680px;color:var(--text-muted);margin:0 auto 1.75rem;font-size:.92rem;line-height:1.6}.timeline-hero-desc code{font-family:var(--font-mono,monospace);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--cosmic-cyan);padding:.15rem .35rem;font-size:.85em}.band-filter-bar{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);box-shadow:var(--glass-shadow-soft);box-sizing:border-box;justify-content:center;align-items:center;gap:.4rem;max-width:100%;min-height:44px;padding:.35rem .5rem;display:inline-flex}@media (width<=960px){.band-filter-bar{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;padding:.35rem .65rem;display:flex;overflow-x:auto}.band-filter-bar::-webkit-scrollbar{display:none}}.band-filter-btn{box-sizing:border-box;border-radius:var(--radius-pill);color:var(--text-muted);font-family:var(--font-sans,system-ui, sans-serif);letter-spacing:.05em;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;flex-shrink:0;padding:.45rem 1.05rem;font-size:.75rem;font-weight:600;line-height:1.25;transition:background .2s,border-color .2s,color .2s,box-shadow .2s}.band-filter-btn:hover{color:var(--text-white)}.band-filter-btn.is-active{background:linear-gradient(135deg, var(--border-bright), var(--glass-border));color:var(--text-white);border-color:var(--border-bright);box-shadow:0 0 16px var(--border-bright)}.split-explorer-stage{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:2rem;width:100%;margin-top:1rem;display:grid}.explorer-nav-rail{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);flex-direction:column;gap:.65rem;min-width:0;min-height:520px;max-height:calc(100vh - 6.5rem);padding:1.15rem;display:flex;position:sticky;top:5rem}.rail-search-wrap{align-items:center;width:100%;display:flex;position:relative}.search-icon-svg{width:16px;height:16px;color:var(--text-muted);pointer-events:none;position:absolute;left:.85rem}.rail-search-input{background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text);font-family:var(--font-sans);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:.65rem .85rem .65rem 2.35rem;font-size:.82rem}.rail-search-input:focus{border-color:var(--border-bright);box-shadow:0 0 12px var(--border-bright)}.rail-stats-bar{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 .2rem;font-size:.72rem;display:flex}.rail-stats-bar strong{color:var(--accent-bright);font-weight:700}.explorer-catalog-list{flex-direction:column;flex:1;gap:.25rem;margin:0;padding:0 .35rem 0 0;list-style:none;display:flex;overflow-y:auto}.explorer-catalog-list::-webkit-scrollbar{width:5px}.explorer-catalog-list::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-pill)}.catalog-nav-item{border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);color:inherit;background:0 0;border:1px solid #0000;justify-content:space-between;align-items:center;gap:.5rem;min-width:0;padding:.45rem .75rem;text-decoration:none;display:flex}.catalog-nav-item:hover{background:var(--bg-hover);border-color:var(--border-subtle)}.catalog-nav-item.is-active{background:linear-gradient(90deg, var(--accent-dim), var(--glass-border));border-color:var(--accent);box-shadow:inset 2px 0 0 var(--accent-bright)}.catalog-nav-item.is-active .nav-item-name{color:var(--accent-bright)}.nav-item-name{color:var(--text-white);white-space:nowrap;text-overflow:ellipsis;font-size:.86rem;font-weight:600;overflow:hidden}.band-pill{font-family:var(--font-mono,monospace);border-radius:var(--radius-pill);letter-spacing:.05em;white-space:nowrap;border:1px solid #0000;padding:.15rem .5rem;font-size:.68rem;font-weight:700}.band-pill[data-band=SSS]{background:var(--band-sss-bg);border-color:var(--band-sss-border);color:var(--band-sss-text)}.band-pill[data-band=SS]{background:var(--band-ss-bg);border-color:var(--band-ss-border);color:var(--band-ss-text)}.band-pill[data-band=S]{background:var(--band-s-bg);border-color:var(--band-s-border);color:var(--band-s-text)}.band-pill[data-band=AAA]{background:var(--band-aaa-bg);border-color:var(--band-aaa-border);color:var(--band-aaa-text)}.band-pill[data-band=AA]{background:var(--band-aa-bg);border-color:var(--band-aa-border);color:var(--band-aa-text)}.band-pill[data-band=A]{background:var(--band-a-bg);border-color:var(--band-a-border);color:var(--band-a-text)}.band-pill[data-band=B]{background:var(--band-b-bg);border-color:var(--band-b-border);color:var(--band-b-text)}.band-pill[data-band=C]{background:var(--band-c-bg);border-color:var(--band-c-border);color:var(--band-c-text)}.band-pill[data-band=D]{background:var(--band-d-bg);border-color:var(--band-d-border);color:var(--band-d-text)}.band-pill[data-band=E]{background:var(--band-e-bg);border-color:var(--band-e-border);color:var(--band-e-text)}.band-pill[data-band=F]{background:var(--band-f-bg);border-color:var(--band-f-border);color:var(--band-f-text)}.explorer-dossier-stage{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);flex-direction:column;gap:1.75rem;min-width:0;min-height:600px;padding:2.25rem;scroll-margin-top:5rem;display:flex}.dossier-header{border-bottom:1px solid var(--border-subtle);padding-bottom:1.25rem}.dossier-top-strip{justify-content:space-between;align-items:center;gap:1rem;display:flex}.dossier-name{font-family:var(--font-display,"Cinzel", serif);color:var(--text-white);letter-spacing:.04em;margin:0;font-size:clamp(1.8rem,3.2vw,2.5rem);font-weight:700}.dossier-lore-box{background:var(--bg-surface);border-left:3px solid var(--accent);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text);padding:1rem 1.25rem;font-size:.95rem;line-height:1.7}.dossier-lore-box p{margin:0}.branch-switcher-hud{flex-direction:column;gap:.75rem;display:flex}.branch-tabs-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.hud-section-title{font-family:var(--font-display,"Cinzel", serif);text-transform:uppercase;letter-spacing:.12em;color:var(--accent-bright);align-items:center;gap:.5rem;font-size:.82rem;display:flex}.hud-section-title:before{content:"";background:var(--accent);border-radius:2px;width:4px;height:14px}.branch-tabs{flex-wrap:wrap;gap:.4rem;display:flex}.branch-tab-btn{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);padding:.35rem .85rem;font-size:.75rem;font-weight:600}.branch-tab-btn:hover{color:var(--text-white);border-color:var(--border-medium)}.branch-tab-btn.is-active{background:linear-gradient(135deg, var(--border-bright), var(--glass-border));color:var(--text-white);border-color:var(--border-bright);box-shadow:0 0 12px var(--border-bright)}.stat-modifier-grid{grid-template-columns:repeat(5,1fr);gap:.75rem;display:grid}.stat-card{background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-align:center;transition:border-color var(--transition-fast);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;min-height:96px;padding:.85rem .5rem;display:flex}.stat-card:hover{border-color:var(--border-medium)}.stat-card-label{font-family:var(--font-mono,monospace);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;font-size:.78rem;font-weight:700;line-height:1}.stat-card.stat-str .stat-card-label{color:var(--crimson-accent)}.stat-card.stat-agi .stat-card-label{color:var(--cosmic-cyan)}.stat-card.stat-sta .stat-card-label{color:var(--emerald-glow)}.stat-card.stat-int .stat-card-label{color:var(--cosmic-violet)}.stat-card.stat-div .stat-card-label{color:var(--accent-bright)}.stat-card-values{flex-direction:column;align-items:center;gap:.2rem;width:100%;display:flex}.stat-card-mult{font-family:var(--font-mono,monospace);color:var(--text-white);font-size:1.15rem;font-weight:700;line-height:1.2}.stat-card-add{font-family:var(--font-mono,monospace);color:var(--text-muted);font-size:.78rem;line-height:1}.stat-card-add.has-bonus{color:var(--emerald-glow);font-weight:700}.stat-card-add.has-penalty{color:var(--crimson-accent);font-weight:700}.dossier-details-stack{flex-direction:column;gap:1.25rem;display:flex}.detail-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:.5rem;padding:1.15rem 1.25rem;display:flex}.detail-card-title{font-family:var(--font-sans);letter-spacing:.05em;color:var(--accent-bright);text-transform:uppercase;align-items:center;gap:.5rem;font-size:.82rem;font-weight:700;display:flex}.detail-card-content{color:var(--text);font-size:.88rem;line-height:1.6}.detail-card-content p{margin:0}.detail-code-block{background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-family:var(--font-mono,monospace);color:var(--cosmic-cyan);margin-top:.35rem;padding:.75rem 1rem;font-size:.82rem;line-height:1.5;overflow-x:auto}.detail-subitems-list{flex-direction:column;gap:.4rem;margin:.4rem 0 0;padding-left:.2rem;list-style:none;display:flex}.detail-subitem{color:var(--text);align-items:flex-start;gap:.5rem;font-size:.84rem;line-height:1.5;display:flex}.detail-subitem:before{content:"—";color:var(--accent);font-weight:700}.bearers-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;margin-top:.5rem;display:grid}.bearer-card,.bearer-card:hover,.bearer-card:focus,.bearer-card:active,.bearer-card *{text-decoration:none!important}.bearer-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);color:inherit;flex-direction:column;gap:.4rem;padding:.85rem 1rem;text-decoration:none;display:flex}.bearer-card:hover{background:var(--bg-elevated);border-color:var(--accent);box-shadow:var(--glass-shadow-soft);text-decoration:none;transform:translateY(-2px)}.bearer-card:hover .bearer-name{color:var(--accent-bright)}.bearer-card-top{justify-content:space-between;align-items:center;display:flex}.bearer-name{color:var(--text-white);font-size:.9rem;font-weight:700}.bearer-faction{color:var(--cosmic-cyan);letter-spacing:.04em;font-size:.7rem}.bearer-meta{color:var(--text-muted);font-size:.75rem}.empty-bearers{color:var(--text-faint);margin:0;font-size:.82rem;font-style:italic}@media (width<=1080px){.split-explorer-stage{grid-template-columns:1fr;gap:1.5rem}.explorer-nav-rail{width:100%;min-height:auto;max-height:none;position:static;top:auto}.explorer-catalog-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem;min-height:140px;max-height:280px;display:grid}.explorer-dossier-stage{width:100%;min-width:0}}@media (width<=680px){.archive-app-shell{padding:1.5rem .85rem 4rem}.explorer-dossier-stage{scroll-margin-top:calc(var(--site-header-height,3.5rem) + .85rem);padding:1.5rem 1.15rem}.explorer-catalog-list{grid-template-columns:1fr;max-height:240px}.dossier-top-strip{flex-direction:column;align-items:flex-start;gap:.5rem}.stat-modifier-grid{grid-template-columns:repeat(2,1fr)}}
