.apex{--apex-glow:color-mix(in srgb, var(--accent) 18%, transparent);--apex-glow-2:color-mix(in srgb, var(--timing-personal-best) 8%, transparent);--apex-frame-bar:color-mix(in srgb, var(--card) 70%, var(--background));--apex-radius:var(--pw-radius);--apex-glow-radius:14px;overflow-x:clip}.apex-mono{font-family:var(--font-mono)}.apex-hero{isolation:isolate;background:radial-gradient(900px 480px at 85% 5%, var(--apex-glow), transparent 60%), radial-gradient(700px 380px at 0% 100%, var(--apex-glow-2), transparent 60%);position:relative}.apex-hero-title .apex-hl{background:linear-gradient(90deg, var(--accent), var(--timing-fastest));color:#0000;-webkit-background-clip:text;background-clip:text}.apex-speedline{background:linear-gradient(90deg, transparent, var(--timing-fastest) 20%, var(--timing-personal-best) 55%, var(--timing-normal) 80%, transparent);opacity:.6;height:1px}.apex-btn-primary{box-shadow:0 10px 28px -12px var(--accent);transition:transform var(--motion-base) var(--motion-ease)}.apex-btn-primary:hover,.apex-btn-ghost:hover{transform:translateY(-1px)}.apex-btn-ghost{transition:transform var(--motion-base) var(--motion-ease), border-color var(--motion-base) var(--motion-ease)}.apex-shot{border:1px solid var(--border);border-radius:var(--apex-radius);box-shadow:var(--elevation-3);background:#141414;position:relative;overflow:hidden}.apex-shot-bar{background:var(--apex-frame-bar);border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:8px 12px;display:flex}.apex-shot-bar i{background:var(--border);border-radius:50%;width:9px;height:9px;display:block}.apex-shot img{width:100%;height:auto;display:block}.apex-shot-fill img{object-fit:cover;object-position:top left;height:100%;transition:transform .6s var(--motion-ease)}.apex-shot-fill:hover img{transform:scale(1.03)}.apex-tower{border:1px solid var(--border);border-radius:var(--pw-radius);background:color-mix(in srgb, var(--card) 94%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--elevation-3);overflow:hidden}.apex-tower-head{border-bottom:2px solid var(--accent)}.apex-tower-row{animation:apex-tower-in .52s var(--motion-ease) both;animation-delay:calc(var(--i,0) * 90ms + .2s)}.apex-tower-row[data-fastest=true]{animation:apex-tower-in .52s var(--motion-ease) both, apex-fastest 6s var(--motion-ease) 1.8s 3;animation-delay:calc(var(--i,0) * 90ms + .2s), 1.8s}@keyframes apex-tower-in{0%{opacity:.25;transform:translate(-14px)}}@keyframes apex-fastest{78%{background-color:color-mix(in srgb, var(--timing-fastest) 28%, transparent)}}@supports (animation-timeline:view()){.apex-reveal{animation:linear both apex-reveal;animation-timeline:view();animation-range:entry entry 35%}}@keyframes apex-reveal{0%{opacity:.45;transform:translateY(28px)}}.apex-stage{transition:border-color var(--motion-base) var(--motion-ease), background-color var(--motion-base) var(--motion-ease);position:relative;overflow:hidden}.apex-stage[data-current=true]{border-color:var(--accent-line);background-color:var(--accent-soft)}.apex-stage-progress{background:var(--accent);width:0;height:2px;position:absolute;bottom:0;left:0}.apex-stage[data-current=true] .apex-stage-progress[data-running=true]{animation:apex-progress var(--apex-step-ms,5s) linear forwards}@keyframes apex-progress{to{width:100%}}.apex-stack{display:grid}.apex-stack>*{transition:opacity var(--motion-slow) var(--motion-ease), transform var(--motion-slow) var(--motion-ease);grid-area:1/1}.apex-stack>[data-active=false]{opacity:0;pointer-events:none;transform:scale(.98)translateY(8px)}.apex-tour-step,.apex-tour-step h3,.apex-tour-step li>span:first-child{transition:opacity var(--motion-slow) var(--motion-ease)}@media (min-width:1024px){.apex-tour-step[data-active=false] h3,.apex-tour-step[data-active=false] li>span:first-child{opacity:.65}}.apex-callout{background:var(--accent);width:30px;height:30px;color:var(--accent-foreground);font-family:var(--font-mono);box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 70%, transparent);animation:apex-ping 2.4s var(--motion-ease) 3;transition:transform var(--motion-fast) var(--motion-ease);border:2px solid #fff;border-radius:50%;place-items:center;margin:-15px 0 0 -15px;font-size:13px;font-weight:700;display:grid;position:absolute}.apex-callout-on{transform:scale(1.2)}@keyframes apex-ping{70%{box-shadow:0 0 0 14px #0000}to{box-shadow:0 0 #0000}}.apex-fan{gap:16px;display:grid}@media (min-width:1024px){.apex-fan{padding-bottom:calc(200px + 60%);display:block;position:relative}.apex-fan>*{width:78%;transition:transform .6s var(--motion-ease);position:absolute}.apex-fan>:first-child{top:0;left:0;transform:rotate(-4deg)}.apex-fan>:nth-child(2){top:70px;left:12%;transform:rotate(1deg)}.apex-fan>:nth-child(3){top:150px;left:22%;transform:rotate(5deg)}}@media (min-width:1024px) and (hover:hover){.apex-fan:hover>:first-child{transform:rotate(-7deg)translate(-18px,-12px)}.apex-fan:hover>:nth-child(3){transform:rotate(8deg)translate(24px,18px)}}.apex-marquee{-webkit-mask-image:linear-gradient(90deg, transparent, var(--foreground) 10%, var(--foreground) 90%, transparent);-webkit-mask-image:linear-gradient(90deg, transparent, var(--foreground) 10%, var(--foreground) 90%, transparent);mask-image:linear-gradient(90deg, transparent, var(--foreground) 10%, var(--foreground) 90%, transparent);overflow:hidden}.apex-marquee-track{width:max-content;animation:48s linear infinite apex-marquee;display:flex}.apex-marquee:hover .apex-marquee-track,.apex-marquee:focus-within .apex-marquee-track,.apex-marquee[data-paused=true] .apex-marquee-track{animation-play-state:paused}@keyframes apex-marquee{to{transform:translate(-50%)}}@media (min-width:768px){html:has(.apex>header){scroll-padding-top:5.5rem}}.apex-logo-plate{fill:var(--accent)}.apex-chips label:has(input[type=checkbox]){border:1px solid var(--border);cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;padding:.4rem .85rem;transition:border-color .15s,background-color .15s;display:inline-flex}.apex-chips label:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.apex-chips label:has(input:disabled){cursor:not-allowed;opacity:.65}.apex-chips label:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.apex-chips input[type=checkbox]{accent-color:var(--accent)}.apex-league-card,.apex-plan-card{transition:border-color var(--motion-base) var(--motion-ease)}@media (hover:hover){.apex-league-card:hover,.apex-plan-card:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border))}}.apex-league-banner{background-image:repeating-linear-gradient(115deg,#0000 0 14px,#ffffff1a 14px 17px),linear-gradient(90deg,#0000 35%,#0000004d)}.apex-rotate{grid-template-rows:minmax(0,1fr);min-height:0;display:grid}.apex-rotate-item{opacity:0;min-height:0;animation:18s ease-in-out 3 apex-rotate;animation-delay:calc(var(--i) * 6s - 1.08s);grid-area:1/1;display:flex}.apex-rotate-item:first-child{opacity:1}@keyframes apex-rotate{0%{opacity:0}6%,33.333%{opacity:1}39.333%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.apex-rotate-item,.apex-marquee-track,.apex-callout,.apex-tower-row,.apex-tower-row[data-fastest=true],.apex-reveal{animation:none}.apex-fan>*,.apex-callout,.apex-league-card,.apex-plan-card,.apex-chips label,.apex-shot-fill img{transition:none}}