ReviewOS

also looking at this

stacks/lastsoulultra

LSU's own coaching surface, and what auditing the site turned up

#12
Merged glennmichael123 wants to merge claude/last-soul-ultra-web-6e0718 into main
86 files +3943 -1190

Review threads live on the whole diff, not on one commit, so none are shown here - a thread's line means something in the branch's final form, and painting it into an intermediate step would put it on code it is not about.

public/assets/styles/production/soul-races.cssmodified+1-1
Changes to public/assets/styles/production/soul-races.css
@@ -1,1 +1,1 @@
1.sr.lsu-scope-soul-races{min-height:100vh;padding-bottom:100px}.sr-body.lsu-scope-soul-races{padding:0 var(--lsu-pad-x)}.sr-head.lsu-scope-soul-races,.sr-filters.lsu-scope-soul-races,.sr-stage.lsu-scope-soul-races,.sr-host.lsu-scope-soul-races{max-width:var(--lsu-max);margin-left:auto;margin-right:auto}.sr-head.lsu-scope-soul-races .accent.lsu-scope-soul-races{color:var(--lsu-red)}.sr-note.lsu-scope-soul-races{max-width:640px;margin:0;font-size:15px;line-height:1.6;color:var(--lsu-dim-1)}.sr-counts.lsu-scope-soul-races{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 24px;margin:14px 0 0;padding:0}.sr-counts.lsu-scope-soul-races div.lsu-scope-soul-races{display:flex;flex-direction:column-reverse;gap:6px;padding-top:14px;border-top:1px solid var(--lsu-line)}.sr-counts.lsu-scope-soul-races dd.lsu-scope-soul-races{margin:0;font:clamp(34px,4vw,52px)/1 var(--lsu-display)}.sr-counts.lsu-scope-soul-races dt.lsu-scope-soul-races{font:12px var(--lsu-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lsu-dim-2)}.sr-filters.lsu-scope-soul-races{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:var(--lsu-head-gap);padding:20px 0;border-top:1px solid var(--lsu-line);border-bottom:1px solid var(--lsu-line)}.sr-filters.lsu-scope-soul-races label.lsu-scope-soul-races{display:flex;flex-direction:column;gap:8px;font:12px var(--lsu-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lsu-dim-2)}.sr-filters.lsu-scope-soul-races select.lsu-scope-soul-races,.sr-filters.lsu-scope-soul-races input.lsu-scope-soul-races,.field.lsu-scope-soul-races input.lsu-scope-soul-races,.field.lsu-scope-soul-races select.lsu-scope-soul-races,.field.lsu-scope-soul-races textarea.lsu-scope-soul-races{box-sizing:border-box;width:100%;min-height:48px;padding:12px 14px;border:1px solid rgba(255,255,255,.2);border-radius:0;background:#090909;color:var(--lsu-white);font:16px var(--lsu-body);letter-spacing:0;text-transform:none;outline:none}.sr-filters.lsu-scope-soul-races select.lsu-scope-soul-races,.field.lsu-scope-soul-races select.lsu-scope-soul-races{appearance:none;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23ffffff' stroke-opacity='.7' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;cursor:pointer}.sr-filters.lsu-scope-soul-races select.lsu-scope-soul-races option.lsu-scope-soul-races,.field.lsu-scope-soul-races select.lsu-scope-soul-races option.lsu-scope-soul-races{background:#090909;color:var(--lsu-white)}.sr-filters.lsu-scope-soul-races .lsu-scope-soul-races:is(select,input):hover,.field.lsu-scope-soul-races .lsu-scope-soul-races:is(input,select,textarea):hover{border-color:#ffffff61}.sr-filters.lsu-scope-soul-races .lsu-scope-soul-races:is(select,input):focus-visible,.field.lsu-scope-soul-races .lsu-scope-soul-races:is(input,select,textarea):focus-visible{border-color:var(--lsu-red);box-shadow:0 0 0 1px var(--lsu-red)}.sr-stage.lsu-scope-soul-races{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:28px;margin-top:28px;align-items:start}.sr-map.lsu-scope-soul-races{position:relative;width:100%;background:#050505;border:1px solid rgba(255,255,255,.1)}.sr-land.lsu-scope-soul-races{position:absolute;inset:0;width:100%;height:100%;display:block;filter:drop-shadow(0 0 10px rgba(221,15,21,.35))}.sr-overlay.lsu-scope-soul-races{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.sr-hint.lsu-scope-soul-races{position:absolute;left:14px;bottom:10px;margin:0;font:11px var(--lsu-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lsu-dim-3);pointer-events:none}.sr-overlay.lsu-scope-soul-races .sr-marker{cursor:pointer;outline:none}.sr-overlay.lsu-scope-soul-races .marker-hit{fill:transparent}.sr-overlay.lsu-scope-soul-races .marker-pulse{fill:none;stroke:#dd0f15;stroke-width:2;animation:srPulse 1.9s cubic-bezier(.22,.61,.36,1) infinite}.sr-overlay.lsu-scope-soul-races .marker-glow{fill:#dd0f15;opacity:.55;filter:drop-shadow(0 0 8px #dd0f15)}.sr-overlay.lsu-scope-soul-races .marker-ring{fill:#050505;stroke:#fff;stroke-width:2;filter:drop-shadow(0 0 6px #dd0f15)}.sr-overlay.lsu-scope-soul-races .marker-core{fill:#dd0f15}.sr-overlay.lsu-scope-soul-races .sr-marker:hover .marker-ring,.sr-overlay.lsu-scope-soul-races .sr-marker:focus-visible .marker-ring,.sr-overlay.lsu-scope-soul-races .sr-marker.is-active .marker-ring{stroke:var(--lsu-red);stroke-width:3.5}.sr-overlay.lsu-scope-soul-races .sr-marker:focus-visible .marker-hit{stroke:#fff;stroke-width:2}.sr-overlay.lsu-scope-soul-races .sr-marker.is-past .marker-pulse{display:none}.sr-overlay.lsu-scope-soul-races .sr-marker.is-past .marker-glow{fill:#777;opacity:.25;filter:none}.sr-overlay.lsu-scope-soul-races .sr-marker.is-past .marker-ring{stroke:#ffffff8c;filter:none}.sr-overlay.lsu-scope-soul-races .sr-marker.is-past .marker-core{fill:#8a8a8a}@keyframes srPulse{0%{r:5;opacity:.95;stroke-width:3}78%{r:22;opacity:0;stroke-width:.5}to{r:22;opacity:0}}@media(prefers-reduced-motion:reduce){.sr-overlay.lsu-scope-soul-races .marker-pulse{animation:none;opacity:0}}.sr-tip.lsu-scope-soul-races{position:absolute;z-index:2;width:min(340px,calc(100% - 16px));border:1px solid rgba(221,15,21,.8);background:#050505;box-shadow:0 0 34px #dd0f1573}.sr-tip.lsu-scope-soul-races .sr-card{border:0;background:none}.sr-side.lsu-scope-soul-races{display:flex;flex-direction:column;gap:12px;min-width:0}.sr-result-count.lsu-scope-soul-races{margin:0;font:12px var(--lsu-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lsu-dim-2)}.sr-list.lsu-scope-soul-races{display:grid;gap:10px;max-height:min(620px,70vh);overflow:auto;overscroll-behavior:contain;padding-right:4px}.sr-list.lsu-scope-soul-races .sr-empty{margin:0;padding:22px;border:1px solid var(--lsu-line);color:var(--lsu-dim-1);line-height:1.5}.sr-card{display:grid;gap:10px;padding:18px;border:1px solid rgba(255,255,255,.16);border-top:2px solid rgba(255,255,255,.3);background:#050505;cursor:pointer;transition:border-color .2s}.sr-card:hover{border-color:#ffffff57}.sr-card.is-active{border-color:var(--lsu-red);background:#140406;box-shadow:0 0 28px #dd0f154d}.sr-card.is-flash{animation:srFlash .9s ease-out}@keyframes srFlash{0%{background:#3a0a0d;box-shadow:0 0 44px #dd0f1599}}@media(prefers-reduced-motion:reduce){.sr-card.is-flash{animation:none}}.sr-card.is-past .sr-date{color:var(--lsu-dim-2)}.sr-card-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.sr-card h3{margin:0;font:24px/1.1 var(--lsu-display);letter-spacing:.02em;text-transform:uppercase;font-weight:400}.sr-date{flex:none;font:12px var(--lsu-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--lsu-red)}.sr-meta{margin:0;font-size:13px;color:var(--lsu-dim-2)}.sr-summary{margin:0;font-size:15px;line-height:1.5;color:var(--lsu-dim-1)}.sr-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:4px}.sr-status,.sr-qual,.sr-state{padding:5px 9px 4px;border:1px solid rgba(255,255,255,.3);font:11px var(--lsu-mono);letter-spacing:.12em;text-transform:uppercase}.sr-status.is-open{border-color:var(--lsu-red);color:#ff5a5f}.sr-status.is-past,.sr-state{color:var(--lsu-dim-2);border-color:#ffffff2e}.sr-qual{border-color:#f6dc9599;color:#f6dc95}.sr-site{font:11px var(--lsu-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--lsu-dim-1);text-decoration:underline;text-underline-offset:3px}.sr-enter{margin-left:auto;padding:11px 14px;background:var(--lsu-red);color:#fff;font:700 12px var(--lsu-body);letter-spacing:.15em;text-transform:uppercase}.sr-enter:hover{background:#fff;color:#000}.sr-card a:focus-visible{outline:3px solid var(--lsu-white);outline-offset:3px}.sr-host.lsu-scope-soul-races{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:64px;padding-top:34px;border-top:2px solid var(--lsu-red)}.sr-host.lsu-scope-soul-races h2.lsu-scope-soul-races{margin:0;font:clamp(26px,3.4vw,48px)/1.05 var(--lsu-display);text-transform:uppercase}.sr-host.lsu-scope-soul-races p.lsu-scope-soul-races{max-width:560px;margin:14px 0 22px;font-size:16px;line-height:1.6;color:var(--lsu-dim-1)}.sr-dialog.lsu-scope-soul-races{width:min(820px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:1px solid rgba(255,255,255,.16);background:#050505;color:var(--lsu-white);box-shadow:0 0 70px #dd0f1559;overflow:auto;overscroll-behavior:contain}.sr-dialog.lsu-scope-soul-races::backdrop{background:#000000d1}html:has(.sr-dialog[open]){overflow:hidden}.sr-dialog-bar.lsu-scope-soul-races{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 16px 16px 36px;background:#050505;border-bottom:1px solid var(--lsu-line)}.sr-dialog-bar.lsu-scope-soul-races h2.lsu-scope-soul-races{margin:8px 0 0;font:clamp(26px,3.4vw,48px)/1.05 var(--lsu-display);text-transform:uppercase}.sr-close.lsu-scope-soul-races{width:48px;height:48px;border:0;background:transparent;color:var(--lsu-white);font-size:32px;line-height:1;cursor:pointer}.sr-close.lsu-scope-soul-races:hover,.sr-close.lsu-scope-soul-races:focus-visible{color:var(--lsu-red)}.sr-dialog.lsu-scope-soul-races form.lsu-scope-soul-races,.sr-done.lsu-scope-soul-races{display:flex;flex-direction:column;gap:22px;padding:24px 36px 36px}.sr-intro.lsu-scope-soul-races{margin:0;color:var(--lsu-dim-1);line-height:1.5}fieldset.lsu-scope-soul-races{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 18px;margin:0;padding:0;border:0}legend.lsu-scope-soul-races{margin-bottom:16px;padding:0;font:12px var(--lsu-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--lsu-red)}.field.lsu-scope-soul-races{display:flex;flex-direction:column;gap:8px;color:#ffffff9e;font:14px/1.4 var(--lsu-mono);letter-spacing:.06em;text-transform:uppercase}.field-wide.lsu-scope-soul-races{grid-column:1/-1}.field.lsu-scope-soul-races textarea.lsu-scope-soul-races{min-height:96px;resize:vertical;line-height:1.5}.field.lsu-scope-soul-races input.lsu-scope-soul-races[aria-invalid=true],.field.lsu-scope-soul-races select.lsu-scope-soul-races[aria-invalid=true],.field.lsu-scope-soul-races textarea.lsu-scope-soul-races[aria-invalid=true]{border-color:#ff725e}.field.lsu-scope-soul-races .hint.lsu-scope-soul-races{font:13px/1.4 var(--lsu-body);letter-spacing:0;text-transform:none;color:var(--lsu-dim-2)}.field.lsu-scope-soul-races small.lsu-scope-soul-races{min-height:0;color:#ff725e;font:13px/1.35 var(--lsu-body);letter-spacing:0;text-transform:none}.field.lsu-scope-soul-races small.lsu-scope-soul-races:empty{display:none}.field.lsu-scope-soul-races input.lsu-scope-soul-races[type=date]{color-scheme:dark}.sr-trap.lsu-scope-soul-races{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.sr-privacy.lsu-scope-soul-races{margin:0;font-size:13px;line-height:1.5;color:var(--lsu-dim-2)}.sr-privacy.lsu-scope-soul-races a{text-decoration:underline;text-underline-offset:3px}.sr-form-status.lsu-scope-soul-races{margin:0;color:#ff725e;font-size:14px}.sr-form-status.lsu-scope-soul-races:empty{display:none}.sr-dialog.lsu-scope-soul-races .btn.lsu-scope-soul-races{align-self:flex-start}.sr-dialog.lsu-scope-soul-races .lsu-scope-soul-races[hidden]{display:none}.sr-done.lsu-scope-soul-races h3.lsu-scope-soul-races{margin:0;font:32px/1 var(--lsu-display);text-transform:uppercase;font-weight:400}.sr-done.lsu-scope-soul-races p.lsu-scope-soul-races{margin:0;color:var(--lsu-dim-1);line-height:1.5}.sr-done.lsu-scope-soul-races strong.lsu-scope-soul-races{color:var(--lsu-white);font-weight:600}@media(prefers-reduced-motion:no-preference){.sr-dialog.lsu-scope-soul-races[open]{animation:srIn .22s cubic-bezier(.2,.8,.2,1)}.sr-dialog.lsu-scope-soul-races[open]::backdrop{animation:srFade .22s ease-out}}@keyframes srIn{0%{opacity:0;transform:translateY(12px)}}@keyframes srFade{0%{opacity:0}}@media(max-width:1000px){.sr-stage.lsu-scope-soul-races{grid-template-columns:1fr}.sr-list.lsu-scope-soul-races{max-height:none;overflow:visible;padding-right:0}.sr-host.lsu-scope-soul-races{grid-template-columns:1fr}}@media(max-width:700px){.sr-counts.lsu-scope-soul-races,.sr-filters.lsu-scope-soul-races{grid-template-columns:1fr 1fr}.sr-filters.lsu-scope-soul-races{gap:10px;padding:14px 0}.sr-hint.lsu-scope-soul-races{display:none}.sr-tip.lsu-scope-soul-races{left:0!important;top:calc(100% + 8px)!important;width:100%}fieldset.lsu-scope-soul-races{grid-template-columns:1fr}.sr-dialog-bar.lsu-scope-soul-races{padding-left:18px}.sr-dialog.lsu-scope-soul-races form.lsu-scope-soul-races,.sr-done.lsu-scope-soul-races{padding:20px 18px 28px}.sr-enter{margin-left:0;width:100%;text-align:center}}
1.sr.lsu-scope-soul-races{min-height:100vh;padding-bottom:100px}.sr-body.lsu-scope-soul-races{padding:0 var(--lsu-pad-x)}.sr-head.lsu-scope-soul-races,.sr-filters.lsu-scope-soul-races,.sr-stage.lsu-scope-soul-races,.sr-host.lsu-scope-soul-races{max-width:var(--lsu-max);margin-left:auto;margin-right:auto}.sr-head.lsu-scope-soul-races .accent.lsu-scope-soul-races{color:var(--lsu-red)}.sr-note.lsu-scope-soul-races{max-width:640px;margin:0;font-size:15px;line-height:1.6;color:var(--lsu-dim-1)}.sr-counts.lsu-scope-soul-races{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 24px;margin:14px 0 0;padding:0}.sr-counts.lsu-scope-soul-races div.lsu-scope-soul-races{display:flex;flex-direction:column-reverse;gap:6px;padding-top:14px;border-top:1px solid var(--lsu-line)}.sr-counts.lsu-scope-soul-races dd.lsu-scope-soul-races{margin:0;font:clamp(34px,4vw,52px)/1 var(--lsu-display)}.sr-counts.lsu-scope-soul-races dt.lsu-scope-soul-races{font:12px var(--lsu-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lsu-dim-2)}.sr-filters.lsu-scope-soul-races{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:var(--lsu-head-gap);padding:20px 0;border-top:1px solid var(--lsu-line);border-bottom:1px solid var(--lsu-line)}.sr-filters.lsu-scope-soul-races label.lsu-scope-soul-races{display:flex;flex-direction:column;gap:8px;font:12px var(--lsu-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lsu-dim-2)}.sr-filters.lsu-scope-soul-races select.lsu-scope-soul-races,.sr-filters.lsu-scope-soul-races input.lsu-scope-soul-races,.field.lsu-scope-soul-races input.lsu-scope-soul-races,.field.lsu-scope-soul-races select.lsu-scope-soul-races,.field.lsu-scope-soul-races textarea.lsu-scope-soul-races{box-sizing:border-box;width:100%;min-height:48px;padding:12px 14px;border:1px solid rgba(255,255,255,.2);border-radius:0;background:#090909;color:var(--lsu-white);font:16px var(--lsu-body);letter-spacing:0;text-transform:none;outline:none}.sr-filters.lsu-scope-soul-races select.lsu-scope-soul-races,.field.lsu-scope-soul-races select.lsu-scope-soul-races{appearance:none;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23ffffff' stroke-opacity='.7' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;cursor:pointer}.sr-filters.lsu-scope-soul-races select.lsu-scope-soul-races option.lsu-scope-soul-races,.field.lsu-scope-soul-races select.lsu-scope-soul-races option.lsu-scope-soul-races{background:#090909;color:var(--lsu-white)}.sr-filters.lsu-scope-soul-races .lsu-scope-soul-races:is(select,input):hover,.field.lsu-scope-soul-races .lsu-scope-soul-races:is(input,select,textarea):hover{border-color:#ffffff61}.sr-filters.lsu-scope-soul-races .lsu-scope-soul-races:is(select,input):focus-visible,.field.lsu-scope-soul-races .lsu-scope-soul-races:is(input,select,textarea):focus-visible{border-color:var(--lsu-red);box-shadow:0 0 0 1px var(--lsu-red)}.sr-stage.lsu-scope-soul-races{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:28px;margin-top:28px;align-items:start}.sr-map.lsu-scope-soul-races{position:relative;width:100%;background:#050505;border:1px solid rgba(255,255,255,.1)}.sr-land.lsu-scope-soul-races{position:absolute;inset:0;width:100%;height:100%;display:block;filter:drop-shadow(0 0 10px rgba(221,15,21,.35))}.sr-overlay.lsu-scope-soul-races{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.sr-hint.lsu-scope-soul-races{position:absolute;left:14px;bottom:10px;margin:0;font:11px var(--lsu-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lsu-dim-3);pointer-events:none}.sr-overlay.lsu-scope-soul-races .sr-marker{cursor:pointer;outline:none}.sr-overlay.lsu-scope-soul-races .marker-hit{fill:transparent}.sr-overlay.lsu-scope-soul-races .marker-pulse{fill:none;stroke:#dd0f15;stroke-width:2;animation:srPulse 1.9s cubic-bezier(.22,.61,.36,1) infinite}.sr-overlay.lsu-scope-soul-races .marker-glow{fill:#dd0f15;opacity:.55;filter:drop-shadow(0 0 8px #dd0f15)}.sr-overlay.lsu-scope-soul-races .marker-ring{fill:#050505;stroke:#fff;stroke-width:2;filter:drop-shadow(0 0 6px #dd0f15)}.sr-overlay.lsu-scope-soul-races .marker-core{fill:#dd0f15}.sr-overlay.lsu-scope-soul-races .sr-marker:hover .marker-ring,.sr-overlay.lsu-scope-soul-races .sr-marker:focus-visible .marker-ring,.sr-overlay.lsu-scope-soul-races .sr-marker.is-active .marker-ring{stroke:var(--lsu-red);stroke-width:3.5}.sr-overlay.lsu-scope-soul-races .sr-marker:focus-visible .marker-hit{stroke:#fff;stroke-width:2}.sr-overlay.lsu-scope-soul-races .sr-marker.is-past .marker-pulse{display:none}.sr-overlay.lsu-scope-soul-races .sr-marker.is-past .marker-glow{fill:#777;opacity:.25;filter:none}.sr-overlay.lsu-scope-soul-races .sr-marker.is-past .marker-ring{stroke:#ffffff8c;filter:none}.sr-overlay.lsu-scope-soul-races .sr-marker.is-past .marker-core{fill:#8a8a8a}@keyframes srPulse{0%{r:5;opacity:.95;stroke-width:3}78%{r:22;opacity:0;stroke-width:.5}to{r:22;opacity:0}}@media(prefers-reduced-motion:reduce){.sr-overlay.lsu-scope-soul-races .marker-pulse{animation:none;opacity:0}}.sr-tip.lsu-scope-soul-races{position:absolute;z-index:2;width:min(340px,calc(100% - 16px));border:1px solid rgba(221,15,21,.8);background:#050505;box-shadow:0 0 34px #dd0f1573}.sr-tip.lsu-scope-soul-races .sr-card{border:0;background:none}.sr-side.lsu-scope-soul-races{display:flex;flex-direction:column;gap:12px;min-width:0}.sr-result-count.lsu-scope-soul-races{margin:0;font:12px var(--lsu-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lsu-dim-2)}.sr-list.lsu-scope-soul-races{display:grid;gap:10px;max-height:min(620px,70vh);overflow:auto;overscroll-behavior:contain;padding-right:4px}.sr-list.lsu-scope-soul-races .sr-empty{margin:0;padding:22px;border:1px solid var(--lsu-line);color:var(--lsu-dim-1);line-height:1.5}.sr-card{display:grid;gap:10px;padding:18px;border:1px solid rgba(255,255,255,.16);border-top:2px solid rgba(255,255,255,.3);background:#050505;cursor:pointer;transition:border-color .2s}.sr-card:hover{border-color:#ffffff57}.sr-card.is-active{border-color:var(--lsu-red);background:#140406;box-shadow:0 0 28px #dd0f154d}.sr-card.is-flash{animation:srFlash .9s ease-out}@keyframes srFlash{0%{background:#3a0a0d;box-shadow:0 0 44px #dd0f1599}}@media(prefers-reduced-motion:reduce){.sr-card.is-flash{animation:none}}.sr-card.is-past .sr-date{color:var(--lsu-dim-2)}.sr-card-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.sr-card h2{margin:0;font:24px/1.1 var(--lsu-display);letter-spacing:.02em;text-transform:uppercase;font-weight:400}.sr-date{flex:none;font:12px var(--lsu-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--lsu-red)}.sr-meta{margin:0;font-size:13px;color:var(--lsu-dim-2)}.sr-summary{margin:0;font-size:15px;line-height:1.5;color:var(--lsu-dim-1)}.sr-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:4px}.sr-status,.sr-qual,.sr-state{padding:5px 9px 4px;border:1px solid rgba(255,255,255,.3);font:11px var(--lsu-mono);letter-spacing:.12em;text-transform:uppercase}.sr-status.is-open{border-color:var(--lsu-red);color:#ff5a5f}.sr-status.is-past,.sr-state{color:var(--lsu-dim-2);border-color:#ffffff2e}.sr-qual{border-color:#f6dc9599;color:#f6dc95}.sr-site{font:11px var(--lsu-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--lsu-dim-1);text-decoration:underline;text-underline-offset:3px}.sr-enter{margin-left:auto;padding:11px 14px;background:var(--lsu-red);color:#fff;font:700 12px var(--lsu-body);letter-spacing:.15em;text-transform:uppercase}.sr-enter:hover{background:#fff;color:#000}.sr-card a:focus-visible{outline:3px solid var(--lsu-white);outline-offset:3px}.sr-host.lsu-scope-soul-races{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:64px;padding-top:34px;border-top:2px solid var(--lsu-red)}.sr-host.lsu-scope-soul-races h2.lsu-scope-soul-races{margin:0;font:clamp(26px,3.4vw,48px)/1.05 var(--lsu-display);text-transform:uppercase}.sr-host.lsu-scope-soul-races p.lsu-scope-soul-races{max-width:560px;margin:14px 0 22px;font-size:16px;line-height:1.6;color:var(--lsu-dim-1)}.sr-dialog.lsu-scope-soul-races{width:min(820px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:1px solid rgba(255,255,255,.16);background:#050505;color:var(--lsu-white);box-shadow:0 0 70px #dd0f1559;overflow:auto;overscroll-behavior:contain}.sr-dialog.lsu-scope-soul-races::backdrop{background:#000000d1}html:has(.sr-dialog[open]){overflow:hidden}.sr-dialog-bar.lsu-scope-soul-races{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 16px 16px 36px;background:#050505;border-bottom:1px solid var(--lsu-line)}.sr-dialog-bar.lsu-scope-soul-races h2.lsu-scope-soul-races{margin:8px 0 0;font:clamp(26px,3.4vw,48px)/1.05 var(--lsu-display);text-transform:uppercase}.sr-close.lsu-scope-soul-races{width:48px;height:48px;border:0;background:transparent;color:var(--lsu-white);font-size:32px;line-height:1;cursor:pointer}.sr-close.lsu-scope-soul-races:hover,.sr-close.lsu-scope-soul-races:focus-visible{color:var(--lsu-red)}.sr-dialog.lsu-scope-soul-races form.lsu-scope-soul-races,.sr-done.lsu-scope-soul-races{display:flex;flex-direction:column;gap:22px;padding:24px 36px 36px}.sr-intro.lsu-scope-soul-races{margin:0;color:var(--lsu-dim-1);line-height:1.5}fieldset.lsu-scope-soul-races{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 18px;margin:0;padding:0;border:0}legend.lsu-scope-soul-races{margin-bottom:16px;padding:0;font:12px var(--lsu-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--lsu-red)}.field.lsu-scope-soul-races{display:flex;flex-direction:column;gap:8px;color:#ffffff9e;font:14px/1.4 var(--lsu-mono);letter-spacing:.06em;text-transform:uppercase}.field-wide.lsu-scope-soul-races{grid-column:1/-1}.field.lsu-scope-soul-races textarea.lsu-scope-soul-races{min-height:96px;resize:vertical;line-height:1.5}.field.lsu-scope-soul-races input.lsu-scope-soul-races[aria-invalid=true],.field.lsu-scope-soul-races select.lsu-scope-soul-races[aria-invalid=true],.field.lsu-scope-soul-races textarea.lsu-scope-soul-races[aria-invalid=true]{border-color:#ff725e}.field.lsu-scope-soul-races .hint.lsu-scope-soul-races{font:13px/1.4 var(--lsu-body);letter-spacing:0;text-transform:none;color:var(--lsu-dim-2)}.field.lsu-scope-soul-races small.lsu-scope-soul-races{min-height:0;color:#ff725e;font:13px/1.35 var(--lsu-body);letter-spacing:0;text-transform:none}.field.lsu-scope-soul-races small.lsu-scope-soul-races:empty{display:none}.field.lsu-scope-soul-races input.lsu-scope-soul-races[type=date]{color-scheme:dark}.sr-trap.lsu-scope-soul-races{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.sr-privacy.lsu-scope-soul-races{margin:0;font-size:13px;line-height:1.5;color:var(--lsu-dim-2)}.sr-privacy.lsu-scope-soul-races a{text-decoration:underline;text-underline-offset:3px}.sr-form-status.lsu-scope-soul-races{margin:0;color:#ff725e;font-size:14px}.sr-form-status.lsu-scope-soul-races:empty{display:none}.sr-dialog.lsu-scope-soul-races .btn.lsu-scope-soul-races{align-self:flex-start}.sr-dialog.lsu-scope-soul-races .lsu-scope-soul-races[hidden]{display:none}.sr-done.lsu-scope-soul-races h3.lsu-scope-soul-races{margin:0;font:32px/1 var(--lsu-display);text-transform:uppercase;font-weight:400}.sr-done.lsu-scope-soul-races p.lsu-scope-soul-races{margin:0;color:var(--lsu-dim-1);line-height:1.5}.sr-done.lsu-scope-soul-races strong.lsu-scope-soul-races{color:var(--lsu-white);font-weight:600}@media(prefers-reduced-motion:no-preference){.sr-dialog.lsu-scope-soul-races[open]{animation:srIn .22s cubic-bezier(.2,.8,.2,1)}.sr-dialog.lsu-scope-soul-races[open]::backdrop{animation:srFade .22s ease-out}}@keyframes srIn{0%{opacity:0;transform:translateY(12px)}}@keyframes srFade{0%{opacity:0}}@media(max-width:1000px){.sr-stage.lsu-scope-soul-races{grid-template-columns:1fr}.sr-list.lsu-scope-soul-races{max-height:none;overflow:visible;padding-right:0}.sr-host.lsu-scope-soul-races{grid-template-columns:1fr}}@media(max-width:700px){.sr-counts.lsu-scope-soul-races,.sr-filters.lsu-scope-soul-races{grid-template-columns:1fr 1fr}.sr-filters.lsu-scope-soul-races{gap:10px;padding:14px 0}.sr-hint.lsu-scope-soul-races{display:none}.sr-tip.lsu-scope-soul-races{left:0!important;top:calc(100% + 8px)!important;width:100%}fieldset.lsu-scope-soul-races{grid-template-columns:1fr}.sr-dialog-bar.lsu-scope-soul-races{padding-left:18px}.sr-dialog.lsu-scope-soul-races form.lsu-scope-soul-races,.sr-done.lsu-scope-soul-races{padding:20px 18px 28px}.sr-enter{margin-left:0;width:100%;text-align:center}}
resources/assets/styles/site/soul-races.cssmodified+1-1
Changes to resources/assets/styles/site/soul-races.css
@@ -1,1 +1,1 @@
1.sr.lsu-scope-soul-races{min-height:100vh;padding-bottom:100px}.sr-body.lsu-scope-soul-races{padding:0 var(--lsu-pad-x)}.sr-head.lsu-scope-soul-races,.sr-filters.lsu-scope-soul-races,.sr-stage.lsu-scope-soul-races,.sr-host.lsu-scope-soul-races{max-width:var(--lsu-max);margin-left:auto;margin-right:auto}.sr-head.lsu-scope-soul-races .accent.lsu-scope-soul-races{color:var(--lsu-red)}.sr-note.lsu-scope-soul-races{max-width:640px;margin:0;font-size:15px;line-height:1.6;color:var(--lsu-dim-1)}.sr-counts.lsu-scope-soul-races{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 24px;margin:14px 0 0;padding:0}.sr-counts.lsu-scope-soul-races div.lsu-scope-soul-races{display:flex;flex-direction:column-reverse;gap:6px;padding-top:14px;border-top:1px solid var(--lsu-line)}.sr-counts.lsu-scope-soul-races dd.lsu-scope-soul-races{margin:0;font:clamp(34px,4vw,52px)/1 var(--lsu-display)}.sr-counts.lsu-scope-soul-races dt.lsu-scope-soul-races{font:12px var(--lsu-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lsu-dim-2)}.sr-filters.lsu-scope-soul-races{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:var(--lsu-head-gap);padding:20px 0;border-top:1px solid var(--lsu-line);border-bottom:1px solid var(--lsu-line)}.sr-filters.lsu-scope-soul-races label.lsu-scope-soul-races{display:flex;flex-direction:column;gap:8px;font:12px var(--lsu-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lsu-dim-2)}.sr-filters.lsu-scope-soul-races select.lsu-scope-soul-races,.sr-filters.lsu-scope-soul-races input.lsu-scope-soul-races,.field.lsu-scope-soul-races input.lsu-scope-soul-races,.field.lsu-scope-soul-races select.lsu-scope-soul-races,.field.lsu-scope-soul-races textarea.lsu-scope-soul-races{box-sizing:border-box;width:100%;min-height:48px;padding:12px 14px;border:1px solid rgba(255,255,255,.2);border-radius:0;background:#090909;color:var(--lsu-white);font:16px var(--lsu-body);letter-spacing:0;text-transform:none;outline:none}.sr-filters.lsu-scope-soul-races select.lsu-scope-soul-races,.field.lsu-scope-soul-races select.lsu-scope-soul-races{appearance:none;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23ffffff' stroke-opacity='.7' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;cursor:pointer}.sr-filters.lsu-scope-soul-races select.lsu-scope-soul-races option.lsu-scope-soul-races,.field.lsu-scope-soul-races select.lsu-scope-soul-races option.lsu-scope-soul-races{background:#090909;color:var(--lsu-white)}.sr-filters.lsu-scope-soul-races .lsu-scope-soul-races:is(select,input):hover,.field.lsu-scope-soul-races .lsu-scope-soul-races:is(input,select,textarea):hover{border-color:#ffffff61}.sr-filters.lsu-scope-soul-races .lsu-scope-soul-races:is(select,input):focus-visible,.field.lsu-scope-soul-races .lsu-scope-soul-races:is(input,select,textarea):focus-visible{border-color:var(--lsu-red);box-shadow:0 0 0 1px var(--lsu-red)}.sr-stage.lsu-scope-soul-races{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:28px;margin-top:28px;align-items:start}.sr-map.lsu-scope-soul-races{position:relative;width:100%;background:#050505;border:1px solid rgba(255,255,255,.1)}.sr-land.lsu-scope-soul-races{position:absolute;inset:0;width:100%;height:100%;display:block;filter:drop-shadow(0 0 10px rgba(221,15,21,.35))}.sr-overlay.lsu-scope-soul-races{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.sr-hint.lsu-scope-soul-races{position:absolute;left:14px;bottom:10px;margin:0;font:11px var(--lsu-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lsu-dim-3);pointer-events:none}.sr-overlay.lsu-scope-soul-races .sr-marker{cursor:pointer;outline:none}.sr-overlay.lsu-scope-soul-races .marker-hit{fill:transparent}.sr-overlay.lsu-scope-soul-races .marker-pulse{fill:none;stroke:#dd0f15;stroke-width:2;animation:srPulse 1.9s cubic-bezier(.22,.61,.36,1) infinite}.sr-overlay.lsu-scope-soul-races .marker-glow{fill:#dd0f15;opacity:.55;filter:drop-shadow(0 0 8px #dd0f15)}.sr-overlay.lsu-scope-soul-races .marker-ring{fill:#050505;stroke:#fff;stroke-width:2;filter:drop-shadow(0 0 6px #dd0f15)}.sr-overlay.lsu-scope-soul-races .marker-core{fill:#dd0f15}.sr-overlay.lsu-scope-soul-races .sr-marker:hover .marker-ring,.sr-overlay.lsu-scope-soul-races .sr-marker:focus-visible .marker-ring,.sr-overlay.lsu-scope-soul-races .sr-marker.is-active .marker-ring{stroke:var(--lsu-red);stroke-width:3.5}.sr-overlay.lsu-scope-soul-races .sr-marker:focus-visible .marker-hit{stroke:#fff;stroke-width:2}.sr-overlay.lsu-scope-soul-races .sr-marker.is-past .marker-pulse{display:none}.sr-overlay.lsu-scope-soul-races .sr-marker.is-past .marker-glow{fill:#777;opacity:.25;filter:none}.sr-overlay.lsu-scope-soul-races .sr-marker.is-past .marker-ring{stroke:#ffffff8c;filter:none}.sr-overlay.lsu-scope-soul-races .sr-marker.is-past .marker-core{fill:#8a8a8a}@keyframes srPulse{0%{r:5;opacity:.95;stroke-width:3}78%{r:22;opacity:0;stroke-width:.5}to{r:22;opacity:0}}@media(prefers-reduced-motion:reduce){.sr-overlay.lsu-scope-soul-races .marker-pulse{animation:none;opacity:0}}.sr-tip.lsu-scope-soul-races{position:absolute;z-index:2;width:min(340px,calc(100% - 16px));border:1px solid rgba(221,15,21,.8);background:#050505;box-shadow:0 0 34px #dd0f1573}.sr-tip.lsu-scope-soul-races .sr-card{border:0;background:none}.sr-side.lsu-scope-soul-races{display:flex;flex-direction:column;gap:12px;min-width:0}.sr-result-count.lsu-scope-soul-races{margin:0;font:12px var(--lsu-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lsu-dim-2)}.sr-list.lsu-scope-soul-races{display:grid;gap:10px;max-height:min(620px,70vh);overflow:auto;overscroll-behavior:contain;padding-right:4px}.sr-list.lsu-scope-soul-races .sr-empty{margin:0;padding:22px;border:1px solid var(--lsu-line);color:var(--lsu-dim-1);line-height:1.5}.sr-card{display:grid;gap:10px;padding:18px;border:1px solid rgba(255,255,255,.16);border-top:2px solid rgba(255,255,255,.3);background:#050505;cursor:pointer;transition:border-color .2s}.sr-card:hover{border-color:#ffffff57}.sr-card.is-active{border-color:var(--lsu-red);background:#140406;box-shadow:0 0 28px #dd0f154d}.sr-card.is-flash{animation:srFlash .9s ease-out}@keyframes srFlash{0%{background:#3a0a0d;box-shadow:0 0 44px #dd0f1599}}@media(prefers-reduced-motion:reduce){.sr-card.is-flash{animation:none}}.sr-card.is-past .sr-date{color:var(--lsu-dim-2)}.sr-card-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.sr-card h3{margin:0;font:24px/1.1 var(--lsu-display);letter-spacing:.02em;text-transform:uppercase;font-weight:400}.sr-date{flex:none;font:12px var(--lsu-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--lsu-red)}.sr-meta{margin:0;font-size:13px;color:var(--lsu-dim-2)}.sr-summary{margin:0;font-size:15px;line-height:1.5;color:var(--lsu-dim-1)}.sr-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:4px}.sr-status,.sr-qual,.sr-state{padding:5px 9px 4px;border:1px solid rgba(255,255,255,.3);font:11px var(--lsu-mono);letter-spacing:.12em;text-transform:uppercase}.sr-status.is-open{border-color:var(--lsu-red);color:#ff5a5f}.sr-status.is-past,.sr-state{color:var(--lsu-dim-2);border-color:#ffffff2e}.sr-qual{border-color:#f6dc9599;color:#f6dc95}.sr-site{font:11px var(--lsu-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--lsu-dim-1);text-decoration:underline;text-underline-offset:3px}.sr-enter{margin-left:auto;padding:11px 14px;background:var(--lsu-red);color:#fff;font:700 12px var(--lsu-body);letter-spacing:.15em;text-transform:uppercase}.sr-enter:hover{background:#fff;color:#000}.sr-card a:focus-visible{outline:3px solid var(--lsu-white);outline-offset:3px}.sr-host.lsu-scope-soul-races{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:64px;padding-top:34px;border-top:2px solid var(--lsu-red)}.sr-host.lsu-scope-soul-races h2.lsu-scope-soul-races{margin:0;font:clamp(26px,3.4vw,48px)/1.05 var(--lsu-display);text-transform:uppercase}.sr-host.lsu-scope-soul-races p.lsu-scope-soul-races{max-width:560px;margin:14px 0 22px;font-size:16px;line-height:1.6;color:var(--lsu-dim-1)}.sr-dialog.lsu-scope-soul-races{width:min(820px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:1px solid rgba(255,255,255,.16);background:#050505;color:var(--lsu-white);box-shadow:0 0 70px #dd0f1559;overflow:auto;overscroll-behavior:contain}.sr-dialog.lsu-scope-soul-races::backdrop{background:#000000d1}html:has(.sr-dialog[open]){overflow:hidden}.sr-dialog-bar.lsu-scope-soul-races{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 16px 16px 36px;background:#050505;border-bottom:1px solid var(--lsu-line)}.sr-dialog-bar.lsu-scope-soul-races h2.lsu-scope-soul-races{margin:8px 0 0;font:clamp(26px,3.4vw,48px)/1.05 var(--lsu-display);text-transform:uppercase}.sr-close.lsu-scope-soul-races{width:48px;height:48px;border:0;background:transparent;color:var(--lsu-white);font-size:32px;line-height:1;cursor:pointer}.sr-close.lsu-scope-soul-races:hover,.sr-close.lsu-scope-soul-races:focus-visible{color:var(--lsu-red)}.sr-dialog.lsu-scope-soul-races form.lsu-scope-soul-races,.sr-done.lsu-scope-soul-races{display:flex;flex-direction:column;gap:22px;padding:24px 36px 36px}.sr-intro.lsu-scope-soul-races{margin:0;color:var(--lsu-dim-1);line-height:1.5}fieldset.lsu-scope-soul-races{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 18px;margin:0;padding:0;border:0}legend.lsu-scope-soul-races{margin-bottom:16px;padding:0;font:12px var(--lsu-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--lsu-red)}.field.lsu-scope-soul-races{display:flex;flex-direction:column;gap:8px;color:#ffffff9e;font:14px/1.4 var(--lsu-mono);letter-spacing:.06em;text-transform:uppercase}.field-wide.lsu-scope-soul-races{grid-column:1/-1}.field.lsu-scope-soul-races textarea.lsu-scope-soul-races{min-height:96px;resize:vertical;line-height:1.5}.field.lsu-scope-soul-races input.lsu-scope-soul-races[aria-invalid=true],.field.lsu-scope-soul-races select.lsu-scope-soul-races[aria-invalid=true],.field.lsu-scope-soul-races textarea.lsu-scope-soul-races[aria-invalid=true]{border-color:#ff725e}.field.lsu-scope-soul-races .hint.lsu-scope-soul-races{font:13px/1.4 var(--lsu-body);letter-spacing:0;text-transform:none;color:var(--lsu-dim-2)}.field.lsu-scope-soul-races small.lsu-scope-soul-races{min-height:0;color:#ff725e;font:13px/1.35 var(--lsu-body);letter-spacing:0;text-transform:none}.field.lsu-scope-soul-races small.lsu-scope-soul-races:empty{display:none}.field.lsu-scope-soul-races input.lsu-scope-soul-races[type=date]{color-scheme:dark}.sr-trap.lsu-scope-soul-races{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.sr-privacy.lsu-scope-soul-races{margin:0;font-size:13px;line-height:1.5;color:var(--lsu-dim-2)}.sr-privacy.lsu-scope-soul-races a{text-decoration:underline;text-underline-offset:3px}.sr-form-status.lsu-scope-soul-races{margin:0;color:#ff725e;font-size:14px}.sr-form-status.lsu-scope-soul-races:empty{display:none}.sr-dialog.lsu-scope-soul-races .btn.lsu-scope-soul-races{align-self:flex-start}.sr-dialog.lsu-scope-soul-races .lsu-scope-soul-races[hidden]{display:none}.sr-done.lsu-scope-soul-races h3.lsu-scope-soul-races{margin:0;font:32px/1 var(--lsu-display);text-transform:uppercase;font-weight:400}.sr-done.lsu-scope-soul-races p.lsu-scope-soul-races{margin:0;color:var(--lsu-dim-1);line-height:1.5}.sr-done.lsu-scope-soul-races strong.lsu-scope-soul-races{color:var(--lsu-white);font-weight:600}@media(prefers-reduced-motion:no-preference){.sr-dialog.lsu-scope-soul-races[open]{animation:srIn .22s cubic-bezier(.2,.8,.2,1)}.sr-dialog.lsu-scope-soul-races[open]::backdrop{animation:srFade .22s ease-out}}@keyframes srIn{0%{opacity:0;transform:translateY(12px)}}@keyframes srFade{0%{opacity:0}}@media(max-width:1000px){.sr-stage.lsu-scope-soul-races{grid-template-columns:1fr}.sr-list.lsu-scope-soul-races{max-height:none;overflow:visible;padding-right:0}.sr-host.lsu-scope-soul-races{grid-template-columns:1fr}}@media(max-width:700px){.sr-counts.lsu-scope-soul-races,.sr-filters.lsu-scope-soul-races{grid-template-columns:1fr 1fr}.sr-filters.lsu-scope-soul-races{gap:10px;padding:14px 0}.sr-hint.lsu-scope-soul-races{display:none}.sr-tip.lsu-scope-soul-races{left:0!important;top:calc(100% + 8px)!important;width:100%}fieldset.lsu-scope-soul-races{grid-template-columns:1fr}.sr-dialog-bar.lsu-scope-soul-races{padding-left:18px}.sr-dialog.lsu-scope-soul-races form.lsu-scope-soul-races,.sr-done.lsu-scope-soul-races{padding:20px 18px 28px}.sr-enter{margin-left:0;width:100%;text-align:center}}
1.sr.lsu-scope-soul-races{min-height:100vh;padding-bottom:100px}.sr-body.lsu-scope-soul-races{padding:0 var(--lsu-pad-x)}.sr-head.lsu-scope-soul-races,.sr-filters.lsu-scope-soul-races,.sr-stage.lsu-scope-soul-races,.sr-host.lsu-scope-soul-races{max-width:var(--lsu-max);margin-left:auto;margin-right:auto}.sr-head.lsu-scope-soul-races .accent.lsu-scope-soul-races{color:var(--lsu-red)}.sr-note.lsu-scope-soul-races{max-width:640px;margin:0;font-size:15px;line-height:1.6;color:var(--lsu-dim-1)}.sr-counts.lsu-scope-soul-races{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 24px;margin:14px 0 0;padding:0}.sr-counts.lsu-scope-soul-races div.lsu-scope-soul-races{display:flex;flex-direction:column-reverse;gap:6px;padding-top:14px;border-top:1px solid var(--lsu-line)}.sr-counts.lsu-scope-soul-races dd.lsu-scope-soul-races{margin:0;font:clamp(34px,4vw,52px)/1 var(--lsu-display)}.sr-counts.lsu-scope-soul-races dt.lsu-scope-soul-races{font:12px var(--lsu-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lsu-dim-2)}.sr-filters.lsu-scope-soul-races{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:var(--lsu-head-gap);padding:20px 0;border-top:1px solid var(--lsu-line);border-bottom:1px solid var(--lsu-line)}.sr-filters.lsu-scope-soul-races label.lsu-scope-soul-races{display:flex;flex-direction:column;gap:8px;font:12px var(--lsu-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lsu-dim-2)}.sr-filters.lsu-scope-soul-races select.lsu-scope-soul-races,.sr-filters.lsu-scope-soul-races input.lsu-scope-soul-races,.field.lsu-scope-soul-races input.lsu-scope-soul-races,.field.lsu-scope-soul-races select.lsu-scope-soul-races,.field.lsu-scope-soul-races textarea.lsu-scope-soul-races{box-sizing:border-box;width:100%;min-height:48px;padding:12px 14px;border:1px solid rgba(255,255,255,.2);border-radius:0;background:#090909;color:var(--lsu-white);font:16px var(--lsu-body);letter-spacing:0;text-transform:none;outline:none}.sr-filters.lsu-scope-soul-races select.lsu-scope-soul-races,.field.lsu-scope-soul-races select.lsu-scope-soul-races{appearance:none;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23ffffff' stroke-opacity='.7' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;cursor:pointer}.sr-filters.lsu-scope-soul-races select.lsu-scope-soul-races option.lsu-scope-soul-races,.field.lsu-scope-soul-races select.lsu-scope-soul-races option.lsu-scope-soul-races{background:#090909;color:var(--lsu-white)}.sr-filters.lsu-scope-soul-races .lsu-scope-soul-races:is(select,input):hover,.field.lsu-scope-soul-races .lsu-scope-soul-races:is(input,select,textarea):hover{border-color:#ffffff61}.sr-filters.lsu-scope-soul-races .lsu-scope-soul-races:is(select,input):focus-visible,.field.lsu-scope-soul-races .lsu-scope-soul-races:is(input,select,textarea):focus-visible{border-color:var(--lsu-red);box-shadow:0 0 0 1px var(--lsu-red)}.sr-stage.lsu-scope-soul-races{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:28px;margin-top:28px;align-items:start}.sr-map.lsu-scope-soul-races{position:relative;width:100%;background:#050505;border:1px solid rgba(255,255,255,.1)}.sr-land.lsu-scope-soul-races{position:absolute;inset:0;width:100%;height:100%;display:block;filter:drop-shadow(0 0 10px rgba(221,15,21,.35))}.sr-overlay.lsu-scope-soul-races{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.sr-hint.lsu-scope-soul-races{position:absolute;left:14px;bottom:10px;margin:0;font:11px var(--lsu-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lsu-dim-3);pointer-events:none}.sr-overlay.lsu-scope-soul-races .sr-marker{cursor:pointer;outline:none}.sr-overlay.lsu-scope-soul-races .marker-hit{fill:transparent}.sr-overlay.lsu-scope-soul-races .marker-pulse{fill:none;stroke:#dd0f15;stroke-width:2;animation:srPulse 1.9s cubic-bezier(.22,.61,.36,1) infinite}.sr-overlay.lsu-scope-soul-races .marker-glow{fill:#dd0f15;opacity:.55;filter:drop-shadow(0 0 8px #dd0f15)}.sr-overlay.lsu-scope-soul-races .marker-ring{fill:#050505;stroke:#fff;stroke-width:2;filter:drop-shadow(0 0 6px #dd0f15)}.sr-overlay.lsu-scope-soul-races .marker-core{fill:#dd0f15}.sr-overlay.lsu-scope-soul-races .sr-marker:hover .marker-ring,.sr-overlay.lsu-scope-soul-races .sr-marker:focus-visible .marker-ring,.sr-overlay.lsu-scope-soul-races .sr-marker.is-active .marker-ring{stroke:var(--lsu-red);stroke-width:3.5}.sr-overlay.lsu-scope-soul-races .sr-marker:focus-visible .marker-hit{stroke:#fff;stroke-width:2}.sr-overlay.lsu-scope-soul-races .sr-marker.is-past .marker-pulse{display:none}.sr-overlay.lsu-scope-soul-races .sr-marker.is-past .marker-glow{fill:#777;opacity:.25;filter:none}.sr-overlay.lsu-scope-soul-races .sr-marker.is-past .marker-ring{stroke:#ffffff8c;filter:none}.sr-overlay.lsu-scope-soul-races .sr-marker.is-past .marker-core{fill:#8a8a8a}@keyframes srPulse{0%{r:5;opacity:.95;stroke-width:3}78%{r:22;opacity:0;stroke-width:.5}to{r:22;opacity:0}}@media(prefers-reduced-motion:reduce){.sr-overlay.lsu-scope-soul-races .marker-pulse{animation:none;opacity:0}}.sr-tip.lsu-scope-soul-races{position:absolute;z-index:2;width:min(340px,calc(100% - 16px));border:1px solid rgba(221,15,21,.8);background:#050505;box-shadow:0 0 34px #dd0f1573}.sr-tip.lsu-scope-soul-races .sr-card{border:0;background:none}.sr-side.lsu-scope-soul-races{display:flex;flex-direction:column;gap:12px;min-width:0}.sr-result-count.lsu-scope-soul-races{margin:0;font:12px var(--lsu-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lsu-dim-2)}.sr-list.lsu-scope-soul-races{display:grid;gap:10px;max-height:min(620px,70vh);overflow:auto;overscroll-behavior:contain;padding-right:4px}.sr-list.lsu-scope-soul-races .sr-empty{margin:0;padding:22px;border:1px solid var(--lsu-line);color:var(--lsu-dim-1);line-height:1.5}.sr-card{display:grid;gap:10px;padding:18px;border:1px solid rgba(255,255,255,.16);border-top:2px solid rgba(255,255,255,.3);background:#050505;cursor:pointer;transition:border-color .2s}.sr-card:hover{border-color:#ffffff57}.sr-card.is-active{border-color:var(--lsu-red);background:#140406;box-shadow:0 0 28px #dd0f154d}.sr-card.is-flash{animation:srFlash .9s ease-out}@keyframes srFlash{0%{background:#3a0a0d;box-shadow:0 0 44px #dd0f1599}}@media(prefers-reduced-motion:reduce){.sr-card.is-flash{animation:none}}.sr-card.is-past .sr-date{color:var(--lsu-dim-2)}.sr-card-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.sr-card h2{margin:0;font:24px/1.1 var(--lsu-display);letter-spacing:.02em;text-transform:uppercase;font-weight:400}.sr-date{flex:none;font:12px var(--lsu-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--lsu-red)}.sr-meta{margin:0;font-size:13px;color:var(--lsu-dim-2)}.sr-summary{margin:0;font-size:15px;line-height:1.5;color:var(--lsu-dim-1)}.sr-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:4px}.sr-status,.sr-qual,.sr-state{padding:5px 9px 4px;border:1px solid rgba(255,255,255,.3);font:11px var(--lsu-mono);letter-spacing:.12em;text-transform:uppercase}.sr-status.is-open{border-color:var(--lsu-red);color:#ff5a5f}.sr-status.is-past,.sr-state{color:var(--lsu-dim-2);border-color:#ffffff2e}.sr-qual{border-color:#f6dc9599;color:#f6dc95}.sr-site{font:11px var(--lsu-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--lsu-dim-1);text-decoration:underline;text-underline-offset:3px}.sr-enter{margin-left:auto;padding:11px 14px;background:var(--lsu-red);color:#fff;font:700 12px var(--lsu-body);letter-spacing:.15em;text-transform:uppercase}.sr-enter:hover{background:#fff;color:#000}.sr-card a:focus-visible{outline:3px solid var(--lsu-white);outline-offset:3px}.sr-host.lsu-scope-soul-races{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:64px;padding-top:34px;border-top:2px solid var(--lsu-red)}.sr-host.lsu-scope-soul-races h2.lsu-scope-soul-races{margin:0;font:clamp(26px,3.4vw,48px)/1.05 var(--lsu-display);text-transform:uppercase}.sr-host.lsu-scope-soul-races p.lsu-scope-soul-races{max-width:560px;margin:14px 0 22px;font-size:16px;line-height:1.6;color:var(--lsu-dim-1)}.sr-dialog.lsu-scope-soul-races{width:min(820px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:1px solid rgba(255,255,255,.16);background:#050505;color:var(--lsu-white);box-shadow:0 0 70px #dd0f1559;overflow:auto;overscroll-behavior:contain}.sr-dialog.lsu-scope-soul-races::backdrop{background:#000000d1}html:has(.sr-dialog[open]){overflow:hidden}.sr-dialog-bar.lsu-scope-soul-races{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 16px 16px 36px;background:#050505;border-bottom:1px solid var(--lsu-line)}.sr-dialog-bar.lsu-scope-soul-races h2.lsu-scope-soul-races{margin:8px 0 0;font:clamp(26px,3.4vw,48px)/1.05 var(--lsu-display);text-transform:uppercase}.sr-close.lsu-scope-soul-races{width:48px;height:48px;border:0;background:transparent;color:var(--lsu-white);font-size:32px;line-height:1;cursor:pointer}.sr-close.lsu-scope-soul-races:hover,.sr-close.lsu-scope-soul-races:focus-visible{color:var(--lsu-red)}.sr-dialog.lsu-scope-soul-races form.lsu-scope-soul-races,.sr-done.lsu-scope-soul-races{display:flex;flex-direction:column;gap:22px;padding:24px 36px 36px}.sr-intro.lsu-scope-soul-races{margin:0;color:var(--lsu-dim-1);line-height:1.5}fieldset.lsu-scope-soul-races{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 18px;margin:0;padding:0;border:0}legend.lsu-scope-soul-races{margin-bottom:16px;padding:0;font:12px var(--lsu-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--lsu-red)}.field.lsu-scope-soul-races{display:flex;flex-direction:column;gap:8px;color:#ffffff9e;font:14px/1.4 var(--lsu-mono);letter-spacing:.06em;text-transform:uppercase}.field-wide.lsu-scope-soul-races{grid-column:1/-1}.field.lsu-scope-soul-races textarea.lsu-scope-soul-races{min-height:96px;resize:vertical;line-height:1.5}.field.lsu-scope-soul-races input.lsu-scope-soul-races[aria-invalid=true],.field.lsu-scope-soul-races select.lsu-scope-soul-races[aria-invalid=true],.field.lsu-scope-soul-races textarea.lsu-scope-soul-races[aria-invalid=true]{border-color:#ff725e}.field.lsu-scope-soul-races .hint.lsu-scope-soul-races{font:13px/1.4 var(--lsu-body);letter-spacing:0;text-transform:none;color:var(--lsu-dim-2)}.field.lsu-scope-soul-races small.lsu-scope-soul-races{min-height:0;color:#ff725e;font:13px/1.35 var(--lsu-body);letter-spacing:0;text-transform:none}.field.lsu-scope-soul-races small.lsu-scope-soul-races:empty{display:none}.field.lsu-scope-soul-races input.lsu-scope-soul-races[type=date]{color-scheme:dark}.sr-trap.lsu-scope-soul-races{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.sr-privacy.lsu-scope-soul-races{margin:0;font-size:13px;line-height:1.5;color:var(--lsu-dim-2)}.sr-privacy.lsu-scope-soul-races a{text-decoration:underline;text-underline-offset:3px}.sr-form-status.lsu-scope-soul-races{margin:0;color:#ff725e;font-size:14px}.sr-form-status.lsu-scope-soul-races:empty{display:none}.sr-dialog.lsu-scope-soul-races .btn.lsu-scope-soul-races{align-self:flex-start}.sr-dialog.lsu-scope-soul-races .lsu-scope-soul-races[hidden]{display:none}.sr-done.lsu-scope-soul-races h3.lsu-scope-soul-races{margin:0;font:32px/1 var(--lsu-display);text-transform:uppercase;font-weight:400}.sr-done.lsu-scope-soul-races p.lsu-scope-soul-races{margin:0;color:var(--lsu-dim-1);line-height:1.5}.sr-done.lsu-scope-soul-races strong.lsu-scope-soul-races{color:var(--lsu-white);font-weight:600}@media(prefers-reduced-motion:no-preference){.sr-dialog.lsu-scope-soul-races[open]{animation:srIn .22s cubic-bezier(.2,.8,.2,1)}.sr-dialog.lsu-scope-soul-races[open]::backdrop{animation:srFade .22s ease-out}}@keyframes srIn{0%{opacity:0;transform:translateY(12px)}}@keyframes srFade{0%{opacity:0}}@media(max-width:1000px){.sr-stage.lsu-scope-soul-races{grid-template-columns:1fr}.sr-list.lsu-scope-soul-races{max-height:none;overflow:visible;padding-right:0}.sr-host.lsu-scope-soul-races{grid-template-columns:1fr}}@media(max-width:700px){.sr-counts.lsu-scope-soul-races,.sr-filters.lsu-scope-soul-races{grid-template-columns:1fr 1fr}.sr-filters.lsu-scope-soul-races{gap:10px;padding:14px 0}.sr-hint.lsu-scope-soul-races{display:none}.sr-tip.lsu-scope-soul-races{left:0!important;top:calc(100% + 8px)!important;width:100%}fieldset.lsu-scope-soul-races{grid-template-columns:1fr}.sr-dialog-bar.lsu-scope-soul-races{padding-left:18px}.sr-dialog.lsu-scope-soul-races form.lsu-scope-soul-races,.sr-done.lsu-scope-soul-races{padding:20px 18px 28px}.sr-enter{margin-left:0;width:100%;text-align:center}}
resources/views/soul-races.stxmodified+3-3
Changes to resources/views/soul-races.stx
@@ -117,11 +117,11 @@ onMount(async () => {
117117</section>
118118<div class="lsu-scope-soul-races sr-side">
119119<p class="lsu-scope-soul-races sr-result-count" :text="srFiltered.length + ' races'" data-result-count aria-live="polite">0 races</p>
120<div class="lsu-scope-soul-races sr-list" data-list aria-label="Soul Races">
120<section class="lsu-scope-soul-races sr-list" data-list aria-label="Soul Races">
121121<p :if="!srRaces.length" class="lsu-scope-soul-races sr-empty">No Soul Races are listed yet. Be the first.</p>
122122<p :if="srRaces.length && !srFiltered.length" class="lsu-scope-soul-races sr-empty">No Soul Races match your search.</p>
123<article :for="race in srFiltered" class="lsu-scope-soul-races sr-card"><h3 :text="race.name" class="lsu-scope-soul-races"></h3><p :text="race.city + ', ' + race.country_code" class="lsu-scope-soul-races"></p><p :text="race.summary" class="lsu-scope-soul-races"></p><a :href="race.registration_url" rel="noopener" class="lsu-scope-soul-races">View race and entry details</a></article>
124</div>
123<article :for="race in srFiltered" class="lsu-scope-soul-races sr-card"><h2 :text="race.name" class="lsu-scope-soul-races"></h2><p :text="race.city + ', ' + race.country_code" class="lsu-scope-soul-races"></p><p :text="race.summary" class="lsu-scope-soul-races"></p><a :href="race.registration_url" rel="noopener" class="lsu-scope-soul-races">View race and entry details</a></article>
124</section>
125125</div>
126126</div>
127127<section class="lsu-scope-soul-races sr-host">