.qbit-canvas{aspect-ratio:1;contain:strict;touch-action:manipulation;background:0 0;inline-size:100%;max-inline-size:100%;display:block;overflow:clip}:root{color:#f4fff7;font-synthesis:none;text-rendering:optimizelegibility;background:#070b09;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:#070b09;min-width:320px;overflow:hidden}button,canvas{font:inherit}.qbit-app{isolation:isolate;background:radial-gradient(circle,#1ab45312,#0000 42%),#070b09;width:100%;height:100svh;position:relative;overflow:hidden}.qbit-app:after{z-index:8;pointer-events:none;content:"";background:repeating-linear-gradient(#0000 0 3px,#ffffff04 3px 4px);position:absolute;inset:0}.qbit-pixel-background{z-index:-1;opacity:.9;width:100%;height:100%;image-rendering:pixelated;pointer-events:none;position:absolute;inset:0}.qbit-hud{z-index:12;top:max(1rem, env(safe-area-inset-top));right:max(1.25rem, env(safe-area-inset-right));left:max(1.25rem, env(safe-area-inset-left));color:#ebfff2ad;justify-content:space-between;align-items:center;min-width:0;font-size:.75rem;display:flex;position:absolute}.qbit-status{white-space:nowrap;align-items:center;gap:clamp(.75rem,2vw,1.5rem);min-width:0;display:flex}.qbit-status__network{color:#fff;text-transform:uppercase;min-width:8ch;font-weight:650}.qbit-status__connection{align-items:center;gap:.5rem;min-width:8.5rem;display:inline-flex}.qbit-status__connection:before{content:"";background:#1ab453;border-radius:50%;flex:none;width:.45rem;height:.45rem}.qbit-status__connection[data-connection=connecting]:before,.qbit-status__connection[data-connection=degraded]:before{background:#f7931a}.qbit-status__height{color:#ffffffd6}.qbit-legend{white-space:nowrap;align-items:center;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.qbit-legend li{align-items:center;gap:.35rem;display:inline-flex}.qbit-stage{z-index:2;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;min-width:0;min-height:0;display:grid;position:absolute;inset:0}.qbit-canvas-shell{z-index:3;aspect-ratio:1;grid-area:1/2;width:min(60vw,60svh);height:min(60vw,60svh);position:relative}.qbit-canvas{width:100%;height:100%;image-rendering:pixelated;outline:none}.qbit-canvas:focus-visible{outline-offset:6px;outline:2px solid #70ffa4b8}.qbit-pixel-label{color:#d0ffe094;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .65rem;font-size:clamp(.55rem,.75vw,.72rem);font-weight:650;line-height:1.45}.qbit-era-panel,.qbit-reward-panel{z-index:5;color:#effff4;font-variant-numeric:tabular-nums;grid-row:1;width:min(18rem,100% - 2rem);position:relative}.qbit-era-panel{grid-column:1;justify-self:start;margin-left:clamp(1rem,2vw,2rem)}.qbit-reward-panel{grid-column:3;justify-self:end;margin-right:clamp(1rem,2vw,2rem)}.qbit-era-count,.qbit-era-percent,.qbit-era-remaining,.qbit-current-subsidy,.qbit-era-estimate{margin:0}.qbit-era-count{white-space:nowrap;font-size:clamp(1rem,1.7vw,1.55rem)}.qbit-era-count strong{color:#fff;font-size:1.25em}.qbit-era-count span{color:#e6ffef94}.qbit-era-meter{background:repeating-linear-gradient(90deg,#ffffff1a 0 7px,#0000 7px 10px);width:100%;height:.75rem;margin:1rem 0 .5rem;position:relative;overflow:hidden}.qbit-era-meter>span{width:var(--qbit-era-progress);filter:drop-shadow(2px 2px #0e7436);background:repeating-linear-gradient(90deg,#1ab453 0 7px,#0000 7px 10px);height:100%;display:block}.qbit-era-percent{color:#70ffa4;font-size:.68rem;font-weight:700}.qbit-era-remaining{text-transform:uppercase;margin-top:1.5rem;display:grid}.qbit-era-remaining strong{font-size:clamp(1.4rem,2.6vw,2.6rem);line-height:1}.qbit-era-remaining span,.qbit-next-subsidy span,.qbit-reduction span{color:#e4ffed85;letter-spacing:.06em;text-transform:uppercase;margin-top:.35rem;font-size:.58rem;font-weight:650}.qbit-current-subsidy{color:#fff;white-space:nowrap;text-shadow:3px 3px #0e7436,6px 6px #000000bf;align-items:baseline;gap:.6rem;display:flex}.qbit-current-subsidy strong{letter-spacing:-.075em;font-size:clamp(2.8rem,5.4vw,6rem);font-weight:700;line-height:.82}.qbit-current-subsidy span{color:#70ffa4;text-shadow:2px 2px #0e7436;font-size:clamp(.75rem,1vw,1rem);font-weight:700}.qbit-next-subsidy,.qbit-reduction{border-top:2px dashed #70ffa429;grid-template-columns:1fr auto;align-items:end;gap:1rem;margin-top:1.4rem;padding-top:.7rem;display:grid}.qbit-next-subsidy strong,.qbit-reduction strong{white-space:nowrap;font-size:clamp(.95rem,1.4vw,1.25rem)}.qbit-reduction strong{color:#f7a13a}.qbit-era-estimate{color:#ffffff75;letter-spacing:.06em;margin-top:1.2rem;font-size:.62rem;font-weight:650}.qbit-inspector{color:#f7fff9;background:#070b09f5;border:2px solid #70ffa452;width:min(15rem,100vw - 16px);min-width:0;padding:.7rem .8rem;font-size:.72rem;box-shadow:5px 5px #0009}.qbit-inspector dl{gap:.35rem;margin:0;display:grid}.qbit-inspector dl>div{grid-template-columns:4rem minmax(0,1fr);gap:.75rem;display:grid}.qbit-inspector dt{color:#beffd47a}.qbit-inspector dd{color:#ffffffe0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0}.qbit-live-region{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:fixed;overflow:hidden}.qbit-live-drop{z-index:20;top:-40px;left:var(--qbit-drop-start-left);color:#1ab453;pointer-events:none;will-change:top, left, width, height;background:currentColor;width:36px;height:36px;animation:1.35s steps(16,end) forwards qbit-live-block-drop;position:fixed;box-shadow:inset 5px 5px #53d47e,inset -5px -5px #0e7436,3px 3px #000000b8}.qbit-live-drop:before{width:50%;height:50%;color:inherit;opacity:.42;content:"";background:currentColor;animation:1.35s steps(12,end) forwards qbit-live-afterimage;position:absolute;bottom:calc(100% + 8px);right:25%;box-shadow:0 -22px #ffffff3d}.qbit-live-drop:after{width:3px;height:3px;color:inherit;opacity:0;content:"";background:currentColor;animation:1.35s steps(4,end) forwards qbit-live-sparks;position:absolute;top:50%;left:50%;box-shadow:-18px -4px,18px -8px,-12px 12px,15px 14px,-25px 5px,27px 3px}.qbit-live-drop[data-kind=auxpow]{color:#f7931a;box-shadow:inset 5px 5px #ffc055,inset -5px -5px #b85f0b,3px 3px #000000b8}.qbit-block-echo{z-index:1;pointer-events:none;opacity:0;border:2px solid #1ab4534d;border-radius:50%;width:20vmin;height:20vmin;animation:2.4s steps(12,end) forwards qbit-block-echo;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.3)}.qbit-block-echo[data-kind=auxpow]{border-color:#f7931a5c}.qbit-era-celebration{z-index:18;pointer-events:none;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.qbit-era-celebration__wash{opacity:0;background:radial-gradient(circle,#70ffa438,#0000 52%);animation:3.4s steps(10,end) forwards qbit-era-complete-wash;position:absolute;inset:0}.qbit-era-celebration__ring{aspect-ratio:1;opacity:0;border:3px solid #70ffa4b8;border-radius:50%;width:min(68vmin,46rem);animation:3.4s steps(14,end) forwards qbit-era-complete-ring;position:absolute}.qbit-era-celebration__ring--inner{animation-delay:80ms}.qbit-era-celebration__ring--outer{border-color:#f7931aa3;animation-delay:.22s}.qbit-era-celebration__sparks{opacity:0;width:5px;height:5px;animation:3.4s steps(10,end) forwards qbit-era-complete-sparks;position:absolute}.qbit-era-celebration__sparks--green{color:#70ffa4;background:currentColor;box-shadow:-34vmin -22vmin,-42vmin 4vmin,-28vmin 27vmin,-8vmin -35vmin,11vmin 34vmin,31vmin -27vmin,43vmin 7vmin,27vmin 25vmin}.qbit-era-celebration__sparks--orange{color:#f7a13a;background:currentColor;animation-delay:.12s;box-shadow:-24vmin -31vmin,-39vmin -9vmin,-37vmin 19vmin,-15vmin 36vmin,17vmin -36vmin,38vmin -15vmin,39vmin 21vmin,8vmin 39vmin}.qbit-era-complete{z-index:2;color:#fff;text-align:center;text-transform:uppercase;opacity:0;background:#05190df5;border:4px solid #70ffa4;min-width:min(30rem,100vw - 2rem);padding:clamp(.9rem,2vw,1.35rem) clamp(1.2rem,4vw,2.4rem);animation:3.4s steps(14,end) forwards qbit-era-complete-card;display:grid;position:relative;transform:scale(.55)rotate(-2deg);box-shadow:8px 8px #0e7436,14px 14px #000000b8}.qbit-era-complete>span{color:#d0ffe0a8;letter-spacing:.12em;font-size:clamp(.62rem,1vw,.8rem);font-weight:700}.qbit-era-complete>strong{color:#fff;letter-spacing:-.04em;text-shadow:3px 3px #0e7436,6px 6px #000000b8;margin:.3rem 0 .45rem;font-size:clamp(1.8rem,5vw,4.4rem);line-height:.95}.qbit-era-complete b{color:#f7a13a;white-space:nowrap}.qbit-era-celebration[data-motion=reduced] .qbit-era-celebration__wash,.qbit-era-celebration[data-motion=reduced] .qbit-era-celebration__ring,.qbit-era-celebration[data-motion=reduced] .qbit-era-celebration__sparks{animation:none;display:none}.qbit-era-celebration[data-motion=reduced] .qbit-era-complete{opacity:1;animation:none;transform:none}@keyframes qbit-live-block-drop{0%{top:-40px;left:var(--qbit-drop-start-left);width:36px;height:36px}52%{top:calc(var(--qbit-drop-target-top) * .48);left:var(--qbit-drop-start-left);width:36px;height:36px}76%{top:calc(var(--qbit-drop-target-top) * .78);left:var(--qbit-drop-mid-left);width:24px;height:24px}89%{top:var(--qbit-drop-target-top);left:var(--qbit-drop-target-left);width:calc(var(--qbit-drop-target-width) * 1.5);height:calc(var(--qbit-drop-target-height) * 1.5)}95%{top:calc(var(--qbit-drop-target-top) + var(--qbit-drop-target-height) * .4);left:calc(var(--qbit-drop-target-left) - var(--qbit-drop-target-width) * .4);width:calc(var(--qbit-drop-target-width) * 1.8);height:calc(var(--qbit-drop-target-height) * .6)}to{top:var(--qbit-drop-target-top);left:var(--qbit-drop-target-left);width:var(--qbit-drop-target-width);height:var(--qbit-drop-target-height);box-shadow:none}}@keyframes qbit-live-afterimage{0%,74%{opacity:.42}90%,to{opacity:0}}@keyframes qbit-live-sparks{0%,87%{opacity:0;transform:scale(.2)}91%{opacity:.85;transform:scale(.4)}to{opacity:0;transform:scale(1)}}@keyframes qbit-block-echo{0%{opacity:.5;transform:translate(-50%,-50%)scale(.3)}to{opacity:0;transform:translate(-50%,-50%)scale(5)}}@keyframes qbit-era-complete-card{0%,32%{opacity:0;transform:scale(.55)rotate(-2deg)}40%{opacity:1;transform:scale(1.08)rotate(1deg)}47%,84%{opacity:1;transform:scale(1)rotate(0)}to{opacity:0;transform:translateY(-12px)scale(.96)}}@keyframes qbit-era-complete-ring{0%,30%{opacity:0;transform:scale(.35)}40%{opacity:.8}82%,to{opacity:0;transform:scale(1.45)}}@keyframes qbit-era-complete-sparks{0%,36%{opacity:0;transform:scale(.25)}43%{opacity:.9;transform:scale(.65)}78%,to{opacity:0;transform:scale(1.55)}}@keyframes qbit-era-complete-wash{0%,34%,to{opacity:0}40%{opacity:1}48%{opacity:.25}55%{opacity:.65}68%{opacity:.12}}@media (width<=68rem){.qbit-era-panel,.qbit-reward-panel{width:min(13rem,100% - 1rem)}.qbit-era-panel{margin-left:1rem}.qbit-reward-panel{margin-right:1rem}}@media (width<=44rem),(aspect-ratio<=4/5){.qbit-hud{left:.85rem;right:.85rem}.qbit-status{justify-content:space-between;gap:.5rem;width:100%}.qbit-status__connection{min-width:auto}.qbit-status__height{min-width:auto!important}.qbit-legend{right:.85rem;bottom:max(.7rem, env(safe-area-inset-bottom));justify-content:center;gap:1.25rem;position:fixed;left:.85rem}.qbit-stage{display:block}.qbit-canvas-shell{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.qbit-reward-panel{top:max(4rem, calc(env(safe-area-inset-top) + 3rem));text-align:center;width:calc(100% - 1.7rem);margin:0;position:absolute;left:.85rem;right:.85rem}.qbit-current-subsidy{justify-content:center}.qbit-current-subsidy strong{font-size:clamp(2.5rem,13vw,4rem)}.qbit-next-subsidy,.qbit-reduction,.qbit-era-estimate{display:none}.qbit-era-panel{right:1rem;bottom:max(3.2rem, calc(env(safe-area-inset-bottom) + 2.8rem));text-align:center;width:calc(100% - 2rem);margin:0;position:absolute;left:1rem}.qbit-era-count{font-size:.95rem}.qbit-era-meter{max-width:20rem;margin:.7rem auto .4rem}.qbit-era-remaining{align-items:baseline;gap:.45rem;margin-top:.65rem;display:inline-flex}.qbit-era-remaining strong{font-size:1.15rem}}@media (height<=36rem) and (orientation:landscape){.qbit-pixel-label,.qbit-era-meter,.qbit-era-percent,.qbit-era-estimate,.qbit-reduction,.qbit-legend{display:none}.qbit-era-remaining,.qbit-next-subsidy{margin-top:.75rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
