.zp-404{background:var(--g-00)}.zp-404-stage{isolation:isolate;height:clamp(420px, calc(var(--z-vh) - var(--z-bar-h) - 180px), 720px);background:var(--n-090);position:relative;overflow:hidden}.zp-404-bg{object-fit:cover;opacity:.32;filter:grayscale(.6);width:108%;max-width:none;height:108%;position:absolute;inset:-4%}.zp-404-scrim{background:linear-gradient(0deg, var(--g-00) 0%, var(--n-065-a40) 45%, var(--n-065-a70) 100%);position:absolute;inset:0}.zp-404-ui{z-index:1;grid-template-rows:auto 1fr auto;height:100%;padding-top:40px;display:grid;position:relative}.zp-404-label{align-items:center;gap:10px;margin:0;display:flex}.zp-404-label .z-diamond{color:var(--brand)}.zp-404-h{grid-row:3;margin:0}.zp-404-crop{margin-left:-.05em;font-size:min(320px,26cqw);line-height:.84}.zp-404-links{grid-template-columns:repeat(4,minmax(0,1fr));padding-bottom:72px;display:grid}.zp-404-links a{border-top:1px solid var(--n-220);color:var(--g-6);transition:color var(--t-state) var(--ease-std);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px 12px;padding:22px 24px 18px 0;text-decoration:none;display:grid;position:relative}.zp-404-links a[data-b=home]{--dot:var(--g-6)}.zp-404-links a[data-b=lore]{--dot:var(--accent-lore)}.zp-404-links a[data-b=arknights]{--dot:var(--accent-arknights)}.zp-404-links a[data-b=endfield]{--dot:var(--accent-endfield)}.zp-404-links a:before{content:"";background:var(--dot);transform-origin:0;height:2px;transition:transform var(--t-page) var(--ease-out);position:absolute;top:-1px;left:0;right:24px;transform:scaleX(0)}.zp-404-links a:hover:before,.zp-404-links a:focus-visible:before{transform:scaleX(1)}.zp-404-links a:hover,.zp-404-links a:focus-visible{color:var(--g-7)}.zp-404-links .z-label{grid-column:1/-1;align-items:center;gap:10px;display:flex}.zp-404-links .z-label i{background:var(--dot);width:7px;height:7px;display:inline-block;transform:rotate(45deg)}.zp-404-links b{font:700 24px/1 var(--font-display);text-transform:uppercase;letter-spacing:.01em;font-stretch:125%}@container frame (max-width:760px){.zp-404-stage{height:380px}.zp-404-ui{padding-top:24px}.zp-404-crop{font-size:34cqw}.zp-404-links{grid-template-columns:minmax(0,1fr);padding-bottom:32px}.zp-404-links a{padding:16px 0 14px}.zp-404-links a:before{right:0}.zp-404-links b{font-size:20px}}