.zp-sys{background:var(--g-0);padding-bottom:96px}.zp-sys-head{border-bottom:1px solid var(--g-3);gap:22px;padding-top:40px;padding-bottom:28px;display:grid}.zp-sys-toc{flex-wrap:wrap;gap:4px;display:flex}.zp-sys-toc button{border:1px solid var(--g-3);cursor:pointer;min-height:40px;font:600 12px/1 var(--font-tech);letter-spacing:.12em;text-transform:uppercase;color:var(--g-5);transition:color var(--t-fast) var(--ease-std), border-color var(--t-fast) var(--ease-std);background:0 0;border-radius:2px;padding:0 14px}.zp-sys-toc button:hover,.zp-sys-toc button:focus-visible{color:var(--g-7);border-color:var(--brand)}.zp-sys-body{gap:72px;padding-top:48px;display:grid}.zp-sys-sec{gap:20px;scroll-margin-top:88px;display:grid}.zp-sys-sec>.z-h{margin-bottom:4px}.zp-sys-sub{margin:12px 0 0}.zp-sys-ramp{grid-template-columns:repeat(9,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.zp-sys-ramp li{align-content:start;gap:6px;display:grid}.zp-sys-ramp i{border:1px solid var(--n-300-a60);background:var(--sw);border-radius:2px;height:96px;display:block}.zp-sys-ramp b,.zp-sys-derived b{font:600 13px/1.2 var(--font-tech);color:var(--g-7)}.zp-sys-ramp small,.zp-sys-derived small{font:400 13px/1.3 var(--font-ui);color:var(--g-5)}.zp-sys-ratio{font:500 13px/1 var(--font-tech);font-variant-numeric:tabular-nums;color:var(--g-6)}.zp-sys-ratio.is-fail{color:var(--g-5);text-decoration:line-through;-webkit-text-decoration-color:var(--danger);text-decoration-color:var(--danger)}.zp-sys-ramp [data-tok=--g-00]{--sw:var(--g-00)}.zp-sys-ramp [data-tok=--g-0]{--sw:var(--g-0)}.zp-sys-ramp [data-tok=--g-1]{--sw:var(--g-1)}.zp-sys-ramp [data-tok=--g-2]{--sw:var(--g-2)}.zp-sys-ramp [data-tok=--g-3]{--sw:var(--g-3)}.zp-sys-ramp [data-tok=--g-4]{--sw:var(--g-4)}.zp-sys-ramp [data-tok=--g-5]{--sw:var(--g-5)}.zp-sys-ramp [data-tok=--g-6]{--sw:var(--g-6)}.zp-sys-ramp [data-tok=--g-7]{--sw:var(--g-7)}.zp-sys-accents{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.zp-sys-accent{text-align:left;cursor:pointer;color:inherit;background:var(--g-1);border:1px solid var(--g-3);transition:border-color var(--t-state) var(--ease-std), background var(--t-state) var(--ease-std);border-radius:2px;grid-template-rows:auto auto auto;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:4px 16px;padding:16px;display:grid}.zp-sys-accent:hover{border-color:var(--g-4)}.zp-sys-accent[aria-pressed=true]{border-color:var(--brand);background:var(--brand-wash)}.zp-sys-accent i{background:var(--acc);border-radius:2px;grid-row:span 3;place-items:center;width:72px;height:72px;display:grid}.zp-sys-accent i span{font:800 22px/1 var(--font-display);color:var(--acc-ink);font-stretch:125%}.zp-sys-accent b{font:700 16px/1 var(--font-display);text-transform:uppercase;letter-spacing:.02em;color:var(--g-7);font-stretch:125%}.zp-sys-accent code{font:500 12px/1.2 var(--font-tech);color:var(--g-6);overflow-wrap:anywhere}.zp-sys-acc-ratio{font:500 12px/1.3 var(--font-tech);font-variant-numeric:tabular-nums;color:var(--g-5)}.zp-sys-accent[data-b=lore]{--acc:var(--accent-lore);--acc-ink:var(--ink-lore)}.zp-sys-accent[data-b=arknights]{--acc:var(--accent-arknights);--acc-ink:var(--ink-arknights)}.zp-sys-accent[data-b=endfield]{--acc:var(--accent-endfield);--acc-ink:var(--ink-endfield)}.zp-sys-derived{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.zp-sys-derived li{gap:6px;display:grid}.zp-sys-derived i{border:1px solid var(--n-300-a60);border-radius:2px;height:56px;display:block}.zp-sys-derived [data-tok=--brand] i{background:var(--brand)}.zp-sys-derived [data-tok=--brand-dim] i{background:var(--brand-dim)}.zp-sys-derived [data-tok=--brand-wash] i{background:var(--brand-wash)}.zp-sys-derived [data-tok=--brand-line] i{background:var(--brand-line)}.zp-sys-derived [data-tok=--brand-ink] i{background:var(--brand-ink)}.zp-sys-derived [data-tok=--scrim] i{background:var(--scrim)}.zp-sys-type{margin:0;display:grid}.zp-sys-type>div{border-top:1px solid var(--g-3);grid-template-columns:220px minmax(0,1fr);align-items:center;gap:24px;padding:22px 0;display:grid}.zp-sys-type dt{gap:6px;display:grid}.zp-sys-type dt b{font:600 15px/1.2 var(--font-ui);color:var(--g-7)}.zp-sys-type dt small{font:500 12px/1.3 var(--font-tech);letter-spacing:.04em;color:var(--g-5)}.zp-sys-type dd{min-width:0;margin:0;overflow:hidden}.zp-sys-t-display{font:800 clamp(34px, 4.6cqw, 64px)/1 var(--font-display);text-transform:uppercase;letter-spacing:-.01em;color:var(--g-7);font-stretch:125%}.zp-sys-t-crop{font-size:clamp(56px,7cqw,110px)}.zp-sys-t-h{margin:0}.zp-sys-t-data{font:500 17px/1.3 var(--font-tech);font-variant-numeric:tabular-nums;color:var(--g-7)}.zp-sys-t-ui{font:400 16px/1.55 var(--font-ui);color:var(--g-6)}.zp-sys-t-read{font:400 19px/1.7 var(--font-read);color:var(--g-6);max-width:62ch;display:block}.zp-sys-t-hand{font:400 20px/1.35 var(--font-hand);color:var(--brand);max-width:40ch;display:block}.zp-sys-t-ghostbox{height:110px;position:relative}.zp-sys-t-ghost{font-size:150px;position:absolute;top:-8px;left:0}.zp-sys-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.zp-sys-spec{background:var(--g-1);border:1px solid var(--g-3);border-radius:2px;align-content:start;gap:18px;margin:0;padding:20px 22px 24px;display:grid}.zp-sys-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.zp-sys-p{font:400 15px/1.5 var(--font-ui);color:var(--g-6);margin:0}.zp-sys-tabs [role=tabpanel]{padding-top:16px}.zp-sys-seg{justify-self:start}.zp-sys-track{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;display:grid}.zp-sys-skel{background:var(--g-0);border-radius:2px;gap:12px;padding:16px;display:grid}.zp-sys-motion-top{align-items:center;gap:16px;display:flex}.zp-sys-motion{margin:0;padding:0;list-style:none;display:grid}.zp-sys-motion li{border-top:1px solid var(--g-3);grid-template-columns:160px 260px minmax(0,1fr);align-items:center;gap:20px;padding:14px 0;display:grid}.zp-sys-motion b{font:600 14px/1.2 var(--font-tech);color:var(--g-7)}.zp-sys-motion small{font:400 13px/1.3 var(--font-ui);color:var(--g-5)}.zp-sys-lane{border-bottom:1px solid var(--g-3);height:16px;position:relative}.zp-sys-lane i{background:var(--brand);width:10px;height:10px;position:absolute;top:4px;left:0;transform:rotate(45deg)}.zp-sys-shape{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:0;display:grid}.zp-sys-shape>div{border:1px solid var(--g-3);border-radius:2px;gap:10px;padding:16px;display:grid}.zp-sys-shape dd{font:500 15px/1.2 var(--font-tech);color:var(--g-7);align-items:center;gap:12px;margin:0;display:flex}.zp-sys-shape .z-diamond{color:var(--brand)}.zp-sys-sh-radius{border:1px solid var(--g-6);border-radius:2px;width:28px;height:28px}.zp-sys-sh-rule{background:var(--g-3);width:40px;height:1px}.zp-sys-icons{grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.zp-sys-icons li{border:1px solid var(--g-3);color:var(--g-6);transition:color var(--t-fast) var(--ease-std), border-color var(--t-fast) var(--ease-std);border-radius:2px;justify-items:center;gap:10px;padding:18px 8px 14px;display:grid}.zp-sys-icons li:hover{color:var(--g-7);border-color:var(--g-4)}.zp-sys-icons svg{stroke:currentColor;fill:none;stroke-width:1.5px;width:24px;height:24px}.zp-sys-icons small{font:500 12px/1 var(--font-tech);color:var(--g-5)}@container frame (max-width:1100px){.zp-sys-ramp{grid-template-columns:repeat(5,minmax(0,1fr))}.zp-sys-derived,.zp-sys-shape{grid-template-columns:repeat(3,minmax(0,1fr))}.zp-sys-grid{grid-template-columns:minmax(0,1fr)}.zp-sys-motion li{grid-template-columns:140px minmax(0,1fr)}.zp-sys-motion .zp-sys-lane{grid-column:1/-1}}@container frame (max-width:760px){.zp-sys-head{padding-top:24px}.zp-sys-t-crop{font-size:calc((100cqw - 2 * var(--z-gutter)) / 8)}.zp-sys-body{gap:56px;padding-top:32px}.zp-sys-ramp{grid-template-columns:repeat(3,minmax(0,1fr))}.zp-sys-ramp i{height:64px}.zp-sys-accents{grid-template-columns:minmax(0,1fr)}.zp-sys-derived,.zp-sys-shape{grid-template-columns:repeat(2,minmax(0,1fr))}.zp-sys-type>div{grid-template-columns:minmax(0,1fr);gap:12px}.zp-sys-t-ghost{font-size:110px}.zp-sys-motion li{grid-template-columns:minmax(0,1fr);gap:6px}}.zp-sys-title{font-size:min(128px, calc((min(100cqw, 1440px) - 2 * var(--z-gutter)) / 6.6));padding-bottom:.06em;line-height:.95}