.hub-page{--bg:#0a0a0a;--bg-alt:#111110;--panel:#0f0e0c;--ink:#f2ebde;--ink-soft:#b8b2a4;--ink-mute:#878176;--line:#f2ebde14;--line-2:#f2ebde29;--accent:#ff7a1a;--accent-soft:#ff7a1a1f;--accent-ink:#0a0a0a;--mono:var(--font-jetbrains-mono), ui-monospace, monospace;--sans:var(--font-archivo), system-ui, sans-serif;--display:var(--font-archivo-black), system-ui, sans-serif;--ease:cubic-bezier(.2,.7,.2,1);--ease-out:cubic-bezier(.16,1,.3,1);--drawer-h:56px;--drawer-open-h:320px;height:100vh;min-height:100vh;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;background:var(--bg);flex-direction:column;font-size:15px;line-height:1.5;display:flex;position:relative}.hub-page,.hub-page *{box-sizing:border-box}body[data-hub=on]{margin:0;padding:0;overflow:hidden}.hub-page .bg-layer{z-index:0;pointer-events:none;filter:blur(14px)brightness(.95);background:radial-gradient(70% 55% at 50% 40%,#ff7a1a2e 0%,#0000 60%),radial-gradient(50% 40% at 30% 80%,#ff7a1a14 0%,#0000 70%),radial-gradient(60% 50% at 80% 20%,#ff7a1a1a 0%,#0000 65%),#0a0a0a;position:fixed;inset:0;transform:scale(1.1)}.hub-page .bg-overlay{z-index:0;pointer-events:none;background:linear-gradient(#0a0a0ab8 0%,#0a0a0a4d 22% 70%,#0a0a0ad9 100%);position:fixed;inset:0}.hub-page ::selection{background:var(--accent);color:var(--accent-ink)}.hub-page .panel:focus{outline:none}.hub-page .panel:focus-visible,.hub-page .drawer-handle:focus-visible,.hub-page .drawer-card:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.hub-page .cta:focus-visible,.hub-page .close-hint:focus-visible,.hub-page .panel-top .url.is-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.hub-page .close-hint:focus-visible{opacity:1;pointer-events:auto}.hub-page .state-open,.hub-page .drawer-body{scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}.hub-page .state-open::-webkit-scrollbar{width:6px;height:6px}.hub-page .drawer-body::-webkit-scrollbar{width:6px;height:6px}.hub-page .state-open::-webkit-scrollbar-track{background:0 0}.hub-page .drawer-body::-webkit-scrollbar-track{background:0 0}.hub-page .state-open::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:999px}.hub-page .drawer-body::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:999px}.hub-page .state-open:hover::-webkit-scrollbar-thumb{background:color-mix(in oklab, var(--accent) 45%, transparent)}.hub-page .drawer-body:hover::-webkit-scrollbar-thumb{background:color-mix(in oklab, var(--accent) 45%, transparent)}@media (prefers-reduced-motion:reduce){.hub-page *,.hub-page :before,.hub-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.hub-page .hub-shell{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.hub-page .topbar{z-index:40;pointer-events:none;justify-content:space-between;align-items:center;padding:22px 32px;display:flex;position:absolute;inset:0 0 auto}.hub-page .topbar>*{pointer-events:auto}.hub-page .topbar .brand{align-items:baseline;gap:14px;display:inline-flex}.hub-page .topbar .brand img{width:auto;height:28px;display:block}.hub-page .topbar .brand .tag{font-family:var(--mono);letter-spacing:.26em;text-transform:uppercase;color:var(--ink-mute);font-size:11px}.hub-page .topbar .meta{font-family:var(--mono);letter-spacing:.14em;color:var(--ink-mute);transition:opacity .3s var(--ease);font-size:11px}.hub-page[data-active=on] .topbar .meta{opacity:0;pointer-events:none}.hub-page .hub{width:100%;height:100%;padding-bottom:var(--drawer-h);transition:padding-bottom .55s var(--ease-out);z-index:1;flex:1;display:flex;position:relative}.hub-page[data-drawer=open] .hub{padding-bottom:var(--drawer-open-h)}.hub-page .panel{cursor:pointer;border-right:1px solid var(--line);transition:flex-grow .55s var(--ease-out), opacity .4s var(--ease);isolation:isolate;min-width:0;color:inherit;will-change:flex-grow;contain:layout paint;background:0 0;flex:1;position:relative;overflow:hidden;container-type:inline-size}.hub-page .panel>.panel-body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(90% 70%,#0a0a0a99 0%,#0a0a0a33 70%,#0a0a0a00 100%);position:absolute;inset:-86px -36px -40px}.hub-page .panel:last-child{border-right:none}.hub-page .panel:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(ellipse 90% 60% at 50% 110%, color-mix(in oklab, var(--accent) 20%, transparent), transparent 60%);opacity:0;transition:opacity .6s var(--ease-out);position:absolute;inset:0}.hub-page .panel.is-active:before{opacity:1}@media (hover:hover) and (pointer:fine){.hub-page .hub:not(.has-active):hover .panel{opacity:.38}.hub-page .hub:not(.has-active):hover .panel:hover{opacity:1}.hub-page .hub:not(.has-active) .panel:hover .word{color:var(--accent)}.hub-page .panel:hover:before{opacity:.45}.hub-page .panel:hover .open-hint{color:var(--accent);gap:14px}}.hub-page .hub.has-active .panel{flex-grow:.55}.hub-page .hub.has-active .panel.is-active{flex-grow:2.6}.hub-page .panel-body{z-index:3;--pad-x:36px;height:100%;padding:86px var(--pad-x) 40px;flex-direction:column;gap:0;display:flex;position:relative}.hub-page .panel-top{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);justify-content:space-between;align-items:center;font-size:11px;display:flex}.hub-page .panel-top .url{transition:color .35s var(--ease);color:inherit;text-decoration:none}.hub-page .panel-top .url.is-link{cursor:pointer}.hub-page .panel-top .url.is-link:hover{color:var(--accent);text-decoration:underline}.hub-page .panel:hover .panel-top .url,.hub-page .panel.is-active .panel-top .url{color:var(--accent)}.hub-page .stage{flex:1;min-height:0;position:relative}.hub-page .state-rest{opacity:1;transition:opacity .35s var(--ease-out), transform .55s var(--ease-out);flex-direction:column;justify-content:center;gap:18px;display:flex;position:absolute;inset:0}.hub-page .panel.is-active .state-rest{opacity:0;pointer-events:none;transform:translateY(-12px)}.hub-page .hub.has-active .panel:not(.is-active) .state-rest{opacity:0;pointer-events:none}.hub-page .spine{opacity:0;pointer-events:none;transition:opacity .25s var(--ease);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hub-page .hub.has-active .panel:not(.is-active) .spine{opacity:1;transition-delay:.18s}.hub-page .spine-word{font-family:var(--display);letter-spacing:-.04em;text-transform:uppercase;color:var(--ink);writing-mode:vertical-rl;white-space:nowrap;clip-path:inset(0 0 100%);transition:color .35s var(--ease), clip-path .3s var(--ease);font-size:clamp(48px,6.6vw,112px);line-height:.85;transform:rotate(180deg)}.hub-page .hub.has-active .panel:not(.is-active) .spine-word{clip-path:inset(0);transition:color .35s var(--ease), clip-path .55s var(--ease-out) .18s}.hub-page .spine-word .dot,.hub-page .hub.has-active .panel:not(.is-active):hover .spine-word,.hub-page .hub.has-active .panel:not(.is-active):focus-visible .spine-word{color:var(--accent)}.hub-page .state-rest .word{font-family:var(--display);font-size:clamp(48px,6.6vw,112px);font-size:clamp(36px, calc((100cqw - var(--pad-x,36px) * 2) / 5), 112px);letter-spacing:-.04em;text-transform:uppercase;color:var(--ink);transition:color .35s var(--ease);margin:0;line-height:.85}.hub-page .state-rest .word .dot{color:var(--accent)}.hub-page .state-rest .tagline{font-family:var(--mono);color:var(--ink-soft);letter-spacing:.04em;white-space:nowrap;margin:0;font-size:13px}.hub-page .state-rest .tagline .arrow{color:var(--accent);margin-right:6px;display:inline-block}.hub-page .open-hint{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mute);transition:color .25s var(--ease), gap .35s var(--ease);align-items:center;gap:10px;margin-top:14px;font-size:11px;display:inline-flex}.hub-page .open-hint .plus{width:22px;height:22px;color:var(--ink-soft);transition:color .25s var(--ease), border-color .25s var(--ease), background .25s var(--ease), transform .35s var(--ease);border:1px solid;border-radius:50%;font-size:0;display:inline-flex;position:relative}.hub-page .open-hint .plus:before,.hub-page .open-hint .plus:after{content:"";background:currentColor;position:absolute;top:50%;left:50%}.hub-page .open-hint .plus:before{width:9px;height:1.5px;transform:translate(-50%,-50%)}.hub-page .open-hint .plus:after{width:1.5px;height:9px;transform:translate(-50%,-50%)}.hub-page .panel:hover .open-hint .plus{color:var(--accent);border-color:var(--accent);transform:rotate(90deg)}.hub-page .state-open{opacity:0;transition:opacity .5s var(--ease-out) .1s, transform .55s var(--ease-out) .1s;pointer-events:none;overscroll-behavior:contain;flex-direction:column;justify-content:safe center;gap:22px;display:flex;position:absolute;inset:0;overflow-y:auto;transform:translateY(16px)}.hub-page .panel.is-active .state-open{opacity:1;pointer-events:auto;transform:translateY(0)}.hub-page .state-open h2{font-family:var(--display);letter-spacing:-.035em;text-transform:uppercase;text-wrap:balance;max-width:14ch;margin:0;font-size:clamp(40px,4.4vw,72px);line-height:.92}.hub-page .state-open h2 .acc{color:var(--accent)}.hub-page .state-open .lede{color:var(--ink-soft);max-width:44ch;margin:0;font-size:15.5px;line-height:1.55}.hub-page .state-open .keys{border-top:1px solid var(--line);gap:6px;max-width:44ch;margin:0;padding:16px 0 0;list-style:none;display:grid}.hub-page .state-open .keys li{color:var(--ink);grid-template-columns:14px 1fr;align-items:baseline;gap:12px;font-size:14px;display:grid}.hub-page .state-open .keys li .mk{color:var(--accent);font-family:var(--mono);font-size:12px}.hub-page .state-open .keys li b{color:var(--ink);font-weight:700}.hub-page .state-open .keys li span.dim{color:var(--ink-soft)}.hub-page .stat{border:1px solid var(--line);background:#0f0e0cbf;border-radius:10px;grid-template-columns:1fr auto;align-items:center;gap:14px;max-width:44ch;margin-top:4px;padding:14px 16px;display:grid}.hub-page .stat .lab{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);font-size:10px}.hub-page .stat .v{font-family:var(--display);letter-spacing:-.02em;color:var(--ink);margin-top:4px;font-size:26px;line-height:1}.hub-page .stat .v small{font-family:var(--sans);color:var(--ink-soft);margin-left:4px;font-size:13px;font-weight:400}.hub-page .stat .chip{font-family:var(--mono);background:var(--accent-soft);color:var(--accent);white-space:nowrap;border:1px solid color-mix(in oklab, var(--accent) 28%, transparent);border-radius:999px;padding:4px 10px;font-size:11px}.hub-page .buy-cards{border:1px solid var(--line);background:#0f0e0cbf;border-radius:10px;max-width:44ch;margin-top:4px;padding:14px 16px}.hub-page .buy-cards-lab{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:10px;font-size:10px}.hub-page .buy-cards-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.hub-page .buy-card{align-items:center;gap:10px;min-width:0;display:flex}.hub-page .buy-card img{aspect-ratio:63/88;object-fit:cover;border:1px solid var(--line-2);background:#ffffff08;border-radius:4px;flex-shrink:0;width:42px}.hub-page .buy-card-meta{flex-direction:column;min-width:0;line-height:1.25;display:flex}.hub-page .buy-card-meta .n{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:700;overflow:hidden}.hub-page .buy-card-meta .s{font-family:var(--mono);letter-spacing:.06em;color:var(--ink-mute);font-size:9.5px}.hub-page .buy-card-meta .p{font-family:var(--display);letter-spacing:-.02em;color:var(--accent);margin-top:3px;font-size:15px}.hub-page .panel-bot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding-top:22px;display:flex}.hub-page .panel-bot .crumb{font-family:var(--mono);color:var(--ink-mute);letter-spacing:.04em;font-size:11px}.hub-page .panel-bot .crumb .c{color:var(--accent)}.hub-page .cta{font-family:var(--sans);background:var(--accent);color:var(--accent-ink);opacity:0;transition:opacity .4s var(--ease-out) .18s, transform .4s var(--ease-out) .18s, filter .25s var(--ease);border-radius:8px;align-items:center;gap:12px;padding:12px 18px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex;transform:translateY(6px)}.hub-page .panel.is-active .cta{opacity:1;transform:translateY(0)}.hub-page .cta:hover{filter:brightness(1.1)}.hub-page .cta .arr{transition:transform .25s var(--ease);display:inline-block}.hub-page .cta:hover .arr{transform:translate(4px)}.hub-page .cta.is-soon{color:var(--ink-soft);border:1px solid var(--line-2);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;cursor:default;background:0 0;padding:11px 17px;font-size:12px;font-weight:500}.hub-page .cta.is-soon:hover{filter:none;color:var(--accent);border-color:color-mix(in oklab, var(--accent) 30%, transparent)}.hub-page .cta.is-soon .dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 0 3px var(--accent-soft);animation:hub-pulse 2.2s var(--ease) infinite;border-radius:50%;display:inline-block}@keyframes hub-pulse{0%,to{opacity:1}50%{opacity:.35}}.hub-page .panel-top .soon-tag{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border:1px solid color-mix(in oklab, var(--accent) 25%, transparent);vertical-align:middle;white-space:nowrap;border-radius:999px;margin-left:8px;padding:2px 7px;font-size:10px}.hub-page .close-hint{z-index:4;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);opacity:0;pointer-events:none;transition:opacity .35s var(--ease-out) .2s, color .2s var(--ease);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;font-size:11px;display:inline-flex;position:absolute;top:28px;right:32px}.hub-page .panel.is-active .close-hint{opacity:1;pointer-events:auto}.hub-page .close-hint:hover{color:var(--accent)}.hub-page .close-hint .x{border:1px solid;border-radius:50%;width:22px;height:22px;position:relative}.hub-page .close-hint .x:before,.hub-page .close-hint .x:after{content:"";background:currentColor;border-radius:1px;width:9px;height:1.5px;position:absolute;top:50%;left:50%}.hub-page .close-hint .x:before{transform:translate(-50%,-50%)rotate(45deg)}.hub-page .close-hint .x:after{transform:translate(-50%,-50%)rotate(-45deg)}.hub-page .panel.is-active,.hub-page .panel.is-active .cta,.hub-page .panel.is-active .close-hint{cursor:pointer}.hub-page .drawer{height:var(--drawer-h);z-index:30;border-top:1px solid var(--line-2);transition:height .55s var(--ease-out);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#0a0a0ab8,#0a0a0af2 30%);flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.hub-page[data-drawer=open] .drawer{height:var(--drawer-open-h)}.hub-page .drawer-handle{all:unset;box-sizing:border-box;width:100%;height:var(--drawer-h);flex:0 0 var(--drawer-h);cursor:pointer;-webkit-user-select:none;user-select:none;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:0 32px;display:grid}.hub-page .drawer-handle .pull{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.hub-page .drawer-handle .pull-line{background:var(--line-2);width:36px;height:3px;transition:background .3s var(--ease), width .3s var(--ease);border-radius:2px}.hub-page .drawer-handle .pull-line:nth-child(2){width:22px}.hub-page .drawer-handle:hover .pull-line,.hub-page[data-drawer=open] .drawer-handle .pull-line{background:var(--accent)}.hub-page[data-drawer=open] .drawer-handle .pull-line:nth-child(2){width:36px}.hub-page .drawer-handle .label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);font-size:12px}.hub-page .drawer-handle .hint{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border:1px solid color-mix(in oklab, var(--accent) 34%, transparent);transition:background .25s var(--ease), border-color .25s var(--ease);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:5px 12px;font-size:11px;display:inline-flex}.hub-page .drawer-handle:hover .hint,.hub-page .drawer-handle:focus-visible .hint{background:color-mix(in oklab, var(--accent) 20%, transparent);border-color:var(--accent)}.hub-page[data-drawer=closed] .drawer-handle .hint{animation:hub-attention 3.2s var(--ease) infinite}@keyframes hub-attention{0%,to{box-shadow:0 0 #ff7a1a00}50%{box-shadow:0 0 0 5px #ff7a1a1a}}.hub-page .drawer-handle .chev{transition:transform .5s var(--ease-out);color:var(--accent)}.hub-page[data-drawer=open] .drawer-handle .chev{transform:rotate(180deg)}.hub-page .drawer-body{border-top:1px solid var(--line);scrollbar-gutter:stable;overscroll-behavior:contain;flex:1;grid-template-columns:1.4fr 1fr 1fr;grid-auto-rows:max-content;align-content:start;gap:24px;min-height:0;padding:12px 32px 36px;display:grid;overflow-y:auto}.hub-page .drawer-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color .25s var(--ease), transform .25s var(--ease);color:inherit;background:#0f0e0cb3;border-radius:12px;align-content:start;gap:12px;padding:22px;text-decoration:none;display:grid;position:relative;overflow:hidden}.hub-page a.drawer-card:hover{border-color:var(--accent);transform:translateY(-2px)}.hub-page a.drawer-card.discord:hover{border-color:#5865f2}.hub-page .drawer-card .heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.hub-page .drawer-card h3{font-family:var(--display);letter-spacing:-.025em;text-transform:uppercase;margin:0;font-size:22px;line-height:1}.hub-page .drawer-card .url{font-family:var(--mono);color:var(--ink-mute);letter-spacing:.04em;font-size:11px}.hub-page .drawer-card p{color:var(--ink-soft);margin:0;font-size:13.5px;line-height:1.5}.hub-page .drawer-card .row{font-family:var(--mono);color:var(--ink-mute);letter-spacing:.04em;flex-wrap:wrap;gap:14px;margin-top:4px;font-size:11px;display:flex}.hub-page .drawer-card .row span{align-items:center;gap:6px;display:inline-flex}.hub-page .drawer-card .row .mark{color:var(--accent)}.hub-page .drawer-card.discord .join{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border:1px solid color-mix(in oklab, var(--accent) 34%, transparent);transition:background .25s var(--ease), border-color .25s var(--ease);border-radius:999px;justify-self:start;align-items:center;gap:8px;margin-top:2px;padding:7px 14px;font-size:11px;display:inline-flex}.hub-page .drawer-card.discord:hover .join{background:color-mix(in oklab, var(--accent) 20%, transparent);border-color:var(--accent)}.hub-page .drawer-card.discord .join .arr{transition:transform .25s var(--ease-out)}.hub-page .drawer-card.discord:hover .join .arr{transform:translate(3px)}.hub-page .drawer-card.store .shop{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border:1px solid color-mix(in oklab, var(--accent) 34%, transparent);transition:background .25s var(--ease), border-color .25s var(--ease);border-radius:999px;justify-self:start;align-items:center;gap:8px;margin-top:2px;padding:7px 14px;font-size:11px;display:inline-flex}.hub-page .drawer-card.store:hover .shop{background:color-mix(in oklab, var(--accent) 20%, transparent);border-color:var(--accent)}.hub-page .drawer-card.store .shop .arr{transition:transform .25s var(--ease-out)}.hub-page .drawer-card.store:hover .shop .arr{transform:translate(3px)}.hub-page .drawer-card.store .visual{grid-template-columns:repeat(3,1fr);gap:6px;max-width:156px;margin-top:2px;display:grid}.hub-page .drawer-card.store .visual img{aspect-ratio:3/4;object-fit:cover;border:1px solid var(--line);background:#ffffff08;border-radius:5px;width:100%;display:block}.hub-page .drawer-card.follow .socials{gap:10px;margin-top:4px;display:flex}.hub-page .drawer-card.follow .social{border:1px solid var(--line);width:40px;height:40px;color:var(--ink-soft);cursor:default;transition:color .2s var(--ease), border-color .2s var(--ease), background .2s var(--ease), transform .2s var(--ease);background:#ffffff08;border-radius:10px;place-items:center;text-decoration:none;display:inline-grid}.hub-page .drawer-card.follow .social[aria-disabled=true]{opacity:.45}.hub-page .drawer-card.follow a.social{cursor:pointer}.hub-page .drawer-card.follow a.social:hover,.hub-page .drawer-card.follow a.social:focus-visible{color:var(--accent);border-color:var(--accent);background:var(--accent-soft);transform:translateY(-2px)}.hub-page .drawer-card.follow a.social:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hub-page .drawer-card.follow .social svg{fill:currentColor;width:18px;height:18px;display:block}@media (max-width:880px){body[data-hub=on]{overflow:auto}.hub-page{--drawer-open-h:min(88dvh, 680px)}.hub-page[data-drawer=open] .hub{padding-bottom:var(--drawer-h)}.hub-page .topbar{background:linear-gradient(#0a0a0ad9,#0a0a0a00);padding:14px 18px}.hub-page .topbar .meta{display:none}.hub-page .hub{width:100%;height:100%;padding-top:64px;padding-bottom:var(--drawer-h);flex-direction:column}.hub-page .panel{border-right:none;border-bottom:1px solid var(--line);flex:1;min-height:0}.hub-page .panel:last-child{border-bottom:none}.hub-page .hub:not(.has-active) .panel{flex-grow:1}.hub-page .hub.has-active .panel{flex-grow:.35}.hub-page .hub.has-active .panel.is-active{flex-grow:4}.hub-page .hub:not(.has-active) .panel:hover{flex-grow:1}.hub-page .panel-body{--pad-x:22px;padding:22px var(--pad-x) 24px}.hub-page .panel>.panel-body:before{inset:-22px}.hub-page .state-rest{flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;padding-right:12px}.hub-page .state-rest .word{font-size:clamp(36px,11vw,56px)}.hub-page .state-rest .tagline{display:none}.hub-page .hub.has-active .panel:not(.is-active) .panel-body{padding-top:10px;padding-bottom:10px}.hub-page .spine{justify-content:flex-start}.hub-page .spine-word{writing-mode:horizontal-tb;letter-spacing:-.02em;clip-path:inset(0 100% 0 0);font-size:22px;transform:none}.hub-page .open-hint{letter-spacing:.14em;flex-shrink:0;gap:8px;margin-top:0;font-size:10px}.hub-page .open-hint .plus{display:none}.hub-page .state-open{justify-content:flex-start;gap:16px;padding-top:8px;padding-bottom:12px;padding-right:4px;overflow-y:auto}.hub-page .state-open h2{font-size:clamp(28px,8vw,44px)}.hub-page .state-open .lede{font-size:14.5px}.hub-page .state-open .keys li{font-size:13.5px}.hub-page .stat,.hub-page .buy-cards{max-width:100%}.hub-page .buy-cards-row{gap:10px}.hub-page .close-hint{font-size:10px;top:18px;right:18px}.hub-page .panel-bot{flex-direction:column-reverse;align-items:stretch;gap:12px}.hub-page .panel-bot .crumb{text-align:center}.hub-page .cta{justify-content:center}.hub-page .panel:not(.is-active) .panel-top,.hub-page .panel:not(.is-active) .panel-bot{display:none}.hub-page .drawer-body{grid-template-columns:1fr;padding:12px 18px 24px}.hub-page .drawer-card.discord{grid-template-columns:1fr}.hub-page .drawer-handle{padding:0 18px}.hub-page .drawer-card.discord .right{display:none}.hub-page .drawer-card{padding:16px}}@media (min-width:881px) and (max-width:1200px){.hub-page .panel-body{--pad-x:24px;padding:74px var(--pad-x) 32px}.hub-page .state-open h2{font-size:clamp(34px,4vw,56px)}}
.popup-banner{--pb-accent:#ff7a1a;--pb-ink:#f2ebde;--pb-ink-soft:#b8b2a4;z-index:41;font-family:var(--font-archivo), system-ui, sans-serif;background:linear-gradient(90deg,#ff7a1a24,#ff7a1a12 55%,#ff7a1a24);border-bottom:1px solid #ff7a1a47;flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:8px 18px;padding:15px 32px;animation:.75s cubic-bezier(.16,1,.3,1) both pb-slide-in;display:flex;position:relative}.popup-banner *{box-sizing:border-box}@keyframes pb-slide-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes pb-rise{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.popup-banner .pb-text{color:var(--pb-ink-soft);text-wrap:balance;margin:0;font-size:15.5px;line-height:1.35;animation:.6s cubic-bezier(.16,1,.3,1) .3s both pb-rise}.popup-banner .pb-text strong{color:var(--pb-ink);font-weight:700}.popup-banner .pb-cta{color:var(--pb-accent);font-family:var(--font-jetbrains-mono), ui-monospace, monospace;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;background:#ff7a1a1f;border:1px solid #ff7a1a6b;border-radius:999px;flex-shrink:0;align-items:center;gap:8px;padding:8px 16px;font-size:11.5px;text-decoration:none;transition:background .25s cubic-bezier(.2,.7,.2,1),border-color .25s cubic-bezier(.2,.7,.2,1);animation:.6s cubic-bezier(.16,1,.3,1) .4s both pb-rise;display:inline-flex}.popup-banner .pb-cta:hover{border-color:var(--pb-accent);background:#ff7a1a38}.popup-banner .pb-cta:focus-visible{outline:2px solid var(--pb-accent);outline-offset:2px}.popup-banner .pb-cta .arr{transition:transform .25s cubic-bezier(.2,.7,.2,1);display:inline-block}.popup-banner .pb-cta:hover .arr{transform:translate(3px)}@media (max-width:1080px){.popup-banner .pb-what{display:none}}@media (max-width:880px){.popup-banner{flex-wrap:nowrap;justify-content:space-between;gap:6px 12px;padding:12px 18px}.popup-banner .pb-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;overflow:hidden}.popup-banner .pb-where{display:none}.popup-banner .pb-cta{letter-spacing:.1em;padding:6px 12px;font-size:10.5px}}