.walk-hub{max-width:1480px;margin-inline:auto}.hub-hero{position:relative;isolation:isolate;overflow:hidden;min-height:230px;display:flex;align-items:center;border:1px solid #29404c;border-radius:16px;background:#0b1b29;color:#edf4fa;margin-bottom:20px;padding:32px 36px}.hub-panorama{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;z-index:-2}.hub-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#071725e6 0%,#07172599 30%,transparent 65%)}.hub-hero>div{max-width:460px}.hub-kicker{display:block;letter-spacing:.14em;font-size:10px;font-weight:700;color:var(--muted)}.hub-hero .hub-kicker{color:#b3cfdd}.hub-hero h1{margin:10px 0 12px;font-size:48px;letter-spacing:-.04em;line-height:1.1}.hub-hero p{max-width:350px;margin:0;font-size:15px;line-height:1.7;color:#d0dfe9}
.walk-hub .walk-tracker{margin:0}.walk-hub .walk-resume{margin:0 0 20px;padding:16px 20px;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:10px;background:var(--surface);display:flex;align-items:center;justify-content:space-between;gap:16px}.walk-hub .walk-resume h2{font-size:18px;margin:4px 0}.walk-hub .walk-resume p{margin:4px 0}.walk-hub .walk-resume progress{display:none}.walk-hub .walk-resume .eyebrow{font-size:9px}.walk-hub .walk-resume .button{white-space:nowrap}
.walk-hub .walk-search{padding:16px 20px;border:1px solid var(--line);border-radius:12px;margin:0 0 14px;background:var(--surface)}.walk-hub #walk-search-form{display:grid;grid-template-columns:minmax(0,1fr) 230px auto auto;align-items:end;gap:12px}.walk-hub .walk-search label{font-size:12px;margin-bottom:6px}.walk-hub .walk-search :is(input,select){width:100%;min-width:0;min-height:44px;font-size:15px}.walk-hub .walk-search button{min-height:44px}.walk-hub #walk-status{font-size:12px;margin:10px 0 0;color:var(--muted)}.walk-hub .walk-search .filter-field{min-width:0}
.hub-category-nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 30px;padding-bottom:18px;border-bottom:1px solid var(--line)}.hub-category-nav a{display:flex;align-items:center;min-height:44px;padding:8px 16px;font-size:13px;color:var(--muted);border-radius:8px}.hub-category-nav a:hover,.hub-category-nav a:focus-visible{color:var(--ink);background:var(--surface-soft)}.hub-section{margin:0 0 34px;scroll-margin-top:90px}.hub-section-heading{margin-bottom:16px}.hub-section-heading h2{margin:0 0 6px;font-size:23px;letter-spacing:-.02em}.hub-section-heading p{font-size:14px;color:var(--muted);margin:0}.walk-hub .walk-section{margin:0;min-width:0;text-decoration:none;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:10px;position:relative;transition:border-color .15s,background .15s}.walk-hub .walk-section:hover{background:var(--surface-soft);border-color:var(--accent)}.walk-hub .walk-section h3{margin:0;font-size:17px}.walk-hub .walk-section p{margin:6px 0 0;font-size:13px;line-height:1.5;color:var(--muted)}.walk-hub :is(a,button,input,select):focus-visible{outline:3px solid var(--accent);outline-offset:3px}.hub-arrow{font-size:18px;font-weight:400;color:var(--muted);margin-left:auto}
.hub-born-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.hub-born[data-born=g]{--route:var(--born-g)}.hub-born[data-born=h]{--route:var(--born-h)}.hub-born[data-born=m]{--route:var(--born-m)}.hub-born[data-born=s]{--route:var(--born-s)}.hub-born[data-born=u]{--route:var(--born-u)}.walk-hub .hub-born{display:flex;flex-direction:column;align-items:flex-start;padding:20px 18px;border-top:3px solid var(--route);background:linear-gradient(145deg,color-mix(in srgb,var(--route) 7%,var(--surface)),var(--surface))}.hub-born-symbol{font-size:52px;font-weight:850;line-height:1;color:var(--route);margin-bottom:22px}.hub-born .hub-arrow{position:absolute;top:18px;right:16px}.walk-hub .hub-born:hover{border-color:var(--route)}.hub-born>div{width:100%}
.hub-equipment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.walk-hub .hub-equipment{display:flex;align-items:center;gap:18px;padding:22px 20px}.hub-equipment-art{width:72px;height:88px;flex:none;display:grid;place-items:center;background:radial-gradient(ellipse,color-mix(in srgb,var(--accent) 11%,transparent),transparent 72%)}.hub-equipment-art img{max-width:72px;max-height:72px;object-fit:contain}.hub-equipment .hub-kicker{margin-bottom:6px}.walk-hub .hub-equipment h3{font-size:25px}.hub-equipment[data-section-card=super] h3{color:var(--quality-super,var(--ink))}.hub-equipment[data-section-card=hiper] h3{color:var(--quality-hiper,var(--ink))}.hub-equipment[data-section-card=mega] h3{color:var(--quality-mega,var(--ink))}
.hub-upgrades{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.walk-hub .hub-guide{display:flex;align-items:center;gap:14px;padding:16px 18px}.hub-guide-symbol{width:42px;min-height:42px;flex:none;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--muted);font-size:12px;font-weight:700;background:var(--surface-soft)}.hub-secondary{display:grid;grid-template-columns:1fr 1fr;gap:30px}.hub-character-grid,.hub-activity-grid{display:grid;gap:8px}.walk-hub .hub-character-grid .hub-guide{border-width:0 0 1px;border-radius:0;background:transparent;padding:14px 8px}.hub-character-grid .hub-guide-symbol{border-radius:7px}.walk-hub .hub-character-grid .hub-guide p{font-size:12px;margin-top:3px}.hub-activity-grid .hub-guide{min-height:100px}
.hub-progress{display:none;margin-top:12px;color:var(--muted);font-size:11px}.hub-progress[data-visible=true]{display:grid;gap:6px}.hub-progress progress{width:100%;height:4px;accent-color:var(--route,var(--accent));margin:0}.walk-hub .walk-archive{margin-top:8px}.walk-hub [hidden]{display:none!important}
@media(max-width:1100px){.hub-equipment-grid{grid-template-columns:1fr}.walk-hub .hub-equipment{padding:14px 20px}.hub-equipment-art{height:64px}.hub-equipment-art img{max-height:60px}.hub-equipment .hub-arrow{margin-left:auto}.hub-born-grid{gap:8px}.walk-hub .hub-born{padding:16px 12px}.hub-born-symbol{font-size:42px}.walk-hub #walk-search-form{grid-template-columns:minmax(0,1fr) 190px auto}.walk-hub #walk-clear{grid-column:3}.hub-secondary{gap:20px}}
@media(max-width:650px){.hub-hero{min-height:190px;padding:24px 20px;border-radius:12px}.hub-hero h1{font-size:36px}.hub-hero p{font-size:13px;max-width:220px}.hub-hero .hub-kicker{font-size:9px}.hub-panorama{object-position:68% top}.hub-hero::after{background:linear-gradient(90deg,#071725e6,#07172577 65%,#07172522)}.walk-hub .walk-search{padding:14px}.walk-hub #walk-search-form{grid-template-columns:minmax(0,1fr) auto;gap:10px}.walk-hub .search-field{grid-column:1/-1}.walk-hub .filter-field{grid-column:1/-1}.walk-hub #walk-clear{grid-column:2;grid-row:3}.walk-hub #walk-search-form>.button{grid-column:1;grid-row:3}.walk-hub .walk-search :is(input,select){font-size:16px}.hub-category-nav{gap:2px;justify-content:space-between;margin-bottom:24px;padding-bottom:10px}.hub-category-nav a{padding:8px;font-size:12px}.hub-section-heading h2{font-size:21px}.hub-section-heading p{font-size:13px;line-height:1.6}.hub-born-grid{grid-template-columns:1fr;gap:8px}.walk-hub .hub-born{flex-direction:row;align-items:center;gap:16px;padding:14px 16px;border-top-width:1px;border-left:3px solid var(--route)}.hub-born-symbol{font-size:36px;width:34px;margin:0;flex:none;text-align:center}.hub-born .hub-arrow{position:static}.hub-born>div{width:auto;flex:1}.walk-hub .hub-born h3{font-size:17px}.walk-hub .hub-born p{display:inline-block;margin:3px 0 0}.hub-born .hub-progress{margin-top:8px}.hub-upgrades,.hub-secondary{grid-template-columns:1fr;gap:10px}.hub-secondary .hub-section{margin-bottom:24px}.walk-hub .hub-guide{padding:14px 16px}.hub-section{margin-bottom:28px}.walk-hub .walk-resume{flex-wrap:wrap;padding:14px}.walk-hub .walk-resume .button{margin-left:auto}.hub-equipment .hub-equipment-art{width:60px}.walk-hub .hub-equipment{gap:14px;padding:16px}.walk-hub .hub-equipment h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){.walk-hub .walk-section{transition:none}}