.intro{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:#08080a;pointer-events:none;animation:intro-out .44s ease-in 1.52s forwards}.court{position:absolute;width:min(94vw,1100px);height:auto;opacity:.7;filter:drop-shadow(0 0 9px rgba(135,91,219,.16))}.court-lines{fill:none;stroke:rgba(154,113,237,.44);stroke-width:1.15;vector-effect:non-scaling-stroke;stroke-dasharray:2800;stroke-dashoffset:2800;animation:draw 1.22s ease-out .12s forwards}.intro-mark{position:relative;z-index:1;width:clamp(74px,12vw,118px);height:auto;opacity:0;filter:drop-shadow(0 0 22px rgba(142,102,225,.18));animation:mark-in .48s ease-out .52s forwards,pulse .6s ease-in-out 1.08s 1 alternate}@keyframes draw{to{stroke-dashoffset:0;opacity:.75}}@keyframes mark-in{to{opacity:1}}@keyframes pulse{to{filter:drop-shadow(0 0 30px rgba(154,113,237,.32))}}@keyframes intro-out{to{opacity:0;visibility:hidden}}@media(max-width:600px){.court{width:145vw}}@media(prefers-reduced-motion:reduce){.intro{animation:reduce-out .12s ease-out .08s forwards}.court-lines,.intro-mark{animation:none;opacity:.45;stroke-dashoffset:0}@keyframes reduce-out{to{opacity:0;visibility:hidden}}}.skip-intro .intro{display:none!important}

.intro{display:none}