.die-canvas{position:relative;margin-inline:auto;overflow:hidden;width:var(--die-w, 100%);aspect-ratio:13 / 9;container-type:inline-size}.die-canvas{--die-rgb: 238, 244, 245;--die-pad-rgb: 195, 206, 211;--die-sig-rgb: 143, 162, 234;--die-body: #131920;--die-tx: #c3ced3}:root[data-theme=light] .die-canvas{--die-rgb: 20, 23, 26;--die-pad-rgb: 93, 105, 112;--die-sig-rgb: 39, 67, 208;--die-body: #e8ecee;--die-tx: #3a444b}.die-canvas svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.die-canvas svg text{font-family:var(--label);font-stretch:62.5%;font-weight:600}.die-lyr{position:absolute}.die-mask-out{position:absolute;inset:0}.die-body{fill:var(--die-body)}.die-edge{fill:none;stroke:rgba(var(--die-rgb),.5);stroke-width:1.5}.die-scribe{fill:none;stroke:rgba(var(--die-rgb),.32);stroke-width:1.2}.die-fid{fill:none;stroke:rgba(var(--die-rgb),.55);stroke-width:1.4}.die-pads{fill:none;stroke:rgba(var(--die-pad-rgb),.24);stroke-width:20}.die-rpad{fill:var(--signal)}.die-mark path,.die-mark rect{fill:rgba(var(--die-rgb),.3)}.die-rbox{fill:rgba(var(--die-rgb),.022);stroke:rgba(var(--die-rgb),.3);stroke-width:1.2}.die-rlabel{font-size:19px;font-weight:500;letter-spacing:.14em;fill:var(--ink)}.die-rlabel.die-rnum{fill:var(--slate)}.die-bbox{fill:rgba(var(--die-rgb),.03);stroke:rgba(var(--die-rgb),.22);stroke-width:1}.die-blabel{font-size:13.5px;font-weight:500;letter-spacing:.12em;fill:var(--ink-2)}.die-tx{fill:none;stroke:var(--die-tx)}.die-tx.tx-line{stroke-width:1;opacity:.36}.die-tx.tx-node{opacity:.5}.die-tx.tx-col{opacity:.34}.die-tx.tx-col-lo{opacity:.17}.die-tx.tx-rule{opacity:.22}.die-tx.tx-dot{opacity:.55}.die-tx.tx-fill{opacity:.2}.die-canvas .filler .die-bbox{fill:rgba(var(--die-rgb),.018);stroke:rgba(var(--die-rgb),.13)}.die-canvas .filler>.wipe{opacity:.7}.die-tx.tx-cell-0{opacity:.07}.die-tx.tx-cell-1{opacity:.15}.die-tx.tx-cell-2{opacity:.27}.die-tx.tx-cell-3{opacity:.44}.die-pin,.die-via{fill:none;stroke:rgba(var(--die-rgb),.72);stroke-width:5}.die-stub{fill:none;stroke:rgba(var(--die-rgb),.2);stroke-width:1.2}.die-trace{fill:none;stroke:rgba(var(--die-rgb),.62);stroke-width:1.5}.die-trace.spoke{stroke:rgba(var(--die-rgb),.5);stroke-width:2.6}.die-spark,.die-pulse{fill:none;stroke:var(--signal);stroke-width:2.2}.die-spark.spoke,.die-pulse.spoke{stroke-width:3.2}.die-core-box{fill:var(--die-body);stroke:var(--signal);stroke-width:1.6}.die-cell{fill:rgba(var(--die-rgb),.03);stroke:rgba(var(--die-rgb),.3);stroke-width:1}.die-cell.lead{stroke:var(--signal);stroke-width:1.2}.die-cell-label{font-size:12px;font-weight:600;letter-spacing:.1em;fill:var(--ink)}.die-tx.tx-micro{opacity:.36}.die-tx.tx-pad{opacity:.45}.die-hot{fill:none;stroke:var(--signal);stroke-width:1.1}.die-period{fill:var(--signal)}.die-mask-sheet{fill:rgba(var(--die-sig-rgb),.035);stroke:rgba(var(--die-sig-rgb),.5);stroke-width:1;stroke-dasharray:8 6}.die-mask-ghost{fill:none;stroke:rgba(var(--die-sig-rgb),.42);stroke-width:1.2;stroke-dasharray:3 5}.die-mask-fid{fill:none;stroke:var(--signal);stroke-width:1.4}.die-mask-label{font-size:12px;font-weight:500;letter-spacing:.18em;fill:var(--signal)}.die-canvas svg .drop,.die-canvas svg .pop,.die-canvas svg .stamp{transform-box:fill-box;transform-origin:50% 50%}.die-fx{display:none}.die-motion g.die-fx{display:inline}.die-motion div.die-fx{display:block}.die-motion .die-lyr{will-change:transform,opacity}.die-motion .die-root:not(.run) *{animation-play-state:paused}.die-motion .draw{stroke-dasharray:1 2;animation:dDraw var(--dur, .9s) cubic-bezier(.45,0,.2,1) var(--d, 0ms) both}.die-motion .wipe{animation:dWipe var(--dur, .9s) cubic-bezier(.45,0,.2,1) var(--d, 0ms) both}.die-motion .fade{animation:dFade var(--dur, .7s) ease-out var(--d, 0ms) both}.die-motion .pop{animation:dPop .46s cubic-bezier(.16,1,.3,1) var(--d, 0ms) both}.die-motion .fly{animation:dFly .9s cubic-bezier(.16,1,.3,1) var(--d, 0ms) both}.die-motion .drop{animation:dDrop .48s cubic-bezier(.16,1,.3,1) var(--d, 0ms) both}.die-motion .lit{animation:dLit .46s ease-out var(--d, 0ms) both}.die-motion .litstroke{animation:dLitStroke .46s ease-out var(--d, 0ms) both}.die-motion .litpad{animation:dLitPad .36s ease-out var(--d, 0ms) both}.die-motion .flash{animation:dFlash .7s ease-in-out var(--d, 0ms) both}.die-motion .stamp{animation:dStamp .38s cubic-bezier(.16,1,.3,1) var(--d, 0ms) both}.die-motion .die-mask{animation:dMaskIn .8s linear var(--d, 0ms) both}.die-motion .die-mask-out{animation:dMaskOut .45s cubic-bezier(.55,0,.8,.2) var(--d, 0ms) both}.die-motion .die-spark{stroke-dasharray:.07 2;animation:dSpark var(--dur, .85s) cubic-bezier(.45,0,.2,1) var(--d, 0ms) both}.die-motion .die-pulse{stroke-dasharray:.1 2;animation:dPulse var(--dur, .7s) cubic-bezier(.5,0,.25,1) var(--d, 0ms) both}@keyframes dDraw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes dFade{0%{opacity:0}}@keyframes dWipe{0%{clip-path:var(--wf)}to{clip-path:var(--wt, inset(-12px))}}@keyframes dPop{0%{opacity:0;transform:scale(.4)}}@keyframes dFly{0%{opacity:0;transform:translate(var(--fx),var(--fy)) rotate(var(--fr)) scale(1.08)}30%{opacity:1}to{opacity:1;transform:none}}@keyframes dDrop{0%{opacity:0;transform:scale(1.18)}45%{opacity:1}to{opacity:1;transform:none}}@keyframes dLit{0%{fill:rgba(var(--die-rgb),.34)}}@keyframes dLitStroke{0%{stroke:rgba(var(--die-rgb),.4)}}@keyframes dLitPad{0%{fill:rgba(var(--die-pad-rgb),.34)}}@keyframes dFlash{0%,to{stroke:rgba(var(--die-rgb),.55)}35%{stroke:var(--signal)}}@keyframes dStamp{0%{opacity:0;transform:scale(2.4)}40%{opacity:1}to{opacity:1;transform:none}}@keyframes dMaskIn{0%{opacity:0;transform:translate(1.7cqw,-3.5cqw);animation-timing-function:cubic-bezier(.16,1,.3,1)}62%{opacity:1;transform:translate(.54cqw,-.38cqw);animation-timing-function:cubic-bezier(.45,0,.25,1)}to{opacity:1;transform:none}}@keyframes dMaskOut{to{opacity:0;transform:translateY(-2.6cqw)}}@keyframes dGrow{0%{transform:scaleX(0)}}@keyframes dSpark{0%{stroke-dashoffset:.07;opacity:1}86%{opacity:1}to{stroke-dashoffset:-.93;opacity:0}}@keyframes dPulse{0%{stroke-dashoffset:.1}to{stroke-dashoffset:-1}}.die-hud{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.85rem 2rem;margin-top:.9rem}.die-phases{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem clamp(1rem,2.6vw,2.4rem);font-family:var(--label);font-stretch:62.5%;font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}.die-phases span{color:var(--slate);margin-right:.55em}.die-motion .die-phases li{animation:dHud .3s ease-out var(--d, 0ms) both}@keyframes dHud{0%{color:rgba(var(--die-rgb),.28)}}.die-track{grid-column:1 / -1;grid-row:2;position:relative;height:1px;background:var(--line-soft)}.die-track i{position:absolute;top:-3px;width:1px;height:7px;background:var(--line)}.die-prog{position:absolute;inset:0;background:var(--signal);transform-origin:0 50%}.die-motion .die-prog{animation:dGrow var(--dur) linear 0ms both}.die-ctl{display:flex;align-items:center;gap:1rem}.die-ctl output{font-family:var(--sans);font-stretch:87.5%;font-variant-numeric:tabular-nums lining-nums;font-weight:450;font-size:.78rem;letter-spacing:.12em;color:var(--slate);min-width:4.4em;text-align:right;font-variant-numeric:tabular-nums}.die-scrub{-webkit-appearance:none;appearance:none;width:clamp(8rem,16vw,15rem);height:20px;background:transparent;cursor:pointer}.die-scrub::-webkit-slider-runnable-track{height:1px;background:var(--line)}.die-scrub::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;margin-top:-5px;background:var(--ink);border:0;border-radius:0}.die-scrub::-moz-range-track{height:1px;background:var(--line)}.die-scrub::-moz-range-thumb{width:11px;height:11px;background:var(--ink);border:0;border-radius:0}.die-replay{cursor:pointer;background:none}.die-clock{position:absolute;width:0;height:0;overflow:hidden}.die-motion .die-clock{animation:dClock var(--dur) linear 0ms both}@keyframes dClock{0%{opacity:1}to{opacity:1}}.die-root{position:relative}@media(max-width:760px){.die-blabel,.die-cell-label{display:none}.die-rlabel{font-size:26px;letter-spacing:.04em}.die-rnum{display:none}.die-hud{grid-template-columns:1fr}.die-track{grid-row:auto}}