/* ===================================================================
   Players, closing section — the supplied player-start-here package
   (player_start_here_section_complete.zip, 21 September 2026).

   Verbatim apart from four mechanical changes:

     - the 2 @font-face blocks are dropped. body.ttf and
       heading.ttf are byte-identical to the Barlow and Barlow
       Condensed files styles/fonts.css already serves, and their
       url()s are relative, which build.mjs rejects outright.
       ZpsBody and ZpsHeading now read var(--body)/var(--display).
     - kit-background.lossless.webp -> webp, 1.67MB down to 88KB at the same
       2115x743.
     - `.zps h2 span` is now `.zps h2 .zps-accent`. The heading
       carries .ln line spans for the house style, so a bare span
       would have tinted every line cyan instead of the last two.
     - the `h2 span br` mobile rule goes with the <br>s it hid.

   Everything is already prefixed .zps by the package, so it is
   loaded only on /players and reaches nothing else.
   =================================================================== */

.zps{position:relative;isolation:isolate;box-sizing:border-box;width:100%;aspect-ratio:2048/720;min-height:520px;overflow:hidden;background:#03182b;color:#fff;font:400 18px/1.5 var(--body)}.zps *{box-sizing:border-box}.zps-art{position:absolute;inset:0;pointer-events:none}.zps-photo,.zps-foreground{position:absolute;inset:0;background-image:url(/assets/kit-background-4fc323f9.webp);background-size:100% 100%;background-repeat:no-repeat}.zps-stage{position:absolute;inset:0;width:100%;height:100%}.zps-foreground{clip-path:polygon(44% 53%,47% 48%,53% 48%,62% 49%,66% 54%,78.3% 59%,80% 73%,79% 86%,44% 87%)}.zps-copy{position:relative;z-index:2;width:39%;margin-left:5%;padding:clamp(60px,6vw,130px) 0 65px}.zps-kicker{margin:0 0 24px;color:#0dc8ee;font-size:var(--ds-eyebrow);font-weight:600;letter-spacing:.14em;}.zps h2{font:400 var(--ds-title)/1.1 var(--ds-display);letter-spacing:0;margin:0;}.zps h2 .zps-accent{color:#0dc8ee}.zps-description{color:#c9d5e1;max-width:710px;margin:30px 0 28px;font-size:clamp(17px,1.17vw,24px);line-height:1.55}.zps-actions{display:flex;flex-wrap:wrap;gap:16px}.zps-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:15px 28px;border:1px solid transparent;border-radius:6px;text-decoration:none;font:700 clamp(17px,1.2vw,24px)/1.15 var(--display);transition:box-shadow .22s,transform .22s,background .22s;cursor:pointer;color:#fff}.zps-primary{background:#0062ff}.zps-secondary{border-color:#1cb9e9;background:#03182b66}.zps-button:hover{transform:translateY(-3px);box-shadow:0 7px 28px #007aff40}.zps-primary:hover{background:#0075ff}.zps-secondary:hover{background:#1f456899}.zps :focus-visible{outline:3px solid #83edff;outline-offset:5px}.zps-current use{stroke-dasharray:15 490;animation:zps-flow 4.5s linear infinite}.zps-nodes{filter:drop-shadow(0 0 6px #00caff);animation:zps-pulse 3s ease-in-out infinite}.zps-row{animation:zps-row-glow 5s ease-in-out infinite;animation-delay:var(--delay,0s)}.zps-motion{position:absolute;z-index:3;bottom:14px;right:18px;display:flex;align-items:center;gap:7px;min-height:36px;padding:7px 11px;border:1px solid #70b5d955;border-radius:20px;background:#03182bbd;color:#b9d5e7;font:12px var(--body);cursor:pointer}.zps-motion:disabled{cursor:default}.zps[data-motion=off] *{animation-play-state:paused!important;transition:none!important}.zps[data-motion=off] .zps-button{transform:none}.zps-dialog{position:fixed;width:min(460px,90vw);padding:36px;border:1px solid #208be6;border-radius:12px;color:#fff;background:#0b1f38;font:18px/1.5 var(--body)}.zps-dialog::backdrop{background:#020b17d9}.zps-dialog h3{margin:0 25px 16px 0;font:400 var(--ds-card)/1.15 var(--ds-display);}.zps-dialog p{color:#c9d5e1;margin:0 0 25px}.zps-close{position:absolute;right:10px;top:8px;width:40px;height:40px;border:0;background:none;color:white;font-size:30px;cursor:pointer}
@keyframes zps-flow{to{stroke-dashoffset:-505}}@keyframes zps-pulse{50%{opacity:.6}}@keyframes zps-row-glow{0%,100%{opacity:.68}35%,65%{opacity:1}}
@media(min-width:1900px){.zps-copy{padding-top:6vw}}@media(max-width:1050px){.zps{min-height:490px}.zps-copy{width:45%;padding-top:58px}.zps h2{font-size:var(--ds-title);}.zps-description{font-size:16px}.zps-button{padding:13px 17px;font-size:17px}.zps-actions{gap:10px}.zps-kicker{margin-bottom:18px}}
@media(max-width:700px){.zps{aspect-ratio:auto;min-height:0;padding-bottom:66%;}.zps-copy{width:auto;margin:0;padding:40px 25px 30px;background:linear-gradient(#03182b 86%,#03182b00)}.zps h2{font-size:var(--ds-title);}.zps-description{font-size:17px;max-width:490px;margin:22px 0}.zps-actions{gap:10px}.zps-button{min-height:48px;padding:13px 18px;font-size:18px}.zps-art{top:auto;bottom:0;left:-84%;width:185%;height:auto;aspect-ratio:2048/720}.zps-motion{bottom:7px;right:10px;font-size:11px}.zps-copy:after{content:"";position:absolute;top:100%;height:35px;left:0;right:0;background:linear-gradient(#03182b,transparent)}}
@media(prefers-reduced-motion:reduce){.zps *{animation:none!important;transition:none!important}.zps .zps-button{transform:none!important}}