html,body,#root{height:100%}body{background:#000;margin:0}@font-face{font-family:Bitcount Grid Double;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/bitcount-grid-double-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bitcount Grid Double;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/bitcount-grid-double-latinext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/space-grotesk-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/space-grotesk-latinext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--hex-clip:url(#hexRound);--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-pixel:"Bitcount Grid Double", var(--font);--font-body:"Space Grotesk", var(--font)}.sitenav{z-index:10;font-family:var(--font-body);pointer-events:none;-webkit-user-select:none;user-select:none;--nav-accent:#a78bef;position:fixed;inset:0}.nav-plus{-webkit-backdrop-filter:blur(7px);cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:#0c0c108c;border:1px solid #f3f1fb29;border-radius:13px;place-items:center;width:46px;height:46px;padding:0;transition:border-color .18s,background .18s,transform .18s;display:grid;position:fixed;top:22px;right:24px}.nav-plus:hover{border-color:var(--nav-accent);background:#14121eb8}.nav-plus:active{transform:scale(.94)}.nav-plus-bar{background:#f3f1fb;border-radius:2px;width:21px;height:2.5px;transition:transform .26s cubic-bezier(.2,.8,.2,1),background .18s;position:absolute}.nav-plus-bar:nth-child(2){transform:rotate(90deg)}.nav-plus.is-open{border-color:var(--nav-accent)}.nav-plus.is-open .nav-plus-bar{background:var(--nav-accent)}.nav-plus.is-open .nav-plus-bar:first-child{transform:rotate(45deg)}.nav-plus.is-open .nav-plus-bar:nth-child(2){transform:rotate(-45deg)}.plus-menu{-webkit-backdrop-filter:blur(12px);opacity:0;visibility:hidden;transform-origin:100% 0;pointer-events:none;background:#0b0b10db;border:1px solid #f3f1fb24;border-radius:15px;flex-direction:column;align-items:stretch;gap:2px;min-width:172px;padding:10px;transition:opacity .2s,transform .22s cubic-bezier(.2,.8,.2,1),visibility .22s;display:flex;position:fixed;top:80px;right:24px;transform:translateY(-8px)scale(.97);box-shadow:0 16px 44px #0000008c}.plus-menu.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)scale(1)}.plus-menu-item{font-family:var(--font-body);letter-spacing:.2px;color:#f3f1fb;text-align:right;white-space:nowrap;border-radius:9px;padding:8px 12px;font-size:16px;font-weight:500;text-decoration:none;transition:color .15s,background .15s}.plus-menu-item:hover{color:var(--nav-accent);background:#a78bef1f}.plus-menu-item.is-active{color:var(--nav-accent)}.plus-menu-item.is-apply{color:#0b0b12;background:var(--nav-accent);text-align:center;margin-top:6px;font-weight:600}.plus-menu-item.is-apply:hover{color:#0b0b12;background:var(--nav-accent);filter:brightness(1.1)}.wordmark{pointer-events:auto;line-height:1;text-decoration:none;transition:transform .18s;display:inline-block;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}.wordmark:hover{transform:translate(-50%)translateY(-3px)}.wordmark-logo{width:auto;height:54px;image-rendering:pixelated;filter:drop-shadow(0 2px 12px #000000b3);transition:filter .15s;display:block}.wordmark:hover .wordmark-logo{filter:drop-shadow(0 3px 16px #7c6eef8c)brightness(1.06)}.lock{vertical-align:-.06em;fill:currentColor;opacity:.85;transform-origin:50%;width:auto;height:.82em;margin-left:8px}.mini-menu-item.shake .lock{animation:.45s lock-shake,.85s lock-redflash}@keyframes lock-shake{0%,to{transform:translate(0)rotate(0)}18%{transform:translate(-2px)rotate(-9deg)}38%{transform:translate(2px)rotate(9deg)}58%{transform:translate(-1.5px)rotate(-6deg)}78%{transform:translate(1.5px)rotate(5deg)}}@keyframes lock-redflash{0%,35%{fill:#ff4d4d}to{fill:currentColor}}.locked-note{white-space:nowrap;font-family:var(--font-body);letter-spacing:.2px;color:#ff8f8f;pointer-events:none;background:#ff4d4d24;border:1px solid #ff4d4d66;border-radius:7px;padding:4px 10px;font-size:12px;font-weight:600;animation:1.8s forwards note-pop;position:absolute;top:calc(100% + 7px);left:0}.mini-menu-item:last-child .locked-note{left:auto;right:0}@keyframes note-pop{0%{opacity:0;transform:translateY(-4px)}12%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0)}}@media (width<=560px){.nav-plus{top:max(16px, env(safe-area-inset-top));right:14px}.plus-menu{top:max(70px, calc(env(safe-area-inset-top) + 54px));right:14px}.wordmark{bottom:max(18px, env(safe-area-inset-bottom))}.wordmark-logo{height:40px}.lock{margin-left:4px}.locked-note{font-size:11px}}.builder-head{z-index:8;text-align:center;width:max-content;max-width:92vw;font-family:var(--font-body);pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;top:92px;left:50%;transform:translate(-50%)}.builder-back{pointer-events:auto;letter-spacing:.3px;color:#9a9aa8;font-size:13px;font-weight:600;text-decoration:none;transition:color .15s}.builder-back:hover{color:#f3f1fb}.builder-name{font-family:var(--font-pixel);letter-spacing:.5px;color:#fff;text-shadow:0 1px 12px #000000b3;font-size:30px;font-weight:430}.builder-tagline{color:#c4c4d2;text-shadow:0 1px 10px #000000b3;font-size:15px;font-weight:400}.builder-links{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4px;display:flex}.builder-links a{pointer-events:auto;letter-spacing:.2px;color:var(--accent,#a78bef);background:color-mix(in srgb, var(--accent,#a78bef) 12%, transparent);border:1px solid color-mix(in srgb, var(--accent,#a78bef) 45%, transparent);border-radius:7px;padding:4px 11px;font-size:12.5px;font-weight:600;text-decoration:none;transition:filter .15s}.builder-links a:hover{filter:brightness(1.18)}@media (width<=760px){.builder-head{gap:4px;top:128px}.builder-name{font-size:24px}.builder-tagline{font-size:13.5px}}.empty-state{z-index:4;text-align:center;font-family:var(--font-body);color:#c4c4d2;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;font-size:17px;display:flex;position:fixed;inset:0}.empty-back{color:#a78bef;font-size:14px;font-weight:600;text-decoration:none}.empty-back:hover{text-decoration:underline}.howto{z-index:4;-webkit-overflow-scrolling:touch;position:fixed;inset:0;overflow-y:auto}.howto-inner{max-width:820px;font-family:var(--font-body);color:#e8e8f0;margin:0 auto;padding:132px 24px 90px}.howto-title{font-family:var(--font-pixel);letter-spacing:.5px;color:#fff;margin:0 0 14px;font-size:40px;font-weight:430}.howto-lead{color:#c4c4d2;max-width:64ch;margin:0 0 30px;font-size:17px;line-height:1.6}.howto-diagram{width:100%;height:auto;margin:4px auto 30px;display:block}.howto-dnum{font-family:var(--font-pixel);font-size:30px;font-weight:500}.howto-dstep{height:100%;font-family:var(--font-body);flex-direction:column;justify-content:center;display:flex}.howto-dtitle{color:#fff;font-size:19px;font-weight:700;line-height:1.2}.howto-dbody{color:#b9b9c8;margin-top:5px;font-size:14.5px;line-height:1.45}.howto-note{color:var(--nav-accent);margin:0 0 24px;font-size:15.5px;font-style:italic}.howto-cta{color:#0b0b12;background:var(--nav-accent);border-radius:9px;padding:11px 20px;font-size:15px;font-weight:600;text-decoration:none;transition:filter .15s;display:inline-block}.howto-cta:hover{filter:brightness(1.1)}@media (width<=560px){.howto-inner{padding:150px 18px 70px}.howto-title{font-size:30px}.howto-lead{font-size:15.5px}}.hexgrid{z-index:2;pointer-events:none;font-family:var(--font);--cluster-cy:47%;position:fixed;inset:0}@media (width<=760px){.hexgrid{--cluster-cy:44%}}.hex{pointer-events:auto;background:var(--accent);clip-path:var(--hex-clip);cursor:pointer;filter:drop-shadow(0 10px 22px #00000073);transform-origin:50%;border:0;padding:0;transition:transform .18s,filter .18s;position:absolute}.hex:hover,.hex:focus-visible{filter:drop-shadow(0 0 14px var(--accent)) drop-shadow(0 12px 26px #00000080);z-index:3;outline:none}.hex:hover .hex-face,.hex:focus-visible .hex-face{background:#12121a}.hex:active{filter:drop-shadow(0 4px 10px #00000080)}.hex-face{clip-path:var(--hex-clip);text-align:center;background:#0d0d14;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:0 22%;transition:background .18s;display:flex;position:absolute;inset:2px}.hex-logo{background:color-mix(in srgb, var(--accent) 22%, transparent);width:30px;height:30px;color:var(--accent);border-radius:7px;place-items:center;font-size:16px;font-weight:800;line-height:1;display:grid}.hex-logo img{object-fit:contain;width:22px;height:22px}.hex-name{color:#fff;letter-spacing:.2px;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;font-weight:700;line-height:1.1;overflow:hidden}.hex-short{color:#ffffff8c;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:9.5px;line-height:1.2;display:-webkit-box;overflow:hidden}.hex-live{background:#28d150;border-radius:50%;width:6px;height:6px;position:absolute;top:30%;transform:translateY(-14px);box-shadow:0 0 6px #28d150}.pbox{z-index:12;border:1px solid color-mix(in srgb, var(--accent) 55%, #2a2a38);color:#e8e8f0;width:min(440px,92vw);font-family:var(--font-body);background:#0b0b11f0;padding:18px 20px 20px;animation:.22s cubic-bezier(.2,.8,.2,1) pbox-in;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 -8px 50px #0000008c,0 0 0 1px #00000080}@keyframes pbox-in{0%{opacity:0;transform:translate(-50%,14px)}}.pbox-x{color:#8a8a99;cursor:pointer;background:0 0;border:0;font-size:15px;line-height:1;position:absolute;top:9px;right:11px}.pbox-x:hover{color:#fff}.pbox-head{align-items:center;gap:10px;margin-bottom:8px;padding-right:22px;display:flex}.pbox-name{font-family:var(--font-pixel);letter-spacing:.5px;color:#fff;font-size:21px;font-weight:430}.pbox-badge{font-family:var(--font-body);letter-spacing:.8px;color:#06210f;background:#28d150;padding:3px 7px;font-size:10px;font-weight:700}.pbox-desc{font-family:var(--font-body);letter-spacing:0;color:#c4c4d2;margin:0 0 16px;font-size:14px;font-weight:400;line-height:1.55}.pbox-actions{align-items:center;gap:10px;display:flex}.pbox-btn{font:inherit;font-family:var(--font-body);letter-spacing:.2px;color:#0b0b12;background:var(--accent);border:1px solid var(--accent);cursor:pointer;padding:8px 15px;font-size:13.5px;font-weight:600;text-decoration:none;transition:filter .15s}.pbox-btn:hover{filter:brightness(1.12)}.pbox-btn.ghost{color:#d8d8e2;background:0 0;border-color:#fff3}.pbox-btn.ghost:hover{filter:none;border-color:var(--accent)}.pbox-soon{color:#8a8a99;font-size:12px;font-style:italic}.card-stage{z-index:2;pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.hexcell{pointer-events:none;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .4s;position:absolute}.card3d{pointer-events:none;position:relative}.led-hex{clip-path:var(--hex-clip);pointer-events:none;filter:drop-shadow(0 10px 22px #00000080);background:#040405;position:relative;overflow:hidden}.led-canvas{width:100%;height:100%;display:block;position:absolute;inset:0;-webkit-mask-image:radial-gradient(118% 118%,#000 52%,#0000 92%);mask-image:radial-gradient(118% 118%,#000 52%,#0000 92%)}.led-bezel{pointer-events:none;background:repeating-linear-gradient(#ffffff0a 0 1px,#0000 1px 3px);position:absolute;inset:0;box-shadow:inset 0 0 30px #000000eb,inset 0 0 7px #000000bf}.hex-caption{left:50%;top:calc(var(--cluster-bottom,62%) + 20px);width:max-content;max-width:min(560px,90vw);font-family:var(--font-body);color:#eceaf4;text-align:center;text-shadow:0 1px 14px #000000d9;pointer-events:none;opacity:0;z-index:6;flex-direction:column;align-items:center;gap:7px;transition:opacity .18s,transform .18s;display:flex;position:absolute;transform:translate(-50%,8px)}.hex-caption.show{opacity:1;transform:translate(-50%)}.hex-caption-title{font-family:var(--font-pixel);letter-spacing:.5px;color:#fff;align-items:center;gap:11px;font-size:28px;font-weight:430;display:flex}.hex-caption-sum{color:#c4c4d2;font-size:18px;font-weight:400;line-height:1.45}.hex-caption-why{color:var(--cap-accent,#a78bef);font-size:16.5px;font-weight:500;line-height:1.4}.hex-caption-open{font-family:var(--font-body);color:#7dd3fc;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:#7dd3fc1f;border:1px solid #7dd3fc73;border-radius:7px;justify-content:center;align-items:center;margin-left:8px;padding:5px 9px;font-size:15px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.hex-caption-open:active{background:#7dd3fc40}@media (width<=760px){.hex-caption{text-align:left;width:auto;max-width:none;padding:26px 22px calc(20px + env(safe-area-inset-bottom));text-shadow:none;background:linear-gradient(#09090e00,#09090ef7 45%);align-items:flex-start;gap:5px;inset:auto 0 0;transform:translateY(16px)}.hex-caption.show{transform:translateY(0)}.hex-caption-title{font-size:23px}.hex-caption-sum{font-size:14.5px}.hex-caption-why{font-size:13.5px}.hex-caption-open{display:inline-flex}}.hex-chip-dot{background:#28d150;border-radius:50%;width:11px;height:11px;box-shadow:0 0 6px #28d150}.card3d-hex{--rx:0deg;--ry:0deg;--lift:0;pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry)) scale(calc(1 + .04 * var(--lift)));background:0 0;outline:none;transition:transform .2s ease-out;position:relative}.hexgrid.is-expanded .hexcell.active .card3d-hex{transform:scale(1.08)}.card3d-hex.is-dim{opacity:.5;filter:saturate(.5)}.card3d-hex.is-dim:hover{opacity:.78;filter:saturate(.8)}.hex-lock{pointer-events:none;z-index:2;place-items:center;display:grid;position:absolute;inset:0}.hex-lock svg{color:#ffffffeb;filter:drop-shadow(0 2px 8px #000000a6);width:36%;height:auto}.card3d-hex:hover .hex-lock svg{color:#fff}@keyframes hue-travel{to{filter:hue-rotate(360deg)}}.merc-flow{position:absolute;inset:0}.hexgrid.gyro-on .merc-flow{filter:hue-rotate(var(--hue-gyro,0deg))}.merc-shader.hue-cycle,.merc-fallback.hue-cycle{animation:hue-travel var(--hue-cycle,18s) linear infinite;animation-delay:calc(var(--hue-phase,0s) * -1)}@media (prefers-reduced-motion:reduce){.merc-shader.hue-cycle,.merc-fallback.hue-cycle{animation:none}}.merc-shader{clip-path:var(--hex-clip);animation:.55s both merc-fade-in;position:absolute;inset:0}@keyframes merc-fade-in{0%{opacity:0}to{opacity:1}}.merc-shader,.merc-shader>*,.merc-shader canvas{width:100%;height:100%;display:block}.merc-shader canvas{clip-path:var(--hex-clip)}.merc-fallback{clip-path:var(--hex-clip);background:linear-gradient(160deg,#161619 0%,#0b0b0d 58%,#060608 100%);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0d}.hexc-content{text-align:center;pointer-events:none;background:radial-gradient(72% 52% at 50% 55%,#00000073,#0000 72%);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:0 18%;display:flex;position:absolute;inset:0}.hexc-logo{background:color-mix(in srgb, var(--accent) 34%, #ffffff1f);color:#fff;border-radius:12px;place-items:center;width:48px;height:48px;font-size:24px;font-weight:800;line-height:1;display:grid;box-shadow:0 4px 14px #0000004d,inset 0 0 0 1px #ffffff40}.hexc-logo img{object-fit:contain;width:34px;height:34px}.hexc-name{color:#fff;letter-spacing:.2px;text-shadow:0 2px 10px #00000080;font-size:18px;font-weight:800}.hexc-short{color:#ffffffd9;text-shadow:0 1px 6px #0009;max-width:82%;font-size:11.5px;line-height:1.35}@media (prefers-reduced-motion:reduce){.pw-backdrop,.pw-window{animation:none}.hex{transition:none}.card3d-hex{transition:none;transform:none!important}}.xwin{z-index:6;pointer-events:auto;background:#08080d;border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;width:min(50vw,760px);height:min(84vh,680px);animation:.4s cubic-bezier(.2,.8,.2,1) both xwin-in;display:flex;position:fixed;top:50%;right:2.5vw;overflow:hidden;transform:translateY(-50%);box-shadow:0 24px 80px #0009}@keyframes xwin-in{0%{opacity:0;transform:translate(28px,-50%)}to{opacity:1;transform:translateY(-50%)}}.xwin-bar{background:#ffffff05;border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding:11px 12px 11px 18px;display:flex}.xwin-title{font-family:var(--font-pixel);letter-spacing:.5px;color:#fff;align-items:center;gap:10px;font-size:20px;font-weight:430;display:flex}.xwin-badge{font-family:var(--font-body);letter-spacing:.8px;color:#06210f;background:#28d150;border-radius:3px;padding:3px 7px;font-size:10px;font-weight:700}.xwin-open{font-family:var(--font-body);white-space:nowrap;margin-left:auto;font-size:13px;font-weight:600;text-decoration:none}.xwin-open:hover{text-decoration:underline}.xwin-x{color:#9a9aa8;cursor:pointer;background:0 0;border:none;border-radius:7px;place-items:center;width:30px;height:30px;font-size:22px;line-height:1;transition:color .15s,background .15s;display:grid}.xwin-x:hover{color:#fff;background:#ffffff14}.xwin-frame{background:#0b0b12;flex:1;min-height:0;position:relative}.xwin-iframe{background:#0b0b12;border:0;width:100%;height:100%;display:block}.xwin-noembed{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px;text-decoration:none;display:flex;position:absolute;inset:0}.xwin-noembed-host{font-family:var(--font-pixel);color:#fff;font-size:18px}.xwin-noembed-note{font-family:var(--font-body);color:#9a9aa8;font-size:13px}.xwin-foot{border-top:1px solid #ffffff14;padding:13px 18px 15px}.xwin-sum{font-family:var(--font-body);color:#d2d2dc;margin:0;font-size:13.5px;line-height:1.5}.xwin-why{font-family:var(--font-body);margin:4px 0 0;font-size:12.5px;font-weight:500;line-height:1.4}@keyframes xwin-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (width<=760px),(height<=560px){.xwin{z-index:20;border:0;border-radius:0;width:auto;max-width:none;height:auto;max-height:none;animation:.32s cubic-bezier(.2,.8,.2,1) both xwin-up;inset:0;transform:none}.xwin-bar{padding:max(14px, env(safe-area-inset-top)) 10px 14px 18px}.xwin-x{width:42px;height:42px;font-size:26px}.xwin-foot{padding-bottom:max(15px, env(safe-area-inset-bottom))}body:has(.hexgrid.is-expanded) .sitenav{opacity:0;visibility:hidden;pointer-events:none}}