:root{color-scheme:dark;--bg:#06131c;--surface:#0d2631;--surface2:#132e38;--ink:#f0ecdf;--muted:#b9ccd0;--gold:#eac38b;--teal:#8ed3ce;--line:#3e5a63;--amber:#e5b36d;--max:1400px;font:16px/1.58 Inter,"Segoe UI",system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:radial-gradient(ellipse at 90% -5%,#133644 0,#06131c 45%);overflow-x:hidden}a{color:inherit}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f3dca0;outline-offset:3px}.skip{position:absolute;left:-10000px;top:5px;z-index:40;padding:10px;background:#e8dbbc;color:#06202b}.skip:focus{left:12px}.shell{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.top{position:relative;z-index:10;background:#07131de8;border-bottom:1px solid #36525d}.top-inner{display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:78px}.logo{display:flex;align-items:center;gap:11px;text-decoration:none;font-family:Georgia,serif;color:var(--gold)}.logo strong{display:block;font-size:21px;letter-spacing:.1em;line-height:1.2}.logo small{display:block;font:10px system-ui;color:#aabfc5;letter-spacing:.13em}.sigil{font-size:33px}.top nav{display:flex;gap:18px;flex-wrap:wrap}.top nav a{font-size:13px;text-decoration:none;color:#d0dedf}.top nav a:hover{text-decoration:underline;color:var(--gold)}.intro{display:grid;grid-template-columns:1.25fr 1fr;min-height:380px;align-items:center;gap:30px;border-bottom:1px solid #35525b}.hero-copy{padding:58px 0}.overline{font-size:11px;letter-spacing:.18em;color:var(--gold);font-weight:800;text-transform:uppercase;margin:0 0 11px}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:clamp(42px,5vw,76px);line-height:1.02;margin:0 0 22px;letter-spacing:-.03em}h1 em{color:var(--gold);font-weight:400}.hero-copy>p:not(.overline){color:#d2dee0;font-size:17px;max-width:690px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.button{display:inline-flex;align-items:center;gap:15px;border:1px solid #9a9b83;border-radius:9px;padding:10px 17px;text-decoration:none;font-size:14px;font-weight:700}.primary{background:var(--gold);color:#0b1b20}.ghost{background:#17333d;color:#eae5d4}.hero-visual{height:320px;display:grid;place-items:center;position:relative;overflow:hidden}.planet{width:245px;height:245px;border-radius:50%;position:relative;box-shadow:0 0 70px #4e97954b,inset -50px -35px 70px #01080c,inset 8px 4px 30px #75afa956;background:radial-gradient(circle at 38% 35%,#6e9f9b,#325767 37%,#17333e 64%,#051017 100%);display:grid;place-items:center}.planet:before{content:"";position:absolute;inset:5%;border-radius:50%;background:repeating-linear-gradient(130deg,transparent 0 15px,#a6c0a51e 16px 21px,transparent 23px 49px),radial-gradient(ellipse at 35% 67%,#b3a06b6b,transparent 44%);transform:rotate(-13deg)}.planet span{font:18px Georgia;letter-spacing:.2em;text-align:center;z-index:1;text-shadow:0 2px 10px #0b1924}.orb{position:absolute;width:345px;height:170px;border:1px solid #c7af7e55;border-radius:50%;transform:rotate(-28deg)}.o2{transform:rotate(34deg)}.aster{position:absolute;right:14%;top:15%;font-size:40px;color:var(--gold)}.status-line{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:26px;padding:14px 20px;border:1px solid #46646c;background:#0d2631;border-radius:10px;color:#d3e0de;font-size:12px}.status-line span:first-child{color:var(--gold);font-weight:700}.section{margin-top:50px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}.section-head h2{font-size:clamp(28px,3vw,40px);margin:0}.caption{font-size:12px;color:#b7c8c8;max-width:400px}.era-rail{display:grid;grid-template-columns:repeat(9,minmax(100px,1fr));gap:8px;overflow-x:auto;padding-bottom:6px}.era-chip{background:#102834;color:#d3e6e4;border:1px solid #47636b;padding:14px 9px;border-radius:9px;min-width:0;text-align:left;min-height:100px}.era-chip:hover{border-color:#cfb78b}.era-chip[aria-pressed="true"]{background:#51402c;border-color:#efc78b;color:#fff1d4}.era-num{display:block;color:var(--gold);font:27px Georgia}.era-chip strong{font-size:12px;display:block;line-height:1.4}.era-chip small{display:block;font-size:10px;color:#bfcccd}.era-info{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:20px 24px;background:#112c37;border:1px solid #4b6267;border-radius:13px;margin-top:11px;min-height:110px}.era-info h3{margin:0 0 2px;font-size:26px}.era-info p{margin:2px 0;font-size:13px;color:#d1dcda}.state{font-size:11px;border:1px solid #ac966c;border-radius:99px;white-space:nowrap;padding:6px 11px;color:#f1dbaf}.controls{display:flex;flex-wrap:wrap;gap:13px;align-items:end;margin:18px 0}.controls label,.compare-controls label{display:grid;gap:5px;color:#d4ddd8;font-size:12px;font-weight:700}.controls input,.controls select,.compare-controls select{width:100%;background:#102b37;border:1px solid #58727c;border-radius:8px;padding:10px 12px;color:#f4f1e6;min-height:44px}.controls label:first-child{flex:1;min-width:190px}.controls label:nth-child(2){min-width:200px}.reset{background:#283c43;border:1px solid #779299;color:#e8f4f1;border-radius:8px;min-height:44px;padding:0 15px}.layout{display:grid;grid-template-columns:minmax(0,1.17fr) minmax(330px,.83fr);gap:16px}.habitats-panel,.detail-panel,.timeline-section,.compare-section,.plate-section,.science-section{background:#0b2530b8;border:1px solid #3e5a63;border-radius:15px}.habitats-panel,.detail-panel{min-height:350px;padding:20px}.historical-notice{font-size:13px;color:#f1dfb4;margin-bottom:15px;padding:12px;border-left:3px solid #ddbe7b;background:#3b30243d}.habitats-panel:has(.empty-card){display:grid;align-content:start}.habitat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.habitat{min-width:0;text-align:left;padding:15px 16px;background:linear-gradient(135deg,#163843,#102631);border:1px solid #47727a;border-radius:11px;color:#f2efe6}.habitat:hover{border-color:#e7bd83}.habitat[aria-pressed=true]{border-color:#edc78a;box-shadow:inset 0 0 0 1px #edc78a;background:#2c403f}.habitat .symbol{display:inline-block;color:#e5c18b;font-size:21px;margin-right:7px}.habitat strong{font:20px Georgia}.habitat small{display:block;color:#bbd0cf;font-size:12px;margin-top:6px}.tag{display:inline-block;font:700 10px system-ui;border-radius:5px;border:1px solid #aebeb68b;background:#243e46;padding:3px 7px;margin-top:7px;color:#f3e6c8}.detail-panel h3{font-size:31px;margin:7px 0 10px}.detail-panel p{color:#d6dfdd}.detail-panel p.mini{font-size:12px;color:#c1d1d0}.detail-panel a,.plate a,.references a{color:#f5d49e;text-underline-offset:3px}.detail-panel ul{padding-left:18px}.detail-panel li{font-size:13px;line-height:1.9}.empty-card{padding:35px 20px;border:1px dashed #718286;border-radius:12px;color:#c9d5d3}.timeline-section,.compare-section,.plate-section,.science-section{padding:25px}.event-rail{display:grid;grid-template-columns:repeat(8,minmax(112px,1fr));gap:8px;overflow-x:auto}.event{min-width:0;border-radius:10px;border:1px solid #59737b;background:#152e39;color:#efe8d9;padding:13px 10px;text-align:left}.event[aria-pressed=true]{background:#654728;border-color:#e9c186}.event strong{font:18px Georgia;display:block;color:#e9c186}.event span{font-size:11px;line-height:1.3}.event-detail{margin-top:13px;border:1px solid #4e666e;border-radius:12px;background:#12313a;padding:20px;min-height:160px}.event-detail h3{font-size:25px;margin:0 0 6px}.event-detail p{font-size:13px;color:#d0dedc;margin:7px 0}.event-detail .evidence{border-left:3px solid #d3ad73;padding-left:12px}.compare-controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:15px}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.compare-col{border:1px solid #53717b;background:#12313c;padding:20px;border-radius:11px;min-width:0}.compare-col h3{font-size:24px;margin:3px 0 8px}.compare-col p{font-size:13px;line-height:1.7}.compare-col .unknown{color:#e4c395}.compare-col ul{font-size:12px;padding-left:19px}.plate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.plate{border:1px solid #506e73;background:#112b35;border-radius:12px;overflow:hidden}.plate img{display:block;width:100%;aspect-ratio:760/490;object-fit:cover}.plate-body{padding:16px 20px}.plate-body h3{margin:0;font-size:26px}.plate-body small{color:#acc9c7}.plate-body p{font-size:13px}.plate-body li{font-size:12px;margin:6px 0}.plate-body ul{padding-left:19px}.science-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.science-card{background:#12323d;border:1px solid #48616c;border-radius:10px;padding:15px}.science-card h3{font-size:21px;margin:0 0 6px}.science-card p{font-size:12px}.science-card strong{font-size:12px;color:var(--gold)}.warning{margin-top:20px;padding:18px 20px;border:1px solid #e2b678;background:#4d3a2840;border-radius:10px}.warning p{font-size:13px}.references{display:grid;gap:8px}.references li{font-size:13px}.references span{display:block;color:#b8c9c7;font-size:12px}footer{border-top:1px solid #4e666e;color:#bfcfcd;padding:34px 0;margin-top:40px;font-size:12px}footer a{color:#eac38b}@media(max-width:1230px){.era-rail{grid-template-columns:repeat(9,minmax(130px,1fr))}.event-rail{grid-template-columns:repeat(8,minmax(130px,1fr))}.science-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:880px){.top-inner{align-items:flex-start;flex-direction:column;padding-block:15px}.intro{grid-template-columns:1fr}.hero-copy{padding:38px 0 10px}.hero-visual{display:none}.layout{grid-template-columns:1fr}.plate-grid{grid-template-columns:1fr}.compare-grid{grid-template-columns:1fr}}@media(max-width:650px){.shell{width:calc(100% - 24px)}.top nav{gap:12px}.top nav a{font-size:12px}.logo strong{font-size:18px}.intro{min-height:0}.hero-copy{padding:34px 0}.status-line{display:grid;gap:4px}.section{margin-top:34px}.section-head{display:block}.section-head h2{font-size:30px}.caption{display:block;margin-top:4px}.era-info{align-items:flex-start;flex-direction:column;gap:8px}.era-chip{min-height:90px}.habitats-panel,.detail-panel,.timeline-section,.compare-section,.plate-section,.science-section{padding:15px}.habitat-grid{grid-template-columns:1fr}.controls{display:grid;grid-template-columns:1fr}.controls label:nth-child(2){min-width:0}.compare-controls{grid-template-columns:1fr}.science-grid{grid-template-columns:1fr}.event-rail{grid-template-columns:repeat(8,minmax(160px,1fr))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}