/* CHRONO-BELLUM V0.8 · PASSAGE — additive, standalone, responsive */
:root{--p08-cyan:#70d7e2;--p08-gold:#e7c48d;--p08-ink:#ebf5fd;--p08-bg:#081321;--p08-panel:#102337;--p08-border:#315269}
.v08-nav{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:13px clamp(14px,2.1vw,28px);background:linear-gradient(115deg,#0a323b,#0b2034 45%,#262234);border-block:1px solid #58727b;flex-wrap:wrap}
.v08-brand{display:flex;gap:12px;align-items:center;white-space:nowrap}.v08-brand .symbol{font:29px Georgia;color:var(--p08-gold);width:48px;height:48px;display:grid;place-items:center;border-radius:13px;border:1px solid #7d7769;background:#26343d}.v08-brand strong{display:block;color:#f9e5bd;font:23px Georgia,serif;letter-spacing:.04em}.v08-brand small{font-size:10px;letter-spacing:.12em;color:#9dc7d3}.v08-nav-actions{display:flex;gap:7px;flex-wrap:wrap}
.v08-nav button,.v08-btn{background:#16344a;color:#e4f3fc;border:1px solid #547387;border-radius:9px;padding:10px 13px;font-size:12px;cursor:pointer}.v08-nav button:hover,.v08-btn:hover{border-color:#bbe8e8;background:#2c4c63}.v08-btn.gold,.v08-nav button.current{background:#b49461;color:#15212d;border-color:#e3c996;font-weight:750}.v08-btn:disabled{opacity:.45;cursor:default}.v08-btn[aria-pressed="true"]{color:#ffdfb0;border-color:#bfa57d;background:#3b382f}
body.v08-active .layout,body.v08-active #v04-workspace,body.v08-active #v04-cinema-hud,body.v08-active #v05-panel,body.v08-active #v06-panel,body.v08-active #v07-panel,body.v08-active .edgestream,body.v08-active .streamhead{display:none!important}
body.v08-active #v08-panel{display:block!important}
.v08-panel{background:radial-gradient(ellipse at 95% -10%,#154758 0,transparent 38%),radial-gradient(ellipse at 0 70%,#202644 0,transparent 44%),var(--p08-bg);color:var(--p08-ink);min-height:700px;padding:24px clamp(12px,3vw,54px) 55px}
.v08-panel *{box-sizing:border-box}.v08-eyebrow{text-transform:uppercase;letter-spacing:.18em;color:#ead0a4;font-weight:700;font-size:10px}.v08-hero{display:flex;gap:25px;align-items:flex-start;justify-content:space-between;margin:2px auto 19px;max-width:1680px}.v08-hero h2{font:clamp(27px,3.4vw,47px) Georgia,serif;color:#fff1d6;line-height:1.05;margin:6px 0 10px}.v08-hero p{font-size:13px;color:#b7cbd9;line-height:1.65;margin:0;max-width:850px}.v08-stat{border:1px solid #54717a;border-radius:11px;padding:11px 15px;color:#c8e1e6;background:#133140;font-size:11px;max-width:260px}.v08-stat b{display:block;color:#efc994;font:20px Georgia,serif;margin-bottom:5px}
.v08-toolbar{max-width:1680px;margin:0 auto 14px;display:flex;align-items:end;flex-wrap:wrap;gap:12px;padding:15px;background:#122a3de8;border:1px solid #3c6273;border-radius:14px}.v08-field{display:flex;flex-direction:column;gap:5px;color:#d9c6a7;font-size:10px;letter-spacing:.08em;flex:1 1 200px;max-width:430px}.v08-field select,.v08-field input{background:#0b1b2b;color:#ebf4fd;border:1px solid #4b6b7e;padding:9px 10px;border-radius:8px;width:100%;min-width:0;font-size:12px;letter-spacing:0}.v08-toolbar-actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.v08-toolbar-actions .v08-btn{padding:10px;font-size:11px}
.v08-statusline{max-width:1680px;margin:0 auto 16px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:9px;color:#a5c6d3;font-size:11px}.v08-pill{padding:6px 9px;background:#183747;border:1px solid #487283;border-radius:8px;color:#d8edeb}.v08-pill.sim{color:#ffc6c3;border-color:#8b6564;background:#432a32}.v08-statusline strong{color:#ffdab2}
.v08-triad{max-width:1680px;margin:auto;display:grid;grid-template-columns:minmax(255px,.85fr) minmax(380px,1.55fr) minmax(280px,.9fr);gap:13px;align-items:stretch}.v08-card{min-width:0;background:linear-gradient(150deg,#11263b,#0b1b2c);border:1px solid var(--p08-border);border-radius:13px;overflow:hidden;box-shadow:0 14px 45px #01091233}.v08-cardhead{padding:13px 15px 11px;display:flex;align-items:flex-start;justify-content:space-between;gap:9px;border-bottom:1px solid #2b4858}.v08-cardhead h3{margin:4px 0 0;font:21px Georgia,serif;color:#f1dfbe}.v08-cardhead small{font-size:10px;color:#b6cbd3;line-height:1.4}.v08-schematic-label{font-size:9px;color:#7eabb9;text-transform:uppercase;letter-spacing:.12em;padding:0 15px 9px}.v08-svgspace{width:100%;display:block;aspect-ratio:5 / 4;background:#08182a;touch-action:manipulation}.v08-svgspace.scene{aspect-ratio:10/7}.v08-map-bottom{padding:13px 15px;font-size:12px;color:#a9bfca;line-height:1.65}.v08-map-bottom strong{color:#e9c995}.v08-milestones{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.v08-milestones button{background:#1c3449;color:#c3dee6;border:1px solid #37596e;border-radius:8px;padding:5px 8px;font-size:10px;cursor:pointer}.v08-milestones button.current{border-color:#e0b676;color:#fce5bf;background:#58452d}
.v08-tactical-controls{display:flex;gap:6px;flex-wrap:wrap;align-items:center;padding:12px 13px;border-top:1px solid #314f60}.v08-tactical-controls .v08-btn{padding:7px 8px;font-size:10px}.v08-key{padding:7px 14px 12px;font-size:10px;color:#adc4ce;display:flex;gap:12px;flex-wrap:wrap}.v08-key i{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:5px}.v08-key i.a{background:#71dcf0}.v08-key i.b{background:#f49a82}.v08-key i.c{background:#e3bf80}
.v08-archive{padding:16px;display:flex;flex-direction:column;gap:12px}.v08-archive h4{font:23px Georgia,serif;color:#f5dcad;line-height:1.12;margin:0}.v08-archive p{font-size:12px;line-height:1.67;color:#bed0d8;margin:0}.v08-evidence{border-left:3px solid #c4a16a;background:#243137;padding:11px 12px;color:#d9c5a4;font-size:11px;line-height:1.5}.v08-evidence.sim{border-color:#b4737c;background:#352933}.v08-archive label{display:flex;gap:7px;align-items:center;font-size:11px;color:#d2e2e9}.v08-archive input{accent-color:#d6b57a}.v08-src{border-top:1px solid #34495c;padding-top:12px;font-size:11px;line-height:1.6;color:#9eb7c6}.v08-src strong{color:#ead19d}.v08-src span{display:block;margin-top:7px}.v08-quicknav{display:flex;gap:6px;flex-wrap:wrap}.v08-quicknav .v08-btn{padding:8px 9px;font-size:11px}
.v08-timeline{max-width:1680px;margin:17px auto 0;border:1px solid #3b596d;border-radius:13px;background:linear-gradient(110deg,#132a3d,#101d2c);padding:18px 21px}.v08-timehead{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.v08-timehead h3{font:23px Georgia,serif;color:#efd4a7;margin:4px 0}.v08-timescrub{display:flex;align-items:center;gap:14px;margin:12px 0}.v08-timescrub input{flex:1;min-width:40px;accent-color:#d6b47e;cursor:pointer}.v08-timescrub output{font:13px monospace;color:#f6dfac;min-width:60px;text-align:right}.v08-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.v08-steps button{padding:12px;text-align:left;cursor:pointer;border:1px solid #375468;color:#cfe0e9;background:#142c40;border-radius:8px;min-width:0}.v08-steps button.current{border-color:#e8c18c;background:#41382b}.v08-steps small{display:block;color:#c7ac7f;margin-bottom:5px;font-size:10px}.v08-steps strong{font-weight:600;font-size:12px;line-height:1.35}.v08-chronorel{max-width:1680px;margin:14px auto;display:flex;gap:6px;flex-wrap:wrap;align-items:center}.v08-era{padding:8px 10px;border-radius:9px;border:1px solid #3e596a;background:#11283a;color:#b6cbd9;font-size:11px;cursor:pointer}.v08-era.current{background:#50432f;border-color:#d4b47d;color:#ffe1ac}.v08-era.empty{opacity:.55}.v08-era:focus-visible,.v08-btn:focus-visible,.v08-steps button:focus-visible,.v08-milestones button:focus-visible{outline:2px solid #8ceaf1;outline-offset:2px}
.v08-foot{margin:16px auto 0;max-width:1680px;font-size:11px;line-height:1.65;color:#8eacbc;display:flex;gap:15px;justify-content:space-between;flex-wrap:wrap}
.v08-dialog{padding:15px 16px;border:1px solid #4d6e80;background:#123044;border-radius:12px;margin-top:12px;font-size:12px;line-height:1.6;white-space:pre-wrap;color:#d5e4e9}.v08-hidden{display:none!important}
.v08-selection-ring{stroke:#f6d19a;stroke-width:3;fill:none;animation:v08-pulse 2.5s ease-in-out infinite}.v08-unit{cursor:pointer}.v08-unit:focus{outline:none}.v08-unit:focus .v08-focus-circle{stroke:#fff6cd;stroke-width:4}.v08-grid{stroke:#3f6074;stroke-width:1;opacity:.23}.v08-trail{fill:none;stroke-width:2;stroke-dasharray:7 7;opacity:.56}
@keyframes v08-pulse{0%,100%{opacity:.5}50%{opacity:1}}
@media(max-width:1250px){.v08-triad{grid-template-columns:minmax(240px,.87fr) minmax(410px,1.4fr)}.v08-card.archive-card{grid-column:1 / -1}.v08-archive{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,1fr);align-items:start}.v08-archive h4,.v08-archive>.v08-evidence{grid-column:1}.v08-archive .v08-quicknav,.v08-archive .v08-src{grid-column:2}}
@media(max-width:850px){.v08-triad{grid-template-columns:1fr}.v08-card.archive-card{grid-column:auto}.v08-archive{display:flex}.v08-archive .v08-quicknav,.v08-archive .v08-src{grid-column:auto}.v08-cardhead{padding:13px}.v08-svgspace{max-height:320px}.v08-svgspace.scene{max-height:500px}.v08-hero{flex-direction:column}.v08-stat{max-width:none}.v08-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){.v08-nav{padding:10px}.v08-nav-actions{width:100%;flex-wrap:nowrap;overflow-x:auto}.v08-nav button{white-space:nowrap}.v08-panel{padding:15px 10px 38px}.v08-toolbar{padding:12px;gap:9px}.v08-toolbar-actions{width:100%}.v08-toolbar-actions .v08-btn{flex:1}.v08-timeline{padding:13px}.v08-steps button{padding:9px}.v08-steps strong{font-size:11px}.v08-brand small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.v08-selection-ring{animation:none}.v08-panel *{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:500px){.v08-nav-actions{flex-wrap:wrap;overflow:visible}.v08-nav-actions button{flex:1 1 140px;white-space:normal}.v08-toolbar-actions{flex-wrap:wrap}}