.hub-skin{view-transition-name:location-page;background:linear-gradient(to bottom, #ffffff6b 0, #ffffffbd 300px, #fff 640px), var(--holo-gradient) top / 100% 640px no-repeat, #fff;min-height:100dvh;padding-top:16px}.hub-page{z-index:1;max-width:1280px;margin:0 auto;padding:8px 24px 76px;position:relative}.hub-hd{align-items:center;gap:10px;margin-bottom:20px;display:flex}.hub-hd>.hub-back,.hub-hd>.hub-panel-link{flex-shrink:0}.hub-back{border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(20px);min-height:44px;color:var(--color-foreground);transition:transform var(--t-fast), background var(--t-fast);background:#ffffffd1;border:1px solid #0000000f;align-items:center;gap:8px;padding:9px 18px 9px 14px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 1px 3px #00000008,0 8px 24px #0000000d}.hub-hd>.hub-back{color:#fff;-webkit-backdrop-filter:none;background:#16161a;border-color:#0000;box-shadow:0 4px 14px -4px #00000059}@media (hover:hover){.hub-hd>.hub-back:hover{color:#fff;background:#2c2c33;transform:translate(-2px)}}.hub-back:active{transform:scale(.96)}.hub-back:focus-visible{box-shadow:var(--focus-ring-brand);outline:none}.hub-back svg{color:currentColor;font-size:17px}.hub-panel-link{border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(20px);min-height:44px;color:var(--color-foreground);transition:transform var(--t-fast), background var(--t-fast);background:#ffffffd1;border:1px solid #0000000f;align-items:center;gap:8px;padding:9px 18px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 1px 3px #00000008,0 8px 24px #0000000d}@media (hover:hover){.hub-panel-link:hover{background:var(--brand-tint-12);color:var(--brand-hover);transform:translateY(-1px)}}.hub-panel-link:active{transform:scale(.96)}.hub-panel-link:focus-visible{box-shadow:var(--focus-ring-brand);outline:none}.hub-panel-link svg{color:var(--brand);font-size:18px}.hub-tag{align-items:center;gap:6px;margin:14px 0 0;font-size:14px;font-weight:700;display:inline-flex}.hub-tag.open{color:var(--brand-hover)}.hub-tag.soon{color:var(--color-muted-foreground)}
.hub-hero{--hub-pet:250px;isolation:isolate;view-transition-name:location-hero;background:#cae7ca;background:lab(89.0504% -13.9722 10.9275);border:1px solid #0000000f;border:1px solid lab(0% 0 0/.06);border-radius:24px;justify-content:space-between;align-items:stretch;gap:24px;min-height:310px;padding:30px 28px 0 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000008,0 12px 40px #0000000f;box-shadow:0 1px 3px lab(0% 0 0/.03),0 12px 40px lab(0% 0 0/.06)}.hub-hero>.hub-hero-img{z-index:-1;object-fit:cover;object-position:center;pointer-events:none;position:absolute;inset:0}.hub-skin .hub-hero:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(90deg,#ffffffd9 0%,#ffffff9e 24%,#ffffff38 44%,#fff0 56%);background:linear-gradient(90deg,lab(100% 0 0/.85) 0%,lab(100% 0 0/.62) 24%,lab(100% 0 0/.22) 44%,lab(100% 0 0/0) 56%);position:absolute;inset:0}.hub-hero>*{z-index:1;position:relative}.hub-hero-text{text-align:left;min-width:0;padding-bottom:30px}.hub-title{font-family:var(--font-heading,var(--font-sans)), sans-serif;letter-spacing:-.025em;color:#17181e;color:lab(8.25945% .931129 -4.39212);text-shadow:none;text-align:left;margin:0;font-size:clamp(2.6rem,1.9rem + 3.2vw,3.8rem);font-weight:800;line-height:1.04}.hub-cta{margin-top:18px}.hub-lead{color:#3b3c45;color:lab(25.6384% 1.10209 -5.51943);max-width:34ch;margin:12px 0 0;font-size:1.12rem;line-height:1.5}.hub-pet-stage{flex-shrink:0;align-items:flex-end;min-width:0;display:flex}.hub-hero-pet{z-index:2;margin:0 0 4px -22px;position:relative}.hub-hero-pet:after{content:"";z-index:0;width:64%;height:calc(var(--hub-pet) * .075);pointer-events:none;background:radial-gradient(#0c1a0f57 0%,#0000 70%);background:radial-gradient(lab(7.59362% -7.9245 4.85903/.34) 0%,#0000 70%);border-radius:50%;position:absolute;bottom:2px;left:50%;translate:-50%}.hub-hero-pet img{z-index:1;position:relative}.hub-pet-card{z-index:1;-webkit-backdrop-filter:blur(16px);background:#ffffffdb;background:lab(100% 0 0/.86);border:1px solid #ffffffe6;border:1px solid lab(100% 0 0/.9);border-radius:18px;width:max-content;max-width:236px;margin-bottom:26px;padding:12px 14px 13px;position:relative;box-shadow:0 12px 30px -16px #16223580;box-shadow:0 12px 30px -16px lab(12.7639% -.138238 -14.2699/.5)}.hub-pet-name{letter-spacing:-.01em;color:#17181e;color:lab(8.25945% .931129 -4.39212);align-items:center;gap:7px;margin:0;font-size:15.5px;font-weight:800;display:flex}.hub-pet-paw{background:var(--brand);flex-shrink:0;width:18px;height:18px;translate:0 -9.2%;-webkit-mask:url(/img/logo-paw.avif) 50%/contain no-repeat;mask:url(/img/logo-paw.avif) 50%/contain no-repeat}.hub-pet-name-txt{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.hub-pet-lvl{color:var(--color-muted-foreground);white-space:nowrap;flex-shrink:0;margin-left:auto;font-size:12.5px;font-weight:700}.hub-pet-card:has(.hub-pet-stats){width:236px}.hub-pet-stats{border-top:1px solid #00000012;border-top:1px solid lab(0% 0 0/.07);flex-direction:column;gap:8px;margin:10px 0 0;padding:10px 0 0;list-style:none;display:flex}.hub-pet-stat{--stat:var(--color-destructive);--stat-grad:linear-gradient(90deg, var(--color-destructive), #f87171);color:#2c2d34;color:lab(18.7031% .876397 -4.4182);grid-template-columns:22px 62px 1fr 24px;align-items:center;gap:7px;font-size:12px;font-weight:700;display:grid}@supports (color:lab(0% 0 0)){.hub-pet-stat{--stat-grad:linear-gradient(90deg, var(--color-destructive), lab(64.6674% 52.7309 26.3862))}}.hub-pet-stat[data-stat=en]{--stat:var(--c-amber);--stat-grad:linear-gradient(90deg, var(--c-amber), var(--c-amber-light))}.hub-pet-stat[data-stat=hap]{--stat:var(--c-emerald);--stat-grad:linear-gradient(90deg, var(--c-emerald), #36d69a)}@supports (color:lab(0% 0 0)){.hub-pet-stat[data-stat=hap]{--stat-grad:linear-gradient(90deg, var(--c-emerald), lab(76.5336% -52.6326 17.1565))}}.hub-pet-glyph{object-fit:contain;width:22px;height:22px;display:block}.hub-pet-stat-l{color:var(--color-muted-foreground);white-space:nowrap;font-weight:600}.hub-pet-bar{border-radius:var(--radius-pill);background:#00000014;background:lab(0% 0 0/.08);height:10px;overflow:hidden}.hub-pet-bar-fill{border-radius:var(--radius-pill);background:var(--stat-grad);min-width:10px;height:100%;display:block}.hub-pet-stat-v{text-align:left;font-variant-numeric:tabular-nums}.hub-pet-stat.is-low .hub-pet-stat-v{color:var(--color-destructive)}.hub-hero--pupil .hub-pet-stage{flex-direction:row-reverse}.hub-hero--pupil .hub-hero-pet{margin:0 -22px 4px 0}.hub-hero--lewa{--hub-pet:280px}.hub-hero--lewa .hub-hero-text{padding-bottom:26px}.hub-hero--lewa .hub-hero-pet{margin-left:0}:is(.hub-hero--lewa .hub-pet-card,.hub-hero--lewa .hub-pet-card:has(.hub-pet-stats)){align-items:center;gap:16px;width:max-content;max-width:100%;margin:18px 0 0;padding:11px 16px;display:flex}.hub-hero--lewa .hub-pet-name{flex-shrink:0;grid-template-columns:auto auto;gap:1px 7px;display:grid}.hub-hero--lewa .hub-pet-lvl{grid-column:2;margin-left:0}.hub-hero--lewa .hub-pet-stats{border-top:0;border-left:1px solid #00000012;border-left:1px solid lab(0% 0 0/.07);flex-direction:row;gap:14px;margin:0;padding:2px 0 2px 16px}.hub-hero--lewa .hub-pet-stat{grid-template-columns:22px 72px 24px}.hub-hero--lewa .hub-pet-stat-l{display:none}
@media (max-width:720px){.hub-page{padding:4px 12px 56px}.hub-hero{--hub-pet:132px;flex-direction:column;gap:14px;min-height:0;padding:20px 16px 0}.hub-skin .hub-hero:before{background:linear-gradient(#fffc 0%,#ffffff80 28%,#ffffff14 48%,#fff0 56%);background:linear-gradient(lab(100% 0 0/.8) 0%,lab(100% 0 0/.5) 28%,lab(100% 0 0/.08) 48%,lab(100% 0 0/0) 56%)}.hub-lead{color:#2c2d35;color:lab(18.6762% 1.1353 -5.50333);text-shadow:0 0 10px #fffffff2,0 0 2px #ffffffe6;text-shadow:0 0 10px lab(100% 0 0/.95),0 0 2px lab(100% 0 0/.9)}.hub-hero-text{padding-bottom:0}.hub-lead{max-width:none;font-size:.98rem}.hub-pet-stage{justify-content:flex-end;align-self:stretch}.hub-pet-card{border-radius:16px;flex:1 1 0;width:auto;min-width:0;max-width:250px;margin-bottom:16px;padding:10px 12px 11px}.hub-pet-name{font-size:14.5px}.hub-pet-stat{grid-template-columns:20px 58px 1fr 22px;gap:6px;font-size:11.5px}.hub-hero-pet{margin-left:-14px}.hub-hero--pupil .hub-hero-pet{margin:0 -14px 4px 0}.hub-hero--lewa{--hub-pet:116px;padding-bottom:16px}.hub-hero--lewa .hub-hero-text{padding-bottom:0}.hub-hero--lewa .hub-lead{max-width:calc(100% - 112px)}:is(.hub-hero--lewa .hub-pet-card,.hub-hero--lewa .hub-pet-card:has(.hub-pet-stats)){flex-direction:column;align-items:stretch;gap:0;width:100%;max-width:none;padding:10px 12px 11px}.hub-hero--lewa .hub-pet-name{display:flex}.hub-hero--lewa .hub-pet-lvl{margin-left:auto}.hub-hero--lewa .hub-pet-stats{border-top:1px solid #00000012;border-top:1px solid lab(0% 0 0/.07);border-left:0;gap:12px;margin-top:9px;padding:9px 0 0}.hub-hero--lewa .hub-pet-stat{flex:1 1 0;grid-template-columns:20px 1fr 20px;gap:5px;min-width:0}.hub-hero--lewa .hub-pet-stage{position:absolute;bottom:96px;right:8px}}@media (max-width:380px){.hub-hero{--hub-pet:118px}.hub-pet-stat{grid-template-columns:20px 1fr 22px}.hub-pet-stat-l{display:none}}.hub-nav-pills{scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;margin-bottom:20px;overflow-x:auto}@media (max-width:600px){.hub-nav-pills{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 34px),#0000 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 34px),#0000 100%)}.hub-nav-pill{scroll-snap-align:start}}.hub-nav-pills::-webkit-scrollbar{display:none}.hub-hd>.hub-nav-pills{flex:auto;min-width:0;margin-bottom:0}@media (max-width:600px){.hub-hd{gap:8px}.hub-hd>:is(.hub-back,.hub-panel-link){justify-content:center;width:44px;padding:0}.hub-hd-label{display:none}}.hub-nav-pills-list{align-items:center;gap:8px;width:max-content;padding:4px 2px;display:flex}.hub-nav-pill{border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(16px);min-height:44px;color:var(--color-foreground);transition:transform var(--t-fast), background var(--t-fast), border-color var(--t-fast);white-space:nowrap;background:#ffffffd1;border:1px solid #00000012;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 1px 3px #00000008}@media (hover:hover){.hub-nav-pill:hover{background:#fff;border-color:#0000001f;transform:translateY(-2px)}}.hub-nav-pill.is-active{background:var(--brand-gradient);color:#fff;border-color:#0000;box-shadow:0 4px 14px #f9731659}.hub-nav-pill.is-locked{opacity:.6}.hub-nav-pill-icon{font-size:18px}.hub-nav-pill:not(.is-active) .hub-nav-pill-icon{color:var(--brand)}.hub-nav-pill-lock{color:var(--color-muted-foreground);margin-left:-2px;font-size:14px}@media (prefers-reduced-motion:reduce){.hub-back,.hub-nav-pill{transition:none}.hub-back:hover,.hub-nav-pill:hover{transform:none}}