@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Bebas+Neue&family=IBM+Plex+Mono:wght@400;500&family=Inter:wght@400;500;600&display=swap');
:root{--bg:#09090c;--panel:#101015;--muted:#95939f;--line:#25232e;--purple:#b797ff;--bright:#8d4dff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:#f4f0fc;font:15px/1.65 Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--purple);outline-offset:6px}header{height:88px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#09090cf2;position:sticky;top:0;z-index:10;gap:20px}.logo{font:800 31px 'Barlow Condensed',Impact,sans-serif;letter-spacing:2px}.logo span{color:var(--purple)}.logo i{font:10px 'IBM Plex Mono',monospace;color:var(--muted);font-style:normal;letter-spacing:1px;margin-left:12px}nav{display:flex;gap:32px;font:11px 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:1px}nav a{color:#aba6b7}nav a:hover,nav a.active{color:var(--purple)}.join{border:1px solid #514365;padding:11px 18px;font:11px 'IBM Plex Mono',monospace;text-transform:uppercase}.hero{position:relative;min-height:720px;padding:75px 7% 90px;overflow:hidden}.hero-copy{position:relative;z-index:2;max-width:650px}.eyebrow{font:10px 'IBM Plex Mono',monospace;letter-spacing:2px;color:var(--purple);display:flex;align-items:center;gap:10px}.eyebrow b{width:6px;height:6px;background:var(--purple)}h1,h2,h3,p{margin:0}h1{font:900 clamp(72px,8.1vw,120px)/.88 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1px;margin:30px 0}em{font-style:normal;color:var(--purple)}.hero p{color:#b6b0c2;margin:24px 0 30px}.actions{display:flex;gap:28px;align-items:center}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;background:var(--purple);color:#151020;padding:16px 23px;font:600 12px 'IBM Plex Mono',monospace;text-transform:uppercase;transition:background .2s}.button:hover{background:#d0baff}.button span{font-size:19px}.text-link{font:11px 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #67517f;padding-bottom:7px}.hero-bottom{position:absolute;bottom:25px;left:7%;right:7%;display:flex;justify-content:space-between;font:9px 'IBM Plex Mono',monospace;letter-spacing:1.5px;color:#7d758d}.grid-art{position:absolute;inset:0 0 0 40%;background:radial-gradient(ellipse at center,#7931cb30,transparent 65%),linear-gradient(#b797ff08 1px,transparent 1px),linear-gradient(90deg,#b797ff08 1px,transparent 1px);background-size:auto,55px 55px,55px 55px;mask-image:linear-gradient(90deg,transparent,#000 25%)}.orbit{position:absolute;width:470px;height:470px;border:1px solid #b797ff30;border-radius:50%;top:95px;left:12%;box-shadow:0 0 0 65px #b797ff05,0 0 0 66px #b797ff14}.orbit:after{content:'';position:absolute;inset:35px;border:1px dashed #b797ff35;border-radius:50%}.monogram{position:absolute;left:29%;top:82px;font:900 440px/.95 'Barlow Condensed',Impact,sans-serif;color:#a776f924;transform:skew(-12deg);text-shadow:1px 0 #b797ff55}.coordinate{position:absolute;right:10%;bottom:110px;font:9px/2 'IBM Plex Mono',monospace;letter-spacing:2px;color:#8e7aa7}.cross{position:absolute;color:var(--purple);font:30px monospace}.c1{right:12%;top:100px}.c2{left:12%;bottom:130px}.strip{display:flex;justify-content:space-around;padding:20px 5%;border-block:1px solid var(--line);font:10px 'IBM Plex Mono',monospace;letter-spacing:2px;color:#a59bb5;gap:20px}.strip span:before{content:'✦';color:var(--purple);margin-right:20px}.section{padding:95px 7%;border-bottom:1px solid var(--line)}.section-top{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:45px}h2{font:800 clamp(48px,5vw,72px)/.95 'Barlow Condensed',Impact,sans-serif;margin-top:17px}.section-top>p{max-width:330px;color:var(--muted);font-size:14px}.rules{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.rules article{padding:32px;border-right:1px solid var(--line)}.rules article:last-child{border:0}.number{font:12px 'IBM Plex Mono',monospace;color:var(--purple)}h3{font:700 29px 'Barlow Condensed',Impact,sans-serif;margin:25px 0 12px}.rules p,.empty p,.media-empty p{font-size:14px;color:var(--muted);max-width:470px}.roster{background:var(--panel)}.badge{font:9px 'IBM Plex Mono',monospace;letter-spacing:1px;border:1px solid #4b3a63;color:#bba9d4;padding:9px 13px}.empty{display:flex;gap:40px;align-items:center;border-top:1px solid var(--line);padding:25px 0 0}.empty-icon{font:50px 'IBM Plex Mono',monospace;color:#594272;padding:20px}.empty h3{margin:0 0 10px}.empty .text-link{display:inline-block;margin-top:23px}.media-empty{position:relative;min-height:290px;border:1px solid var(--line);background:repeating-linear-gradient(135deg,#ffffff02 0,#ffffff02 1px,transparent 1px,transparent 12px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:55px 25px}.record{position:absolute;top:18px;left:22px;font:9px 'IBM Plex Mono',monospace;color:var(--muted);letter-spacing:1px}.play{font-size:52px;line-height:1;color:var(--purple)}.media-empty h3{margin-top:15px}.enlist{text-align:center;padding:95px 7%;background:radial-gradient(ellipse at bottom,#6e30b733,transparent 70%)}.enlist .eyebrow{justify-content:center}.enlist h2{font-size:clamp(75px,10vw,125px)}.enlist p{color:var(--muted);margin:25px 0}.enlist .button{min-width:240px}footer{padding:35px 7%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line)}footer p,footer>a:last-child{font:10px 'IBM Plex Mono',monospace;color:var(--muted)}@media(max-width:760px){header{height:auto;min-height:80px;flex-wrap:wrap;padding:18px 6%;gap:15px}header .logo i{display:none}nav{order:3;width:100%;justify-content:space-between;gap:10px;font-size:10px}.join{font-size:10px;padding:8px 12px}.hero{min-height:690px;padding:55px 7% 80px}h1{font-size:84px}.grid-art{left:20%;opacity:.5}.orbit{left:0;width:350px;height:350px;top:140px}.monogram{left:25%;top:150px;font-size:330px}.hero-bottom{font-size:8px}.hero-bottom span:last-child{display:none}.strip{flex-wrap:wrap;justify-content:flex-start;font-size:8px}.strip span{width:43%}.section{padding:65px 7%}.section-top{align-items:start;flex-direction:column;gap:25px;margin-bottom:30px}.rules{grid-template-columns:1fr}.rules article{border-right:0;border-bottom:1px solid var(--line);padding:28px}.rules h3{margin-top:15px}.empty{gap:10px;align-items:start}.empty-icon{font-size:22px;padding:15px 8px 0 0}.badge{font-size:8px}.actions{gap:20px}.button{font-size:10px;padding:14px 17px;gap:20px}.text-link{font-size:9px}footer{flex-wrap:wrap;gap:20px}footer p{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* LEGION wordmark matched to the supplied reference. */
.logo{font-family:'Bebas Neue','Barlow Condensed',Impact,sans-serif;font-size:36px;font-weight:400;line-height:1;letter-spacing:3px;color:#fff}.logo span{color:#a855f7}.logo i{display:none}

.roster-note,#roster-status{color:var(--muted);font-size:13px;margin-bottom:16px}.live-roster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.server-panel{border:1px solid var(--line);padding:24px;min-width:0}.server-panel h3{margin:0 0 12px}.server-panel p{font-size:13px;color:var(--muted)}.server-panel ul{list-style:none;padding:0;margin:20px 0 0}.server-panel li{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--line);overflow-wrap:anywhere}.online-badge{color:#a8dfa9;font:10px monospace;white-space:nowrap}.roster button{background:transparent;color:var(--purple);cursor:pointer}.roster button:disabled{opacity:.5}@media(max-width:760px){.live-roster{grid-template-columns:1fr}}