.hub-hero{position:relative;isolation:isolate;padding-top:var(--page-top);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-social) 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-social);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__grad{background:linear-gradient(90deg,var(--tone-launcher),var(--tone-monitoring),var(--tone-gen-packs),var(--tone-social),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:var(--stack);padding-bottom:var(--stack-lg)}.hotbar__row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);grid-template-rows:repeat(6,auto);gap:0 var(--sp-3)}.hotbar-slot{position:relative;isolation:isolate;grid-row:1 / span 6;display:grid;grid-template-rows:subgrid;align-items:start;min-width:0;padding:var(--sp-5) var(--sp-3) 0;overflow:hidden;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:var(--slot-tip-bg)}.hotbar-slot__shape::before{content:"";position:absolute;inset:3px;clip-path:var(--notch);background:linear-gradient(180deg,color-mix(in srgb,var(--tone) 85%,var(--text)) 0%,var(--tone) 35%,color-mix(in srgb,var(--tone) 35%,var(--bg-deep)) 100%);transition:filter var(--dur-slow) var(--ease)}.hotbar-slot__shape::after{content:"";position:absolute;inset:5px;clip-path:var(--notch);background:radial-gradient(100% 45% at 50% 100%,color-mix(in srgb,var(--tone) 24%,transparent) 0%,transparent 70%),linear-gradient(180deg,color-mix(in srgb,var(--tone) 6%,var(--bg-deep)) 0%,var(--bg-deep) 100%)}.hotbar-slot__name{margin:0;display:flex;align-items:center;gap:var(--sp-2);font-family:var(--font-display);font-size:var(--fs-small);font-weight:var(--fw-bold);line-height:1.2;color:color-mix(in srgb,var(--tone) 75%,var(--text));text-shadow:2px 2px 0 color-mix(in srgb,var(--tone) 22%,black)}.hotbar-slot__name-icon{width:var(--icon-sm);height:var(--icon-sm);flex-shrink:0;color:var(--tone);filter:drop-shadow(2px 2px 0 color-mix(in srgb,var(--tone) 22%,black))}.hotbar-slot__value{margin:var(--sp-4) 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;white-space:nowrap;text-shadow:3px 3px 0 color-mix(in srgb,var(--tone) 30%,black)}.hotbar-slot__value--word{font-size:var(--fs-title);line-height:30px;letter-spacing:-.02em;color:var(--tone);text-shadow:3px 3px 0 color-mix(in srgb,var(--tone) 25%,black)}.hotbar-slot__value:has(.button){text-shadow:none}.hotbar-slot__value .button{position:relative;z-index:2}.hotbar-slot__label{margin:var(--sp-2) 0 0;font-size:var(--fs-small);line-height:1.35;color:var(--mc-gray);text-wrap:pretty}.hotbar-slot__label .live-dot{display:inline-block;margin-right:var(--sp-2);vertical-align:middle}.hotbar-slot__art{justify-self:center;width:132px;margin:var(--sp-3) 0 -26px;pointer-events:none;transition:transform .55s var(--ease-spring)}.hotbar-slot__art img{display:block;width:100%;height:auto;filter:drop-shadow(0 16px 18px color-mix(in srgb,var(--bg-deep) 80%,transparent)) drop-shadow(0 0 30px color-mix(in srgb,var(--tone) 45%,transparent))}.hotbar-slot__art--trio{position:relative;width:150px;height:120px}.hotbar-slot__art--trio img{position:absolute;width:80px}.hotbar-slot__art--trio img:nth-child(1){left:6px;top:0}.hotbar-slot__art--trio img:nth-child(2){right:4px;top:12px}.hotbar-slot__art--trio img:nth-child(3){left:38px;top:42px;width:88px}.hotbar-slot.is-lit{transform:translateY(-8px);filter:drop-shadow(0 0 26px color-mix(in srgb,var(--tone) 45%,transparent))}.hotbar-slot.is-lit .hotbar-slot__shape::before{background:linear-gradient(180deg,var(--text) 0%,color-mix(in srgb,var(--tone) 60%,var(--text)) 30%,var(--tone) 100%)}.hotbar-slot.is-lit .hotbar-slot__art{transform:translateY(-8px) rotate(-5deg) scale(1.05)}.hotbar-slot::after{content:"";position:absolute;inset:5px;z-index:0;clip-path:var(--notch);background:linear-gradient(120deg,transparent 0% 20%,color-mix(in srgb,var(--enchant-violet) 26%,transparent) 30%,transparent 40% 60%,color-mix(in srgb,var(--enchant-violet) 20%,transparent) 70%,transparent 80% 100%) 0 0 / 250% 250%;mix-blend-mode:screen;opacity:0;pointer-events:none;transition:opacity var(--dur-slow) var(--ease)}.hotbar-slot.is-lit::after{opacity:1;animation:hubGlint 3.2s linear infinite}@keyframes hubGlint{from{background-position:100% 100%}to{background-position:0 0}}.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__link{color:inherit;text-decoration:none}.hotbar-slot__task{margin:0;font-size:var(--fs-caption);font-weight:var(--fw-regular);line-height:var(--lh-base);color:var(--text-2);overflow-wrap:break-word}.hub-search{max-width:var(--w-narrow);margin:var(--sp-6) auto 0;text-align:left}.hotbar-slot__link::after{content:"";position:absolute;inset:0;z-index:1}.hotbar-slot.is-lit:has(.hotbar-slot__link:focus-visible){outline-color:var(--text)}.hotbar-slot__chips{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin-top:var(--sp-4)}.hotbar-slot__chip{display:inline-flex;align-items:center;gap:var(--sp-2);max-width:100%;min-height:28px;padding:2px var(--sp-1);line-height:1.2;font-size:var(--fs-caption);font-weight:var(--fw-medium);color:color-mix(in srgb,var(--tone) 45%,var(--text));text-shadow:2px 2px 0 color-mix(in srgb,var(--tone) 15%,black);overflow-wrap:anywhere}.hotbar-slot__chip::before{content:"▸";color:var(--tone)}a.hotbar-slot__chip{position:relative;z-index:2;text-decoration:none;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease),transform var(--dur) var(--ease)}a.hotbar-slot__chip:hover{background:color-mix(in srgb,var(--tone) 18%,transparent);color:var(--text);transform:translateX(3px)}.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__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)}@media (max-width:1024px){.hotbar__row{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;gap:var(--sp-4)}.hotbar-slot{grid-row:auto;grid-template-rows:auto auto auto auto 1fr auto}.hotbar__hint{display:none}}@media (max-width:768px){.hotbar__row{gap:var(--sp-3)}}@media (max-width:480px){.hotbar-slot__value .button{font-size:var(--fs-caption);padding-inline:var(--sp-1);gap:var(--sp-1);white-space:nowrap}.hotbar__row{gap:var(--sp-2)}.hotbar-slot{padding:var(--sp-4) var(--sp-3) 0}.hotbar-slot__chip{gap:var(--sp-1);padding:2px 0}.hotbar-slot__art{width:104px}.hotbar-slot__art--trio{width:120px;height:100px}.hotbar-slot__art--trio img{width:64px}.hotbar-slot__art--trio img:nth-child(3){width:70px;left:30px;top:36px}}@media (prefers-reduced-motion:reduce){.hub-aurora,.hub-title__grad,.hub-spark{animation:none}.hub-spark{opacity:.6}.hotbar-slot.is-lit::after{animation:none;background-position:50% 50%}}