@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#060b12;--panel:#101d2b;--line:#203b50;--ice:#69d2f5;--white:#e6f7ff;--muted:#94afc4}*{box-sizing:border-box}body{background:var(--bg);color:var(--white);margin:0;font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.55}button,input,select,textarea{font:inherit}button,.button{border:1px solid var(--ice);background:var(--ice);color:#06121c;cursor:pointer;border-radius:3px;justify-content:center;align-items:center;gap:9px;padding:11px 18px;font-weight:600;text-decoration:none;display:inline-flex}button:hover,.button:hover{filter:brightness(1.1)}button:disabled{opacity:.45;cursor:default}a{color:var(--ice)}:is(button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible){outline-offset:4px;outline:2px solid #fff}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:.01em;font-family:Barlow Condensed,Arial,sans-serif;font-weight:600}h1{margin-bottom:0;font-size:48px;line-height:1.1}h2{margin-bottom:16px;font-size:28px}h3{font-size:17px}p{margin-bottom:16px}.shell{grid-template-columns:235px minmax(0,1fr);min-height:100vh;display:grid}aside{border-right:1px solid var(--line);background:#080f19;flex-direction:column;height:100vh;padding:35px 22px;display:flex;position:sticky;top:0}.brand{letter-spacing:2px;color:var(--white);align-items:center;gap:13px;font-family:Barlow Condensed,sans-serif;font-size:18px;line-height:1.2;text-decoration:none;display:flex}.brand svg{color:var(--ice)}.brand strong{letter-spacing:4px;font-size:30px}.eyebrow{letter-spacing:2.5px;color:var(--ice);margin-bottom:10px;font-size:12px;font-weight:600}.season{color:var(--muted);letter-spacing:1.5px;margin:24px 0 38px}nav{gap:8px;display:grid}nav button{color:var(--muted);background:0 0;border-color:#0000;justify-content:flex-start;padding:13px 14px;font-size:14px}nav button.active{color:var(--ice);background:#142b3c;border-color:#2c5d77}.sidebar-bottom{overflow-wrap:anywhere;gap:14px;margin-top:auto;font-size:14px;display:grid}.sidebar-bottom a{color:var(--muted);align-items:center;gap:8px;text-decoration:none;display:flex}main{width:100%;max-width:1550px;padding:40px clamp(20px,4vw,65px)}header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:36px;display:flex}.badge{color:var(--ice);background:#0c2130;border:1px solid #28536b;padding:7px 12px;font-size:14px;display:inline-block}.panel{border:1px solid var(--line);background:linear-gradient(125deg,#101d2b,#0c1723);border-top:2px solid #315b73;margin-bottom:24px;padding:26px}.stats{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:26px;display:grid}.stats>div{border-left:2px solid var(--ice);background:#0c1723;padding:20px 24px}.stats span{letter-spacing:1.5px;color:var(--muted);font-size:12px;display:block}.stats strong{font-family:Barlow Condensed,sans-serif;font-size:44px;font-weight:500;line-height:1.3}.stats small{color:var(--muted);font-size:24px}.section-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.section-heading h2{margin-bottom:20px}.muted{color:var(--muted)}.accent{color:var(--ice)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;white-space:nowrap;width:100%}th{text-align:left;letter-spacing:1px;color:var(--muted);border-bottom:1px solid var(--line);padding:12px 15px;font-size:12px;font-weight:500}td{border-bottom:1px solid #1c2e3f;padding:17px 15px}td small,.approval small{color:var(--muted);font-size:13px;display:block}.rank{color:var(--muted);font-family:Barlow Condensed,sans-serif;font-size:22px}.qualifier .rank,.points{color:var(--ice)}.qualifier td:first-child{border-left:2px solid var(--ice)}.points{font-size:23px;font-weight:600}.footnote{color:var(--muted);margin:-8px 0 32px;font-size:14px}.empty{text-align:center;color:var(--muted);padding:40px 20px}.empty svg{color:var(--ice);width:32px;height:32px;margin-bottom:16px}.empty h3{color:var(--white)}.empty p{max-width:420px;margin:0 auto}.result{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:15px 0;display:flex}.result strong{color:var(--ice)}.result span{flex:1}.result span:last-child{text-align:right}.registration form{grid-template-columns:1fr 1fr;gap:16px;display:grid}.registration form label:nth-child(3){grid-column:1/-1}label{color:var(--muted);margin-bottom:14px;font-size:14px;display:block}input,select,textarea{width:100%;color:var(--white);background:#08121e;border:1px solid #315069;border-radius:3px;margin-top:7px;padding:11px 12px;display:block}textarea{resize:vertical;min-height:90px}.secondary{color:var(--ice);background:0 0;border-color:#315b73}.match-layout{grid-template-columns:300px minmax(0,1fr);gap:24px;display:grid}.match-card{width:100%;color:var(--white);border-color:var(--line);text-align:left;background:#101d2b;flex-direction:column;align-items:flex-start;margin-bottom:12px;padding:20px;display:flex}.match-card.chosen{border-color:var(--ice)}.match-card strong{font-size:20px}.match-card>span:last-child{color:var(--muted);align-items:center;gap:6px;margin-top:12px;font-size:14px;display:flex}.match-card .eyebrow{font-size:12px}.scorebox{grid-template-columns:minmax(0,1fr) 15px minmax(0,1fr);align-items:center;gap:15px;margin:25px 0 5px;display:grid}.scorebox input{text-align:center;font-family:Barlow Condensed,sans-serif;font-size:36px}.chat{border-top:1px solid var(--line);margin-top:30px;padding-top:28px}.chat h3{align-items:center;gap:10px;display:flex}.chat .muted{font-size:14px}.messages{max-height:360px;margin:20px 0;overflow-y:auto}.message{background:#172a3c;border-left:2px solid #426078;margin:10px 35px 10px 0;padding:12px 15px}.message.mine{border-color:var(--ice);background:#102f43;margin:10px 0 10px 35px}.message strong{color:var(--ice);font-size:14px}.message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0}.message small{color:var(--muted);font-size:12px}.champ-title{align-items:center;gap:24px;margin-bottom:30px;display:flex}.champ-title svg{color:var(--ice)}.champ-title h2{margin-bottom:7px;font-size:38px}.bracket{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.bracket .panel{padding:22px}.bracket-match{border:1px solid #315b73;margin-bottom:18px;padding:16px}.bracket-match div{justify-content:space-between;gap:10px;padding:7px 0;display:flex}.bracket-match strong{color:var(--ice)}.bracket-match small{color:var(--muted);margin:12px 0;display:block}.placement{border-bottom:1px solid var(--line);align-items:center;gap:24px;padding:14px;display:flex}.placement strong{color:var(--ice);font-family:Barlow Condensed;font-size:32px}.players{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.avatar{width:44px;height:44px;color:var(--ice);background:#18374c;place-items:center;margin-bottom:18px;font-size:24px;display:grid}.army{overflow-wrap:anywhere;font-size:14px}.rule{gap:24px;margin:25px 0;display:flex}.rule>span{color:var(--ice);font-family:Barlow Condensed;font-size:30px}.rule p{max-width:730px}.approval{border-bottom:1px solid var(--line);align-items:center;gap:20px;padding:15px 0;display:flex}.approval>span:first-child{flex:1}.correction{border-bottom:1px solid var(--line);padding:20px 0}.error{background:#3b1c25;border:1px solid #bd6077;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;padding:15px;display:flex}footer{letter-spacing:1px;color:var(--muted);align-items:center;gap:10px;margin:50px 0 0;font-size:12px;display:flex}footer span{letter-spacing:0;margin-left:auto;font-size:12px}.signin{text-align:center;max-width:700px;margin:10vh auto;padding:60px 25px}.signin h1{margin-bottom:22px;font-size:72px}.signin .button{margin:25px 0}.sigil{color:var(--ice);font-size:70px}@media (max-width:1100px){.bracket,.players{grid-template-columns:1fr 1fr}.match-layout{grid-template-columns:230px minmax(0,1fr)}.shell{grid-template-columns:200px minmax(0,1fr)}aside{padding:28px 14px}.stats>div{padding:16px}.section-heading{display:block}}@media (max-width:760px){.shell{display:block}aside{border-right:0;border-bottom:1px solid var(--line);height:auto;padding:20px;position:relative}.brand{font-size:14px}.brand strong{font-size:24px}.season{display:none}nav{gap:4px;margin-top:20px;display:flex;overflow-x:auto}nav button{white-space:nowrap;padding:10px;font-size:14px}nav svg{display:none}.sidebar-bottom{justify-content:space-between;margin-top:18px;display:flex}main{padding:26px 16px}h1{font-size:38px}header{align-items:flex-start;margin-bottom:25px}.badge{font-size:12px}.stats{gap:10px}.stats span{letter-spacing:0;font-size:12px}.stats strong{font-size:32px}.stats small{font-size:20px}.panel{padding:20px}.match-layout,.bracket,.players,.registration form{grid-template-columns:1fr}.scorebox label{font-size:14px}footer{flex-wrap:wrap}footer span{width:100%;margin:0}.champ-title{gap:15px}.champ-title h2{font-size:32px}.approval{flex-wrap:wrap}.signin h1{font-size:52px}}.army-layout{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:24px;display:grid}.upload{border-top:1px solid var(--line);margin-top:26px;padding-top:25px}.upload svg{color:var(--ice);margin-bottom:12px}.upload p{font-size:14px}.upload input[type=file]{padding:10px;font-size:14px;overflow:hidden}.roster-summary{flex-wrap:wrap;gap:10px;display:flex}.roster-summary span{color:var(--ice);background:#0b2739;border:1px solid #315b73;padding:5px 9px;font-size:14px}.source-note{overflow-wrap:anywhere;margin-top:16px;font-size:14px}.army-search{align-items:center;gap:10px;margin-bottom:22px;display:flex}.army-search svg{color:var(--ice);flex-shrink:0}.army-search input{margin:0}.unit{background:var(--panel);border:1px solid var(--line);margin-bottom:12px}.unit summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:20px;display:flex}.unit summary small{color:var(--muted);margin-top:4px;font-size:14px;display:block}.unit summary:before{content:"+";color:var(--ice);font-size:24px}.unit[open] summary:before{content:"−"}.unit summary>span:first-of-type{flex:1}.unit-body{border-top:1px solid var(--line);padding:0 24px 24px}.unit-body>section{margin-top:24px}.profile{margin-bottom:20px}.profile h4{margin:0 0 10px}.profile h4 small{color:var(--muted);font-size:13px;font-weight:400}.profile-stats{background:var(--line);border:1px solid var(--line);flex-wrap:wrap;gap:1px;display:flex}.profile-stats>div{text-align:center;background:#081523;flex:1;min-width:60px;padding:10px}.profile-stats span{color:var(--muted);font-size:13px;display:block}.profile-stats strong{font-size:16px}.profile-stats .wide-stat{text-align:left;min-width:100%}.ability p,.rule-text{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:8px}.ability{margin-bottom:22px}.loadout{padding-left:22px}.loadout small{color:var(--muted);font-size:14px}.keywords{flex-wrap:wrap;gap:7px;display:flex}.keywords span{border:1px solid var(--line);padding:4px 8px;font-size:14px}.army-buttons{flex-wrap:wrap;gap:12px;margin:18px 0;display:flex}.army-buttons button{font-size:14px}.deadline{color:var(--ice);margin:14px 0;font-size:14px}.overdue{color:#ffbb7b;margin-top:12px;font-size:14px}.success{color:var(--ice);background:#112f37;border:1px solid #315b73;margin-bottom:18px;padding:15px}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:1100px){.army-layout{grid-template-columns:1fr}.army-layout>.panel{grid-template-columns:1fr 1fr;gap:15px;display:grid}.army-layout>.panel h2,.army-layout>.panel>p{grid-column:1/-1}.upload{border-top:0;margin:0;padding:0}}@media (max-width:760px){.army-layout>.panel{display:block}.upload{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.unit summary{padding:16px}.unit-body{padding:0 16px 20px}}.danger{color:#ffb5c3;background:0 0;border-color:#aa5968;font-size:14px}.admin-actions{flex-wrap:wrap;gap:10px;display:flex}.registration-note{grid-column:1/-1;margin:0}.rules h3{font-size:20px}.approval{flex-wrap:wrap}.approval>span:first-child{min-width:160px}.rules .rule p{max-width:850px}.account-signin{max-width:520px;margin:7vh auto;padding:32px 24px}.account-signin h1{margin:14px 0 25px;font-size:44px}.account-signin form{text-align:left}.account-signin form button{width:100%;margin:5px 0 20px}.account-signin>.secondary{width:100%;margin:0}.signin-icon{color:var(--ice)}.password-note{margin-top:-5px;font-size:14px}.sidebar-bottom .signout{color:var(--muted);background:0 0;border:0;justify-content:flex-start;padding:0;font-size:14px}.account-panel{max-width:620px}
