.animation-intro{padding:38px 0 24px;border-bottom:1px solid var(--line)}
.animation-intro h1{font:400 clamp(36px,5vw,60px)/1.1 Georgia,serif;letter-spacing:-1.5px;margin:0 0 18px}
.animation-intro p{max-width:700px;margin:0 0 16px}.animation-links{display:flex;gap:25px;flex-wrap:wrap;font-size:15px}
.animation-teaser{display:flex;align-items:center;justify-content:space-between;gap:28px;background:#e5ebda;padding:30px;margin:32px 0}
.animation-teaser h2{font:400 30px/1.15 Georgia,serif;margin:10px 0 0}.animation-teaser .eyebrow{font-size:12px}
.story{margin:42px 0 64px;scroll-margin-top:25px;--progress:0;--transfer:0}
.story-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.story-heading h2{font:400 clamp(32px,4vw,48px)/1.08 Georgia,serif;letter-spacing:-1px;margin:0}
.story-heading h2 em{font-weight:400;color:#527252}.story-heading .eyebrow{font-size:12px;margin-bottom:12px}.story-label{font:13px monospace;color:var(--muted);white-space:nowrap}
.story-intro{max-width:760px;font-size:16px;margin:16px 0 20px}.story-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:14px 0 18px}
.story-controls button{background:transparent;border:1px solid #86998b;color:var(--ink);padding:10px 16px;min-height:46px;font-size:14px;border-radius:2px}
.story-controls .story-play{background:var(--ink);color:var(--lime);border-color:var(--ink);min-width:150px;text-align:left}
.story-controls .story-play:hover{background:#294e43}.story-controls button:hover{border-color:var(--ink)}
.motion-choice{font-size:14px;display:flex;align-items:center;gap:7px;margin-left:auto;cursor:pointer}.motion-choice input,.proof-check input{width:19px;height:19px;accent-color:#365c43}
.story-seek{display:grid;grid-template-columns:auto 45px 1fr;gap:10px;align-items:center;width:100%;font-size:13px;font-variant-numeric:tabular-nums}
.story-seek input{width:100%;height:26px;accent-color:#315d42;cursor:pointer}.story-controls :focus-visible{outline:3px solid #986337;outline-offset:3px}
.story-board{margin:0;padding:26px;background:#102b29;color:#ecf2e6;position:relative;border:1px solid #31554a;overflow:hidden;background-image:radial-gradient(#36564b 1px,transparent 1px);background-size:24px 24px}
.story-board::after{content:'';position:absolute;bottom:0;left:0;width:calc(var(--progress)*100%);height:3px;background:var(--lime)}
.board-topline{display:flex;justify-content:space-between;align-items:center;gap:15px;font:12px/1.4 monospace;letter-spacing:1px;color:#bcd0c1;margin-bottom:24px}
.board-state{color:var(--lime);padding:5px 10px;border:1px solid #79966d;white-space:nowrap;letter-spacing:0}
.assembly-grid{display:grid;grid-template-columns:minmax(0,1fr) 80px minmax(0,1.08fr);align-items:start;gap:15px;max-width:900px;margin:auto}
.assembly-grid h3{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:400;margin:0 0 6px}.station{display:inline-grid;place-items:center;width:24px;height:24px;border:1px solid #829c80;font:13px monospace;color:var(--lime)}
.station-caption{font-size:13px;color:#b6cbbb;margin:0 0 15px}.tx-stack{display:grid;gap:8px}.tx-card{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#22483e;border:1px solid #537762;position:relative;transition:transform .5s,opacity .5s,border-color .5s;font:15px/1.2 monospace}
.tx-card small{display:block;color:#bad0bc;font:12px Arial;margin-top:4px}.tx-mark{color:var(--lime);font-size:17px}.tx-route{margin-left:auto;color:#bad0bc}.pool-rest{font-size:12px;color:#b6cbbb;margin:9px 0}
.transfer-link{position:relative;align-self:center;height:80px;display:grid;place-items:center;overflow:hidden;color:#84aa83}.transfer-link>span{font:46px Georgia}.transfer-link i{position:absolute;width:14px;height:6px;background:var(--lime);top:47%;left:-15px;opacity:0}
.candidate-block{background:#1a3c34;border:1px solid #8ba27a;box-shadow:8px 8px 0 #09211f;transition:border-color .45s,background .45s}
.block-cap{display:flex;justify-content:space-between;gap:10px;background:#d4ee7e;color:#122d2b;padding:10px 13px;font:13px/1.4 monospace}.block-cap>span:first-child{font-size:22px}
.header-fields{padding:12px 13px;font-size:13px;display:grid;gap:10px}.header-fields>div{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#b9ccba}.header-fields strong{font:13px monospace;color:#eaf4db}
.candidate-txs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:0 13px 13px}.candidate-txs>span{border:1px solid #6b886b;padding:9px 4px;text-align:center;font-size:12px;background:#2d4e3e}.candidate-txs .coinbase{grid-column:1/-1;color:#d4ee7e;padding:8px 5px}
.packed-tx{opacity:.15;transform:translateY(12px);transition:opacity .55s,transform .55s}.packed-tx:nth-child(3){transition-delay:.14s}.packed-tx:nth-child(4){transition-delay:.28s}
.story[data-story=block]:not([data-stage="0"]):not([data-stage="1"]) .packed-tx{opacity:1;transform:translateY(0)}
.story[data-story=block]:not([data-stage="0"]):not([data-stage="1"]) .tx-card:not(.tx-3){opacity:.5;transform:translateX(12px);border-color:var(--lime)}
.story[data-stage="2"][data-playing=true] .transfer-link i{opacity:1;animation:packet-cross 1.3s linear infinite}
.story[data-stage="3"] .candidate-block{border-color:var(--lime);background:#284832}
.network-row{max-width:860px;margin:25px auto 20px;display:flex;align-items:center;gap:25px}.broadcast-link{position:relative;flex:1;height:43px;border-bottom:1px solid #72916c;color:#a7bfa8;font:11px/1.5 monospace;letter-spacing:.5px;overflow:hidden}.broadcast-link i{position:absolute;width:12px;height:5px;bottom:0;background:var(--lime);left:-15px;opacity:0}
.node-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;flex:2}.node-box{border:1px solid #537a66;background:#17372f;padding:13px 10px;font:14px monospace;text-align:center;transition:background .4s,border-color .4s}.node-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#839d82;margin-right:7px}.node-box small{display:block;margin-top:7px;font:12px Arial;color:#b8cdbb}
.story[data-stage="4"][data-playing=true] .broadcast-link i{opacity:1;animation:packet-cross 1.3s linear infinite}.story[data-stage="5"] .node-box{border-color:#d4ee7e}.story[data-stage="6"] .node-box{background:#294d32;border-color:#b9d684}.story[data-stage="6"] .node-dot{background:var(--lime)}
.chain-lane{max-width:550px;display:flex;align-items:center;gap:12px;margin:24px auto 0;color:#a8c497}.chain-box{flex:1;min-width:0;border:1px solid #76926d;padding:12px 9px;background:#17362e;text-align:center;font:22px monospace}.chain-box small{display:block;font:12px Arial;margin-top:6px;color:#b9cdb9}.new-chain-box{opacity:.28;transform:translateY(12px);transition:transform .7s,opacity .7s,background .7s}.new-chain-arrow{opacity:.3}.story[data-stage="6"] .new-chain-box{opacity:1;transform:translateY(0);background:#d4ee7e;color:#122d2b}.story[data-stage="6"] .new-chain-box small{color:#122d2b}.story[data-stage="6"] .new-chain-arrow{opacity:1}
.story-board figcaption{font-size:13px;color:#bed0bd;max-width:820px;margin:22px auto 3px;line-height:1.5}
.story-explanation{display:flex;gap:22px;background:#e7ecdc;border-left:3px solid #657e4e;padding:23px 25px;min-height:146px}.stage-number{font:14px monospace;white-space:nowrap;color:#52664a;padding-top:4px}.story-explanation h3{font:400 25px/1.2 Georgia;margin:0 0 9px}.story-explanation p{font-size:15px;margin:0;max-width:830px}.story-transcript{display:flex;flex-wrap:wrap;column-gap:32px;row-gap:5px;font-size:13px;color:var(--muted);padding-left:18px}.story-transcript li{padding-right:10px}.story-footnote{font-size:14px;color:var(--muted);max-width:880px}.story-links{display:flex;gap:25px;flex-wrap:wrap;font-size:14px}
.power-route{display:grid;grid-template-columns:1fr 1fr 1.2fr;align-items:center;gap:20px;margin:15px 0 35px}.power-source{display:flex;align-items:center;gap:15px;color:#e0f0ce;font-size:19px}.power-source svg{width:25px;flex:none;fill:var(--lime)}.power-source small,.header-source small{display:block;font-size:12px;color:#bdd1ba;margin-top:5px}.energy-wire{position:relative;display:flex;gap:12px;height:30px;align-items:center;overflow:hidden;border-block:1px solid #53744f}.energy-wire i{width:18px;height:4px;background:#d4ee7e;opacity:.25}.header-source{border:1px solid #91a780;padding:14px 18px;background:#23483c;font-size:16px}
.asic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;max-width:1000px;margin:auto}.asic{border:1px solid #6b8872;background:#18382e;padding:14px;position:relative;box-shadow:5px 5px 0 #081f1a;transition:background .4s,border-color .4s}
.asic::before{content:'';height:20px;width:1px;background:#648c67;position:absolute;bottom:100%;left:50%}.asic-top{display:flex;justify-content:space-between;align-items:center;font:14px monospace;color:#d5e7c8;margin-bottom:16px}.asic-led{width:6px;height:6px;border-radius:50%;background:#93a994}.chip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:9px;border:1px solid #587951;background:#10291f}.chip-grid i{aspect-ratio:1.2;border:1px solid #749465;background:#2e573b;box-shadow:inset 0 0 0 3px #173426}
.asic-meta{display:flex;gap:8px;justify-content:space-between;font:13px monospace;color:#aac39e;margin:15px 0 8px}.asic-meta b{color:#f1f6e9}.asic code{display:block;overflow-wrap:anywhere;font:13px/1.5 monospace;color:#e0efce;min-height:40px}.asic-result{font-size:12px;color:#a8c49e;display:block;min-height:34px}.asic[data-found=true]{background:#37523c;border:2px solid #d4ee7e;padding:13px;box-shadow:0 0 25px #99c76822}.asic[data-found=true] .asic-result{color:#e6ffa6}.asic[data-found=true] .asic-led{background:#d4ee7e}
.story[data-story=pow][data-stage="1"][data-playing=true] .chip-grid i{animation:hash-cycle .65s steps(2,end) infinite}.story[data-story=pow][data-stage="1"][data-playing=true] .chip-grid i:nth-child(2n){animation-delay:.22s}.story[data-story=pow][data-stage="1"][data-playing=true] .asic:nth-child(2n) .chip-grid i{animation-delay:.13s}
.story[data-story=pow][data-stage="1"][data-playing=true] .energy-wire i{animation:power-flow 1.4s linear infinite;opacity:1}.story[data-story=pow][data-stage="1"][data-playing=true] .energy-wire i:nth-child(2){animation-delay:.3s}.story[data-story=pow][data-stage="1"][data-playing=true] .energy-wire i:nth-child(3){animation-delay:.6s}
.proof-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;border-block:1px solid #52724e;margin-top:26px;padding:22px 0}.proof-metrics>div{display:flex;flex-direction:column}.proof-metrics span{font-size:13px;color:#bfd4b8}.proof-metrics strong{font:400 27px/1.3 monospace;color:#d4ee7e;margin:8px 0}.proof-metrics small{font-size:12px;color:#b8c9ac}.proof-metrics .target-value{font-size:24px}
.proof-result{display:flex;align-items:center;gap:20px;margin-top:22px}.result-wire{font:35px Georgia;color:#d4ee7e}.proof-node{display:flex;align-items:center;gap:10px;flex:1;background:#183e32;border:1px solid #678967;padding:16px}.proof-node b{font-size:15px;font-weight:400}.proof-node span[data-validation-state]{display:block;font-size:13px;margin-top:3px;color:#c1d7b9}.result-stamp{font:12px monospace;letter-spacing:1px;color:#bdd1b8;border:1px dashed #64815c;padding:12px;min-width:103px;text-align:center}
.story[data-accepted=true] .result-stamp{background:#d4ee7e;color:#122d2b;border-style:solid}.story[data-rejected=true] .result-stamp{background:#f1be91;color:#4b2a14;border-style:solid}.story[data-rejected=true] .proof-node{border-color:#f1be91}.story[data-accepted=true] .proof-node .node-dot{background:#d4ee7e}
.proof-check{padding:22px 0;border-bottom:1px solid var(--line);font-size:14px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}.proof-check label{display:flex;gap:8px;align-items:center;cursor:pointer}.proof-check p{width:100%;margin:0;overflow-wrap:anywhere;max-width:1000px}
.energy-explainer{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;margin:35px 0}.energy-explainer h3{font:400 34px/1.15 Georgia;margin:10px 0 18px}.energy-explainer p{font-size:16px}.energy-calculator{border:1px solid #a1b096;padding:23px;background:#e9eddf;display:grid;grid-template-columns:1fr 1fr;gap:15px;align-content:start}.energy-calculator>p{grid-column:1/-1;margin:0;font-size:14px;font-weight:700}.energy-calculator label{font-size:13px;min-width:0}.energy-calculator input{display:block;width:100%;min-width:0;padding:10px;background:var(--white);border:1px solid #81977d;margin-top:5px;font:17px monospace}.energy-calculator output{grid-column:1/-1;font:19px/1.5 monospace;border-top:1px solid #a1b096;padding-top:15px}.energy-calculator small{grid-column:1/-1;font-size:12px;color:#4b644e;line-height:1.5}
.proof-details{font-size:15px;border-block:1px solid var(--line);padding:18px 0;margin:25px 0}.proof-details summary{cursor:pointer;font-weight:700;min-height:32px}.proof-details code{display:block;overflow-wrap:anywhere;background:#e7ecdd;padding:18px;font-size:13px}.proof-details p{max-width:900px}
@keyframes packet-cross{from{left:-15px}to{left:100%}}@keyframes power-flow{from{transform:translateX(-30px)}to{transform:translateX(180px)}}@keyframes hash-cycle{from{background:#234930;border-color:#769a62}to{background:#91b85a;border-color:#d4ee7e}}
.story[data-playing=false] *{animation-play-state:paused!important}.story[data-reduced=true] *{animation:none!important;transition:none!important}
@media(max-width:900px){.assembly-grid{grid-template-columns:minmax(0,1fr) 35px minmax(0,1.05fr);gap:10px}.power-route{grid-template-columns:1fr 70px 1fr;gap:12px}.asic-grid{gap:12px}.asic{padding:11px}.asic[data-found=true]{padding:10px}.asic code{font-size:12px}.energy-explainer{gap:30px}.motion-choice{margin-left:0}}
@media(max-width:620px){.animation-intro{padding-top:28px}.animation-intro h1{font-size:38px}.animation-links{gap:15px}.animation-teaser{display:block;padding:24px}.animation-teaser .button{margin-top:20px}.story{margin:30px 0 48px}.story-heading{display:block}.story-label{display:block;margin-top:12px}.story-intro{font-size:15px}.story-controls{gap:8px}.story-controls button{padding:10px 11px;font-size:13px}.story-controls .story-play{min-width:138px}.motion-choice{width:100%;margin:5px 0}.story-board{padding:18px 14px}.board-topline{font-size:10px;letter-spacing:.3px;margin-bottom:22px}.assembly-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.assembly-grid h3{font-size:14px;gap:7px;align-items:start;min-height:40px}.station{width:21px;height:21px;flex:none}.station-caption{font-size:12px;min-height:35px}.transfer-link{display:none}.tx-card{padding:10px 7px;gap:7px;font-size:13px}.tx-card small{font-size:11px}.tx-route{display:none}.pool-rest{font-size:11px}.block-cap{display:block;padding:10px}.block-cap>span{display:block}.block-cap>span:first-child{font-size:21px}.block-cap>span:last-child{font-size:11px}.header-fields{padding:12px 9px;font-size:12px;gap:10px}.header-fields strong{font-size:11px}.candidate-txs{padding:0 7px 9px;gap:3px}.candidate-txs>span{font-size:10px;padding:7px 2px}.candidate-txs .coinbase{font-size:10px;padding:6px 3px}.network-row{display:block;margin-top:18px}.broadcast-link{height:30px;margin-bottom:13px;font-size:10px}.node-grid{gap:6px}.node-box{font-size:12px;padding:10px 4px}.node-dot{width:5px;height:5px;margin-right:4px}.node-box small{font-size:10px}.chain-lane{gap:6px;margin-top:18px}.chain-box{font-size:18px;padding:11px 5px}.chain-box small{font-size:10px}.story-board figcaption{font-size:12px;margin-top:20px}.story-explanation{padding:19px 16px;gap:10px;min-height:192px}.stage-number{font-size:11px}.story-explanation h3{font-size:23px}.story-explanation p{font-size:14px}.story-links{display:grid;gap:12px}.story-transcript{font-size:12px}.power-route{grid-template-columns:1fr;gap:12px;margin-bottom:27px}.power-source{font-size:17px}.power-source small{font-size:12px}.energy-wire{height:16px}.header-source{font-size:14px;padding:10px 13px}.header-source small{font-size:11px}.asic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 12px}.asic{padding:12px}.asic[data-found=true]{padding:11px}.asic::before{height:12px}.asic-top{font-size:13px;margin-bottom:10px}.chip-grid{gap:5px;padding:7px}.asic-meta{margin:10px 0 4px;font-size:12px}.asic code{font-size:12px;min-height:28px}.asic-result{font-size:11px;min-height:30px}.proof-metrics{gap:10px;padding:17px 0;margin-top:22px;grid-template-columns:1fr 1fr}.proof-metrics>div:last-child{grid-column:1/-1;border-top:1px solid #3d5f42;padding-top:10px}.proof-metrics span{font-size:12px}.proof-metrics strong,.proof-metrics .target-value{font-size:23px;margin:6px 0}.proof-metrics small{font-size:11px}.proof-result{gap:8px;flex-wrap:wrap}.result-wire{font-size:25px}.proof-node{padding:12px 9px;min-width:0}.proof-node b{font-size:13px}.proof-node span[data-validation-state]{font-size:12px}.result-stamp{margin-left:26px;padding:9px;font-size:11px}.proof-check{gap:18px}.proof-check label{align-items:start}.proof-check input{flex:none}.energy-explainer{grid-template-columns:1fr;gap:18px}.energy-explainer h3{font-size:31px}.energy-calculator{padding:20px;gap:14px}.energy-calculator output{font-size:17px}.story[data-story=block]:not([data-stage="0"]):not([data-stage="1"]) .tx-card:not(.tx-3){transform:translateX(4px)}}
@media(prefers-reduced-motion:reduce){.story *{animation:none!important;transition:none!important}}