/* Shared animation primitives apply on phones and desktop. Responsive layout stays in explicit media rules. */
.live-animation-dialog[open]{height:auto!important;min-height:0!important;max-height:calc(100dvh - 24px)!important;width:calc(100vw - 16px)!important;max-width:422px!important;margin:auto!important;padding:52px 12px 20px!important;border-radius:22px!important;background:linear-gradient(155deg,#fbfdff,#edf5f9 65%,#fff6e5)!important;box-shadow:0 24px 80px #143e5f50}
.live-animation-dialog::backdrop{background:#14364fd1;backdrop-filter:blur(5px)}
.live-animation-dialog .sequence-heading{text-align:center;margin:0 4px 24px}
.live-animation-dialog .sequence-heading>span{font-size:11px;letter-spacing:2px;color:#7393a5}
.live-animation-dialog .sequence-heading h2{margin:9px 0 7px;font-size:23px;color:#194c66;font-weight:750}
.live-animation-dialog .sequence-heading p{font-size:11px;color:#7a929d;margin:0}
.live-animation-dialog .sequence-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;align-items:stretch}
.live-animation-dialog .sequence-card{position:relative;min-width:0;text-align:center;padding:14px 5px 12px;border:1px solid #dce7ed;border-radius:13px;background:#ffffffb8;transition:border-color .25s,background .25s,box-shadow .25s}
.live-animation-dialog .sequence-card:not(:last-child)::after{content:'›';position:absolute;right:-8px;top:89px;color:#7ca5b9;font-weight:700;z-index:1;background:#f1f7fa;width:9px;line-height:17px}
.live-animation-dialog .sequence-step{display:flex;align-items:center;justify-content:center;width:25px;height:25px;margin:0 auto 10px;border-radius:50%;background:#e9f0f5;color:#819ca9;font-size:11px;font-weight:700}
.live-animation-dialog .sequence-card h3{margin:0 0 5px;font-size:13px;white-space:nowrap;color:#456779}
.live-animation-dialog .sequence-card>small{display:block;min-height:28px;font-size:10px;line-height:1.4;color:#8397a1}
.live-animation-dialog .sequence-card>strong{display:block;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums;font-size:clamp(17px,5.4vw,23px);line-height:1.6;letter-spacing:0;color:#265c76;margin:7px 0 9px}
.live-animation-dialog .sequence-card[data-phase=active]{border-color:#4c9fbd;background:#eefaff;box-shadow:0 0 0 2px #4c9fbd17}
.live-animation-dialog .sequence-card[data-phase=active] .sequence-step{background:#267c9e;color:#fff}
.live-animation-dialog .sequence-card[data-phase=done]{border-color:#c4dce7;background:#f9fcff}
.live-animation-dialog .sequence-card[data-phase=done] .sequence-step{background:#e2f2ee;color:#30876f}
.live-animation-dialog .sequence-card[data-card=result][data-phase=done]{border-color:#e2b568;background:#fff8e9;box-shadow:0 4px 18px #c6973e1a}
.live-animation-dialog .sequence-card[data-card=result][data-phase=done]>strong{color:#b17720;animation:eth-live-result-arrive .5s ease-out}
.live-animation-dialog .sequence-card[data-card=result][data-phase=active]>strong{animation:eth-live-combine-pulse .6s ease-in-out infinite alternate}
.live-animation-dialog .sequence-hash{font-size:9px;line-height:1.55;word-break:break-all;min-height:12px;text-align:left;color:#8b9da6}
.live-animation-dialog .sequence-hash>span{display:block;font-size:9px;color:#8b9da6;margin-bottom:4px;text-align:center}
.live-animation-dialog .sequence-hash .marked-block-hash{font-size:9px!important;line-height:1.65!important;white-space:normal!important;font-family:ui-monospace,SFMono-Regular,monospace;background:none;padding:0}
.live-animation-dialog .sequence-hash .hash-skip{color:#a8b2b8}
.live-animation-dialog .sequence-hash .hash-picked{color:#a35400;background:#ffe1a7;font-weight:900;border-radius:2px}
.live-animation-dialog .sequence-hash .hash-rest{color:#2987bb}
.live-animation-dialog .sequence-equation{min-height:66px;display:flex;justify-content:center;align-items:center;margin:16px 0 8px;text-align:center;color:#71909f;font-size:12px;line-height:1.8;font-variant-numeric:tabular-nums}
.live-animation-dialog .sequence-equation strong{color:#a87428;font-size:17px}
.live-animation-dialog .sequence-controls{text-align:center}
.live-animation-dialog .sequence-controls>p{font-size:12px;color:#416e83;min-height:20px;margin:0 0 12px}
.live-animation-dialog .sequence-controls button{min-height:46px;border-radius:10px;font-size:14px;font-weight:650;padding:10px 20px;touch-action:manipulation}
.live-animation-dialog .sequence-stop,.live-animation-dialog .sequence-again{width:100%;color:white;background:linear-gradient(120deg,#2c91b2,#185b78);box-shadow:0 4px 12px #225e7a20}
.live-animation-dialog .sequence-stop b{margin-left:10px;padding:3px 7px;border-radius:5px;background:#ffffff24;font-variant-numeric:tabular-nums}
.live-animation-dialog .sequence-dismiss{margin-top:8px;color:#7d96a3;background:transparent;width:100%}
.live-animation-dialog .sequence-rule{text-align:center;color:#93a5af;font-size:10px;margin:12px 0 0}
.live-animation-dialog .coverage-summary{padding:16px;font-size:12px;line-height:1.8}
.live-animation-dialog .coverage-summary>strong{font-size:19px;color:#9c6a20}
.live-animation-dialog .coverage-summary p,.live-animation-dialog .coverage-numbers{overflow-wrap:anywhere;word-break:break-all}
.live-animation-dialog .favorite-choices .favorite-option{min-height:42px}
.live-animation-dialog .random-explainer{font-size:12px;line-height:1.8}
@keyframes eth-live-result-arrive{from{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:none}}
@keyframes eth-live-combine-pulse{from{opacity:.35;transform:scale(.9)}to{opacity:1;transform:scale(1.05)}}
@media(prefers-reduced-motion:reduce){.live-animation-dialog .sequence-card,.live-animation-dialog .sequence-card>strong{animation:none!important;transition:none!important}}
.live-animation-dialog *{box-sizing:border-box}
.live-animation-dialog button{font:inherit;border:0;cursor:pointer;touch-action:manipulation}
.live-animation-dialog [hidden]{display:none!important}
.live-animation-dialog button:focus-visible{outline:3px solid #58b6d5;outline-offset:4px}
.live-animation-dialog[open]{width:min(1040px,calc(100vw - 48px))!important;max-width:1040px!important;max-height:calc(100dvh - 40px)!important;height:auto!important;position:fixed!important;inset:0!important;transform:none!important;margin:auto!important;padding:38px 48px 22px!important;border:1px solid #fff;border-radius:26px!important;overflow:auto!important;background:radial-gradient(ellipse at 100% 0%,#fff5df,transparent 55%),linear-gradient(135deg,#fbfdff,#eaf3f8)!important;box-shadow:0 30px 100px #0c2d4a55}
.live-animation-dialog::backdrop{background:#163a52bb;backdrop-filter:blur(7px)}
.live-animation-dialog .dialog-close{position:absolute;right:18px;top:18px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#e4eef4;color:#557c8f;font-size:26px;z-index:5}
.live-animation-dialog .sequence-heading{margin:0 0 28px}
.live-animation-dialog .sequence-heading>span{font-size:11px;letter-spacing:3px;color:#7894a4}
.live-animation-dialog .sequence-heading h2{font-size:30px;margin:9px 0}
.live-animation-dialog .sequence-heading p{font-size:12px;margin:0;color:#92a5b0}
.live-animation-dialog .sequence-flow{gap:22px}
.live-animation-dialog .sequence-card{padding:22px 16px 19px;min-height:277px;border-radius:18px;background:#ffffffc9;overflow:visible}
.live-animation-dialog .sequence-step{width:31px;height:31px;font-size:12px;margin-bottom:11px}
.live-animation-dialog .sequence-card h3{font-size:17px;letter-spacing:1px}
.live-animation-dialog .sequence-card>small{font-size:11px;min-height:22px;margin-top:7px}
.live-animation-dialog .sequence-card>strong{font-size:clamp(30px,4.2vw,49px);margin:11px 0 22px;letter-spacing:2px;line-height:1.3;position:relative;z-index:1;white-space:nowrap}
.live-animation-dialog .sequence-card:not(:last-child)::after{content:'›';right:-20px;top:134px;width:17px;background:none;font-size:29px;line-height:1;color:#a6bfcc;font-weight:400}
.live-animation-dialog .sequence-card[data-phase=waiting]{opacity:.54}
.live-animation-dialog .sequence-card[data-phase=active]{box-shadow:0 8px 35px #3187b224,0 0 0 2px #5da3bf1c}
.live-animation-dialog .sequence-card[data-phase=active] .sequence-step{box-shadow:0 0 0 6px #2881a312;animation:eth-live-step-glow 1.5s ease-in-out infinite}
.live-animation-dialog .sequence-card[data-card=base][data-phase=active]{border-color:#cda45c;background:#fffcf5}
.live-animation-dialog .sequence-card[data-card=base][data-phase=active] .sequence-step{background:#b88b3d}
.live-animation-dialog .sequence-card[data-card=base]>strong{color:#a17b36}
.live-animation-dialog .sequence-card[data-card=result][data-phase=done]>strong{font-size:clamp(32px,4.5vw,53px);text-shadow:0 3px 12px #bf8f3920;animation:eth-live-result-arrive .65s cubic-bezier(.18,.8,.3,1.2)}
.live-animation-dialog .sequence-hash{min-height:66px;font-size:10px;color:#91a1ab}
.live-animation-dialog .sequence-hash>span{font-size:9px;letter-spacing:1px;margin-bottom:6px}
.live-animation-dialog .sequence-hash .marked-block-hash{font-size:10px!important;line-height:1.8!important;display:block;word-break:break-all;font-weight:400;letter-spacing:.2px;max-width:100%}
.live-animation-dialog .sequence-equation{margin:14px 0 4px;min-height:68px;font-size:14px}
.live-animation-dialog .sequence-equation strong{font-size:20px;letter-spacing:2px}
.live-animation-dialog .sequence-controls>p{font-size:13px;margin-bottom:11px}
.live-animation-dialog .sequence-controls .sequence-stop,.live-animation-dialog .sequence-controls .sequence-again{width:auto;min-width:240px;font-size:14px;min-height:46px}
.live-animation-dialog .sequence-controls .sequence-dismiss{display:block;width:auto;margin:5px auto 0;font-size:12px;min-height:32px;padding:5px 15px}
.live-animation-dialog .sequence-rule{margin:7px 0 0;font-size:11px}
.live-animation-dialog .number-flight{position:absolute;pointer-events:none;font:700 34px ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums;z-index:4;padding:5px 10px;border-radius:12px;border:1px solid #99c2d9;background:#f3fbff;color:#246d8d;box-shadow:0 8px 30px #266d8a25;white-space:nowrap}
.live-animation-dialog .flight-base{color:#a87b28;background:#fff7e5;border-color:#e3c58b}
@keyframes eth-live-step-glow{50%{box-shadow:0 0 0 10px #2881a306}}
@media(max-width:700px){.live-animation-dialog[open]{width:calc(100vw - 20px)!important;padding:48px 12px 18px!important;max-height:calc(100dvh - 20px)!important}
.live-animation-dialog .sequence-heading h2{font-size:24px}
.live-animation-dialog .sequence-flow{gap:8px}
.live-animation-dialog .sequence-card{padding:16px 5px 12px;min-height:225px;border-radius:12px}
.live-animation-dialog .sequence-card h3{font-size:13px;letter-spacing:0}
.live-animation-dialog .sequence-card>small{font-size:10px;min-height:29px}
.live-animation-dialog .sequence-card>strong,.live-animation-dialog .sequence-card[data-card=result][data-phase=done]>strong{font-size:clamp(16px,5.2vw,29px);letter-spacing:0;margin:10px 0 15px}
.live-animation-dialog .sequence-card:not(:last-child)::after{right:-9px;top:122px;font-size:17px;width:8px}
.live-animation-dialog .sequence-hash .marked-block-hash{font-size:9px!important;letter-spacing:0}
.live-animation-dialog .sequence-hash>span{font-size:8px}
.live-animation-dialog .sequence-controls .sequence-stop,.live-animation-dialog .sequence-controls .sequence-again{min-width:210px}}
@media(prefers-reduced-motion:reduce){.live-animation-dialog *,.live-animation-dialog *::before,.live-animation-dialog *::after{animation:none!important;transition:none!important}}
.live-animation-dialog .sequence-heading{margin-bottom:18px}
.live-animation-dialog .stage-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0 0 18px}
.live-animation-dialog .stage-timeline>span{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;color:#8ca3af;transition:color .3s}
.live-animation-dialog .stage-timeline b{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;border:1px solid #cbdce5;font-size:10px}
.live-animation-dialog .stage-timeline .active{color:#267d9f;font-weight:650}
.live-animation-dialog .stage-timeline .active b{background:#267d9f;color:#fff;border-color:transparent}
.live-animation-dialog .stage-timeline .done{color:#3a8e7a}
.live-animation-dialog .stage-timeline .done b{background:#e1f1ec;border-color:#c7e2d9}
.live-animation-dialog .number-visual{position:relative;height:64px;margin:11px 0 22px;isolation:isolate}
.live-animation-dialog .number-visual>[data-number]{position:relative;z-index:1;display:block;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(30px,4.2vw,49px);line-height:64px;letter-spacing:2px;color:#265c76;white-space:nowrap;font-variant-numeric:tabular-nums}
.live-animation-dialog .sequence-card[data-card=base] .number-visual>[data-number]{color:#a17b36}
.live-animation-dialog .sequence-card[data-card=result][data-phase=done] .number-visual>[data-number]{color:#b17720;font-size:clamp(32px,4.5vw,53px);animation:eth-live-prize-reveal .85s cubic-bezier(.2,.8,.3,1.1)}
.live-animation-dialog .sequence-card[data-phase=done]:not([data-card=result]) .number-visual>[data-number]{animation:eth-live-number-lock .5s ease-out}
.live-animation-dialog .sequence-card[data-phase=done] .sequence-step{font-size:0;animation:eth-live-locked-check .4s ease-out}
.live-animation-dialog .sequence-card[data-phase=done] .sequence-step::after{content:'✓';font-size:15px}
.live-animation-dialog .sequence-card[data-phase=done] .sequence-hash{animation:eth-live-hash-arrive .6s ease-out}
.live-animation-dialog .history-reels{display:none;position:absolute;inset:0;z-index:2;justify-content:center;gap:2px;mask-image:linear-gradient(transparent,#000 22%,#000 78%,transparent)}
.live-animation-dialog .sequence-card[data-card=history][data-phase=active] .history-reels{display:flex}
.live-animation-dialog .sequence-card[data-card=history][data-phase=active] .number-visual>[data-number]{visibility:hidden}
.live-animation-dialog .number-reel{width:.62em;height:64px;overflow:hidden;font:700 clamp(30px,4.2vw,49px)/64px ui-monospace,SFMono-Regular,Consolas,monospace;color:#276d8b;background:linear-gradient(#d6eaf355,transparent 45%,#d6eaf355);border-radius:5px}
.live-animation-dialog .reel-track{display:block;animation:eth-live-digit-reel var(--speed) linear infinite;animation-delay:var(--offset);will-change:transform}
.live-animation-dialog .reel-track>i{display:block;height:64px;font-style:normal}
.live-animation-dialog .candidate-wheel,.live-animation-dialog .scanner-stream{display:none;height:66px;position:relative;overflow:hidden}
.live-animation-dialog .sequence-card[data-card=history][data-phase=active] .candidate-wheel{display:block;mask-image:linear-gradient(transparent,#000 35%,#000 65%,transparent)}
.live-animation-dialog .candidate-wheel>div{position:absolute;left:0;right:0;top:18px;animation:eth-live-time-reel 1.8s linear infinite}
.live-animation-dialog .candidate-wheel span{display:block;font:10px/26px ui-monospace,SFMono-Regular,monospace;color:#77a0b5;white-space:nowrap}
.live-animation-dialog .sequence-card[data-phase=active]:not([data-card=result]) .sequence-hash{display:none}
.live-animation-dialog .block-scanner{display:none;position:absolute;inset:-5px -4px;z-index:0;border-radius:12px;overflow:hidden;border:1px solid #dbbc7b55;background:linear-gradient(90deg,#d1a55412 1px,transparent 1px),linear-gradient(#d1a55412 1px,transparent 1px),#fffbef;background-size:18px 18px}
.live-animation-dialog .sequence-card[data-card=base][data-phase=active] .block-scanner{display:block}
.live-animation-dialog .block-scanner>i{position:absolute;top:0;bottom:0;width:30%;left:-30%;background:linear-gradient(90deg,transparent,#e7c27a70,transparent);animation:eth-live-block-scan 1.9s ease-in-out infinite}
.live-animation-dialog .block-scanner>b,.live-animation-dialog .block-scanner>em{position:absolute;width:19px;height:19px;border:1px solid #bb913e55;border-radius:3px;transform:rotate(45deg);animation:eth-live-block-build 1.5s ease-in-out infinite}
.live-animation-dialog .block-scanner>b{left:18%;top:10px}
.live-animation-dialog .block-scanner>em{right:13%;bottom:12px;animation-delay:.5s}
.live-animation-dialog .sequence-card[data-card=base][data-phase=active] .scanner-stream{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
.live-animation-dialog .scanner-stream>span{font-size:9px;color:#af945d;letter-spacing:2px}
.live-animation-dialog .scanner-stream>code{font:10px ui-monospace,SFMono-Regular,monospace;color:#ae8e4b;letter-spacing:.6px}
.live-animation-dialog .sequence-equation{display:none}
.live-animation-dialog .addition-board{min-height:146px;display:grid;place-items:center;margin:8px auto 5px;text-align:center}
.live-animation-dialog .addition-placeholder{font-size:12px;color:#9ab0bd;letter-spacing:1px}
.live-animation-dialog .addition-work{width:284px;max-width:100%;padding:9px 16px;border:1px solid #dce7ed;border-radius:12px;background:#ffffff88;box-shadow:0 4px 15px #6f96aa08}
.live-animation-dialog .addition-row{display:grid;grid-template-columns:30px repeat(6,minmax(0,1fr));gap:3px;align-items:center;font:600 17px/22px ui-monospace,SFMono-Regular,Consolas,monospace}
.live-animation-dialog .addition-row>span{font:10px/20px system-ui;color:#8199a6;text-align:left}
.live-animation-dialog .addition-row>b{display:block;min-height:22px;border-radius:4px;transition:background .2s,color .2s}
.live-animation-dialog .row-carry{font-size:10px;line-height:15px;height:15px;color:#c28e2c}
.live-animation-dialog .row-carry>b{min-height:15px}
.live-animation-dialog .row-a{color:#3a7f9b}
.live-animation-dialog .row-b{color:#ad8841}
.live-animation-dialog .row-total{border-top:1px solid #c8dbe5;padding-top:4px;margin-top:3px;color:#50768b}
.live-animation-dialog .row-a>b:first-of-type,.live-animation-dialog .row-b>b:first-of-type{opacity:.25}
.live-animation-dialog .column-active{background:#f7e7c4;color:#92651c}
.live-animation-dialog .digit-arrived{animation:eth-live-sum-digit .3s ease-out}
.live-animation-dialog .carry-arrived{animation:eth-live-carry-up .45s ease-out}
.live-animation-dialog .addition-work>small{display:block;font-size:10px;line-height:1.7;min-height:17px;margin-top:6px;color:#8aa0ad;white-space:nowrap}
.live-animation-dialog .calculation-complete .row-total>b{color:#a37324;background:#fff3d9}
.live-animation-dialog .calculation-complete [data-column=total-0]{color:#a8b2b9;background:#edf1f4;text-decoration:line-through;opacity:.6}
.live-animation-dialog .calculation-complete [data-addition-note]{color:#ab863e}
.live-animation-dialog .sequence-card[data-card=result][data-phase=active] .number-visual>[data-number]{animation:eth-live-sum-breath 1s ease-in-out infinite;color:#b5904e}
.live-animation-dialog .sequence-card[data-card=result][data-phase=done] .number-visual::before{content:'';position:absolute;inset:-10px -3px;border:1px solid #d8b66b;border-radius:14px;animation:eth-live-reveal-ring 1s ease-out both;pointer-events:none}
.live-animation-dialog .sequence-card[data-card=result][data-phase=done]{background:radial-gradient(ellipse at 50% 40%,#fff3cd,transparent 70%),#fffaf0;transition:background .7s,border-color .7s}
.live-animation-dialog .reveal-particle{position:absolute;left:50%;top:52%;width:4px;height:4px;border-radius:50%;pointer-events:none;background:#e3bd66;z-index:3;animation:eth-live-prize-spark .95s ease-out both;animation-delay:var(--delay)}
.live-animation-dialog .reveal-particle:nth-of-type(2n){background:#73aec5;width:3px;height:3px}
@keyframes eth-live-digit-reel{to{transform:translateY(-640px)}}
@keyframes eth-live-time-reel{to{transform:translateY(-156px)}}
@keyframes eth-live-block-scan{to{left:110%}}
@keyframes eth-live-block-build{50%{transform:translateY(-5px) rotate(135deg);opacity:.3}}
@keyframes eth-live-number-lock{0%{transform:translateY(-7px) scaleY(.8);opacity:.4}65%{transform:translateY(2px) scaleY(1.06)}100%{transform:none;opacity:1}}
@keyframes eth-live-locked-check{from{transform:scale(.6)}70%{transform:scale(1.18)}to{transform:scale(1)}}
@keyframes eth-live-hash-arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes eth-live-sum-digit{from{transform:translateY(-5px);opacity:.2}to{transform:none;opacity:1}}
@keyframes eth-live-carry-up{from{transform:translate(14px,13px);opacity:0}to{transform:none;opacity:1}}
@keyframes eth-live-sum-breath{50%{opacity:.4;transform:scale(.94)}}
@keyframes eth-live-prize-reveal{0%{opacity:0;transform:scale(.7);filter:blur(5px)}60%{opacity:1;transform:scale(1.08);filter:blur(0)}100%{transform:scale(1)}}
@keyframes eth-live-reveal-ring{from{opacity:.9;transform:scale(.85)}to{opacity:0;transform:scale(1.45)}}
@keyframes eth-live-prize-spark{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}20%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(.3)}}
@media(max-width:700px){.live-animation-dialog .stage-timeline{gap:5px;margin-bottom:13px}
.live-animation-dialog .stage-timeline>span{font-size:9px;gap:4px}
.live-animation-dialog .stage-timeline b{width:16px;height:16px;font-size:9px}
.live-animation-dialog .number-visual{height:48px;margin:10px 0 15px}
.live-animation-dialog .number-visual>[data-number],.live-animation-dialog .sequence-card[data-card=result][data-phase=done] .number-visual>[data-number]{font-size:clamp(16px,5.2vw,29px);line-height:48px;letter-spacing:0}
.live-animation-dialog .number-reel{font-size:clamp(16px,5.2vw,29px);width:.65em;line-height:48px}
.live-animation-dialog .reel-track>i{height:64px}
.live-animation-dialog .number-reel,.live-animation-dialog .history-reels{height:48px}
.live-animation-dialog .candidate-wheel span{font-size:8px}
.live-animation-dialog .scanner-stream>span{font-size:8px;letter-spacing:0}
.live-animation-dialog .scanner-stream>code{font-size:8px;letter-spacing:0}
.live-animation-dialog .addition-placeholder{font-size:10px;letter-spacing:0}
.live-animation-dialog .addition-board{min-height:140px}
.live-animation-dialog .sequence-card{min-height:225px}
.live-animation-dialog .block-scanner>b,.live-animation-dialog .block-scanner>em{width:12px;height:12px}}
@media(prefers-reduced-motion:reduce){.live-animation-dialog .sequence-card[data-card=history][data-phase=active] .number-visual>[data-number]{visibility:visible}
.live-animation-dialog .sequence-card[data-card=history][data-phase=active] .history-reels{display:none}
.live-animation-dialog *,.live-animation-dialog *::before,.live-animation-dialog *::after{animation:none!important;transition:none!important}}
.live-animation-dialog /* Reel position is retained through deceleration; only transforms are animated. */
.sequence-card.reel-landing .history-reels,.live-animation-dialog .sequence-card[data-card=base][data-phase=active][data-base-stage=capturing] .history-reels{display:flex}
.live-animation-dialog .sequence-card.reel-landing .number-visual>[data-number],.live-animation-dialog .sequence-card[data-card=base][data-phase=active][data-base-stage=capturing] .number-visual>[data-number]{visibility:hidden;animation:none}
.live-animation-dialog .sequence-card.reel-landing .sequence-hash{animation:none}
.live-animation-dialog .sequence-card[data-card=base] .number-reel{color:#a17b36;background:linear-gradient(#f4e5bf66,transparent 45%,#f4e5bf66)}
.live-animation-dialog .sequence-card[data-card=base][data-base-stage=capturing] .block-scanner{display:none}
.live-animation-dialog .sequence-card.reel-landing .block-scanner{display:none}
.live-animation-dialog .reel-landing .history-reels{mask-image:none}
.live-animation-dialog[open]{background:linear-gradient(125deg,#f0f8fc,#edf4f9 60%,#fff8e9)!important;isolation:isolate;box-shadow:0 40px 140px #051d3280,0 0 0 1px #ffffff55!important}
.live-animation-dialog::backdrop{background:radial-gradient(ellipse at 25% 20%,#1e536e77,transparent 60%),#0b253c8c;backdrop-filter:blur(7px)}
.live-animation-dialog .sequence-atmosphere{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;z-index:-1;contain:paint}
.live-animation-dialog :is(.sequence-heading,.stage-timeline,.sequence-flow,.addition-board,.sequence-controls,.sequence-rule){position:relative;z-index:1}
.live-animation-dialog .ambient-core{position:absolute;left:12%;top:20%;width:420px;height:380px;border-radius:50%;background:radial-gradient(ellipse,#65bddb50,transparent 68%);transform:translateX(-50%);transition:left 1.6s ease,background 1.6s ease,opacity 1.6s;filter:blur(16px);opacity:.9}
.live-animation-dialog[data-animation-stage=BASE] .ambient-core{left:50%;background:radial-gradient(ellipse,#e8c87955,transparent 68%)}
.live-animation-dialog[data-animation-stage=COMBINE] .ambient-core{left:76%;background:radial-gradient(ellipse,#cdb5e24d,transparent 68%)}
.live-animation-dialog[data-animation-stage=DONE] .ambient-core{left:84%;background:radial-gradient(ellipse,#f2ca6e60,transparent 68%);opacity:1}
.live-animation-dialog .ambient-grid{position:absolute;left:-30%;right:-30%;height:65%;bottom:-35%;background:linear-gradient(90deg,#76abc522 1px,transparent 1px),linear-gradient(#76abc522 1px,transparent 1px);background-size:44px 44px;transform:perspective(430px) rotateX(53deg);transform-origin:center top;mask-image:linear-gradient(transparent,#000 45%,transparent);animation:eth-live-grid-drift 24s linear infinite}
.live-animation-dialog .ambient-chain{position:absolute;inset:0;width:100%;height:100%;color:#659db2;opacity:.14}
.live-animation-dialog .ambient-beam{position:absolute;left:-50%;top:-20%;width:40%;height:150%;transform:rotate(24deg);background:linear-gradient(90deg,transparent,#fff9,transparent);filter:blur(22px);opacity:.45;animation:eth-live-ambient-travel 18s ease-in-out infinite}
.live-animation-dialog .ambient-block{position:absolute;width:46px;height:46px;border:1px solid #7eb2c226;border-radius:7px;background:linear-gradient(135deg,#b2d7e71f,#fff2);transform:rotate(30deg) skewY(-8deg);animation:eth-live-block-float 9s ease-in-out infinite;box-shadow:inset 0 0 18px #fff3}
.live-animation-dialog .ambient-block::after{content:'';position:absolute;inset:9px;border:1px solid #7eb2c21f;border-radius:3px}
.live-animation-dialog .block-one{left:3%;top:42%;width:62px;height:62px}
.live-animation-dialog .block-two{right:5%;top:12%;width:31px;height:31px;animation-delay:-4s}
.live-animation-dialog .block-three{right:7%;bottom:9%;animation-delay:-6s;border-color:#c3a45b26}
.live-animation-dialog .ambient-dust>i{position:absolute;left:var(--left);top:var(--top);width:3px;height:3px;border-radius:50%;background:#88b5c35c;animation:eth-live-dust-drift 7s ease-in-out infinite;animation-delay:var(--delay)}
.live-animation-dialog .ambient-dust>i:nth-child(3n){background:#d1b66e55;width:4px;height:4px}
.live-animation-dialog .sequence-card{background:#ffffffc2;backdrop-filter:blur(5px);box-shadow:0 6px 20px #2e5c7610}
.live-animation-dialog .sequence-card[data-phase=waiting]{background:#f7fcffb0;opacity:.7}
.live-animation-dialog .sequence-card[data-phase=done]{background:#ffffffd6}
.live-animation-dialog .sequence-card[data-card=base][data-phase=active]{background:#fffaf0dc}
.live-animation-dialog .sequence-heading>span{color:#668e9f}
.live-animation-dialog .sequence-heading h2{color:#1c5069;text-shadow:0 1px #fff}
.live-animation-dialog .addition-work{background:#ffffffe0;box-shadow:0 5px 25px #628ba412}
@keyframes eth-live-grid-drift{to{background-position:0 88px}}
@keyframes eth-live-ambient-travel{0%,12%{left:-55%;opacity:0}25%{opacity:.45}75%{opacity:.3}100%{left:125%;opacity:0}}
@keyframes eth-live-block-float{50%{transform:translateY(-16px) rotate(38deg) skewY(-8deg)}}
@keyframes eth-live-dust-drift{50%{transform:translate(6px,-18px);opacity:.25}}
@media(max-width:700px){.live-animation-dialog .ambient-chain{opacity:.1}
.live-animation-dialog .ambient-core{width:260px;height:320px}
.live-animation-dialog .ambient-block{opacity:.5}
.live-animation-dialog .ambient-grid{background-size:32px 32px}}
@media(prefers-reduced-motion:reduce){.live-animation-dialog .sequence-atmosphere *{animation:none!important;transition:none!important}}
@media(min-width:761px){.live-animation-dialog[open]{width:min(960px,calc(100vw - 48px))!important;max-width:960px!important;padding:30px 40px 18px!important}
.live-animation-dialog .sequence-heading h2{font-size:28px}
.live-animation-dialog .sequence-flow{gap:20px}
.live-animation-dialog .sequence-card{padding-top:19px;padding-bottom:16px;min-height:260px}
.live-animation-dialog .sequence-heading{margin-bottom:15px}}
@media(min-width:761px){.live-animation-dialog .stage-timeline>span{font-size:12.1px}
.live-animation-dialog .stage-timeline b{font-size:11px}
.live-animation-dialog .sequence-card>small{font-size:12.1px}
.live-animation-dialog .candidate-wheel span{font-size:11px}
.live-animation-dialog .scanner-stream>span{font-size:14px;line-height:20px;font-weight:600;color:#8b651f;letter-spacing:1px}
.live-animation-dialog .scanner-stream>code{font-size:20px;line-height:25px;font-weight:700;color:#805916;letter-spacing:1px}
.live-animation-dialog .sequence-hash>span{font-size:9.9px}
.live-animation-dialog .sequence-hash .marked-block-hash{font-size:11px!important}
.live-animation-dialog .addition-work{width:310px;padding:12px 18px}
.live-animation-dialog .addition-row{grid-template-columns:22px 22px repeat(6,minmax(0,1fr));gap:4px;font-variant-numeric:tabular-nums}
.live-animation-dialog .addition-row>.addition-operator{font:600 18px/24px ui-monospace,monospace;text-align:center;color:#50768b}
.live-animation-dialog .addition-row>.addition-label{font:600 12px/24px system-ui;text-align:center}
.live-animation-dialog .row-carry>.addition-label{font-size:9px;line-height:15px;white-space:nowrap}
.live-animation-dialog .sequence-hash .block-verify-link{display:flex;width:max-content;max-width:100%;align-items:center;justify-content:center;gap:4px;margin:0 auto 7px;padding:6px 9px;border:1px solid #70adc5;border-radius:7px;background:#e5f5fc;color:#176b8c;font-size:10px;font-weight:700;line-height:1.5;text-decoration:none;box-shadow:0 2px 7px #256f8b12;cursor:pointer}
.live-animation-dialog .sequence-hash .block-verify-link:hover{background:#cceafa;border-color:#247d9f;color:#0d4965}
.live-animation-dialog .sequence-hash .block-verify-link:focus-visible{outline:3px solid #4a9fc3;outline-offset:3px}
.live-animation-dialog .inline-settlement{position:relative;z-index:1;margin:20px 0 4px;padding:18px 20px;border:1px solid #d4e4ec;border-radius:14px;background:#ffffffba;text-align:left}
.live-animation-dialog .inline-settlement[hidden]{display:none!important}
.live-animation-dialog .inline-settlement>h3{margin:0 0 12px;font-size:15px;color:#376d85}
.live-animation-dialog .inline-settlement .draw-settlement{margin:0 0 12px}
.live-animation-dialog .inline-settlement .proof-details{margin-top:14px}
.live-animation-dialog .inline-settlement .draw-id{overflow-wrap:anywhere;font-size:10px;margin-bottom:0}}
@media(min-width:761px){.draw-dialog .draw-page-arrow{position:absolute;top:335px;z-index:8;display:grid;place-items:center;width:30px;height:68px;padding:0;border:1px solid #b8d8e5;border-radius:12px;background:#f4fbffe6;color:#267591;font:400 36px/1 system-ui;box-shadow:0 3px 10px #245b7310;cursor:pointer;transition:background .15s,color .15s}
.draw-dialog .draw-page-arrow:hover:not(:disabled){color:#fff;background:#287e9e;border-color:#287e9e}
.draw-dialog .draw-page-arrow:disabled{opacity:.28;cursor:default;box-shadow:none}
.draw-dialog .draw-page-arrow:focus-visible{outline:3px solid #4a9fc3;outline-offset:2px}
.draw-dialog .draw-page-previous{left:7px}
.draw-dialog .draw-page-next{right:7px}
.draw-dialog .draw-page-position{position:relative;z-index:2;text-align:center;margin:-7px 0 14px;color:#658a9d;font-size:11px;font-variant-numeric:tabular-nums}}
.live-animation-dialog .live-scene{position:relative;isolation:isolate}
.live-animation-dialog .live-scene[hidden]{display:none!important}
.live-animation-dialog .draw-progress,.live-animation-dialog #spinStage,.live-animation-dialog #drawCalculation,.live-animation-dialog .draw-panel-rule,.live-animation-dialog .source-group-heading,.live-animation-dialog #historySourceInfo,.live-animation-dialog #baseSourceInfo,.live-animation-dialog #blockMeta,.live-animation-dialog #baseBlockExplanation{display:none!important}
.live-animation-dialog .draw-result-header{min-height:60px;margin:0 0 18px;position:relative;z-index:2}
.live-animation-dialog .draw-dialog-head{min-height:0!important;padding:0!important}
.live-animation-dialog .draw-dialog-head h2{font-size:24px}
.live-animation-dialog .manual-spin-actions{margin:12px auto 8px;text-align:center;position:relative;z-index:2}
.live-animation-dialog #stopSpin{width:auto;min-width:240px;min-height:46px}
.live-animation-dialog .sequence-hash>span{display:block;font-size:9.9px;line-height:1.6;margin-bottom:3px}
.live-animation-dialog .sequence-hash .marked-block-hash{font-size:11px!important}
@media(max-width:760px){.draw-page-arrow,.draw-page-position{display:none!important}}
.coverage-summary{padding:14px 20px;line-height:1.8;font-size:12px}.coverage-summary>strong{font-size:18px;color:#a27328}.coverage-summary p{overflow-wrap:anywhere}

/* Visible charge flow while the next base block is still in the future. */
.live-animation-dialog .sequence-card[data-card=base][data-phase=active][data-base-stage=waiting] .block-scanner{display:block;background:repeating-linear-gradient(100deg,#d9f3fa 0 8px,#bce8f5 8px 16px);background-size:200% 100%;animation:mocube-charge-flow 2s linear infinite;border:1px solid #6bb8d2;box-shadow:inset 0 0 18px #3a9ec847,0 0 15px #57badb38}
.live-animation-dialog .sequence-card[data-card=base][data-phase=active][data-base-stage=waiting] .block-scanner>i{width:45%;background:linear-gradient(90deg,transparent,#fff,transparent);animation:eth-live-block-scan 1.3s ease-in-out infinite}
.live-animation-dialog .sequence-card[data-card=base][data-phase=active][data-base-stage=waiting] .number-visual>[data-number]{position:relative;z-index:2;color:#377f9c;text-shadow:0 1px #fff}
@keyframes mocube-charge-flow{to{background-position:200% 0}}
.result-gift{position:absolute;inset:0;z-index:5;pointer-events:none;display:grid;place-items:center;overflow:hidden;border-radius:inherit;background:#fff7dfc9;animation:gift-fade 1.8s forwards}
.result-gift i{position:absolute;display:block}.gift-box{width:110px;height:85px;top:48%;border-radius:6px;background:linear-gradient(115deg,#e7a935,#ffdc7e,#d1942b);box-shadow:0 12px 24px #91601b33}.gift-lid{width:126px;height:25px;top:calc(48% - 17px);border-radius:5px;background:linear-gradient(110deg,#f3bd56,#ffe7a8);box-shadow:0 3px 5px #8f64274d;transition:transform .75s cubic-bezier(.2,.7,.2,1),opacity .7s}.gift-ribbon{width:18px;height:85px;top:48%;background:#f6f4e9}.gift-rays{width:220px;height:220px;background:repeating-conic-gradient(#fffbd1ee 0 9deg,transparent 9deg 24deg);border-radius:50%;opacity:0;transition:opacity .5s,transform 1s}.gift-open .gift-lid{transform:translate(-15px,-100px) rotate(-20deg);opacity:0}.gift-open .gift-rays{opacity:1;transform:scale(2) rotate(30deg)}
@keyframes gift-fade{0%,65%{opacity:1}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.result-gift{display:none}.live-animation-dialog .block-scanner{animation:none!important}}