.hub-hero{position:relative;isolation:isolate;padding-top:var(--sp-9);text-align:center}.hub-hero__bg{position:absolute;inset:calc(var(--header-h) * -1) 0 -240px;z-index:-1;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(var(--bg) 50%,transparent);mask-image:linear-gradient(var(--bg) 50%,transparent)}.hub-aurora{position:absolute;width:760px;height:760px;border-radius:50%;opacity:.55;will-change:transform}.hub-aurora--1{left:48%;top:-260px;background:radial-gradient(circle,color-mix(in srgb,var(--tone-launcher) 55%,transparent),transparent 62%);animation:hubDrift1 18s ease-in-out infinite alternate}.hub-aurora--2{left:68%;top:60px;background:radial-gradient(circle,color-mix(in srgb,var(--tone-forum) 45%,transparent),transparent 62%);animation:hubDrift2 22s ease-in-out infinite alternate}.hub-aurora--3{left:-12%;top:40px;background:radial-gradient(circle,color-mix(in srgb,var(--tone-articles) 38%,transparent),transparent 62%);animation:hubDrift3 20s ease-in-out infinite alternate}@keyframes hubDrift1{to{transform:translate(-120px,80px) scale(1.15)}}@keyframes hubDrift2{to{transform:translate(-160px,-60px) scale(.9)}}@keyframes hubDrift3{to{transform:translate(140px,-40px) scale(1.2)}}.hub-spark{position:absolute;width:var(--sp-2);height:var(--sp-2);background:var(--spark);box-shadow:0 0 12px var(--spark);opacity:0;animation:hubTwinkle 4.4s ease-in-out infinite}.hub-spark--1{left:8%;top:34%;--spark:var(--tone-launcher)}.hub-spark--2{left:28%;top:16%;--spark:var(--tone-articles);animation-delay:1s}.hub-spark--3{left:90%;top:42%;--spark:var(--tone-forum);animation-delay:.4s}.hub-spark--4{left:74%;top:14%;--spark:var(--accent);animation-delay:2s}.hub-spark--5{left:14%;top:62%;--spark:var(--tone-generators);animation-delay:1.4s}.hub-spark--6{left:86%;top:66%;--spark:var(--tone-gen-packs);animation-delay:2.6s}@keyframes hubTwinkle{0%,100%{opacity:0;transform:scale(.4)}50%{opacity:.9;transform:scale(1)}}.hub-title{margin:0;font-family:var(--font-display);font-size:var(--fs-promo);font-weight:var(--fw-heavy);line-height:1.1;letter-spacing:-.025em}.hub-title__row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.12em .3em}.hub-title__row + .hub-title__row{margin-top:.14em}.hub-title__jux{color:var(--accent)}.hub-title__grad{background:linear-gradient(90deg,var(--tone-launcher),var(--tone-monitoring),var(--tone-gen-packs),var(--tone-forum),var(--tone-gen-text),var(--tone-articles),var(--tone-generators),var(--accent),var(--tone-launcher));background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:hubGrad 10s linear infinite}@keyframes hubGrad{to{background-position:300% 0}}.hub-swap{display:inline-flex;align-items:center;height:1.22em;padding:0 .34em 0 .26em;border-radius:.24em;font-size:.92em;background:var(--tone,var(--accent));color:var(--accent-contrast);overflow:hidden;transform:rotate(-2.5deg);box-shadow:0 .09em 0 color-mix(in srgb,var(--tone,var(--accent)) 48%,var(--bg-deep)),0 .4em .9em -.25em color-mix(in srgb,var(--tone,var(--accent)) 75%,transparent);transition:background-color var(--dur-slow) var(--ease),box-shadow var(--dur-slow) var(--ease)}.hub-swap__in{display:inline-flex;align-items:center;gap:.22em;white-space:nowrap}.hub-swap__text::before{content:attr(data-word)}.hub-swap__icon{width:.74em;height:.74em;stroke-width:2.4;flex-shrink:0}.hotbar{position:relative;padding-top:200px;margin-top:-40px;padding-bottom:var(--stack-lg)}.hotbar__inner{position:relative}.hotbar__row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--sp-4)}.hotbar-slot{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;min-height:460px;padding:var(--sp-6) var(--sp-5);transition:transform .45s var(--ease),filter .45s var(--ease)}.hotbar-slot__shape{position:absolute;inset:0;z-index:-1;overflow:hidden;clip-path:var(--notch);background:linear-gradient(150deg,color-mix(in srgb,var(--tone) 70%,transparent) 0%,color-mix(in srgb,var(--text) 7%,transparent) 40%,color-mix(in srgb,var(--tone) 35%,transparent) 100%)}.hotbar-slot__shape::before{content:"";position:absolute;inset:2px;clip-path:var(--notch);background:radial-gradient(120% 70% at 100% 100%,color-mix(in srgb,var(--tone) 40%,transparent) 0%,transparent 62%),radial-gradient(90% 60% at 0% 0%,color-mix(in srgb,var(--tone) 14%,transparent) 0%,transparent 60%),linear-gradient(180deg,color-mix(in srgb,var(--tone) 8%,var(--surface-2)),var(--surface-1));transition:filter var(--dur-slow) var(--ease)}.hotbar-slot__shape::after{content:"";position:absolute;inset:2px;clip-path:var(--notch);background:radial-gradient(360px circle at var(--mx,50%) var(--my,0%),color-mix(in srgb,var(--tone) 22%,transparent),transparent 62%);opacity:0;transition:opacity var(--dur-slow) var(--ease)}.hotbar-slot__art{position:absolute;right:-34px;bottom:-30px;width:230px;pointer-events:none;transition:transform .55s var(--ease-spring)}.hotbar-slot__art img{display:block;width:100%;height:auto;filter:drop-shadow(0 22px 24px color-mix(in srgb,var(--bg-deep) 70%,transparent)) drop-shadow(0 0 34px color-mix(in srgb,var(--tone) 40%,transparent))}.hotbar-slot--generators .hotbar-slot__art{width:250px;height:230px;right:-40px;bottom:-18px}.hotbar-slot--generators .hotbar-slot__art img{position:absolute;width:140px}.hotbar-slot--generators .hotbar-slot__art img:nth-child(1){right:70px;bottom:96px}.hotbar-slot--generators .hotbar-slot__art img:nth-child(2){right:4px;bottom:70px}.hotbar-slot--generators .hotbar-slot__art img:nth-child(3){right:64px;bottom:6px;width:150px}.hotbar-slot.is-lit{transform:translateY(-8px);filter:drop-shadow(0 0 30px color-mix(in srgb,var(--tone) 40%,transparent))}.hotbar-slot.is-lit .hotbar-slot__shape{background:var(--text)}.hotbar-slot.is-lit .hotbar-slot__shape::before{filter:brightness(1.18) saturate(1.15)}.hotbar-slot.is-lit .hotbar-slot__shape::after{opacity:1}.hotbar-slot.is-lit .hotbar-slot__art{transform:translateY(-12px) rotate(-6deg) scale(1.06)}.hotbar-slot.is-pressed{transform:translateY(-2px) scale(.97);transition-duration:var(--dur-fast)}.hotbar-slot.is-pressed .hotbar-slot__shape::before{filter:brightness(1.6) saturate(1.2)}.hotbar-slot__key{position:absolute;top:var(--sp-4);right:var(--sp-4);width:var(--box-md);height:var(--box-md);display:grid;place-items:center;font-family:var(--font-display);font-size:var(--fs-caption);font-weight:var(--fw-bold);line-height:1;text-box:trim-both cap alphabetic;text-align:center;color:var(--text-3);background:color-mix(in srgb,var(--bg-deep) 55%,transparent);clip-path:polygon(0 4px,4px 4px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px));transition:background-color var(--dur-slow) var(--ease),color var(--dur-slow) var(--ease),opacity var(--dur-slow) var(--ease)}.hotbar-slot.is-lit .hotbar-slot__key{background:var(--text);color:var(--accent-contrast)}.hotbar-slot.has-sitter .hotbar-slot__key{opacity:0}.hotbar-slot__tag{display:inline-flex;align-items:center;gap:var(--sp-2);height:30px;padding:0 11px 0 9px;border-radius:var(--r-sm);background:color-mix(in srgb,var(--tone) 18%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tone) 45%,transparent);color:color-mix(in srgb,var(--tone) 65%,var(--text));font-family:var(--font-display);font-size:var(--fs-caption);font-weight:var(--fw-semibold);letter-spacing:.06em;text-transform:uppercase}.hotbar-slot__tag-icon{width:var(--icon-sm);height:var(--icon-sm);color:var(--tone)}.hotbar-slot__title{margin:var(--sp-4) 0 0;font-family:var(--font-display);font-size:var(--fs-title);font-weight:var(--fw-heavy);line-height:1.15;letter-spacing:-.02em}.hotbar-slot__link{color:inherit;text-decoration:none}.hotbar-slot__link::after{content:"";position:absolute;inset:0;z-index:1}.hotbar-slot__link:focus-visible{outline:none}.hotbar-slot:has(.hotbar-slot__link:focus-visible){outline:var(--focus-w) solid var(--accent);outline-offset:var(--focus-offset)}.hotbar-slot.is-lit:has(.hotbar-slot__link:focus-visible){outline-color:var(--text)}.hotbar-slot__chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--sp-4)}.hotbar-slot__chip{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:var(--r-sm);background:color-mix(in srgb,var(--text) 7%,transparent);box-shadow:inset 0 0 0 1px var(--border);font-size:var(--fs-caption);font-weight:var(--fw-semibold);color:var(--text);white-space:nowrap}a.hotbar-slot__chip{position:relative;z-index:2;text-decoration:none;transition:background-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}a.hotbar-slot__chip:hover{background:color-mix(in srgb,var(--tone) 22%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tone) 55%,transparent)}.hotbar-slot__action{position:relative;z-index:2;margin-top:var(--sp-5)}.hotbar-slot__live{margin:var(--sp-5) 0 0;font-family:var(--font-display);font-size:var(--fs-stat);font-weight:var(--fw-heavy);line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.hotbar-slot__live-label{display:flex;align-items:center;gap:var(--sp-2);margin:var(--sp-2) 0 0;font-size:var(--fs-small);color:var(--text-2)}.hotbar__hint{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--sp-3) var(--sp-6);margin:var(--sp-7) 0 0;font-size:var(--fs-small);color:var(--text-3)}.hotbar__hint-item{display:inline-flex;align-items:center;gap:6px}.hotbar__hint-icon{width:var(--icon-sm);height:var(--icon-sm)}.hotbar__key{min-width:26px;height:26px;display:inline-grid;place-items:center;padding:0 6px 2px;border-radius:var(--r-xs);background:color-mix(in srgb,var(--text) 8%,transparent);box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--bg-deep) 40%,transparent),inset 0 0 0 1px var(--border-strong);font-family:var(--font-display);font-size:var(--fs-caption);font-weight:var(--fw-bold);line-height:1;text-box:trim-both cap alphabetic;text-align:center;color:var(--text-2)}.mascot{--u:5px;position:absolute;left:0;top:0;width:0;height:0;z-index:5;pointer-events:none;opacity:0;transition:opacity var(--dur-slow) var(--ease)}.mascot.is-ready{opacity:1}.mascot__cam{position:absolute;left:0;top:0;perspective:900px;perspective-origin:0 -80px}.mascot__squash{position:absolute;transform-style:preserve-3d;transform-origin:0 0}.mascot__shadow{position:absolute;left:-38px;top:-7px;width:76px;height:14px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--bg-deep) 70%,transparent),transparent);transition:transform var(--dur-slow) var(--ease),opacity var(--dur-slow) var(--ease)}.mascot.is-moving .mascot__shadow{transform:scale(.6);opacity:.4}.mascot__hit{position:absolute;left:-44px;top:-170px;width:88px;height:170px;border:0;padding:0;background:transparent;pointer-events:auto;cursor:pointer}.mascot .v3d__model,.mascot .v3d__joint,.mascot .v3d__pose,.mascot .v3d__box,.mascot .v3d__group{position:absolute;transform-style:preserve-3d}.mascot .v3d__model{transition:transform .32s var(--ease)}.mascot .v3d__group{transition:translate .32s var(--ease)}.mascot .v3d__joint{transition:translate .22s var(--ease)}.mascot .v3d__pose{transform-origin:0 0;transition:transform .22s var(--ease)}.mascot .v3d__face{position:absolute;left:0;top:0;background-repeat:no-repeat;image-rendering:pixelated;backface-visibility:hidden}@keyframes mascotSwing{0%,100%{transform:rotateX(34deg)}50%{transform:rotateX(-34deg)}}.mascot.is-moving .v3d__pose--limb{animation:mascotSwing .42s ease-in-out infinite}.mascot.is-moving .v3d__pose--limb.is-late{animation-delay:-.21s}.mascot.is-sitting .v3d__group{translate:0 calc(var(--u) * 12) 0}.mascot.is-sitting .v3d__pose:is([data-part="leg_right"],[data-part="leg_left"]){animation:mascotKick 1.5s ease-in-out infinite}.mascot.is-sitting .v3d__pose[data-part="leg_left"]{animation-delay:-.75s}.mascot.is-sitting .v3d__pose:is([data-part="arm_right"],[data-part="arm_left"]){transform:rotateX(16deg)}.mascot.is-sitting .mascot__shadow{opacity:0}.mascot.is-sitting .mascot__hit{top:-110px;height:130px}@keyframes mascotKick{0%,100%{transform:rotateX(12deg)}50%{transform:rotateX(44deg)}}.mascot.is-sleeping .v3d__pose:is([data-part="leg_right"],[data-part="leg_left"]){animation:none;transform:rotateX(20deg)}.mascot.is-sleeping .v3d__pose[data-part="body"]{transform:rotateX(-10deg)}.mascot.is-sleeping .v3d__pose:is([data-part="arm_right"],[data-part="arm_left"]){transform:rotateX(8deg)}.mascot.is-sleeping .mascot__squash{animation:mascotBreathe 3.2s ease-in-out infinite}@keyframes mascotBreathe{50%{transform:scale(1.016,.984)}}.mascot__bubble{position:absolute;left:10px;top:calc(var(--u) * -32 - 46px);min-width:30px;padding:7px 10px 6px;background:var(--text);color:var(--accent-contrast);font-family:var(--font-display);font-size:var(--fs-lead);font-weight:var(--fw-heavy);line-height:1;text-align:center;clip-path:polygon(0 4px,4px 4px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px));transform-origin:0 100%;opacity:0;pointer-events:none}.mascot.is-sitting .mascot__bubble{top:calc(var(--u) * -20 - 46px)}.mascot__bubble.is-on{animation:mascotBubble 1.5s var(--ease-spring) forwards}@keyframes mascotBubble{0%{opacity:0;transform:scale(.3)}14%{opacity:1;transform:scale(1.15)}24%{transform:scale(1)}78%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-10px)}}.mascot-zzz{position:absolute;left:18px;top:calc(var(--u) * -21);font-family:var(--font-display);font-weight:var(--fw-heavy);line-height:1;color:color-mix(in srgb,var(--tone-forum) 25%,var(--text));text-shadow:0 0 10px color-mix(in srgb,var(--tone-forum) 70%,transparent);pointer-events:none;animation:mascotZzz 2.5s ease-out forwards}.mascot-zzz--sm{font-size:var(--fs-small)}.mascot-zzz--md{font-size:var(--fs-lead)}.mascot-zzz--lg{font-size:var(--fs-title)}@keyframes mascotZzz{0%{opacity:0;transform:translate(0,0) scale(.5)}20%{opacity:1}100%{opacity:0;transform:translate(30px,-54px) scale(1.25) rotate(-12deg)}}.mascot-dust{position:absolute;left:-4px;top:-6px;width:var(--sp-2);height:var(--sp-2);background:color-mix(in srgb,var(--text) 75%,transparent);pointer-events:none;opacity:0;animation:mascotDust .55s ease-out forwards}@keyframes mascotDust{0%{opacity:.9;transform:translate(0,0)}100%{opacity:0;transform:translate(var(--x),var(--y)) scale(.3)}}.mascot-burst{position:absolute;width:10px;height:10px;background:var(--c);box-shadow:0 0 10px var(--c);pointer-events:none;animation:mascotBurst .75s var(--ease) forwards}@keyframes mascotBurst{from{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(.2) rotate(140deg);opacity:0}}@media (max-width:1200px){.hotbar-slot{min-height:430px;padding:var(--sp-5) var(--sp-4)}.hotbar-slot__art{width:196px}.hotbar-slot--generators .hotbar-slot__art img{width:120px}.hotbar-slot--generators .hotbar-slot__art img:nth-child(3){width:128px}.hotbar-slot__chip{padding:0 8px}.hotbar-slot__key{display:none}}@media (max-width:1024px){.hotbar{padding-top:var(--sp-10);margin-top:0}.hotbar__row{grid-template-columns:repeat(2,minmax(0,1fr))}.hotbar-slot:first-child{grid-column:span 2}.hotbar-slot{min-height:340px}.mascot,.hotbar__hint{display:none}}@media (max-width:768px){.hub-hero{padding-top:var(--sp-7)}.hotbar{padding-top:var(--sp-9)}.hotbar__row{grid-template-columns:minmax(0,1fr);gap:var(--sp-3)}.hotbar-slot:first-child{grid-column:auto}.hotbar-slot{min-height:300px}.hotbar-slot__art{width:180px}}@media (prefers-reduced-motion:reduce){.hub-aurora,.hub-title__grad,.hub-spark{animation:none}.hub-spark{opacity:.6}}