#anima-age-earth-app *{box-sizing:border-box;margin:0;padding:0} #anima-age-earth-app{ --bg:#04060e;--surface:#080d1c;--surface2:#0d1428; --gold:#c9a03d;--gold-bright:#f0c84a;--gold-dim:rgba(201,160,61,.22); --crystal:#5ac8fa;--green:#30d158;--red:#ff6b6b;--orange:#ff9f0a;--purple:#bf5af2; --text:#e8f0ff;--muted:rgba(180,200,240,.5);--border:rgba(255,255,255,.08); --ff:-apple-system,BlinkMacSystemFont,"SF Pro Display",system-ui,sans-serif; } #anima-age-earth-app{background:var(--bg);color:var(--text);font-family:var(--ff);line-height:1.5;overflow-x:hidden} /* ── HERO ── */ #anima-age-earth-app .hero{text-align:center;padding:2.5rem 1rem 2rem;background:radial-gradient(ellipse at 50% 0%,rgba(201,160,61,.14) 0%,transparent 65%);border-bottom:1px solid var(--gold-dim);position:relative;overflow:hidden} #anima-age-earth-app .hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 60%,rgba(255,107,107,.04),transparent 40%),radial-gradient(circle at 80% 40%,rgba(48,209,88,.04),transparent 40%);pointer-events:none} #anima-age-earth-app .hero-kicker{font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.22em;color:var(--gold);margin-bottom:.7rem} #anima-age-earth-app .hero-title{font-size:clamp(1.6rem,4.5vw,2.8rem);font-weight:900;letter-spacing:-.025em;line-height:.95;margin-bottom:.5rem} #anima-age-earth-app .hero-title span{background:linear-gradient(135deg,#fff5e0,#f7e6c4,#c9a03d,#f7e6c4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} #anima-age-earth-app .hero-sub{font-size:.88rem;color:var(--muted);max-width:580px;margin:.6rem auto 1.5rem;line-height:1.55} /* Counter duel */ #anima-age-earth-app .counter-duel{display:flex;justify-content:center;align-items:center;gap:.8rem;flex-wrap:wrap;margin-bottom:1.4rem} #anima-age-earth-app .counter-box{border-radius:16px;padding:.9rem 1.3rem;text-align:center;flex:1;min-width:160px;max-width:240px} #anima-age-earth-app .counter-box.truth{background:rgba(48,209,88,.10);border:1.5px solid rgba(48,209,88,.35)} #anima-age-earth-app .counter-box.lie{background:rgba(255,107,107,.08);border:1.5px solid rgba(255,107,107,.28)} #anima-age-earth-app .counter-num{font-size:clamp(1.4rem,4vw,2rem);font-weight:900;letter-spacing:-.02em;line-height:1} #anima-age-earth-app .counter-num.green{color:var(--green)} #anima-age-earth-app .counter-num.red{color:var(--red)} #anima-age-earth-app .counter-label{font-size:.6rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em;margin-top:.3rem} #anima-age-earth-app .counter-label.green{color:rgba(48,209,88,.65)} #anima-age-earth-app .counter-label.red{color:rgba(255,107,107,.55)} #anima-age-earth-app .vs-pill{font-size:.72rem;font-weight:900;padding:.3rem .8rem;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:var(--muted)} #anima-age-earth-app .score-pill{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:800;padding:.35rem .9rem;border-radius:999px;border:1px solid rgba(48,209,88,.4);background:rgba(48,209,88,.12);color:var(--green)} /* ── FILTER BAR ── */ #anima-age-earth-app .filter-bar{display:flex;flex-wrap:wrap;gap:.4rem;padding:.9rem 1rem;border-bottom:1px solid var(--border);background:rgba(4,6,14,.9);backdrop-filter:blur(12px);position:sticky;top:0;z-index:40} #anima-age-earth-app .f-chip{padding:.38rem .85rem;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--muted);font-size:.68rem;font-weight:800;cursor:pointer;text-transform:uppercase;letter-spacing:.07em;font-family:var(--ff);white-space:nowrap;transition:all .12s} #anima-age-earth-app .f-chip:hover, #anima-age-earth-app .f-chip.active{border-color:var(--gold-dim);background:rgba(201,160,61,.14);color:var(--gold-bright)} /* ── MAIN LAYOUT ── */ #anima-age-earth-app .main{max-width:1100px;margin:0 auto;padding:1.5rem 1rem 4rem} #anima-age-earth-app .section-block{margin-bottom:1.4rem} #anima-age-earth-app .section-header{display:flex;align-items:center;gap:.7rem;cursor:pointer;padding:.9rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:14px;transition:background .12s;user-select:none} #anima-age-earth-app .section-header:hover{background:var(--surface2)} #anima-age-earth-app .section-header.open{border-radius:14px 14px 0 0;border-bottom:1px solid var(--border)} #anima-age-earth-app .section-icon{font-size:1.1rem;flex-shrink:0} #anima-age-earth-app .section-title{font-size:.95rem;font-weight:900;flex:1} #anima-age-earth-app .section-badge{font-size:.6rem;font-weight:900;padding:.2rem .6rem;border-radius:999px;text-transform:uppercase;letter-spacing:.08em} #anima-age-earth-app .badge-green{background:rgba(48,209,88,.12);border:1px solid rgba(48,209,88,.3);color:var(--green)} #anima-age-earth-app .badge-red{background:rgba(255,107,107,.10);border:1px solid rgba(255,107,107,.25);color:var(--red)} #anima-age-earth-app .badge-crystal{background:rgba(90,200,250,.10);border:1px solid rgba(90,200,250,.28);color:var(--crystal)} #anima-age-earth-app .badge-gold{background:rgba(201,160,61,.12);border:1px solid rgba(201,160,61,.3);color:var(--gold-bright)} #anima-age-earth-app .badge-purple{background:rgba(191,90,242,.10);border:1px solid rgba(191,90,242,.25);color:var(--purple)} #anima-age-earth-app .section-chevron{font-size:.7rem;color:var(--muted);transition:transform .2s;flex-shrink:0} #anima-age-earth-app .section-header.open .section-chevron{transform:rotate(180deg)} #anima-age-earth-app .section-body{display:none;background:rgba(8,13,28,.7);border:1px solid var(--border);border-top:none;border-radius:0 0 14px 14px;padding:1.2rem} #anima-age-earth-app .section-body.open{display:block;animation:fadeIn .2s ease} @keyframes fadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}} /* ── CARDS ── */ #anima-age-earth-app .card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.8rem;margin:.8rem 0} #anima-age-earth-app .card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.9rem} #anima-age-earth-app .card.green{border-color:rgba(48,209,88,.28);background:rgba(48,209,88,.06)} #anima-age-earth-app .card.red{border-color:rgba(255,107,107,.25);background:rgba(255,107,107,.06)} #anima-age-earth-app .card.crystal{border-color:rgba(90,200,250,.25);background:rgba(90,200,250,.06)} #anima-age-earth-app .card.gold{border-color:rgba(201,160,61,.28);background:rgba(201,160,61,.06)} #anima-age-earth-app .card.purple{border-color:rgba(191,90,242,.22);background:rgba(191,90,242,.05)} #anima-age-earth-app .card-label{font-size:.6rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em;margin-bottom:.4rem} #anima-age-earth-app .card-label.green{color:rgba(48,209,88,.7)} #anima-age-earth-app .card-label.red{color:rgba(255,107,107,.65)} #anima-age-earth-app .card-label.crystal{color:rgba(90,200,250,.7)} #anima-age-earth-app .card-label.gold{color:rgba(201,160,61,.7)} #anima-age-earth-app .card-label.purple{color:rgba(191,90,242,.65)} #anima-age-earth-app .card-title{font-size:.88rem;font-weight:900;margin-bottom:.4rem} #anima-age-earth-app .card-body{font-size:.78rem;color:rgba(196,216,255,.75);line-height:1.5} #anima-age-earth-app .card-stat{font-size:1.5rem;font-weight:900;letter-spacing:-.02em;line-height:1;margin:.3rem 0} #anima-age-earth-app .card-stat.green{color:var(--green)} #anima-age-earth-app .card-stat.red{color:var(--red)} #anima-age-earth-app .card-stat.crystal{color:var(--crystal)} #anima-age-earth-app .card-stat.gold{color:var(--gold-bright)} /* ── ASSUMPTION ROW ── */ #anima-age-earth-app .assumption{display:flex;gap:.7rem;padding:.7rem;border-radius:10px;background:rgba(255,107,107,.05);border:1px solid rgba(255,107,107,.18);margin-bottom:.5rem} #anima-age-earth-app .assumption-num{width:24px;height:24px;border-radius:50%;background:rgba(255,107,107,.25);color:var(--red);font-size:.7rem;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0} #anima-age-earth-app .assumption-text{font-size:.8rem;line-height:1.46;color:rgba(196,216,255,.78)} #anima-age-earth-app .assumption-title{font-weight:900;color:var(--red);margin-bottom:2px} /* ── CLOCK CARDS ── */ #anima-age-earth-app .clock-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1rem;margin-bottom:.7rem} #anima-age-earth-app .clock-head{display:flex;align-items:center;gap:.7rem;margin-bottom:.6rem} #anima-age-earth-app .clock-icon{font-size:1.3rem;flex-shrink:0} #anima-age-earth-app .clock-title{font-size:.9rem;font-weight:900} #anima-age-earth-app .clock-measure{font-size:.72rem;color:var(--muted)} #anima-age-earth-app .clock-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin:.6rem 0} #anima-age-earth-app .clock-cell{border-radius:10px;padding:.6rem .8rem} #anima-age-earth-app .clock-cell.measured{background:rgba(90,200,250,.07);border:1px solid rgba(90,200,250,.22)} #anima-age-earth-app .clock-cell.implies{background:rgba(48,209,88,.07);border:1px solid rgba(48,209,88,.22)} #anima-age-earth-app .clock-cell.mainstream{background:rgba(255,159,10,.06);border:1px solid rgba(255,159,10,.2)} #anima-age-earth-app .clock-cell.fail{background:rgba(255,107,107,.06);border:1px solid rgba(255,107,107,.2)} #anima-age-earth-app .clock-cell-label{font-size:.58rem;font-weight:900;text-transform:uppercase;letter-spacing:.10em;color:var(--muted);margin-bottom:.2rem} #anima-age-earth-app .clock-cell-val{font-size:.82rem;font-weight:700;line-height:1.35} #anima-age-earth-app .clock-cell.measured .clock-cell-val{color:var(--crystal)} #anima-age-earth-app .clock-cell.implies .clock-cell-val{color:var(--green)} #anima-age-earth-app .clock-cell.mainstream .clock-cell-val{color:var(--orange)} #anima-age-earth-app .clock-cell.fail .clock-cell-val{color:var(--red)} /* ── COMPARISON TABLE ── */ #anima-age-earth-app .comp-table{width:100%;border-collapse:collapse;font-size:.76rem;margin:.8rem 0} #anima-age-earth-app .comp-table th{padding:.6rem .8rem;text-align:left;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.10em;color:var(--muted);border-bottom:1px solid var(--border)} #anima-age-earth-app .comp-table td{padding:.6rem .8rem;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:top} #anima-age-earth-app .comp-table tr:last-child td{border-bottom:none} #anima-age-earth-app .comp-table tr:hover td{background:rgba(255,255,255,.025)} #anima-age-earth-app .col-mainstream{color:rgba(255,107,107,.75)} #anima-age-earth-app .col-anima{color:rgba(48,209,88,.85)} #anima-age-earth-app .col-label{font-weight:800;color:var(--text)} /* ── PARADOX SCORECARD ── */ #anima-age-earth-app .paradox-cols{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:.8rem 0} #anima-age-earth-app .paradox-col{border-radius:12px;padding:.9rem} #anima-age-earth-app .paradox-col.survived{background:rgba(48,209,88,.06);border:1px solid rgba(48,209,88,.22)} #anima-age-earth-app .paradox-col.threatened{background:rgba(255,107,107,.06);border:1px solid rgba(255,107,107,.22)} #anima-age-earth-app .paradox-col-title{font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em;margin-bottom:.7rem} #anima-age-earth-app .paradox-col.survived .paradox-col-title{color:rgba(48,209,88,.7)} #anima-age-earth-app .paradox-col.threatened .paradox-col-title{color:rgba(255,107,107,.65)} #anima-age-earth-app .paradox-item{display:flex;align-items:flex-start;gap:.4rem;margin-bottom:.4rem;font-size:.75rem;color:rgba(196,216,255,.75);line-height:1.35} #anima-age-earth-app .paradox-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;margin-top:.3rem} #anima-age-earth-app .paradox-dot.green{background:var(--green)} #anima-age-earth-app .paradox-dot.red{background:var(--red)} /* ── SCRIPTURE ANCHOR ── */ #anima-age-earth-app .scripture-anchor{background:rgba(201,160,61,.07);border-left:3px solid rgba(201,160,61,.5);border-radius:0 10px 10px 0;padding:.6rem .9rem;margin:.6rem 0;font-size:.77rem;font-style:italic;color:#d4a855;line-height:1.5} #anima-age-earth-app .doctrine-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.6rem;font-weight:900;padding:.22rem .65rem;border-radius:999px;text-transform:uppercase;letter-spacing:.08em} #anima-age-earth-app .db-full{background:rgba(48,209,88,.12);border:1px solid rgba(48,209,88,.35);color:var(--green)} #anima-age-earth-app .db-p1{background:rgba(90,200,250,.10);border:1px solid rgba(90,200,250,.3);color:var(--crystal)} #anima-age-earth-app .db-wh{background:rgba(191,90,242,.10);border:1px solid rgba(191,90,242,.28);color:var(--purple)} /* ── TREE TABLE ── */ #anima-age-earth-app .tree-row{display:flex;align-items:center;gap:.6rem;padding:.5rem .7rem;border-radius:8px;margin-bottom:.3rem;background:var(--surface);border:1px solid var(--border)} #anima-age-earth-app .tree-name{font-size:.8rem;font-weight:800;flex:1} #anima-age-earth-app .tree-age{font-size:.9rem;font-weight:900;color:var(--gold-bright);min-width:70px;text-align:right} #anima-age-earth-app .tree-bar-wrap{flex:2;height:8px;background:rgba(255,255,255,.06);border-radius:4px;overflow:hidden} #anima-age-earth-app .tree-bar{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--gold),rgba(201,160,61,.5))} #anima-age-earth-app .tree-note{font-size:.62rem;color:var(--muted);min-width:160px;text-align:right} /* ── EXTINCTION TABLE ── */ #anima-age-earth-app .ext-row{display:grid;grid-template-columns:auto 1fr 1fr 1fr;gap:.5rem;padding:.6rem .8rem;border-bottom:1px solid rgba(255,255,255,.05);align-items:start} #anima-age-earth-app .ext-row:last-child{border-bottom:none} #anima-age-earth-app .ext-row-head{grid-template-columns:auto 1fr 1fr 1fr;background:rgba(255,255,255,.04);border-radius:8px 8px 0 0} #anima-age-earth-app .ext-num{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:900;flex-shrink:0} #anima-age-earth-app .ext-label{font-size:.7rem;font-weight:900;color:var(--text)} #anima-age-earth-app .ext-main{font-size:.7rem;color:rgba(255,107,107,.75);line-height:1.35} #anima-age-earth-app .ext-anima{font-size:.7rem;color:rgba(48,209,88,.8);line-height:1.35} /* ── CIVILIZATION TIMELINE ── */ #anima-age-earth-app .civ-row{display:flex;align-items:center;gap:.7rem;margin-bottom:.5rem} #anima-age-earth-app .civ-name{font-size:.78rem;font-weight:800;min-width:130px;flex-shrink:0} #anima-age-earth-app .civ-bar-wrap{flex:1;height:14px;position:relative;background:rgba(255,255,255,.04);border-radius:4px} #anima-age-earth-app .civ-bar{position:absolute;top:0;bottom:0;border-radius:4px;display:flex;align-items:center;padding-left:6px;font-size:.55rem;font-weight:900;white-space:nowrap} #anima-age-earth-app .civ-date{font-size:.68rem;color:var(--muted);min-width:80px;text-align:right;flex-shrink:0} /* ── ANIMA COHERENCE ── */ #anima-age-earth-app .coherence-row{display:flex;gap:.6rem;padding:.6rem .8rem;border-radius:10px;margin-bottom:.5rem;align-items:flex-start} #anima-age-earth-app .coherence-row.pass{background:rgba(48,209,88,.05);border:1px solid rgba(48,209,88,.18)} #anima-age-earth-app .coherence-row.perfect{background:rgba(201,160,61,.06);border:1px solid rgba(201,160,61,.25)} #anima-age-earth-app .coherence-icon{font-size:.9rem;flex-shrink:0;margin-top:1px} #anima-age-earth-app .coherence-title{font-size:.8rem;font-weight:900;color:var(--text);margin-bottom:2px} #anima-age-earth-app .coherence-body{font-size:.74rem;color:rgba(196,216,255,.72);line-height:1.44} /* ── MATH BOX ── */ #anima-age-earth-app .math-box{background:rgba(8,13,28,.9);border:1px solid rgba(90,200,250,.22);border-radius:12px;padding:1rem;margin:.7rem 0;font-family:ui-monospace,"SF Mono",monospace;font-size:.78rem;color:#9fd5ff;line-height:1.7} #anima-age-earth-app .math-comment{color:rgba(180,200,240,.4)} #anima-age-earth-app .math-result{color:var(--green);font-weight:900} /* ── FOOTER ── */ #anima-age-earth-app footer{text-align:center;padding:1.5rem;font-size:.65rem;color:rgba(180,200,240,.25);border-top:1px solid var(--border)} #anima-age-earth-app footer a{color:rgba(201,160,61,.4);text-decoration:none} @media (max-width:600px){ #anima-age-earth-app .paradox-cols{grid-template-columns:1fr} #anima-age-earth-app .clock-grid{grid-template-columns:1fr} #anima-age-earth-app .counter-duel{flex-direction:column;align-items:center} #anima-age-earth-app .ext-row{grid-template-columns:auto 1fr;gap:.3rem} #anima-age-earth-app .ext-main, #anima-age-earth-app .ext-anima{display:none} } /* ── ESCALATION CHART ── */ #anima-age-earth-app .esc-item{display:flex;align-items:flex-start;gap:.7rem;padding:.6rem .8rem;border-radius:10px;margin-bottom:.5rem;position:relative} #anima-age-earth-app .esc-item::before{content:"";position:absolute;left:1.6rem;top:100%;width:2px;height:.5rem;background:rgba(255,255,255,.1)} #anima-age-earth-app .esc-item:last-child::before{display:none} #anima-age-earth-app .esc-item.motive-evolution{background:rgba(255,107,107,.06);border:1px solid rgba(255,107,107,.18)} #anima-age-earth-app .esc-item.motive-neutral{background:rgba(90,200,250,.05);border:1px solid rgba(90,200,250,.15)} #anima-age-earth-app .esc-item.motive-theology{background:rgba(48,209,88,.05);border:1px solid rgba(48,209,88,.15)} #anima-age-earth-app .esc-year{font-size:.75rem;font-weight:900;min-width:50px;flex-shrink:0;margin-top:1px} #anima-age-earth-app .esc-year.red{color:var(--red)} #anima-age-earth-app .esc-year.crystal{color:var(--crystal)} #anima-age-earth-app .esc-year.green{color:var(--green)} #anima-age-earth-app .esc-name{font-size:.82rem;font-weight:800;margin-bottom:2px} #anima-age-earth-app .esc-claim{font-size:.75rem;color:rgba(196,216,255,.8);line-height:1.4;margin-bottom:3px} #anima-age-earth-app .esc-motive{font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em} #anima-age-earth-app .esc-motive.red{color:rgba(255,107,107,.7)} #anima-age-earth-app .esc-motive.crystal{color:rgba(90,200,250,.65)} #anima-age-earth-app .esc-motive.green{color:rgba(48,209,88,.6)} #anima-age-earth-app .esc-age{font-size:1rem;font-weight:900;min-width:100px;text-align:right;flex-shrink:0} /* ── KELVIN GAUGE ── */ #anima-age-earth-app .kelvin-bar{height:24px;border-radius:6px;position:relative;overflow:visible;margin:.5rem 0} #anima-age-earth-app .kelvin-segment{position:absolute;top:0;bottom:0;border-radius:6px} /* ── CAMBRIAN CHART ── */ #anima-age-earth-app .cambrian-bar-row{display:flex;align-items:center;gap:.6rem;margin-bottom:.4rem} #anima-age-earth-app .cambrian-period{font-size:.7rem;font-weight:800;min-width:140px;flex-shrink:0} #anima-age-earth-app .cambrian-bar-wrap{flex:1;height:22px;background:rgba(255,255,255,.04);border-radius:4px;overflow:hidden;position:relative} #anima-age-earth-app .cambrian-bar-fill{height:100%;border-radius:4px;display:flex;align-items:center;padding-left:6px;font-size:.62rem;font-weight:900;white-space:nowrap} #anima-age-earth-app .cambrian-count{min-width:40px;text-align:right;font-size:.8rem;font-weight:900} /* ── LIVING FOSSILS ── */ #anima-age-earth-app .fossil-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.7rem;margin:.7rem 0} #anima-age-earth-app .fossil-card{background:var(--surface);border-radius:12px;padding:.85rem;border:1px solid var(--border)} #anima-age-earth-app .fossil-card:hover{border-color:rgba(255,107,107,.3);background:rgba(255,107,107,.04)} #anima-age-earth-app .fossil-icon{font-size:1.6rem;margin-bottom:.4rem} #anima-age-earth-app .fossil-name{font-size:.82rem;font-weight:900;color:var(--text);margin-bottom:2px} #anima-age-earth-app .fossil-extinct{font-size:.72rem;color:var(--red);font-weight:800;margin-bottom:3px} #anima-age-earth-app .fossil-found{font-size:.72rem;color:var(--green);margin-bottom:.4rem} #anima-age-earth-app .fossil-verdict{font-size:.7rem;color:rgba(196,216,255,.65);line-height:1.4} /* ── GLACIER GIRL ── */ #anima-age-earth-app .glacier-diagram{background:var(--surface);border:1px solid rgba(90,200,250,.22);border-radius:14px;padding:1.1rem;margin:.7rem 0} #anima-age-earth-app .ice-layer{border-radius:4px;display:flex;align-items:center;padding:0 .7rem;font-size:.7rem;font-weight:800;transition:opacity .15s} #anima-age-earth-app .megafauna-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.7rem;margin:.7rem 0} #anima-age-earth-app .mega-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.85rem} #anima-age-earth-app .mega-icon{font-size:1.4rem;margin-bottom:.3rem} #anima-age-earth-app .mega-name{font-size:.82rem;font-weight:900;margin-bottom:3px} #anima-age-earth-app .mega-size{font-size:.75rem;color:var(--gold-bright);font-weight:800;margin-bottom:3px} #anima-age-earth-app .mega-reason{font-size:.7rem;color:rgba(196,216,255,.7);line-height:1.4} /* ── OBJECTIONS ── */ #anima-age-earth-app .objection-block{background:var(--surface);border-radius:14px;border:1px solid var(--border);margin-bottom:.8rem;overflow:hidden} #anima-age-earth-app .objection-head{padding:.8rem 1rem;background:rgba(255,107,107,.06);border-bottom:1px solid rgba(255,107,107,.18);font-size:.88rem;font-weight:900;color:var(--red)} #anima-age-earth-app .objection-body{padding:.9rem 1rem} #anima-age-earth-app .demolition-label{font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:var(--green);margin-bottom:.4rem} #anima-age-earth-app .demolition-body{font-size:.79rem;color:rgba(196,216,255,.8);line-height:1.5} #anima-age-earth-app .demolition-point{display:flex;gap:.5rem;margin-bottom:.4rem;font-size:.78rem;color:rgba(196,216,255,.75);line-height:1.4} #anima-age-earth-app .demo-dot{color:var(--green);font-weight:900;flex-shrink:0} /* ── V3 RABBIT HOLE SYSTEM ── */ #anima-age-earth-app{--v4-glow:0 0 22px rgba(201,160,61,.22),0 0 44px rgba(90,200,250,.08)} #anima-age-earth-app.light-mode{--bg:#f5f1e8;--surface:#fffaf0;--surface2:#f7ecd8;--text:#161a24;--muted:rgba(45,55,75,.62);--border:rgba(0,0,0,.12);background:var(--bg);color:var(--text)} #anima-age-earth-app .particle-field{position:absolute;inset:0;overflow:hidden;pointer-events:none}#anima-age-earth-app .particle-field i{position:absolute;width:3px;height:3px;border-radius:50%;background:rgba(240,200,74,.55);box-shadow:0 0 12px rgba(240,200,74,.55);animation:floatUp linear infinite}#anima-age-earth-app .particle-field i:nth-child(even){background:rgba(90,200,250,.45);box-shadow:0 0 10px rgba(90,200,250,.45)}@keyframes floatUp{from{transform:translateY(60px);opacity:0}20%{opacity:.75}to{transform:translateY(-240px);opacity:0}} #anima-age-earth-app .v4-command{max-width:1180px;margin:0 auto;padding:1rem;display:grid;grid-template-columns:1.15fr .85fr;gap:1rem}#anima-age-earth-app .v3-panel{background:rgba(8,13,28,.82);border:1px solid var(--border);border-radius:18px;padding:1rem;box-shadow:var(--v3-glow);backdrop-filter:blur(14px)}#anima-age-earth-app.light-mode .v3-panel{background:rgba(255,250,240,.88)}#anima-age-earth-app .v3-panel-title{font-size:.72rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-bright);margin-bottom:.65rem}#anima-age-earth-app .v3-actions{display:flex;flex-wrap:wrap;gap:.45rem}#anima-age-earth-app .v3-btn{border:1px solid rgba(201,160,61,.28);background:rgba(201,160,61,.10);color:var(--gold-bright);border-radius:999px;padding:.42rem .75rem;font-size:.68rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;font-family:var(--ff)}#anima-age-earth-app .v3-btn:hover{background:rgba(201,160,61,.18);box-shadow:0 0 18px rgba(201,160,61,.16)}#anima-age-earth-app .v3-btn.crystal{border-color:rgba(90,200,250,.28);background:rgba(90,200,250,.09);color:var(--crystal)}#anima-age-earth-app .v3-btn.red{border-color:rgba(255,107,107,.25);background:rgba(255,107,107,.08);color:var(--red)} #anima-age-earth-app .evidence-web{position:relative;height:360px;border-radius:18px;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(201,160,61,.10),transparent 45%),linear-gradient(180deg,rgba(255,255,255,.035),transparent);border:1px solid var(--border)}#anima-age-earth-app .web-svg{position:absolute;inset:0;width:100%;height:100%;opacity:.75}#anima-age-earth-app .web-node{position:absolute;transform:translate(-50%,-50%);width:84px;height:84px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;padding:.35rem;background:rgba(8,13,28,.88);border:1px solid rgba(201,160,61,.34);box-shadow:0 0 20px rgba(201,160,61,.18);cursor:pointer;transition:.18s}#anima-age-earth-app .web-node:hover, #anima-age-earth-app .web-node.active{scale:1.08;border-color:var(--gold-bright);box-shadow:0 0 26px rgba(240,200,74,.35)}#anima-age-earth-app .web-node span{font-size:.58rem;font-weight:900;line-height:1.08;color:var(--text)}#anima-age-earth-app.light-mode .web-node{background:rgba(255,250,240,.96)} #anima-age-earth-app .conviction{position:sticky;top:66px;z-index:35}#anima-age-earth-app .meter-track{height:12px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden;border:1px solid var(--border)}#anima-age-earth-app .meter-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--green),var(--crystal),var(--gold-bright));transition:width .3s}#anima-age-earth-app .meter-line{display:flex;justify-content:space-between;gap:.5rem;font-size:.7rem;color:var(--muted);margin:.5rem 0 .7rem}#anima-age-earth-app .radar{width:100%;height:240px}#anima-age-earth-app .quote-ticker{min-height:80px;border-radius:14px;border:1px solid rgba(191,90,242,.22);background:rgba(191,90,242,.06);padding:.8rem;font-size:.77rem;color:rgba(220,230,255,.78);line-height:1.45}#anima-age-earth-app .quote-ticker b{color:var(--purple)}#anima-age-earth-app.light-mode .quote-ticker{color:rgba(30,35,55,.74)} #anima-age-earth-app .v3-lab{max-width:1180px;margin:0 auto;padding:0 1rem 1.2rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}#anima-age-earth-app .lab-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1rem;min-height:220px}#anima-age-earth-app .lab-card.wide{grid-column:span 2}#anima-age-earth-app .slider-row{display:grid;grid-template-columns:90px 1fr 74px;gap:.55rem;align-items:center;margin:.55rem 0;font-size:.72rem;color:var(--muted)}#anima-age-earth-app input[type=range]{width:100%;accent-color:#c9a03d}#anima-age-earth-app .result-num{font-size:1.55rem;font-weight:900;color:var(--gold-bright);letter-spacing:-.03em}#anima-age-earth-app .mini-chart{height:58px;border-radius:10px;background:rgba(255,255,255,.05);position:relative;overflow:hidden;margin-top:.6rem}#anima-age-earth-app .mini-bar{height:100%;width:8%;background:linear-gradient(90deg,rgba(48,209,88,.35),rgba(240,200,74,.65));border-radius:10px;transition:width .25s}#anima-age-earth-app .scale-track{height:34px;background:rgba(255,255,255,.05);border-radius:999px;overflow:hidden;margin:.7rem 0;position:relative}#anima-age-earth-app .scale-tiny{position:absolute;left:10px;top:0;bottom:0;width:1px;background:var(--green)}#anima-age-earth-app .scale-giant{height:100%;width:100%;background:linear-gradient(90deg,rgba(255,107,107,.18),rgba(255,107,107,.58));animation:pulseRed 2s infinite}@keyframes pulseRed{50%{filter:brightness(1.4)}}#anima-age-earth-app .preflood-visual{height:150px;border-radius:14px;background:linear-gradient(90deg,rgba(48,209,88,.20),rgba(90,200,250,.16),rgba(255,107,107,.12));position:relative;overflow:hidden}#anima-age-earth-app .preflood-divider{position:absolute;top:0;bottom:0;width:3px;background:#fff;left:50%;box-shadow:0 0 18px #fff}#anima-age-earth-app .preflood-label{position:absolute;top:10px;font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}#anima-age-earth-app .preflood-label.left{left:12px;color:var(--green)}#anima-age-earth-app .preflood-label.right{right:12px;color:var(--red)}#anima-age-earth-app .section-header:hover{box-shadow:var(--v3-glow)}#anima-age-earth-app .section-body.open{animation:v3Unlock .28s cubic-bezier(.2,.9,.2,1)}@keyframes v3Unlock{from{opacity:0;transform:translateY(-12px) scale(.992);filter:blur(2px)}to{opacity:1;transform:none;filter:none}} #anima-age-earth-app .connect-row{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem;margin-top:1rem;padding-top:.8rem;border-top:1px solid var(--border)}#anima-age-earth-app .connect-label{font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.10em;color:var(--muted);margin-right:.2rem}#anima-age-earth-app .share-proof{margin-top:.65rem;display:inline-flex}#anima-age-earth-app .proof-pop{position:fixed;left:50%;bottom:86px;transform:translateX(-50%);background:rgba(8,13,28,.96);border:1px solid rgba(48,209,88,.35);color:var(--green);padding:.7rem 1rem;border-radius:999px;font-size:.75rem;font-weight:900;z-index:100;box-shadow:0 0 30px rgba(0,0,0,.4)}#anima-age-earth-app .v3-bottom{display:none;position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:90;background:rgba(8,13,28,.92);border:1px solid rgba(201,160,61,.30);border-radius:999px;padding:.6rem .9rem;box-shadow:0 0 25px rgba(0,0,0,.35);backdrop-filter:blur(14px)} #anima-age-earth-app .v3-expansion{max-width:1100px;margin:0 auto 1.4rem;padding:0 1rem}#anima-age-earth-app .extra-clock-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}#anima-age-earth-app .extra-clock{background:rgba(201,160,61,.06);border:1px solid rgba(201,160,61,.22);border-radius:14px;padding:.9rem}#anima-age-earth-app .extra-clock strong{color:var(--gold-bright)} @media (max-width:900px){#anima-age-earth-app .v3-command, #anima-age-earth-app .v3-lab{grid-template-columns:1fr}#anima-age-earth-app .lab-card.wide{grid-column:auto}#anima-age-earth-app .conviction{position:relative;top:auto}#anima-age-earth-app .v3-bottom{display:block}#anima-age-earth-app .evidence-web{height:315px}#anima-age-earth-app .web-node{width:72px;height:72px}#anima-age-earth-app .web-node span{font-size:.52rem}} @media (max-width:600px){#anima-age-earth-app .v3-command{padding:.7rem}#anima-age-earth-app .v3-lab{padding:.7rem}#anima-age-earth-app .slider-row{grid-template-columns:1fr}#anima-age-earth-app .evidence-web{height:300px}#anima-age-earth-app .web-node{width:62px;height:62px}#anima-age-earth-app .web-node span{font-size:.47rem}#anima-age-earth-app .radar{height:210px}} @media print{#anima-age-earth-app .filter-bar, #anima-age-earth-app .v3-actions, #anima-age-earth-app .v3-bottom, #anima-age-earth-app .conviction, #anima-age-earth-app .evidence-web{display:none!important}#anima-age-earth-app .section-body{display:block!important}#anima-age-earth-app .section-header{break-after:avoid}#anima-age-earth-app .section-block{break-inside:avoid}} /* ── LIVING FOSSIL FLIP CARDS ── */ #anima-age-earth-app .flip-card{perspective:800px;cursor:pointer;height:200px} #anima-age-earth-app .flip-card-inner{position:relative;width:100%;height:100%;transition:transform .55s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d} #anima-age-earth-app .flip-card:hover .flip-card-inner, #anima-age-earth-app .flip-card.flipped .flip-card-inner{transform:rotateY(180deg)} #anima-age-earth-app .flip-front, #anima-age-earth-app .flip-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:12px;padding:.85rem;display:flex;flex-direction:column;justify-content:space-between} #anima-age-earth-app .flip-front{background:linear-gradient(135deg,rgba(8,13,28,.95),rgba(20,35,60,.9));border:1px solid rgba(255,107,107,.3);filter:grayscale(0.7) contrast(1.1)} #anima-age-earth-app .flip-back{background:rgba(48,209,88,.08);border:1px solid rgba(48,209,88,.3);transform:rotateY(180deg)} #anima-age-earth-app .flip-label{font-size:.58rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em} /* ══ V5 LAYOUT: SIDEBAR ══ */ #anima-age-earth-app .page-wrap{max-width:1200px;margin:0 auto;padding:0 1rem 4rem;display:grid;grid-template-columns:1fr 320px;gap:1.2rem;align-items:start} #anima-age-earth-app .content-col{min-width:0} #anima-age-earth-app .sidebar-col{position:sticky;top:76px;display:flex;flex-direction:column;gap:.8rem} #anima-age-earth-app .sidebar-panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1rem;overflow:hidden} #anima-age-earth-app .sidebar-title{font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.14em;color:var(--gold);margin-bottom:.7rem;display:flex;align-items:center;gap:.4rem} #anima-age-earth-app .sidebar-toggle{display:none} /* Compact slider rows for sidebar */ #anima-age-earth-app .sb-slider-row{display:grid;grid-template-columns:60px 1fr 56px;gap:.4rem;align-items:center;margin:.4rem 0;font-size:.7rem;color:var(--muted)} #anima-age-earth-app .sb-slider-row input[type=range]{accent-color:var(--gold)} #anima-age-earth-app .sb-result{font-size:1.3rem;font-weight:900;color:var(--gold-bright);margin:.5rem 0 .3rem} #anima-age-earth-app .sb-result-sub{font-size:.68rem;color:var(--muted);line-height:1.35;margin-bottom:.4rem} #anima-age-earth-app .sb-preset-row{display:flex;gap:.4rem;margin:.4rem 0} #anima-age-earth-app .sb-btn{flex:1;padding:.35rem .4rem;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--muted);font-size:.62rem;font-weight:900;cursor:pointer;text-transform:uppercase;letter-spacing:.06em;font-family:var(--ff);transition:all .12s} #anima-age-earth-app .sb-btn:hover, #anima-age-earth-app .sb-btn.active{background:rgba(201,160,61,.15);border-color:var(--gold-dim);color:var(--gold-bright)} #anima-age-earth-app .sb-btn.red{border-color:rgba(255,107,107,.25);color:rgba(255,107,107,.7)} #anima-age-earth-app .sb-btn.red:hover{background:rgba(255,107,107,.1);color:var(--red)} #anima-age-earth-app .sb-bar-wrap{height:8px;background:rgba(255,255,255,.06);border-radius:4px;margin:.3rem 0;overflow:hidden} #anima-age-earth-app .sb-bar{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--green),var(--gold-bright));transition:width .3s} #anima-age-earth-app .scale-track{position:relative;height:14px;background:rgba(255,107,107,.4);border-radius:4px;margin:.5rem 0;overflow:hidden} #anima-age-earth-app .scale-tiny{position:absolute;left:0;top:0;bottom:0;width:.13%;background:var(--green);border-radius:2px} #anima-age-earth-app .preflood-visual{height:90px;border-radius:8px;overflow:hidden;position:relative;cursor:ew-resize;user-select:none} #anima-age-earth-app .preflood-left{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(135deg,rgba(48,209,88,.18),rgba(48,120,88,.08));border-right:2px solid rgba(255,255,255,.3);display:flex;flex-direction:column;justify-content:center;padding:0 .5rem} #anima-age-earth-app .preflood-right{position:absolute;right:0;top:0;bottom:0;background:linear-gradient(135deg,rgba(255,107,107,.12),rgba(100,20,20,.08));display:flex;flex-direction:column;justify-content:center;align-items:flex-end;padding:0 .5rem} #anima-age-earth-app .pf-stat{font-size:.58rem;font-weight:900;line-height:1.4} #anima-age-earth-app .pf-stat.green{color:var(--green)} #anima-age-earth-app .pf-stat.red{color:var(--red)} /* Floating mobile tools button */ #anima-age-earth-app .tools-fab{display:none;position:fixed;bottom:1.2rem;right:1.2rem;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--surface2),rgba(10,30,60,.95));border:1px solid var(--gold-dim);color:var(--gold-bright);font-size:1.2rem;cursor:pointer;z-index:100;box-shadow:0 8px 30px rgba(0,0,0,.4);align-items:center;justify-content:center} #anima-age-earth-app .tools-sheet{display:none;position:fixed;bottom:0;left:0;right:0;background:rgba(8,13,28,.97);border-top:1px solid var(--border);border-radius:20px 20px 0 0;z-index:101;padding:1.2rem;max-height:80vh;overflow-y:auto;transform:translateY(100%);transition:transform .3s ease} #anima-age-earth-app .tools-sheet.open{transform:translateY(0)} #anima-age-earth-app .tools-sheet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem} /* Live clock tickers */ #anima-age-earth-app .live-clock{background:rgba(90,200,250,.06);border:1px solid rgba(90,200,250,.18);border-radius:10px;padding:.6rem .8rem;margin:.4rem 0;display:flex;justify-content:space-between;align-items:center} #anima-age-earth-app .lc-label{font-size:.65rem;color:var(--muted);flex:1} #anima-age-earth-app .lc-val{font-size:.78rem;font-weight:900;color:var(--crystal);min-width:120px;text-align:right;font-family:ui-monospace,"SF Mono",monospace} /* Lifespan decay chart */ #anima-age-earth-app .lifespan-chart{position:relative;height:140px;margin:.6rem 0;overflow:hidden} @media (max-width:900px){ #anima-age-earth-app .page-wrap{grid-template-columns:1fr;padding:0 .7rem 4rem} #anima-age-earth-app .sidebar-col{display:none} #anima-age-earth-app .tools-fab{display:flex} } /* ══ NODE NETWORK ══ */ #anima-age-earth-app .node-network{position:relative;width:100%;height:260px;border-radius:12px;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,rgba(201,160,61,.07) 0%,transparent 65%),rgba(4,6,14,.5);cursor:default} #anima-age-earth-app .node-network svg{width:100%;height:100%;overflow:visible} #anima-age-earth-app .nd-tooltip{position:absolute;background:rgba(4,6,14,.96);border:1px solid rgba(201,160,61,.3);border-radius:10px;padding:.55rem .75rem;font-size:.68rem;color:var(--text);pointer-events:none;z-index:50;max-width:190px;line-height:1.45;box-shadow:0 8px 24px rgba(0,0,0,.5);display:none;transform:translateX(-50%)} #anima-age-earth-app .nd-tooltip.show{display:block} #anima-age-earth-app .nd-tooltip strong{color:var(--gold-bright);display:block;margin-bottom:.2rem;font-size:.72rem} /* Cross-reference pills */ #anima-age-earth-app .xref-row{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.75rem;padding-top:.55rem;border-top:1px solid rgba(255,255,255,.07)} #anima-age-earth-app .xref-lbl{font-size:.58rem;font-weight:900;text-transform:uppercase;letter-spacing:.10em;color:var(--muted);flex-basis:100%;margin-bottom:.1rem} #anima-age-earth-app .xp{padding:.25rem .65rem;border-radius:999px;border:1px solid;font-size:.64rem;font-weight:800;cursor:pointer;transition:all .12s;background:transparent;font-family:var(--ff)} #anima-age-earth-app .xp:hover{transform:translateY(-1px);filter:brightness(1.2)} /* Section number badge */ #anima-age-earth-app .sec-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;font-size:.65rem;font-weight:900;margin-right:.4rem;flex-shrink:0} /* Instrument tabs */ #anima-age-earth-app .inst-tab-content > div{animation:fadeIn .15s ease} /* ══ V6.1 REPAIR LAYER — runtime fixes, stronger hierarchy, working network ══ */ #anima-age-earth-app .f-chip.active{border-color:rgba(240,200,74,.75)!important;background:linear-gradient(180deg,rgba(201,160,61,.28),rgba(201,160,61,.12))!important;color:#fff6d7!important;box-shadow:0 0 0 1px rgba(240,200,74,.15),0 0 24px rgba(201,160,61,.12)!important} #anima-age-earth-app .conviction{padding:.55rem 1rem;background:rgba(4,6,14,.94);border-bottom:1px solid rgba(201,160,61,.16);backdrop-filter:blur(14px)} #anima-age-earth-app .section-header{scroll-margin-top:112px}#anima-age-earth-app .section-header.anima-jump{outline:2px solid rgba(240,200,74,.65);box-shadow:0 0 0 5px rgba(240,200,74,.12),0 0 32px rgba(240,200,74,.18)} #anima-age-earth-app .sec-num{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:8px;margin-right:.1rem;background:rgba(201,160,61,.12);border:1px solid rgba(201,160,61,.32);color:var(--gold-bright);font-size:.68rem;font-weight:950;box-shadow:inset 0 1px 0 rgba(255,255,255,.07)} #anima-age-earth-app .node-network{min-height:260px}#anima-age-earth-app .nd-node circle, #anima-age-earth-app .nd-node text, #anima-age-earth-app .nd-edge{transition:all .18s ease}#anima-age-earth-app .nd-node:hover circle, #anima-age-earth-app .nd-node.active circle, #anima-age-earth-app .nd-node.current circle{filter:drop-shadow(0 0 12px currentColor);stroke-width:2.6}#anima-age-earth-app .nd-node.active circle{fill:rgba(240,200,74,.20)!important}#anima-age-earth-app .nd-node.current circle{stroke:#fff!important}#anima-age-earth-app .nd-node.active text, #anima-age-earth-app .nd-node.current text{font-weight:950}#anima-age-earth-app .nd-edge.active{stroke:rgba(240,200,74,.46)!important;stroke-width:2.2!important}#anima-age-earth-app .nd-tooltip{will-change:transform;max-width:205px}#anima-age-earth-app .xref-row{align-items:center}#anima-age-earth-app .xp{background:rgba(255,255,255,.025)}#anima-age-earth-app .xp:hover{background:rgba(201,160,61,.10)!important;box-shadow:0 0 18px rgba(201,160,61,.12)} #anima-age-earth-app .aoe-side-by-side{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;margin:.55rem 0}#anima-age-earth-app .aoe-scenario{border:1px solid var(--border);border-radius:10px;padding:.45rem;background:rgba(255,255,255,.035)}#anima-age-earth-app .aoe-scenario.good{border-color:rgba(48,209,88,.22);background:rgba(48,209,88,.055)}#anima-age-earth-app .aoe-scenario.bad{border-color:rgba(255,107,107,.22);background:rgba(255,107,107,.045)}#anima-age-earth-app .aoe-scenario b{display:block;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.25rem}#anima-age-earth-app .aoe-scenario.good b{color:var(--green)}#anima-age-earth-app .aoe-scenario.bad b{color:var(--red)}#anima-age-earth-app .aoe-scenario span{display:block;font-size:.63rem;color:rgba(200,218,255,.72);line-height:1.35}#anima-age-earth-app .aoe-scenario strong{font-size:.76rem;color:#fff}#anima-age-earth-app .aoe-repair-note{border:1px solid rgba(90,200,250,.22);background:rgba(90,200,250,.055);border-radius:12px;padding:.65rem;margin:.65rem 0;font-size:.72rem;color:rgba(220,238,255,.78);line-height:1.45} @media (max-width:900px){#anima-age-earth-app .conviction{position:sticky;top:0;z-index:38}#anima-age-earth-app .section-header{scroll-margin-top:150px}#anima-age-earth-app .node-network{height:250px}#anima-age-earth-app .aoe-side-by-side{grid-template-columns:1fr}} /* ═══════════════════════════════════════════════════════════════ V7 CASE ENGINE: density, command center, instruments, modes ═══════════════════════════════════════════════════════════════ */ #anima-age-earth-app .v7-commandbar{max-width:1200px;margin:.85rem auto 0;padding:0 1rem;display:grid;grid-template-columns:auto minmax(260px,1fr) auto;gap:.7rem;align-items:start} #anima-age-earth-app .v7-modebar, #anima-age-earth-app .v7-quick-actions{display:flex;gap:.35rem;flex-wrap:wrap}#anima-age-earth-app .v7-searchbox{position:relative}#anima-age-earth-app .v7-searchbox input{width:100%;height:42px;border-radius:14px;border:1px solid rgba(201,160,61,.24);background:rgba(8,13,28,.86);color:var(--text);padding:0 .9rem;font-family:var(--ff);font-size:.82rem;outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}#anima-age-earth-app .v7-searchbox input:focus{border-color:rgba(240,200,74,.66);box-shadow:0 0 22px rgba(201,160,61,.10), inset 0 1px 0 rgba(255,255,255,.06)} #anima-age-earth-app .v7-results{display:none;position:absolute;left:0;right:0;top:48px;z-index:80;max-height:320px;overflow:auto;border:1px solid rgba(201,160,61,.28);border-radius:14px;background:rgba(4,6,14,.98);box-shadow:0 18px 45px rgba(0,0,0,.55)}#anima-age-earth-app .v7-results.open{display:block}#anima-age-earth-app .v7-result{display:block;width:100%;text-align:left;padding:.75rem .85rem;border:0;border-bottom:1px solid rgba(255,255,255,.06);background:transparent;color:var(--text);cursor:pointer;font-family:var(--ff)}#anima-age-earth-app .v7-result:hover{background:rgba(201,160,61,.10)}#anima-age-earth-app .v7-result b{display:block;color:var(--gold-bright);font-size:.78rem}#anima-age-earth-app .v7-result span{display:block;font-size:.7rem;color:var(--muted);margin-top:.15rem;line-height:1.35}#anima-age-earth-app .v7-btn{border:1px solid rgba(201,160,61,.28);background:rgba(201,160,61,.10);color:var(--gold-bright);border-radius:12px;padding:.55rem .75rem;font-size:.68rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;font-family:var(--ff);white-space:nowrap}#anima-age-earth-app .v7-btn:hover, #anima-age-earth-app .v7-btn.active{background:rgba(201,160,61,.18);border-color:rgba(240,200,74,.55);box-shadow:0 0 18px rgba(201,160,61,.12)}#anima-age-earth-app .v7-btn.crystal{border-color:rgba(90,200,250,.28);background:rgba(90,200,250,.08);color:var(--crystal)}#anima-age-earth-app .v7-btn.green{border-color:rgba(48,209,88,.28);background:rgba(48,209,88,.08);color:var(--green)}#anima-age-earth-app .v7-btn.red{border-color:rgba(255,107,107,.24);background:rgba(255,107,107,.08);color:var(--red)} #anima-age-earth-app .v7-part-label{margin:1.2rem 0 .7rem;display:flex;align-items:center;gap:.7rem;color:var(--gold-bright);font-weight:900;font-size:.72rem;text-transform:uppercase;letter-spacing:.16em}#anima-age-earth-app .v7-part-label:before, #anima-age-earth-app .v7-part-label:after{content:"";height:1px;background:linear-gradient(90deg,rgba(201,160,61,.0),rgba(201,160,61,.32));flex:1}#anima-age-earth-app .v7-part-label:before{display:none}#anima-age-earth-app .v7-section-intro{border:1px solid rgba(201,160,61,.23);border-radius:14px;background:linear-gradient(135deg,rgba(201,160,61,.08),rgba(90,200,250,.04));padding:1rem;margin:.75rem 0}#anima-age-earth-app .v7-section-intro b{color:var(--gold-bright)}#anima-age-earth-app .v7-section-intro p{font-size:.83rem;color:rgba(220,233,255,.78);line-height:1.55;margin:.3rem 0 0}#anima-age-earth-app .v7-density-pack{margin:1rem 0;border:1px solid rgba(90,200,250,.18);border-radius:16px;background:rgba(6,12,24,.55);padding:1rem}#anima-age-earth-app .v7-density-title{font-size:.66rem;color:var(--gold-bright);font-weight:900;text-transform:uppercase;letter-spacing:.13em;margin-bottom:.7rem}#anima-age-earth-app .v7-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}#anima-age-earth-app .v7-card{border:1px solid rgba(255,255,255,.08);border-radius:14px;background:var(--surface);padding:.9rem;position:relative;overflow:hidden}#anima-age-earth-app .v7-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 0% 0%,rgba(240,200,74,.08),transparent 45%);pointer-events:none}#anima-age-earth-app .v7-card.green{border-color:rgba(48,209,88,.22);background:rgba(48,209,88,.045)}#anima-age-earth-app .v7-card.red{border-color:rgba(255,107,107,.22);background:rgba(255,107,107,.045)}#anima-age-earth-app .v7-card.crystal{border-color:rgba(90,200,250,.22);background:rgba(90,200,250,.045)}#anima-age-earth-app .v7-card.gold{border-color:rgba(201,160,61,.24);background:rgba(201,160,61,.055)}#anima-age-earth-app .v7-card.purple{border-color:rgba(191,90,242,.22);background:rgba(191,90,242,.045)}#anima-age-earth-app .v7-card h4{font-size:.82rem;color:var(--text);margin-bottom:.35rem}#anima-age-earth-app .v7-card p, #anima-age-earth-app .v7-card li{font-size:.76rem;color:rgba(205,220,250,.78);line-height:1.48;margin:0}#anima-age-earth-app .v7-card ul{padding-left:1rem}#anima-age-earth-app .v7-tagline{font-size:.6rem;text-transform:uppercase;letter-spacing:.12em;color:var(--gold);font-weight:900;margin-bottom:.35rem}#anima-age-earth-app .v7-big-num{font-size:1.6rem;line-height:1;font-weight:900;color:var(--gold-bright);letter-spacing:-.03em;margin:.35rem 0}#anima-age-earth-app .v7-audit{margin-top:.55rem}#anima-age-earth-app .v7-audit summary{cursor:pointer;color:var(--crystal);font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900}#anima-age-earth-app .v7-audit div{margin-top:.45rem;border-top:1px solid rgba(255,255,255,.06);padding-top:.45rem;font-size:.7rem;color:rgba(205,220,250,.72);line-height:1.45}#anima-age-earth-app .v7-ladder{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem;margin:.85rem 0}#anima-age-earth-app .v7-ladder-step{border:1px solid rgba(201,160,61,.24);border-radius:12px;padding:.7rem;background:rgba(201,160,61,.055);min-height:92px}#anima-age-earth-app .v7-ladder-step b{display:block;color:var(--gold-bright);font-size:.74rem}#anima-age-earth-app .v7-ladder-step span{display:block;color:var(--muted);font-size:.65rem;line-height:1.35;margin-top:.25rem}#anima-age-earth-app .v7-ladder-step.done{border-color:rgba(48,209,88,.35);background:rgba(48,209,88,.06)} #anima-age-earth-app .v7-timeline-ledger{display:grid;gap:.5rem;margin:.75rem 0}#anima-age-earth-app .v7-ledger-row{display:grid;grid-template-columns:125px 1fr 110px;gap:.7rem;align-items:center;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.035);padding:.65rem}#anima-age-earth-app .v7-ledger-row b{color:var(--gold-bright);font-size:.78rem}#anima-age-earth-app .v7-ledger-row span{color:rgba(205,220,250,.78);font-size:.75rem}#anima-age-earth-app .v7-ledger-row strong{color:var(--green);font-size:.85rem;text-align:right}#anima-age-earth-app .v7-silence-bar{height:34px;border-radius:999px;background:rgba(255,107,107,.22);position:relative;overflow:hidden;border:1px solid rgba(255,107,107,.24);margin:.8rem 0}#anima-age-earth-app .v7-silence-active{position:absolute;right:0;top:0;bottom:0;width:2.75%;background:linear-gradient(90deg,var(--green),var(--gold-bright));box-shadow:0 0 18px rgba(48,209,88,.35)}#anima-age-earth-app .v7-silence-labels{display:flex;justify-content:space-between;font-size:.66rem;color:var(--muted)}#anima-age-earth-app .v7-court{border-left:3px solid var(--gold);padding-left:.75rem;margin:.7rem 0}#anima-age-earth-app .v7-court b{color:var(--gold-bright)}#anima-age-earth-app .v7-court p{font-size:.78rem;color:rgba(205,220,250,.78);line-height:1.5}#anima-age-earth-app .v7-matrix{width:100%;border-collapse:collapse;font-size:.72rem}#anima-age-earth-app .v7-matrix th, #anima-age-earth-app .v7-matrix td{border-bottom:1px solid rgba(255,255,255,.07);padding:.55rem;text-align:left}#anima-age-earth-app .v7-matrix th{color:var(--gold);font-size:.6rem;text-transform:uppercase;letter-spacing:.1em}#anima-age-earth-app .v7-matrix td.good{color:var(--green);font-weight:900}#anima-age-earth-app .v7-matrix td.warn{color:var(--orange);font-weight:900}#anima-age-earth-app .v7-matrix td.bad{color:var(--red);font-weight:900}#anima-age-earth-app .v7-matrix td.mix{color:var(--crystal);font-weight:900}#anima-age-earth-app .v7-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(201,160,61,.3),transparent);margin:1rem 0}#anima-age-earth-app .v7-final-lock{border:1px solid rgba(201,160,61,.34);border-radius:18px;background:radial-gradient(circle at 50% 0%,rgba(201,160,61,.14),transparent 60%),rgba(8,13,28,.82);padding:1.1rem;text-align:center}#anima-age-earth-app .v7-final-lock h3{font-size:1.45rem;color:var(--gold-bright);margin-bottom:.35rem}#anima-age-earth-app .v7-final-lock p{color:rgba(220,233,255,.78);font-size:.85rem;line-height:1.55;max-width:750px;margin:0 auto}#anima-age-earth-app .v7-inst-grid{display:grid;gap:.5rem}#anima-age-earth-app .v7-mini-meter{height:9px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08)}#anima-age-earth-app .v7-mini-meter span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--green),var(--crystal),var(--gold-bright));width:50%}#anima-age-earth-app .v7-stack-viz{display:grid;gap:2px;border:1px solid rgba(255,255,255,.08);border-radius:10px;overflow:hidden;margin:.55rem 0}#anima-age-earth-app .v7-layer{padding:.4rem .55rem;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}#anima-age-earth-app .v7-layer:nth-child(1){background:rgba(90,200,250,.18);color:var(--crystal)}#anima-age-earth-app .v7-layer:nth-child(2){background:rgba(48,209,88,.16);color:var(--green)}#anima-age-earth-app .v7-layer:nth-child(3){background:rgba(255,159,10,.16);color:var(--orange)}#anima-age-earth-app .v7-layer:nth-child(4){background:rgba(191,90,242,.16);color:var(--purple)}#anima-age-earth-app .v7-layer:nth-child(5){background:rgba(255,107,107,.16);color:var(--red)}#anima-age-earth-app .v7-inst-note{font-size:.62rem;line-height:1.4;color:var(--muted);margin-top:.4rem}#anima-age-earth-app .v7-inst-result{font-size:1.05rem;font-weight:900;color:var(--gold-bright);margin:.45rem 0 .2rem}#anima-age-earth-app .v7-mini-table{width:100%;border-collapse:collapse;font-size:.62rem}#anima-age-earth-app .v7-mini-table td{padding:.32rem;border-bottom:1px solid rgba(255,255,255,.06)}#anima-age-earth-app .v7-mini-table td:last-child{text-align:right;font-weight:900}#anima-age-earth-app .v7-mini-table .good{color:var(--green)}#anima-age-earth-app .v7-mini-table .bad{color:var(--red)}#anima-age-earth-app .v7-mini-table .warn{color:var(--orange)} #anima-age-earth-app.quick-mode .v7-deep, #anima-age-earth-app.quick-mode .v7-audit, #anima-age-earth-app.quick-mode .card-body:not(.always), #anima-age-earth-app.quick-mode .demolition-body{display:none!important}#anima-age-earth-app.quick-mode .section-body{padding:.8rem}#anima-age-earth-app.court-mode .v7-density-pack:not(.court-keep), #anima-age-earth-app.court-mode .card-grid:not(.court-keep), #anima-age-earth-app.court-mode .clock-card:not(.court-keep), #anima-age-earth-app.court-mode .fossil-grid:not(.court-keep), #anima-age-earth-app.court-mode .megafauna-grid:not(.court-keep){display:none!important}#anima-age-earth-app.deep-mode .v7-deep{display:block}#anima-age-earth-app .node-network{height:300px}#anima-age-earth-app .nd-node.current circle{stroke-width:3!important;filter:drop-shadow(0 0 10px rgba(240,200,74,.5))}#anima-age-earth-app .nd-node.active circle{stroke-width:2.5!important}#anima-age-earth-app .nd-edge.active{stroke-width:2.2!important;stroke:rgba(240,200,74,.38)!important}#anima-age-earth-app .sb-btn.active{box-shadow:0 0 14px rgba(201,160,61,.16)} @media (max-width:900px){#anima-age-earth-app .v7-commandbar{grid-template-columns:1fr;gap:.5rem}#anima-age-earth-app .v7-quick-actions{display:none}#anima-age-earth-app .v7-ladder{grid-template-columns:1fr 1fr}#anima-age-earth-app .v7-ledger-row{grid-template-columns:1fr}#anima-age-earth-app .v7-ledger-row strong{text-align:left}#anima-age-earth-app .node-network{height:280px}}@media (max-width:520px){#anima-age-earth-app .v7-ladder{grid-template-columns:1fr}#anima-age-earth-app .v7-grid{grid-template-columns:1fr}#anima-age-earth-app .v7-modebar{overflow:auto;flex-wrap:nowrap}#anima-age-earth-app .v7-btn{font-size:.62rem}#anima-age-earth-app .v7-commandbar{padding:0 .7rem}} /* ── Tour bar ── */ #anima-age-earth-app .tour-bar{position:fixed;bottom:1.2rem;left:50%;transform:translateX(-50%);background:rgba(4,6,14,.96);border:1.5px solid rgba(201,160,61,.35);border-radius:16px;padding:.7rem 1rem;display:none;align-items:center;gap:.8rem;z-index:400;box-shadow:0 10px 36px rgba(0,0,0,.6);backdrop-filter:blur(14px);min-width:310px;max-width:90vw} #anima-age-earth-app .tour-bar.active{display:flex} #anima-age-earth-app .tour-info{flex:1;min-width:0} #anima-age-earth-app .tour-step{font-size:.58rem;font-weight:900;text-transform:uppercase;letter-spacing:.11em;color:rgba(201,160,61,.6);margin-bottom:.15rem} #anima-age-earth-app .tour-tip{font-size:.75rem;color:rgba(200,218,255,.8);line-height:1.33;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #anima-age-earth-app .tour-dots{display:flex;gap:3px;margin-top:.3rem;flex-wrap:wrap} #anima-age-earth-app .tour-dot{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.1);flex-shrink:0;transition:background .15s} #anima-age-earth-app .tour-dot.tdone{background:rgba(201,160,61,.38)}#anima-age-earth-app .tour-dot.tactive{background:var(--gold-bright);box-shadow:0 0 5px var(--gold)} #anima-age-earth-app .tour-btns{display:flex;gap:.3rem;flex-shrink:0;align-items:center} #anima-age-earth-app .tbtn{padding:.28rem .65rem;border-radius:8px;border:1px solid var(--border);background:rgba(255,255,255,.06);color:var(--text);font-size:.68rem;font-weight:800;cursor:pointer;font-family:var(--ff);transition:background .1s} #anima-age-earth-app .tbtn:hover{background:rgba(255,255,255,.11)}#anima-age-earth-app .tbtn.tprimary{background:rgba(201,160,61,.16);border-color:rgba(201,160,61,.35);color:var(--gold-bright)}#anima-age-earth-app .tbtn.tprimary:hover{background:rgba(201,160,61,.26)} #anima-age-earth-app .texit{font-size:.9rem;cursor:pointer;color:rgba(180,200,240,.3);padding:.1rem .2rem}#anima-age-earth-app .texit:hover{color:var(--red)} /* ── Jump bar ── */ #anima-age-earth-app .jump-bar{display:flex;gap:3px;padding:.4rem .8rem;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch} #anima-age-earth-app .jump-bar::-webkit-scrollbar{display:none} #anima-age-earth-app .jn{width:25px;height:25px;border-radius:5px;border:1px solid var(--border);background:transparent;color:rgba(180,200,240,.35);font-size:.62rem;font-weight:900;cursor:pointer;font-family:var(--ff);flex-shrink:0;transition:all .1s;display:inline-flex;align-items:center;justify-content:center} #anima-age-earth-app .jn:hover{background:rgba(201,160,61,.1);border-color:rgba(201,160,61,.3);color:var(--gold-bright)}#anima-age-earth-app .jn.jopen{background:rgba(201,160,61,.17);border-color:var(--gold);color:var(--gold-bright)} /* ── Key insight ── */ #anima-age-earth-app .key-insight{display:flex;gap:.4rem;align-items:flex-start;background:rgba(4,6,14,.65);border-left:2.5px solid var(--gold);padding:.4rem .6rem;margin-bottom:.8rem;border-radius:0 7px 7px 0;font-size:.76rem;color:rgba(200,218,255,.78);line-height:1.36} #anima-age-earth-app .ki-lbl{font-size:.57rem;font-weight:900;text-transform:uppercase;letter-spacing:.09em;color:var(--gold);white-space:nowrap;flex-shrink:0;margin-top:1px} /* ── KB help ── */ #anima-age-earth-app .kb-ov{position:fixed;inset:0;z-index:398;display:none}#anima-age-earth-app .kb-ov.show{display:block} #anima-age-earth-app .kb-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(4,6,14,.97);border:1px solid rgba(201,160,61,.28);border-radius:14px;padding:1.2rem 1.4rem;z-index:399;display:none;min-width:260px;box-shadow:0 20px 55px rgba(0,0,0,.7)} #anima-age-earth-app .kb-panel.show{display:block} #anima-age-earth-app .kb-panel h3{font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.13em;color:var(--gold);margin-bottom:.8rem} #anima-age-earth-app .kb-row{display:flex;justify-content:space-between;gap:1.2rem;margin:.24rem 0;font-size:.73rem} #anima-age-earth-app .kb-k{font-family:ui-monospace,monospace;background:rgba(255,255,255,.07);padding:.12rem .4rem;border-radius:4px;border:1px solid rgba(255,255,255,.1);color:var(--text);font-size:.67rem;white-space:nowrap} #anima-age-earth-app .kb-d{color:var(--muted)}#anima-age-earth-app .kb-cls{display:block;text-align:center;margin-top:.7rem;font-size:.62rem;color:rgba(180,200,240,.3);cursor:pointer}#anima-age-earth-app .kb-cls:hover{color:var(--muted)} /* ── Play btn ── */ #anima-age-earth-app .play-wrap{margin:.65rem 0 0;display:flex;align-items:center;justify-content:center;gap:.5rem} #anima-age-earth-app #tour-play-btn{width:40px;height:40px;border-radius:50%;background:rgba(201,160,61,.12);border:1.5px solid rgba(201,160,61,.36);color:var(--gold-bright);font-size:1rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .14s} #anima-age-earth-app #tour-play-btn:hover{background:rgba(201,160,61,.24);box-shadow:0 0 16px rgba(201,160,61,.28)} /* ═══════════════════════════════════════════════ ANIMA RESEARCH STATION ALPHA — Biology Lab S4 ═══════════════════════════════════════════════ */ #anima-age-earth-app .bio-lab{background:rgba(0,8,4,.92);border:1px solid rgba(90,200,250,.15);border-radius:18px;padding:1.1rem;position:relative;overflow:hidden;margin-top:.5rem} #anima-age-earth-app .bio-lab::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(90,200,250,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(90,200,250,.03) 1px,transparent 1px);background-size:28px 28px;pointer-events:none;z-index:0} #anima-age-earth-app .bio-lab>*{position:relative;z-index:1} #anima-age-earth-app .lab-header{display:flex;align-items:center;gap:.7rem;margin-bottom:1rem;padding-bottom:.6rem;border-bottom:1px solid rgba(90,200,250,.12)} #anima-age-earth-app .lab-title{font-family:ui-monospace,"SF Mono",monospace;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.16em;color:rgba(90,200,250,.8)} #anima-age-earth-app .lab-status{font-size:.58rem;background:rgba(48,209,88,.1);border:1px solid rgba(48,209,88,.25);border-radius:4px;padding:.1rem .45rem;color:var(--green);font-family:ui-monospace,monospace;animation:blink-status 2.4s infinite} @keyframes blink-status{0%,90%{opacity:1}95%{opacity:.4}100%{opacity:1}} #anima-age-earth-app .lab-tag{font-family:ui-monospace,monospace;font-size:.56rem;text-transform:uppercase;letter-spacing:.12em;color:rgba(90,200,250,.5)} /* Specimen jars */ #anima-age-earth-app .specimen-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:.55rem;margin-bottom:1.1rem} #anima-age-earth-app .specimen-jar{border:1px solid rgba(90,200,250,.18);border-radius:10px;background:rgba(0,12,20,.8);padding:.55rem .6rem;transition:all .22s;cursor:default;position:relative;overflow:hidden} #anima-age-earth-app .specimen-jar::after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(90,200,250,.35),transparent)} #anima-age-earth-app .specimen-jar:hover{border-color:rgba(90,200,250,.45);box-shadow:0 0 20px rgba(90,200,250,.1);transform:translateY(-2px)} #anima-age-earth-app .specimen-jar.verdict-win:hover{border-color:rgba(48,209,88,.45);box-shadow:0 0 20px rgba(48,209,88,.1)} #anima-age-earth-app .specimen-jar.verdict-fail:hover{border-color:rgba(255,107,107,.45);box-shadow:0 0 20px rgba(255,107,107,.1)} #anima-age-earth-app .spec-id{font-family:ui-monospace,monospace;font-size:.52rem;color:rgba(90,200,250,.4);margin-bottom:.25rem} #anima-age-earth-app .spec-name{font-size:.72rem;font-weight:900;color:rgba(200,218,255,.85);margin-bottom:.18rem;line-height:1.2} #anima-age-earth-app .spec-age{font-size:.82rem;font-weight:900;color:var(--crystal);margin:.2rem 0} #anima-age-earth-app .spec-verdict{font-size:.55rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;margin-top:.3rem;padding:.12rem .35rem;border-radius:4px;display:inline-block} #anima-age-earth-app .spec-verdict.win{background:rgba(48,209,88,.1);color:var(--green);border:1px solid rgba(48,209,88,.2)} #anima-age-earth-app .spec-verdict.fail{background:rgba(255,107,107,.1);color:var(--red);border:1px solid rgba(255,107,107,.2)} #anima-age-earth-app .spec-body{font-size:.63rem;color:rgba(180,200,240,.55);line-height:1.35;margin-top:.25rem;display:none} #anima-age-earth-app .specimen-jar:hover .spec-body{display:block} /* DNA Helix */ #anima-age-earth-app .helix-station{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-bottom:1.1rem;align-items:start} @media (max-width:700px){#anima-age-earth-app .helix-station{grid-template-columns:1fr}} #anima-age-earth-app .helix-wrap{background:rgba(0,10,20,.9);border:1px solid rgba(90,200,250,.18);border-radius:12px;padding:.7rem;text-align:center;position:relative} #anima-age-earth-app .helix-label{font-family:ui-monospace,monospace;font-size:.57rem;text-transform:uppercase;letter-spacing:.13em;color:rgba(90,200,250,.55);margin-bottom:.5rem} #anima-age-earth-app .helix-svg-wrap{display:inline-block;position:relative} #anima-age-earth-app .helix-counter{font-family:ui-monospace,monospace;font-size:.65rem;margin-top:.45rem;color:rgba(48,209,88,.7)} #anima-age-earth-app .helix-counter span{color:var(--green);font-weight:900} #anima-age-earth-app .entropy-bar-wrap{margin-top:.5rem;background:rgba(0,0,0,.3);border-radius:6px;height:8px;overflow:hidden;border:1px solid rgba(255,255,255,.06)} #anima-age-earth-app .entropy-bar-fill{height:100%;background:linear-gradient(90deg,var(--green),var(--gold),var(--red));border-radius:6px;transition:width 1s} /* Lab screens */ #anima-age-earth-app .lab-screens{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.45rem;margin-bottom:1.1rem} @media (max-width:700px){#anima-age-earth-app .lab-screens{grid-template-columns:1fr}} #anima-age-earth-app .lab-screen{background:rgba(0,12,6,.95);border:1px solid rgba(48,209,88,.18);border-radius:8px;padding:.6rem .7rem;font-family:ui-monospace,"SF Mono",monospace} #anima-age-earth-app .lab-screen.crystal{border-color:rgba(90,200,250,.18);background:rgba(0,6,14,.95)} #anima-age-earth-app .lab-screen.red-screen{border-color:rgba(255,107,107,.18);background:rgba(14,0,0,.95)} #anima-age-earth-app .ls-label{font-size:.52rem;text-transform:uppercase;letter-spacing:.13em;color:rgba(48,209,88,.5);margin-bottom:.3rem} #anima-age-earth-app .lab-screen.crystal .ls-label{color:rgba(90,200,250,.5)} #anima-age-earth-app .lab-screen.red-screen .ls-label{color:rgba(255,107,107,.5)} #anima-age-earth-app .ls-val{font-size:1.05rem;font-weight:900;color:var(--green);line-height:1.1} #anima-age-earth-app .lab-screen.crystal .ls-val{color:var(--crystal)} #anima-age-earth-app .lab-screen.red-screen .ls-val{color:var(--red)} #anima-age-earth-app .ls-sub{font-size:.58rem;color:rgba(48,209,88,.45);margin-top:.2rem;line-height:1.3} #anima-age-earth-app .lab-screen.crystal .ls-sub{color:rgba(90,200,250,.45)} #anima-age-earth-app .lab-screen.red-screen .ls-sub{color:rgba(255,107,107,.45)} #anima-age-earth-app .ls-pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:.35rem;animation:pulse-dot 1.8s infinite} @keyframes pulse-dot{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(48,209,88,.4)}50%{opacity:.7;box-shadow:0 0 0 5px rgba(48,209,88,0)}} /* Collagen slider */ #anima-age-earth-app .collagen-station{background:rgba(0,6,14,.9);border:1px solid rgba(255,107,107,.15);border-radius:12px;padding:.8rem;margin-bottom:.9rem} #anima-age-earth-app .collagen-track{margin:.5rem 0;position:relative} #anima-age-earth-app .collagen-input{width:100%;accent-color:var(--crystal);cursor:pointer} #anima-age-earth-app .collagen-indicator{height:10px;border-radius:5px;background:linear-gradient(90deg,var(--green) 0%,var(--gold) 40%,var(--red) 70%,rgba(255,0,0,.9) 100%);position:relative;margin:.35rem 0;border:1px solid rgba(255,255,255,.08)} #anima-age-earth-app .collagen-needle{position:absolute;top:-4px;width:2px;height:18px;background:white;border-radius:2px;transition:left .15s;box-shadow:0 0 6px white} #anima-age-earth-app .collagen-verdict{font-family:ui-monospace,monospace;font-size:.72rem;font-weight:900;margin-top:.4rem;min-height:1.2em;transition:color .2s} /* Population duel */ #anima-age-earth-app .pop-duel{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.9rem} @media (max-width:600px){#anima-age-earth-app .pop-duel{grid-template-columns:1fr}} #anima-age-earth-app .pop-screen{border-radius:10px;padding:.6rem;border:1px solid} #anima-age-earth-app .pop-screen.model-a{border-color:rgba(48,209,88,.25);background:rgba(0,12,4,.95)} #anima-age-earth-app .pop-screen.model-b{border-color:rgba(255,107,107,.25);background:rgba(14,0,0,.95)} #anima-age-earth-app .pop-canvas{width:100%;height:90px;display:block} #anima-age-earth-app .pop-label{font-family:ui-monospace,monospace;font-size:.55rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:.35rem} #anima-age-earth-app .pop-label.a{color:rgba(48,209,88,.6)} #anima-age-earth-app .pop-label.b{color:rgba(255,107,107,.6)} #anima-age-earth-app .pop-result{font-family:ui-monospace,monospace;font-size:.7rem;font-weight:900;margin-top:.3rem} #anima-age-earth-app .pop-result.a{color:var(--green)} #anima-age-earth-app .pop-result.b{color:var(--red);animation:blink-red 1.2s infinite} @keyframes blink-red{0%,100%{opacity:1}50%{opacity:.5}} /* Mutation slider */ #anima-age-earth-app .mutation-station{background:rgba(0,8,4,.9);border:1px solid rgba(48,209,88,.15);border-radius:12px;padding:.8rem;margin-bottom:.9rem} #anima-age-earth-app .mut-readout{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.55rem} #anima-age-earth-app .mut-box{background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.06);border-radius:7px;padding:.45rem .55rem;font-family:ui-monospace,monospace} #anima-age-earth-app .mut-box-label{font-size:.52rem;text-transform:uppercase;letter-spacing:.1em;color:rgba(180,200,240,.35);margin-bottom:.18rem} #anima-age-earth-app .mut-box-val{font-size:.85rem;font-weight:900;color:var(--green)} #anima-age-earth-app .mut-box-val.warning{color:var(--gold)} #anima-age-earth-app .mut-box-val.danger{color:var(--red)} /* Soft tissue specimen */ #anima-age-earth-app .soft-tissue-panel{border:1.5px solid rgba(255,107,107,.28);border-radius:12px;background:rgba(14,0,0,.85);padding:.8rem;margin-bottom:.9rem;position:relative;overflow:hidden} #anima-age-earth-app .soft-tissue-panel::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--red),transparent)} #anima-age-earth-app .overflow-bar{display:flex;align-items:center;gap:.4rem;margin:.45rem 0;height:22px} #anima-age-earth-app .overflow-track{flex:1;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.06);border-radius:4px;height:14px;position:relative;overflow:hidden} #anima-age-earth-app .overflow-fill-ok{height:100%;background:var(--green);border-radius:4px;transition:width .8s} #anima-age-earth-app .overflow-fill-over{height:100%;background:var(--red);border-radius:4px;position:absolute;right:0;top:0;animation:overflow-pulse .9s infinite} @keyframes overflow-pulse{0%,100%{opacity:1}50%{opacity:.6}} #anima-age-earth-app .overflow-arrow{font-size:.7rem;color:var(--red);font-weight:900;white-space:nowrap;animation:blink-red 1s infinite} /* Helix CSS animation */ @keyframes helixRotate{from{transform:rotateY(0deg)}to{transform:rotateY(360deg)}} /* ── Evidence Ticker ── */ #anima-age-earth-app .evidence-ticker{background:rgba(2,4,10,.97);border-bottom:1px solid rgba(201,160,61,.18);padding:0;height:28px;overflow:hidden;position:sticky;top:0;z-index:200;display:flex;align-items:center} #anima-age-earth-app .ticker-inner{display:flex;align-items:center;white-space:nowrap;animation:ticker-scroll 55s linear infinite} #anima-age-earth-app .ticker-inner:hover{animation-play-state:paused} #anima-age-earth-app .ticker-item{font-family:ui-monospace,"SF Mono",monospace;font-size:.6rem;color:rgba(201,160,61,.8);padding:0 1.8rem;flex-shrink:0} #anima-age-earth-app .ticker-sep{color:rgba(90,200,250,.35);font-size:.65rem;flex-shrink:0} @keyframes ticker-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}} /* ── Prosecution Intro ── */ #anima-age-earth-app .prosecution-overlay{position:fixed;inset:0;background:#000;z-index:2147483000;display:none;align-items:center;justify-content:center;flex-direction:column} #anima-age-earth-app .prosecution-overlay.fade-out{animation:prosecution-fade .8s ease forwards} @keyframes prosecution-fade{to{opacity:0;pointer-events:none}} #anima-age-earth-app .prosecution-text{font-family:ui-monospace,"SF Mono",monospace;color:rgba(201,160,61,.92);font-size:.82rem;line-height:2;text-align:left;max-width:520px;width:90vw} #anima-age-earth-app .prosecution-line{overflow:hidden;white-space:nowrap;max-width:0;animation:type-line .4s steps(40,end) forwards} #anima-age-earth-app .prosecution-line.dim{color:rgba(180,200,240,.4)} #anima-age-earth-app .prosecution-line.bright{color:var(--gold-bright);font-weight:900} #anima-age-earth-app .prosecution-line.divider{color:rgba(201,160,61,.25)} @keyframes type-line{to{max-width:100%}} #anima-age-earth-app .prosecution-skip{appearance:none;-webkit-appearance:none;background:transparent;position:absolute;bottom:1.5rem;right:1.5rem;font-family:ui-monospace,monospace;font-size:.62rem;color:rgba(180,200,240,.3);cursor:pointer;padding:.3rem .6rem;border:1px solid rgba(255,255,255,.08);border-radius:4px} #anima-age-earth-app .prosecution-skip:hover{color:rgba(180,200,240,.6)} /* ── Verdict Stamp ── */ #anima-age-earth-app .verdict-stamp-overlay{position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0} #anima-age-earth-app .verdict-stamp-overlay.show{animation:stamp-appear .6s cubic-bezier(.17,.67,.29,1.2) forwards} #anima-age-earth-app .verdict-stamp-overlay.hide{animation:stamp-hide .5s ease forwards} @keyframes stamp-appear{0%{opacity:0;transform:scale(2.5)}60%{opacity:1}100%{opacity:1;transform:scale(1)}} @keyframes stamp-hide{to{opacity:0}} #anima-age-earth-app .verdict-stamp{width:260px;height:260px;border:6px solid rgba(201,160,61,.8);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:rgba(4,6,14,.97);box-shadow:0 0 60px rgba(201,160,61,.4),inset 0 0 40px rgba(201,160,61,.08);padding:1rem} #anima-age-earth-app .verdict-stamp-title{font-size:.52rem;font-weight:900;text-transform:uppercase;letter-spacing:.18em;color:rgba(201,160,61,.6);margin-bottom:.3rem} #anima-age-earth-app .verdict-stamp-main{font-size:1.5rem;font-weight:900;color:var(--gold-bright);line-height:1.1;margin-bottom:.3rem} #anima-age-earth-app .verdict-stamp-sub{font-size:.6rem;color:rgba(200,218,255,.7);line-height:1.5} #anima-age-earth-app .verdict-stamp-seal{font-size:.52rem;font-weight:900;text-transform:uppercase;letter-spacing:.14em;color:rgba(201,160,61,.4);margin-top:.4rem;border-top:1px solid rgba(201,160,61,.2);padding-top:.35rem;width:100%} /* ── Ambient hero parallax ── */ #anima-age-earth-app .hero-stars{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0} #anima-age-earth-app .hero-stars::before, #anima-age-earth-app .hero-stars::after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.6);animation:star-drift 8s ease-in-out infinite alternate} #anima-age-earth-app .hero-stars::before{width:2px;height:2px;top:20%;left:30%;box-shadow:80px -40px 0 rgba(90,200,250,.4),200px 60px 0 rgba(201,160,61,.3),350px -20px 0 white,500px 40px 0 rgba(90,200,250,.3),650px -60px 0 rgba(201,160,61,.4),800px 20px 0 white} #anima-age-earth-app .hero-stars::after{width:1px;height:1px;top:60%;left:10%;box-shadow:100px -80px 0 rgba(255,255,255,.5),280px 30px 0 rgba(90,200,250,.3),420px -50px 0 rgba(201,160,61,.3),600px 70px 0 white,750px -30px 0 rgba(90,200,250,.4),900px 50px 0 rgba(201,160,61,.3)} @keyframes star-drift{from{transform:translateX(0) translateY(0)}to{transform:translateX(8px) translateY(-5px)}} /* ── Section open ripple ── */ @keyframes ripple-out{0%{transform:scale(1);opacity:.6}100%{transform:scale(3.5);opacity:0}} #anima-age-earth-app .section-ripple{position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;border:2px solid rgba(201,160,61,.5);pointer-events:none;animation:ripple-out .45s ease-out forwards;z-index:5} /* ── S5 Hydraulic Burial Lab ── */ #anima-age-earth-app .burial-lab{background:rgba(0,4,12,.92);border:1px solid rgba(255,150,10,.18);border-radius:16px;padding:1rem;position:relative;overflow:hidden;margin-bottom:.9rem} #anima-age-earth-app .burial-lab::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,150,10,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,150,10,.025) 1px,transparent 1px);background-size:24px 24px;pointer-events:none} #anima-age-earth-app .burial-lab>*{position:relative;z-index:1} #anima-age-earth-app .burial-cross-section{width:100%;height:220px;display:block;border-radius:8px;border:1px solid rgba(255,150,10,.12)} #anima-age-earth-app .burial-day-display{font-family:ui-monospace,monospace;font-size:.7rem;color:rgba(255,150,10,.8);margin:.4rem 0 .2rem} /* ── S11 Pre-Flood Station ── */ #anima-age-earth-app .preflood-station{background:rgba(0,8,4,.92);border:1px solid rgba(48,209,88,.15);border-radius:16px;padding:1rem;margin-bottom:.9rem;position:relative;overflow:hidden} #anima-age-earth-app .preflood-station::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(48,209,88,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(48,209,88,.025) 1px,transparent 1px);background-size:28px 28px;pointer-events:none} #anima-age-earth-app .preflood-station>*{position:relative;z-index:1} #anima-age-earth-app .pf-slider-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.6rem;margin:.6rem 0} @media (max-width:650px){#anima-age-earth-app .pf-slider-row{grid-template-columns:1fr}} #anima-age-earth-app .pf-slider-box{background:rgba(0,0,0,.4);border:1px solid rgba(48,209,88,.12);border-radius:8px;padding:.55rem} #anima-age-earth-app .pf-readouts{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.4rem;margin-top:.6rem} #anima-age-earth-app .pf-readout{background:rgba(0,12,6,.9);border:1px solid rgba(48,209,88,.15);border-radius:8px;padding:.5rem;font-family:ui-monospace,monospace;text-align:center} #anima-age-earth-app .pf-readout-label{font-size:.52rem;text-transform:uppercase;letter-spacing:.1em;color:rgba(48,209,88,.45);margin-bottom:.2rem} #anima-age-earth-app .pf-readout-val{font-size:1.1rem;font-weight:900;color:var(--green)} #anima-age-earth-app .pf-readout-val.warning{color:var(--gold)}#anima-age-earth-app .pf-readout-val.danger{color:var(--red)} #anima-age-earth-app .pf-preset-btns{display:flex;gap:.4rem;margin-top:.6rem;flex-wrap:wrap} #anima-age-earth-app .pf-preset{padding:.28rem .7rem;border-radius:7px;border:1px solid;font-size:.64rem;font-weight:900;cursor:pointer;font-family:var(--ff);transition:all .12s} /* ── S2 Assumption Lab ── */ #anima-age-earth-app .assumption-lab{background:rgba(14,0,0,.9);border:1px solid rgba(255,107,107,.18);border-radius:16px;padding:1rem;margin-bottom:.9rem;position:relative;overflow:hidden} #anima-age-earth-app .assumption-lab::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,107,107,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,107,107,.025) 1px,transparent 1px);background-size:24px 24px;pointer-events:none} #anima-age-earth-app .assumption-lab>*{position:relative;z-index:1} #anima-age-earth-app .assumption-age-display{font-family:ui-monospace,monospace;font-size:1.4rem;font-weight:900;color:var(--red);text-align:center;margin:.5rem 0;transition:color .3s} #anima-age-earth-app .assumption-age-display.young{color:var(--green)}#anima-age-earth-app .assumption-age-display.mid{color:var(--gold)} #anima-age-earth-app .assumption-stations{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem;margin:.6rem 0} #anima-age-earth-app .assum-box{background:rgba(255,107,107,.06);border:1px solid rgba(255,107,107,.15);border-radius:9px;padding:.55rem} #anima-age-earth-app .assum-label{font-size:.58rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,107,107,.6);margin-bottom:.35rem} /* ── S16 Genome Terminal ── */ #anima-age-earth-app .genome-terminal{background:rgba(0,10,4,.95);border:1px solid rgba(48,209,88,.18);border-radius:16px;padding:1rem;margin-bottom:.9rem;font-family:ui-monospace,"SF Mono",monospace} #anima-age-earth-app .genome-gauge-wrap{display:flex;gap:.8rem;align-items:flex-start;margin-bottom:.7rem;flex-wrap:wrap} #anima-age-earth-app .genome-gauge-svg-wrap{flex-shrink:0} #anima-age-earth-app .genome-terminal-feed{flex:1;min-width:200px;background:rgba(0,0,0,.5);border:1px solid rgba(48,209,88,.12);border-radius:8px;padding:.5rem;height:180px;overflow-y:auto;font-size:.62rem;color:rgba(48,209,88,.7);line-height:1.6} #anima-age-earth-app .genome-terminal-feed::-webkit-scrollbar{width:3px} #anima-age-earth-app .genome-terminal-feed::-webkit-scrollbar-thumb{background:rgba(48,209,88,.2)} #anima-age-earth-app .gt-mutation{color:rgba(255,107,107,.7)}#anima-age-earth-app .gt-neutral{color:rgba(180,200,240,.4)}#anima-age-earth-app .gt-benefit{color:rgba(201,160,61,.6)} /* ── S17 Flood Engine ── */ #anima-age-earth-app .flood-engine{background:rgba(0,4,14,.92);border:1px solid rgba(90,200,250,.18);border-radius:16px;padding:1rem;margin-bottom:.9rem;position:relative;overflow:hidden} #anima-age-earth-app .flood-engine::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(90,200,250,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(90,200,250,.025) 1px,transparent 1px);background-size:28px 28px;pointer-events:none} #anima-age-earth-app .flood-engine>*{position:relative;z-index:1} #anima-age-earth-app .flood-canvas{width:100%;height:200px;display:block;border-radius:8px;border:1px solid rgba(90,200,250,.1)} #anima-age-earth-app .flood-day-label{font-family:ui-monospace,monospace;font-size:.78rem;font-weight:900;color:var(--crystal);margin:.35rem 0 .1rem} #anima-age-earth-app .flood-annotation{font-size:.74rem;color:rgba(200,218,255,.7);line-height:1.4;min-height:2.4em} #anima-age-earth-app .flood-scrubber{width:100%;accent-color:var(--crystal);cursor:pointer;margin:.4rem 0} /* ── Skeptic Mode ── */ #anima-age-earth-app.skeptic-mode .skeptic-box{display:block !important} #anima-age-earth-app .skeptic-box{display:none;background:rgba(14,0,20,.85);border:1px solid rgba(191,90,242,.22);border-radius:12px;padding:.7rem;margin-bottom:.8rem} #anima-age-earth-app .skeptic-obj{font-size:.7rem;font-weight:900;color:rgba(191,90,242,.8);margin-bottom:.3rem} #anima-age-earth-app .skeptic-text{font-size:.74rem;color:rgba(200,218,255,.68);line-height:1.45;margin-bottom:.4rem} #anima-age-earth-app .skeptic-resp{font-size:.7rem;font-weight:900;color:var(--green);margin-bottom:.2rem} #anima-age-earth-app .skeptic-btn{padding:.25rem .6rem;border-radius:6px;border:1px solid rgba(191,90,242,.3);background:transparent;color:rgba(191,90,242,.7);font-size:.62rem;font-weight:900;cursor:pointer;font-family:var(--ff)} #anima-age-earth-app .skeptic-btn.active{background:rgba(191,90,242,.15);border-color:rgba(191,90,242,.5);color:rgba(191,90,242,.9)} /* ── Baraminology Station ── */ #anima-age-earth-app .bara-station{background:rgba(0,6,16,.94);border:1px solid rgba(240,200,74,.18);border-radius:18px;padding:1.1rem;margin-top:.9rem;position:relative;overflow:hidden} #anima-age-earth-app .bara-station::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(240,200,74,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(240,200,74,.02) 1px,transparent 1px);background-size:30px 30px;pointer-events:none} #anima-age-earth-app .bara-station>*{position:relative;z-index:1} #anima-age-earth-app .bara-header{font-family:ui-monospace,"SF Mono",monospace;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.15em;color:rgba(240,200,74,.7);margin-bottom:.7rem;padding-bottom:.5rem;border-bottom:1px solid rgba(240,200,74,.12)} #anima-age-earth-app .bara-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.5rem;margin-bottom:.8rem} #anima-age-earth-app .bara-card{border-radius:10px;padding:.6rem;border:1px solid} #anima-age-earth-app .bara-card.gold{border-color:rgba(240,200,74,.22);background:rgba(240,200,74,.06)} #anima-age-earth-app .bara-card.red{border-color:rgba(255,107,107,.22);background:rgba(255,107,107,.06)} #anima-age-earth-app .bara-card.green{border-color:rgba(48,209,88,.22);background:rgba(48,209,88,.06)} #anima-age-earth-app .bara-card.crystal{border-color:rgba(90,200,250,.22);background:rgba(90,200,250,.06)} #anima-age-earth-app .bara-card-label{font-size:.57rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.3rem} #anima-age-earth-app .bara-card.gold .bara-card-label{color:rgba(240,200,74,.7)} #anima-age-earth-app .bara-card.red .bara-card-label{color:rgba(255,107,107,.7)} #anima-age-earth-app .bara-card.green .bara-card-label{color:rgba(48,209,88,.7)} #anima-age-earth-app .bara-card.crystal .bara-card-label{color:rgba(90,200,250,.7)} #anima-age-earth-app .bara-card-title{font-size:.8rem;font-weight:900;color:#f0e4c0;margin-bottom:.3rem;line-height:1.2} #anima-age-earth-app .bara-card-body{font-size:.72rem;color:rgba(200,218,255,.72);line-height:1.45} /* Baramin tree */ #anima-age-earth-app .bara-tree-wrap{background:rgba(0,0,0,.4);border:1px solid rgba(240,200,74,.12);border-radius:12px;padding:.7rem;margin-bottom:.7rem} #anima-age-earth-app .bara-tree-label{font-family:ui-monospace,monospace;font-size:.55rem;text-transform:uppercase;letter-spacing:.12em;color:rgba(240,200,74,.5);margin-bottom:.5rem;text-align:center} #anima-age-earth-app .bara-vs-row{display:grid;grid-template-columns:1fr auto 1fr;gap:.5rem;align-items:center;margin-top:.6rem} #anima-age-earth-app .bara-vs-box{border-radius:8px;padding:.55rem;text-align:center} #anima-age-earth-app .bara-vs-box.evo{background:rgba(255,107,107,.08);border:1px solid rgba(255,107,107,.2)} #anima-age-earth-app .bara-vs-box.bara{background:rgba(48,209,88,.08);border:1px solid rgba(48,209,88,.2)} #anima-age-earth-app .bara-vs-title{font-size:.65rem;font-weight:900;margin-bottom:.3rem} #anima-age-earth-app .bara-vs-box.evo .bara-vs-title{color:var(--red)} #anima-age-earth-app .bara-vs-box.bara .bara-vs-title{color:var(--green)} #anima-age-earth-app .bara-vs-text{font-size:.68rem;color:rgba(200,218,255,.65);line-height:1.4} #anima-age-earth-app .bara-vs-sep{font-size:1.1rem;color:rgba(240,200,74,.5);font-weight:900;text-align:center} #anima-age-earth-app .prosecution-overlay.active{display:flex;} /* v1.1 shortcode intro hardening */ #anima-age-earth-app .prosecution-overlay.active{display:flex;} #anima-age-earth-app .prosecution-overlay[hidden]{display:none!important;} #anima-age-earth-app .prosecution-skip{margin:0;line-height:1.4;box-shadow:none;text-transform:none;} @media (prefers-reduced-motion: reduce){ #anima-age-earth-app .prosecution-line{animation-duration:.01ms!important;} #anima-age-earth-app .prosecution-overlay.fade-out{animation-duration:.15s!important;} }