.zp-hub{background:var(--g-0);position:relative}.zp-hub-hero{isolation:isolate;height:clamp(440px, calc(var(--z-vh) * .64), 680px);background:var(--g-00);position:relative;overflow:hidden}.zp-hub-par{position:absolute;inset:-16px}.zp-hub-art,.zp-hub-plane{position:absolute;inset:0}.zp-hub-art img{-webkit-user-select:none;user-select:none;pointer-events:none;max-width:none;display:block;position:absolute}.zp-hub-bg{object-fit:cover;width:100%;height:100%;inset:0}.zp-hub[data-game=lore] .zp-hub-art{background:var(--n-100)}.zp-hub[data-game=lore] .zp-hub-bg{object-position:50% 40%;filter:blur(10px)saturate(.55)brightness(.7);opacity:.9;transform:scale(1.06)}.zp-hub-emblems{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 40px;display:grid;position:absolute;top:50%;right:8%;transform:translateY(-54%)}.zp-hub-emblems img{aspect-ratio:1;object-fit:contain;opacity:.82;width:clamp(72px,8cqw,116px);height:auto;position:static}.zp-hub[data-game=ak] .zp-hub-art{background:linear-gradient(90deg, var(--n-080) 0%, var(--n-130) 60%, var(--n-090) 100%)}.zp-hub[data-game=ak] .zp-hub-bg{object-position:50% 32%;filter:saturate(.85);opacity:.85}.zp-hub-fig{height:165%;top:-28%;right:-2%}.zp-hub[data-game=ef] .zp-hub-bg{object-position:50% 48%}.zp-hub[data-art=none] .zp-hub-art{background:linear-gradient(90deg, var(--n-080) 0%, var(--n-130) 60%, var(--n-090) 100%)}.zp-hub-scrim{z-index:1;pointer-events:none;background:linear-gradient(180deg, var(--n-065-a82) 0%, var(--n-065-a35) 18%, var(--n-065-a0) 36%), linear-gradient(90deg, var(--n-065-a84) 0%, var(--n-065-a50) 32%, var(--n-065-a0) 60%), linear-gradient(0deg, var(--g-00) 0%, var(--n-065-a70) 16%, var(--n-065-a0) 44%);position:absolute;inset:0}.zp-hub-ui{z-index:2;position:absolute;inset:0}.zp-hub-ui>.z-wrap{grid-template-rows:auto 1fr auto;height:100%;padding-top:28px;display:grid}.zp-hub-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;display:flex}.zp-hub-mark{color:var(--g-6);align-items:center;gap:10px;display:inline-flex}.zp-hub-mark .z-diamond{color:var(--brand)}.zp-hub-title{--zp-w:calc(min(100cqw, var(--z-max)) - 2 * var(--z-gutter));font-size:min(210px, calc(var(--zp-w) / (var(--n,9) * .94)));height:auto;margin:0 0 0 -.04em;line-height:.84}.zp-hub-band{background:var(--g-00);border-bottom:1px solid var(--n-170)}.zp-hub-band>.z-wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 48px;padding-block:22px 26px;display:flex}.zp-hub-continue{width:min(620px,100%);color:inherit;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px 20px;padding:4px 0;text-decoration:none;display:grid}.zp-hub-continue .z-label{grid-row:span 2;align-self:start;padding-top:4px}.zp-hub-continue b{font:500 17px/1.3 var(--font-ui);color:var(--g-7);overflow-wrap:break-word;min-width:0}.zp-hub-continue b small{font:500 13px/1.3 var(--font-tech);letter-spacing:.06em;color:var(--g-5);margin-left:10px}.zp-hub-continue .z-track{grid-column:2}.zp-hub-continue .z-arrow{color:var(--g-6);grid-row:span 2}.zp-hub-continue:hover b,.zp-hub-continue:focus-visible b{text-decoration:underline;-webkit-text-decoration-color:var(--brand);text-decoration-color:var(--brand);text-underline-offset:5px}.zp-hub-continue:hover .z-arrow,.zp-hub-continue:focus-visible .z-arrow{color:var(--brand);clip-path:polygon(0 0,100% 50%,0 100%,0 100%);transform:translate(3px)}.zp-hub-jump{flex-wrap:wrap;gap:10px;display:flex}.zp-hub-body{padding-block:12px 104px}.zp-hub-body .z-tablist{top:var(--z-bar-h);z-index:5;background:var(--n-115-a94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky}.zp-hub-body [role=tabpanel]{scroll-margin-top:calc(var(--z-bar-h) + 56px)}.zp-hub-panel-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px 32px;margin-bottom:28px;display:flex}.zp-hub-h3{font:700 22px/1.1 var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:var(--g-7);overflow-wrap:break-word;margin:0;font-stretch:125%}.zp-hub-toc{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:56px;display:grid}.zp-hub-toc-nav{top:calc(var(--z-bar-h) + 76px);gap:2px;display:grid;position:sticky}.zp-hub-toc-nav button{appearance:none;cursor:pointer;text-align:left;color:var(--g-5);border:0;border-top:1px solid var(--n-180);font:400 15px/1.3 var(--font-ui);transition:color var(--t-fast) var(--ease-std);overflow-wrap:break-word;background:0 0;grid-template-columns:44px minmax(0,1fr);align-items:baseline;gap:10px;padding:10px 12px 10px 0;display:grid}.zp-hub-toc-nav button span{font:600 12px/1 var(--font-tech);letter-spacing:.1em;color:var(--g-5)}.zp-hub-toc-nav button:hover,.zp-hub-toc-nav button[aria-current=true]{color:var(--g-7)}.zp-hub-toc-nav button[aria-current=true] span{color:var(--brand)}.zp-hub-chap{scroll-margin-top:calc(var(--z-bar-h) + 72px);padding-bottom:36px}.zp-hub-chap+.zp-hub-chap{border-top:1px solid var(--g-3);padding-top:28px}.zp-hub-chap h2{font:700 19px/1.15 var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:var(--g-7);overflow-wrap:break-word;align-items:baseline;gap:16px;margin:0 0 14px;font-stretch:125%;display:flex}.zp-hub-chap h2 span{font:600 12px/1 var(--font-tech);letter-spacing:.14em;color:var(--g-5);flex:none}.zp-hub-rows{margin:0;padding:0;list-style:none}.zp-hub-row{min-height:40px;color:var(--g-6);align-items:baseline;gap:14px;padding:9px 0;text-decoration:none;display:flex}.zp-hub-row .zp-hub-num{width:52px;font:500 13px/1 var(--font-tech);font-variant-numeric:tabular-nums;color:var(--g-5);flex:none}.zp-hub-row .zp-hub-name{min-width:0;font:400 16px/1.35 var(--font-ui);overflow-wrap:break-word}.zp-hub-row .zp-hub-lead{border-bottom:1px dotted var(--g-4);flex:1;min-width:24px;transform:translateY(-4px)}.zp-hub-row .zp-hub-folio{font:500 13px/1 var(--font-tech);font-variant-numeric:tabular-nums;color:var(--g-5);flex:none}a.zp-hub-row .zp-hub-name{color:var(--g-7)}a.zp-hub-row .zp-hub-num{color:var(--brand);align-items:center;gap:8px;display:inline-flex}a.zp-hub-row:hover .zp-hub-name,a.zp-hub-row:focus-visible .zp-hub-name{text-decoration:underline;-webkit-text-decoration-color:var(--brand);text-decoration-color:var(--brand);text-underline-offset:5px}a.zp-hub-row:hover .zp-hub-lead,a.zp-hub-row:focus-visible .zp-hub-lead{border-bottom-color:var(--brand-line)}.zp-hub-askbox{gap:22px;max-width:760px;display:grid}.zp-hub-askbox form{align-items:center;gap:12px;display:flex}.zp-hub-askbox .z-input{flex:1;min-width:0}.zp-hub-askbox .z-input input{min-height:60px;font-size:20px}.zp-hub-eps{grid-template-columns:minmax(250px,360px) minmax(0,1fr);align-items:start;gap:56px;display:grid}.zp-hub-eplist{top:calc(var(--z-bar-h) + 76px);gap:0;display:grid;position:sticky}.zp-hub-ep{appearance:none;cursor:pointer;text-align:left;border:0;border-top:1px solid var(--n-180);min-height:52px;color:var(--g-5);transition:color var(--t-fast) var(--ease-std), background var(--t-fast) var(--ease-std);background:0 0;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:14px;padding:6px 12px 6px 0;display:grid}.zp-hub-ep b{font:300 34px/1 var(--font-ghost);letter-spacing:-.01em;color:var(--g-4);transition:color var(--t-state) var(--ease-std);font-variant-numeric:tabular-nums}.zp-hub-ep span{font:400 15px/1.3 var(--font-ui);overflow-wrap:break-word;min-width:0}.zp-hub-ep:hover{color:var(--g-7)}.zp-hub-ep:hover b{color:var(--g-6)}.zp-hub-ep[aria-pressed=true]{color:var(--g-7);background:linear-gradient(90deg, var(--n-160), var(--n-160-a0))}.zp-hub-ep[aria-pressed=true] b{color:var(--brand)}.zp-hub-stages{gap:22px;display:grid}.zp-hub-stages.is-in{animation:z-panel-in var(--t-page) var(--ease-out) both}.zp-hub-stage-head{gap:10px;display:grid}.zp-hub-stage-title{font:800 clamp(30px, 3.4cqw, 52px)/1 var(--font-display);letter-spacing:-.01em;text-transform:uppercase;color:var(--g-7);text-wrap:balance;overflow-wrap:break-word;margin:0;font-stretch:125%}.zp-hub-stagelist{border-top:1px solid var(--g-3);margin:0;padding:0;list-style:none}.zp-hub-stagelist li{border-bottom:1px solid var(--g-2)}.zp-hub-stagelist .zp-hub-row{min-height:56px;padding:14px 4px}.zp-hub-stagelist .zp-hub-num{width:64px}.zp-hub-stagelist .zp-hub-name{font-size:18px}.zp-hub-go{color:var(--g-6);flex:none}a.zp-hub-row:hover .zp-hub-go,a.zp-hub-row:focus-visible .zp-hub-go{color:var(--brand)}.zp-hub-plain{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px;margin:0;padding:0;list-style:none;display:grid}.zp-hub-plain li{border-top:1px solid var(--g-3);font:400 17px/1.35 var(--font-ui);color:var(--g-6);align-items:baseline;gap:14px;padding:18px 0;display:flex}.zp-hub-plain li .z-diamond{color:var(--g-4);transition:color var(--t-fast) var(--ease-std);transform:rotate(45deg)translateY(-2px)}.zp-hub-plain a{min-width:0;color:inherit;overflow-wrap:break-word;transition:color var(--t-fast) var(--ease-std);text-decoration:none}.zp-hub-plain a:hover,.zp-hub-plain a:focus-visible{color:var(--g-7);text-decoration:underline;-webkit-text-decoration-color:var(--brand);text-decoration-color:var(--brand);text-underline-offset:5px}.zp-hub-plain li:hover .z-diamond,.zp-hub-plain li:focus-within .z-diamond{color:var(--brand)}.zp-hub-items{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.zp-hub-item{min-height:104px;color:inherit;background:var(--g-1);border:1px solid var(--n-210);transition:border-color var(--t-state) var(--ease-std), background var(--t-state) var(--ease-std);border-radius:2px;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:14px;padding:14px;text-decoration:none;display:grid;position:relative}.zp-hub-item:before,.zp-hub-item:after{content:"";border-color:var(--g-4);width:8px;height:8px;transition:border-color var(--t-state) var(--ease-std);border-style:solid;position:absolute}.zp-hub-item:before{border-width:1px 0 0 1px;top:-1px;left:-1px}.zp-hub-item:after{border-width:0 1px 1px 0;bottom:-1px;right:-1px}.zp-hub-item:hover,.zp-hub-item:focus-visible{border-color:var(--g-4);background:var(--g-2)}.zp-hub-item:hover:before,.zp-hub-item:hover:after,.zp-hub-item:focus-visible:before,.zp-hub-item:focus-visible:after{border-color:var(--brand)}.zp-hub-item .zp-hub-icon{background:var(--n-100);border-radius:2px;place-items:center;width:76px;height:76px;display:grid}.zp-hub-item .zp-hub-icon img{object-fit:contain;width:64px;height:64px}.zp-hub-item>span:last-child{min-width:0}.zp-hub-item b{font:600 15px/1.25 var(--font-ui);color:var(--g-7);overflow-wrap:break-word;display:block}.zp-hub-item small{font:500 12px/1.2 var(--font-tech);letter-spacing:.06em;color:var(--g-5);overflow-wrap:break-word;margin-top:6px;display:block}.zp-hub-item .z-rarity{margin-top:8px}.zp-hub-item .z-rarity i{width:6px;height:6px}.zp-hub-list{border-top:1px solid var(--g-3);margin:0;padding:0;list-style:none}.zp-hub-list li{border-bottom:1px solid var(--g-2)}.zp-hub-list a,.zp-hub-list .zp-hub-li{min-height:60px;color:var(--g-6);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:20px;padding:14px 4px;text-decoration:none;display:grid}.zp-hub-list b{font:400 18px/1.3 var(--font-ui);color:var(--g-7);overflow-wrap:break-word;min-width:0}.zp-hub-list a:hover b,.zp-hub-list a:focus-visible b{text-decoration:underline;-webkit-text-decoration-color:var(--brand);text-decoration-color:var(--brand);text-underline-offset:5px}.zp-hub-list a:hover .z-arrow,.zp-hub-list a:focus-visible .z-arrow{color:var(--brand)}.zp-hub-list .zp-hub-cat{text-align:right;max-width:280px}.zp-hub-scene{color:inherit;background:linear-gradient(90deg, var(--brand-wash), var(--n-140));border:1px solid var(--n-230);transition:border-color var(--t-state) var(--ease-std);border-radius:2px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 24px;margin-bottom:28px;padding:24px;text-decoration:none;display:grid}.zp-hub-scene:hover,.zp-hub-scene:focus-visible{border-color:var(--brand-line)}.zp-hub-scene b{font:700 24px/1.1 var(--font-display);text-transform:uppercase;color:var(--g-7);overflow-wrap:break-word;font-stretch:125%}.zp-hub-scene p{color:var(--g-6);font:400 16px/1.5 var(--font-ui);overflow-wrap:break-word;grid-column:1;max-width:70ch;margin:0}.zp-hub-scene .z-btn{grid-area:1/2/span 3}.zp-hub-find{width:min(460px,100%)}.zp-hub-find .z-input{gap:12px}.zp-hub-find .z-input svg{fill:none;width:18px;height:18px;stroke:var(--g-5);stroke-width:1.6px;flex:none}.zp-hub-find .z-input:focus-within svg{stroke:var(--brand)}.zp-hub-find[aria-busy=true] .z-input{border-color:var(--brand-line)}.zp-hub-filter{flex-wrap:wrap;gap:8px;display:flex}.zp-hub-filter a.z-chip{transition:border-color var(--t-fast) var(--ease-std), color var(--t-fast) var(--ease-std);text-decoration:none}.zp-hub-filter a.z-chip:not(.is-on):hover{color:var(--g-7);border-color:var(--g-4)}.zp-hub-pager{flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:28px;display:flex}.zp-hub-pager>:only-child{margin-left:auto}.zp-hub-pager .zp-hub-back{rotate:180deg}.zp-hub-alone{padding-top:28px}.zp-hub-empty{border-top:1px solid var(--g-3);font:400 16px/1.5 var(--font-ui);color:var(--g-5);margin:0;padding:18px 0}@container frame (max-width:1100px){.zp-hub-toc{grid-template-columns:200px minmax(0,1fr);gap:32px}.zp-hub-eps{grid-template-columns:minmax(220px,290px) minmax(0,1fr);gap:32px}.zp-hub-plain{grid-template-columns:repeat(2,minmax(0,1fr))}}@container frame (max-width:760px){.zp-hub-hero{height:clamp(380px, calc(var(--z-vh) * .56), 520px)}.zp-hub-title{font-size:min(21cqw, calc((100cqw - 40px) / (var(--n,9) * .94)))}.zp-hub-emblems{opacity:.6;gap:10px 12px;top:42%;right:40px}.zp-hub-emblems img{width:52px}.zp-hub-fig{height:140%;top:-12%;right:-58%}.zp-hub-scrim{background:linear-gradient(180deg, var(--n-065-a82) 0%, var(--n-065-a50) 24%, var(--n-065-a20) 46%), linear-gradient(0deg, var(--g-00) 0%, var(--n-065-a75) 22%, var(--n-065-a0) 54%)}.zp-hub-band>.z-wrap{padding-block:16px 20px}.zp-hub-continue b small{margin:4px 0 0;display:block}.zp-hub-body .z-tablist{top:56px}.zp-hub-body [role=tabpanel]{scroll-margin-top:108px}.zp-hub-toc{grid-template-columns:minmax(0,1fr);gap:16px}.zp-hub-toc-nav{display:none}.zp-hub-body .z-tablist [role=tab]{letter-spacing:.06em;white-space:normal;padding-block:8px;font-size:12px;line-height:1.15}.zp-hub-row .zp-hub-num{width:44px}.zp-hub-eps{grid-template-columns:minmax(0,1fr);gap:20px}.zp-hub-eplist{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;position:static}.zp-hub-ep{border:1px solid var(--g-3);border-radius:2px;grid-template-columns:minmax(0,1fr);justify-items:center;min-height:52px;padding:6px 0}.zp-hub-ep b{font-size:26px}.zp-hub-ep span{display:none}.zp-hub-ep[aria-pressed=true]{background:var(--n-160);border-color:var(--brand-line)}.zp-hub-stage-title{font-size:28px}.zp-hub-stagelist .zp-hub-name{font-size:16px}.zp-hub-plain,.zp-hub-items{grid-template-columns:minmax(0,1fr)}.zp-hub-list a,.zp-hub-list .zp-hub-li{grid-template-columns:minmax(0,1fr) auto;gap:6px 20px}.zp-hub-list .zp-hub-cat{text-align:left;grid-area:2/1;max-width:none}.zp-hub-list .zp-hub-cat:empty{display:none}.zp-hub-list .z-arrow{grid-area:1/2/span 2}.zp-hub-scene{grid-template-columns:minmax(0,1fr)}.zp-hub-scene .z-btn{grid-area:auto/1;justify-self:start}}@media (prefers-reduced-motion:reduce){.zp-hub-stages.is-in{animation:.16s linear both z-a-fade}}
