/* Original layout, typography, sections, cards, and responsive behavior are retained. */
:root{--bg:#fbf7f2;--bg-raised:#f4ece3;--bg-sky:#f5ede2;--bg-pink:#fff0e3;--hero-bg:#f8eee1;--surface:#fffdfa;--surface-2:#fff8ef;--surface-3:#f7ecdf;--brand:#9c460e;--brand-hover:#75350d;--brand-soft:#c6651517;--brand-line:#c665153d;--love:#d96b18;--love-strong:#ae450d;--love-hover:#8e3709;--love-press:#742b06;--love-soft:#e57a201f;--line:#e8dcd0;--line-2:#dac6b5;--veil:#fbf7f2e0;--cursor:auto;--cursor-pointer:pointer}
.hero .media video{display:none}.hero .media .springs-hero-art{width:100%;height:100%;object-fit:contain;border-radius:1.25rem;mask-image:linear-gradient(#0000,#000 7% 89%,#0000);display:block}.hero .pause{display:none}.hero .media:after{border-color:var(--hero-bg)}
.btn{position:relative;overflow:hidden;transition:background-color .2s,border-color .2s,box-shadow .2s,transform .2s!important}.btn:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#ffffff32 50%,transparent 80%);transform:translateX(-130%);transition:transform .65s;pointer-events:none}.btn:hover{transform:translateY(-2px);box-shadow:0 7px 20px #99400b20}.btn:hover:before{transform:translateX(130%)}.btn svg{transition:transform .2s}.btn:hover svg:last-child{transform:translateX(2px)}.btn:active{transform:translateY(0)}.play:hover,.sheet-btn:hover{box-shadow:0 5px 16px #99400b20}.network .tint{opacity:.12}.network .art{--tone:#a95217}.network .backdrop{filter:none}.network .emblem{width:88%;height:88%}.love .stage:last-child .marker{border-color:#cf77244d}.connect{background:linear-gradient(90deg,#ffecd8,var(--surface) 70%)!important}
@media(prefers-reduced-motion:reduce){.btn,.btn:before,.btn svg{transition:none!important}.btn:hover{transform:none}}
.discord-stats{padding:0 1.25rem 1rem;color:var(--text-2);font-size:.8125rem;font-weight:600;font-variant-numeric:tabular-nums}.discord-note{margin-top:1.5rem;color:var(--text-3);font-size:.8125rem}.discord-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:5rem;height:5rem;object-fit:cover;border-radius:1.25rem;border:3px solid #fff;box-shadow:0 5px 25px #0005;z-index:1}.network .art:has(.discord-icon) .backdrop{filter:brightness(.65)}
.main-discord{display:block;border:1px solid var(--line-2);border-radius:.75rem;overflow:hidden;background:var(--surface);box-shadow:var(--shadow-sm)}.main-discord>img{width:100%;aspect-ratio:16/5;object-fit:cover}.main-discord-count{display:block;padding:.625rem .75rem;color:var(--text-2);font-size:.8125rem;font-weight:600;font-variant-numeric:tabular-nums}.main-discord:hover{border-color:var(--brand)}
.fivem-status-note{display:block;font-size:.8125rem;color:var(--text-3)}.fivem-status-note:hover{color:var(--brand)}
/* Dark is the default; the existing warm palette is retained for light mode. */
:root{color-scheme:light}
:root[data-theme="dark"]{color-scheme:dark;--bg:#171310;--bg-raised:#211a15;--bg-sky:#201b17;--bg-pink:#251b15;--hero-bg:#171310;--surface:#28201b;--surface-2:#30261f;--surface-3:#382c23;--text:#fff5e9;--text-2:#dfcdbc;--text-3:#c3ad99;--line:#44352b;--line-2:#604a3a;--line-3:#8e6a50;--line-sky:#44352b;--brand:#ffb16c;--brand-hover:#ffd0a3;--brand-soft:#ff9f4820;--brand-line:#ff9f4845;--love:#ffa45d;--love-strong:#a8440c;--love-hover:#bc500f;--love-press:#8a3408;--love-soft:#ff9f4820;--navy:#100e0c;--on-navy:#fff5e9;--on-navy-2:#dfcdbc;--navy-line:#44352b;--veil:#171310ed;--tint:#ffb16c12;--shadow-sm:0 2px 8px #0003;--shadow-md:0 10px 30px #0005}
.header:before{background:linear-gradient(var(--hero-bg),transparent)!important}
:root[data-theme="dark"] .connect{background:linear-gradient(90deg,#3d2719,var(--surface) 70%)!important}
:root[data-theme="dark"] .card.svelte-1eavozd:before{background:linear-gradient(#17131026 0%,#28201bf5 50%)}
:root[data-theme="dark"] .network .join{background:color-mix(in srgb,var(--tone) 25%,var(--surface));color:var(--text)}
.theme-toggle{height:2.75rem;min-width:2.75rem;padding:0 .7rem;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:1px solid var(--line-2);border-radius:.75rem;background:var(--surface);color:var(--text);font-size:.8125rem;font-weight:600;white-space:nowrap;transition:background-color .2s,border-color .2s}.theme-toggle:hover{background:var(--surface-3);border-color:var(--brand)}.theme-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(min-width:60rem){:root[data-theme="dark"] .card.svelte-1eavozd:before{background:none}}
@media(max-width:38rem){.theme-toggle span{display:none}.theme-toggle{padding:0}.bar.svelte-oiwvqb{gap:.5rem}}
/* Springs navigation: compact icon tabs and a separate information menu. */
.header .nav{padding:.3rem;background:color-mix(in srgb,var(--surface) 88%,transparent);border:1px solid var(--line-2);border-radius:999px;box-shadow:0 4px 18px #0000000d}.header .nav ul{align-items:center;gap:.15rem}.header .nav a{display:flex!important;align-items:center;gap:.4rem;padding:.55rem .72rem!important;font-size:.8125rem!important;border-radius:999px!important}.header .nav a:after{display:none!important}.header .nav a.active{background:var(--brand-soft);color:var(--brand)!important;box-shadow:inset 0 0 0 1px var(--brand-line)}.header .nav a:hover{background:var(--surface-3)}.nav-symbol{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.nav-more{position:relative}.nav-more summary{cursor:pointer;list-style:none;font-size:.8125rem;font-weight:600;color:var(--text-2);padding:.55rem .8rem;border-radius:999px;white-space:nowrap}.nav-more summary::-webkit-details-marker{display:none}.nav-more summary:hover,.nav-more[open] summary{background:var(--surface-3);color:var(--brand)}.nav-more-panel{position:absolute;top:calc(100% + .8rem);right:0;min-width:175px;padding:.5rem;background:var(--surface);border:1px solid var(--line-2);border-radius:1rem;box-shadow:var(--shadow-md);display:grid;gap:.2rem}.header .nav .nav-more-panel a{border-radius:.5rem!important;padding:.65rem .8rem!important}.sheet .nav-more summary{font-size:1.4rem;padding:1rem 0;text-transform:uppercase;font-family:var(--font-display);border-radius:0}.sheet .nav-more-panel{position:static;background:var(--surface-2);margin-bottom:1rem;box-shadow:none}.sheet .nav-more-panel a{font-size:1.2rem!important;padding:.7rem 1rem!important}.sheet .nav-symbol{width:20px;height:20px;margin-right:.7rem;display:inline-block}.bar.svelte-oiwvqb{gap:1rem}
@media(min-width:72rem) and (max-width:86rem){.header .nav a{padding:.5rem .5rem!important;font-size:.75rem!important}.header .nav .nav-symbol{width:13px;height:13px}.header .bar{gap:.6rem}.header .brand img{height:2.7rem}.header .nav-more summary{padding:.5rem .6rem;font-size:.75rem}}
#team .avatar{object-position:center}#team .member:has(.developer-open){padding:0}.developer-open{width:100%;height:100%;padding:2rem 1rem 1.75rem;display:grid;justify-items:center;gap:.25rem;border-radius:1.25rem;transition:background .2s}.developer-open:hover{background:var(--surface-3)}.developer-open .avatar{display:grid;place-items:center;color:var(--brand);background:var(--surface-3);border:1px solid var(--line-2);border-radius:50%;width:5rem;height:5rem;margin-bottom:1rem;font-size:1.5rem}.developer-open .name{font-size:1.75rem}.developer-open .role{font-size:.875rem;color:var(--text-3);font-weight:600}.developers-dialog{position:fixed;width:min(460px,90vw);padding:2rem;border:1px solid var(--line-2);border-radius:1.25rem;background:var(--surface);color:var(--text);box-shadow:var(--shadow-md)}.developers-dialog::backdrop{background:#0009;backdrop-filter:blur(6px)}.developers-dialog h2{font-size:2rem;padding-right:2rem;margin-bottom:1.5rem}.developers-close{position:absolute;right:1rem;top:.6rem;width:2.5rem;height:2.5rem;font-size:2rem;color:var(--text-2)}.developers-roster{display:grid;gap:.75rem}.developers-roster li{display:grid;gap:.25rem;padding:1rem;background:var(--surface-2);border:1px solid var(--line);border-radius:.75rem}.developers-roster span{font-size:.875rem;color:var(--text-3)}
@media(prefers-reduced-motion:reduce){.developer-open{transition:none}}
.developers-dialog{width:min(650px,92vw);max-height:85dvh;overflow-y:auto}.developers-roster{grid-template-columns:repeat(2,minmax(0,1fr))}.developers-roster li{display:flex;align-items:center;gap:.8rem;min-width:0}.developers-roster li>div{display:grid;gap:.25rem;min-width:0}.developer-avatar{width:56px;height:56px;flex-shrink:0;border-radius:50%;object-fit:cover;border:1px solid var(--line-2)}.developers-roster strong{font-size:1rem}.developers-roster span{font-size:.8rem;line-height:1.4}.developers-dialog:focus-visible{outline:2px solid var(--brand);outline-offset:3px}@media(max-width:520px){.developers-roster{grid-template-columns:1fr}.developers-dialog{padding:1.5rem}}
/* Full-width Springs banner at the top of the hero, beneath navigation. */
.hero.svelte-juboms{height:auto!important;padding-top:calc(var(--header) + 1.25rem)}
.hero .media.svelte-juboms{position:relative!important;top:auto!important;left:auto!important;transform:none!important;box-sizing:border-box;width:calc(100% - var(--gutter) * 2)!important;max-width:calc(var(--container))!important;aspect-ratio:16/9!important;padding-top:0!important;margin:0 auto;z-index:0;border:1px solid var(--line-2);border-radius:1.25rem;overflow:hidden;box-shadow:var(--shadow-md)}
.hero .media.svelte-juboms:after{display:none}
.hero .media .springs-hero-art{height:100%;width:100%;object-fit:cover;border-radius:0;mask-image:none;-webkit-mask-image:none}
.hero .stage.svelte-juboms{height:auto!important;max-width:calc(var(--container) + var(--gutter) * 2);margin:0 auto!important;padding-top:2.5rem!important;padding-bottom:3.5rem!important;grid-template-columns:minmax(0,1fr) minmax(16rem,24rem)!important;align-items:center;gap:clamp(2rem,6vw,6rem)}
.hero .story.svelte-juboms{grid-column:1!important;max-width:42rem}.hero .join.svelte-juboms{grid-column:2!important;max-width:24rem;justify-self:end}.hero .title.svelte-juboms{font-size:clamp(2.75rem,1.6rem + 3.5vw,4.5rem)}
@media(max-width:48rem){.hero .stage.svelte-juboms{grid-template-columns:1fr!important;gap:2rem;padding-top:2rem!important}.hero .join.svelte-juboms{grid-column:1!important;justify-self:stretch;max-width:none}.hero .media.svelte-juboms{border-radius:.875rem}.hero .ctas.svelte-juboms{grid-template-columns:1fr}.hero .media .springs-hero-art{object-fit:contain}}