@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--bg:#101010;--panel:#171717;--line:#ffffff1c;--muted:#a5a5a5;--accent:#ffb511}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#f5f5f5;font:14px 'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;color:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}::selection{background:var(--accent);color:#000}h1,h2,h3,h4,p{margin-top:0}p{line-height:1.75}a,button{transition:color .2s,background .2s,border-color .2s}h1{font-size:clamp(36px,4.1vw,58px);letter-spacing:-2px;line-height:1.12;font-weight:700;margin-bottom:20px}.site-header{height:82px;position:relative;z-index:30;background:#101010;border-bottom:1px solid var(--line)}.header-inner{height:100%;max-width:1440px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:30px}.site-brand{display:flex;align-items:center;gap:11px;font-size:17px;font-weight:800;letter-spacing:-.5px}.site-brand img{width:34px;height:34px;object-fit:contain;border-radius:3px}.site-brand b{font-weight:500;color:#aaa;font-size:13px;margin-left:3px;letter-spacing:0}.desktop-nav{display:flex;gap:30px;margin-left:auto;margin-right:auto}.desktop-nav a{font-size:12px;font-weight:700;color:#bdbdbd}.desktop-nav a:hover,.desktop-nav a[aria-current=page]{color:#fff}.desktop-nav a[aria-current=page]{text-decoration:underline;text-underline-offset:8px;text-decoration-color:var(--accent)}.header-actions{display:flex;align-items:center;gap:25px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:15px 24px;border:1px solid #ffffff55;border-radius:6px;font-size:12px;font-weight:700;white-space:nowrap;background:none;color:white}.button:hover{background:white;color:#111;border-color:white}.button span{font-size:17px;line-height:1}.button.primary{background:var(--accent);color:#111;border-color:var(--accent)}.button.primary:hover{background:#ffc747;border-color:#ffc747}.button.compact{font-size:11px;padding:10px 17px;border-radius:30px;gap:13px}.button.dark{background:#fff;color:#111;border-color:#fff}.button.dark:hover{background:var(--accent);border-color:var(--accent)}.menu-toggle{width:32px;height:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:none;border:0;padding:4px}.menu-toggle span{height:2px;width:22px;background:#eee}.menu-toggle:hover span{background:var(--accent)}.menu-dialog{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;background:transparent;color:white;border:0;overflow:auto}.menu-dialog::backdrop{background:#0009;backdrop-filter:blur(7px)}.menu-backdrop{position:fixed;inset:0;border:0;background:none;width:100%;height:100%;cursor:default}.menu-panel{position:relative;width:100%;background:#111;border-bottom:1px solid #333;padding:35px max(5%,calc((100vw - 1296px)/2)) 28px;animation:panel-in .4s cubic-bezier(.22,1,.36,1) both;box-shadow:0 25px 70px #0005}.menu-top{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:10px}.menu-top h2{font-size:15px;font-weight:500;margin:0;color:#aaa}.menu-close{height:38px;width:38px;background:#222;border:1px solid #333;border-radius:50%;font-size:17px}.menu-close:hover{background:#fff;color:#111}.drawer-nav{display:grid;grid-template-columns:repeat(5,1fr);padding:25px 0 35px;gap:28px}.drawer-nav a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 0;font-size:25px;font-weight:700;letter-spacing:-.7px;animation:link-in .45s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--order)*40ms + 70ms)}.drawer-nav a:hover,.drawer-nav a[aria-current=page]{color:var(--accent)}.menu-arrow{font-size:18px;color:#777;transition:transform .2s}.drawer-nav a:hover .menu-arrow{transform:translate(3px,-3px);color:var(--accent)}.menu-bottom{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#888;border-top:1px solid var(--line);padding-top:22px}.menu-bottom a{color:#ddd}.menu-dialog.closing .menu-panel{animation:panel-out .26s ease both}.menu-dialog.closing .drawer-nav a{animation:none}.menu-open{overflow:hidden}@keyframes panel-in{from{transform:translateY(-35px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes panel-out{to{transform:translateY(-25px);opacity:0}}@keyframes link-in{from{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}
.home-hero{position:relative;isolation:isolate;min-height:calc(100svh - 82px);display:flex;flex-direction:column;justify-content:end;background:#4a3421 url('assets/los-santos-background.jpeg') center 76%/cover no-repeat;overflow:hidden}.home-hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#100c09a8,#100c0922 70%),linear-gradient(0deg,#101010f5,transparent 90%);z-index:-1}.home-content{width:100%;max-width:1440px;padding:110px 7% 90px;margin:0 auto}.eyebrow{display:block;color:#8f8f8f;font-size:10px;font-weight:700;letter-spacing:1.7px;margin-bottom:16px}.home-content .eyebrow{color:#e4d8c6;font-size:10px;margin-bottom:23px}.home-content h1{font-size:clamp(46px,5.6vw,78px);letter-spacing:-3px;max-width:730px;margin-bottom:23px;line-height:1.06}.home-content p{color:#d0c8bf;max-width:400px;font-size:14px;margin-bottom:30px}.home-actions{display:flex;flex-wrap:wrap;gap:14px}.home-bottom{max-width:1440px;width:100%;margin:0 auto;padding:0 7% 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;color:#999;letter-spacing:1.3px}.home-bottom>a{color:#ccc;letter-spacing:0;font-size:11px}.home-bottom>a:hover{color:var(--accent)}.video-controls{display:flex;gap:8px}.video-controls button{border:1px solid #fff5;border-radius:4px;background:#0005;padding:8px 10px;font-size:10px}.page-wrap{max-width:1320px;padding:72px 5% 90px;margin:auto;min-height:calc(100svh - 280px)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:38px}.section-heading p{font-size:13px;color:var(--muted);margin:0}.section-heading h1{margin-bottom:15px}.subtle-link{font-size:11px;font-weight:600;color:#c0c0c0}.subtle-link:hover{color:var(--accent)}.news-layout{display:grid;grid-template-columns:1fr 300px;gap:28px;align-items:start}.news-main{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#151515}.page-tabs{display:flex;gap:24px;padding:22px 25px;border-bottom:1px solid var(--line)}.page-tabs a{font-size:11px;color:#888;font-weight:600}.page-tabs a[aria-current=page]{color:#fff}.page-tabs a:hover{color:var(--accent)}.empty-state{min-height:340px;padding:55px 30px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.empty-icon{display:grid;place-items:center;width:45px;height:45px;background:#222;border-radius:10px;color:#aaa;font-size:23px;margin-bottom:22px}.empty-state h3{font-size:17px;margin-bottom:12px;letter-spacing:-.3px;font-weight:600}.empty-state p{font-size:12px;color:#888;max-width:320px;margin:0}.discord-card{padding:28px;border:1px solid var(--line);border-radius:8px;background:#171717;display:flex;flex-direction:column;align-items:start}.discord-logo{font-size:28px;width:42px;height:42px;border-radius:10px;background:#292929;color:#ddd;display:grid;place-items:center;margin-bottom:24px}.discord-card .eyebrow{font-size:8px;margin-bottom:14px}.discord-card h3{font-size:23px;letter-spacing:-.7px;line-height:1.2;margin-bottom:14px}.discord-card p{font-size:12px;color:#999;margin-bottom:25px}.discord-card .button{width:100%;font-size:10px;padding:13px;gap:10px}.connection-note{font-size:9px;color:#777;text-align:center;align-self:center;margin-top:14px}.status-pill{padding:9px 12px;background:#202020;border:1px solid #333;border-radius:30px;font-size:9px;color:#aaa;white-space:nowrap}.status-pill i,.hub-note i{display:inline-block;width:5px;height:5px;background:#777;border-radius:50%;margin-right:7px}.status-pill.connected i{background:#80b764}.community-overview{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px;background:#171717;border:1px solid var(--line);border-radius:8px}.server-info{display:flex;align-items:center;gap:18px}.server-icon{width:54px;height:54px;display:grid;place-items:center;background:#262626;border-radius:12px;font-size:25px;font-weight:700;flex-shrink:0;background-position:center;background-size:cover}.server-icon.has-icon{color:transparent}.server-info h3{font-size:17px;letter-spacing:-.4px;margin:0 0 7px;font-weight:600}.server-info p{font-size:11px;color:#999;max-width:330px;margin:0}.stats{display:flex}.stats>div{min-width:90px;padding:0 20px;border-left:1px solid var(--line);text-align:center}.stats strong{font-size:29px;letter-spacing:-1px;display:block;line-height:1.4;font-weight:600}.stats span{font-size:10px;color:#888}.stats i{display:inline-block;width:4px;height:4px;background:#7caa65;border-radius:50%;margin-right:4px}.team-heading{display:flex;align-items:center;justify-content:space-between;margin:45px 0 22px;gap:20px}.team-heading h3{font-size:22px;font-weight:600;letter-spacing:-.5px;margin-bottom:8px}.team-heading p{font-size:12px;color:#999;margin:0}.tag{font-size:8px;letter-spacing:1.4px;color:#888}.team-empty{display:flex;align-items:center;gap:18px;border:1px solid var(--line);border-radius:8px;padding:28px;background:#151515}.team-icon{display:grid;place-items:center;width:40px;height:40px;background:#252525;border-radius:50%;font-size:23px;color:#888}.team-empty h4{font-size:13px;margin:0 0 6px;font-weight:600}.team-empty p{font-size:11px;color:#888;margin:0}.team-empty>a{margin-left:auto}.faq{display:grid;grid-template-columns:1fr 1.25fr;gap:9%}.faq-intro h1{font-size:clamp(34px,3.8vw,52px)}.faq-intro>p{font-size:13px;color:#999;max-width:300px;margin-bottom:25px}.search{display:flex;align-items:center;gap:12px;border:1px solid #333;border-radius:6px;padding:14px 16px;background:#171717;margin-bottom:15px}.search>span{font-size:23px;color:#888;line-height:1}.search input{font-size:12px;border:0;outline:0;color:white;background:none;min-width:0;flex:1}.search input::placeholder{color:#777}.search kbd{border:1px solid #444;border-radius:3px;padding:1px 5px;font-size:10px;color:#888}summary{padding:23px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;gap:25px;font-size:12px;font-weight:500;line-height:1.6}summary::-webkit-details-marker{display:none}summary span{font-size:20px;color:#777;transition:transform .2s}details[open] summary{border:0}details[open] summary span{transform:rotate(45deg);color:#fff}.faq-list p{font-size:12px;line-height:1.9;color:#999;margin:0 20px 20px 0}.faq-list details[open]{border-bottom:1px solid var(--line)}.faq-list p a{display:block;color:#ddd;margin-top:10px}.faq-list p a:hover{color:var(--accent)}.faq-empty{padding:20px;font-size:12px;color:#999}.post{padding:28px;border-bottom:1px solid var(--line)}.post:last-child{border:0}.post-meta{display:flex;gap:14px;font-size:9px;color:#888}.post-meta>span{color:#aaa;font-weight:600}.post h3{font-size:22px;letter-spacing:-.5px;line-height:1.3;margin:15px 0 12px}.post p{font-size:12px;color:#999;margin-bottom:20px}.post>a{font-size:11px;color:#ddd}.staff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.staff-card{display:flex;align-items:center;gap:15px;border:1px solid var(--line);border-radius:8px;padding:24px;background:#171717}.avatar{height:42px;width:42px;border-radius:50%;background:#303030;color:#aaa;display:grid;place-items:center;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.staff-card h4{font-size:13px;margin:0 0 5px}.staff-card p{font-size:11px;color:#999;margin:0}.staff-card a{font-size:10px;display:block;color:#ccc;margin-top:7px}.site-footer{border-top:1px solid var(--line);background:#090909}.footer-inner{max-width:1440px;margin:auto;padding:35px 5% 28px;display:grid;grid-template-columns:1fr auto;gap:25px}.footer-brand{font-weight:700;font-size:13px}.footer-brand span{color:#777;font-size:11px;font-weight:400;margin-left:5px}.site-footer nav{display:flex;gap:25px;font-size:10px;color:#999}.site-footer a:hover{color:white}.site-footer p{grid-column:1/-1;font-size:9px;color:#666;margin:0}.skip{position:absolute;top:-80px;left:15px;z-index:99;background:var(--accent);color:#111;padding:12px}.skip:focus{top:10px}@media(min-width:1700px){.home-content{padding-top:160px;padding-bottom:110px}}@media(max-width:1000px){.desktop-nav{gap:20px}.drawer-nav{grid-template-columns:repeat(3,1fr);gap:0 30px}.drawer-nav a{font-size:26px}.news-layout{grid-template-columns:1fr 270px;gap:22px}.community-overview{padding:25px}.stats>div{padding:0 14px;min-width:70px}.server-info p{max-width:240px}.faq{gap:7%}.team-empty{flex-wrap:wrap}.team-empty>a{margin-left:58px}.staff-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:750px){.site-header{height:74px}.header-inner{padding:0 24px}.desktop-nav{display:none}.header-actions{gap:19px}.site-brand{font-size:15px}.site-brand img{width:30px;height:30px}.site-brand b{font-size:11px}.button.compact{font-size:10px;padding:9px 13px}.menu-toggle{width:26px}.menu-panel{padding:25px 7%}.menu-top{padding-bottom:18px;margin-bottom:5px}.menu-top h2{font-size:12px}.drawer-nav{display:block;padding:13px 0 25px}.drawer-nav a{padding:14px 0;font-size:29px;letter-spacing:-.8px}.menu-arrow{font-size:19px}.menu-bottom{font-size:10px;padding-top:20px}.home-hero{min-height:calc(100svh - 74px);background-position:45% 77%}.home-content{padding:100px 7% 65px}.home-content h1{font-size:clamp(42px,8.5vw,64px);letter-spacing:-2px}.home-content p{font-size:13px}.home-content .eyebrow{font-size:9px}.home-bottom{padding:0 7% 25px;font-size:8px}.home-bottom>a{font-size:10px}.page-wrap{padding:48px 7% 65px}.section-heading{flex-wrap:wrap;gap:20px;margin-bottom:30px}h1{font-size:39px;letter-spacing:-1.5px}.section-heading p{font-size:12px}.section-heading>.subtle-link{font-size:10px}.news-layout{grid-template-columns:1fr;gap:25px}.discord-card{padding:25px}.discord-logo{display:none}.discord-card .eyebrow{font-size:8px}.discord-card h3{font-size:22px}.discord-card p{max-width:420px;font-size:11px;margin-bottom:22px}.discord-card .button{max-width:260px;align-self:start}.connection-note{align-self:start;margin-top:15px}.empty-state{min-height:290px}.community-overview{display:block}.stats{border-top:1px solid var(--line);padding-top:23px;margin-top:23px}.stats>div{width:33.33%;padding:0 12px}.stats>div:first-child{border:0}.server-info p{max-width:100%}.server-info h3{font-size:16px}.team-heading .tag{display:none}.team-heading{margin-top:35px}.team-empty{padding:24px;gap:15px}.team-empty>div{flex:1}.team-empty>a{margin-left:55px}.faq{grid-template-columns:1fr;gap:35px}.faq-intro h1{font-size:39px}.faq-intro>p{max-width:400px;font-size:12px}.search{padding:13px 15px}summary{font-size:12px}.faq-list p{font-size:11px}.footer-inner{padding:30px 7% 25px;display:block}.site-footer nav{margin:25px 0;gap:22px;flex-wrap:wrap}.site-footer p{font-size:8px}.staff-grid{grid-template-columns:1fr}}@media(max-width:430px){.header-inner{padding:0 20px;gap:20px}.site-brand{gap:8px;font-size:14px}.site-brand img{width:28px;height:28px}.header-actions{gap:15px}.button.compact{font-size:9px;gap:8px;padding:8px 11px}.home-content{padding-bottom:60px}.home-content h1{font-size:44px;letter-spacing:-1.8px}.home-content p{font-size:12px}.home-actions{gap:10px}.home-actions .button{font-size:10px;padding:14px 17px;gap:14px}.home-bottom>span{font-size:7px;letter-spacing:.8px}.home-bottom{gap:10px;flex-wrap:wrap}.page-wrap{padding-top:40px}h1,.faq-intro h1{font-size:35px;letter-spacing:-1.2px}.section-heading p{font-size:11px}.page-tabs{padding:18px;gap:22px}.page-tabs a{font-size:10px}.empty-state{padding:40px 23px}.empty-state h3{font-size:16px}.empty-state p{font-size:11px}.community-overview{padding:22px}.server-info{gap:13px}.server-icon{width:44px;height:44px;font-size:22px}.server-info h3{font-size:14px}.server-info p{font-size:10px}.team-heading h3{font-size:20px}.team-heading p{font-size:11px}.team-empty{padding:20px;gap:12px}.team-empty p{font-size:10px}.team-icon{width:34px;height:34px;font-size:20px}.team-empty>a{font-size:10px;margin-left:46px}.search input{font-size:11px}.search kbd{display:none}.site-footer nav{gap:20px;font-size:9px}.menu-bottom{font-size:9px}.menu-top h2{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Shared SVG icon system */
.icon{display:inline-block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle;pointer-events:none}.button>.icon{width:16px;height:16px}.menu-toggle{display:grid;place-items:center;padding:4px}.menu-toggle>.icon{width:24px;height:24px}.menu-toggle:hover .icon{color:var(--accent)}.menu-close{display:grid;place-items:center}.menu-close>.icon{width:19px;height:19px}.menu-arrow{display:inline-flex;align-items:center}.menu-arrow .icon{width:20px;height:20px}.subtle-link,.menu-bottom>a,.home-bottom>a,.site-footer nav>a,.post>a,.staff-card a,.faq-list p a{display:inline-flex;align-items:center;gap:7px}.subtle-link .icon,.menu-bottom .icon,.home-bottom .icon,.site-footer .icon,.post>a .icon,.staff-card a .icon,.faq-list p a .icon{width:14px;height:14px}.empty-icon .icon{width:23px;height:23px}.discord-logo .icon{width:25px;height:25px}.team-icon .icon{width:22px;height:22px}.server-icon>.icon{width:27px;height:27px;color:#aaa}.server-icon.has-icon>.icon{display:none}.search>span{display:inline-flex;align-items:center}.search .icon{width:18px;height:18px}.faq-chevron{display:inline-flex;align-items:center;justify-content:center;transition:transform .22s ease}.faq-chevron .icon{width:17px;height:17px}details[open] summary .faq-chevron{transform:rotate(180deg)}.video-controls button{display:inline-flex;align-items:center;gap:7px}.video-controls .icon{width:14px;height:14px}

/* Welcome feedback stays separate from page content. */
.toast-region{position:fixed;right:24px;bottom:24px;z-index:40;display:flex;flex-direction:column;gap:10px;width:min(330px,calc(100vw - 36px));pointer-events:none}.community-toast{display:flex;align-items:start;gap:12px;position:relative;background:#1a1a1af5;backdrop-filter:blur(14px);border:1px solid #ffffff24;box-shadow:0 10px 40px #0006;border-radius:10px;padding:17px 37px 17px 17px;pointer-events:auto;animation:toast-in .35s cubic-bezier(.2,.8,.2,1) both}.community-toast:nth-child(2){animation-delay:.12s}.toast-mark{color:#c7b78e;display:grid;place-items:center;padding-top:1px}.toast-mark .icon{width:17px;height:17px}.toast-message{font-size:11px;color:#e4e4e4;line-height:1.7;font-weight:500;margin:0}.toast-note{font-size:9px;color:#818181;margin:5px 0 0;line-height:1.6}.toast-close{display:grid;place-items:center;border:0;background:none;color:#777;position:absolute;top:11px;right:9px;width:24px;height:24px;padding:4px}.toast-close:hover{color:#fff}.toast-close .icon{width:13px;height:13px}.toast-subscribe{font-size:10px;border:1px solid #ffffff33;background:#ffffff0a;color:#ddd;border-radius:4px;padding:7px 12px;margin-top:12px;font-weight:600}.toast-subscribe:hover{background:#f3bc4c;color:#111;border-color:#f3bc4c}.community-toast.warning .toast-mark{color:#d2a56a}.community-toast.subscribed .toast-mark{color:#a3bd8f}@keyframes toast-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.toast-region{right:16px;bottom:16px;width:min(320px,calc(100vw - 32px))}.community-toast{padding:15px 34px 15px 15px}.toast-message{font-size:10px}}@media(prefers-reduced-motion:reduce){.community-toast{animation:none!important}}
/* Six page links remain balanced in the expanded menu. */
.drawer-nav{grid-template-columns:repeat(3,1fr)}@media(min-width:751px) and (max-width:1100px){.desktop-nav{gap:16px}.desktop-nav a{font-size:11px}.header-inner{gap:22px}.header-actions{gap:18px}}
@media(min-width:1001px){.drawer-nav{grid-template-columns:repeat(4,1fr)}}@media(min-width:751px) and (max-width:1100px){.desktop-nav{display:none}}

/* App-like viewport: vertical content remains accessible; lateral overflow and overscroll are contained. */
html{overflow-x:clip;overscroll-behavior:none}body{max-width:100%;overflow-x:clip;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
input,textarea,[contenteditable="true"]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}
img,video{-webkit-user-drag:none;-webkit-touch-callout:none}dialog,.menu-panel{overscroll-behavior:contain}