:root{color-scheme:dark;--bg:#0c100f;--panel:#141a17;--line:#2b342d;--text:#f2f5ef;--muted:#9aa59c;--green:#b9ef61;--green-deep:#1b2d17}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:5px}[hidden]{display:none!important}.wrap{max-width:1200px;width:calc(100% - 80px);margin:auto}.nav{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;font-size:12px;font-weight:750;letter-spacing:1px}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:3px;font-weight:450;margin-top:6px}.brand-mark{font-size:32px;letter-spacing:-5px;font-weight:950;border:1px solid var(--green);padding:5px 12px 6px 7px;line-height:1;color:var(--green);transform:skew(-8deg)}.brand-mark span{color:var(--text)}nav{display:flex;align-items:center;gap:32px;font-size:13px}nav>a{color:#c4ccc2}nav>a:hover{color:var(--green)}.nav-account{padding:13px 18px;border:1px solid var(--line);border-radius:4px;color:var(--text)}.nav-account span{margin-left:20px}.hero{min-height:670px;padding-top:85px;padding-bottom:80px;display:grid;grid-template-columns:1.1fr 1fr;gap:35px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:650;color:var(--green);display:flex;align-items:center;gap:9px}.live-dot{height:6px;width:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px #b9ef6140;display:inline-block;flex:none}.live-dot.checking{background:#d7aa56}.live-dot.offline{background:#fa8e7e}h1{font-size:clamp(65px,7.8vw,105px);letter-spacing:-6px;line-height:1.04;margin:29px 0 25px;font-weight:900}h1>span{color:var(--green)}.intro{font-size:16px;line-height:1.8;color:#a5b0a7;margin:0 0 28px}.hero-actions{display:flex;align-items:center;gap:25px}.button{min-height:48px;padding:15px 20px;border-radius:4px;display:inline-flex;align-items:center;justify-content:space-between;gap:25px;font-size:13px;font-weight:650;border:1px solid transparent;transition:background .2s,transform .2s}.button:hover{transform:translateY(-1px)}.primary{background:var(--green);color:#18210e}.primary:hover{background:#cdf79a}.secondary{background:transparent;border-color:#46513f;color:var(--text)}.secondary:hover{border-color:var(--green);background:#b9ef610a}.full{width:100%}.text-link{font-size:12px;color:#bcc6bb}.text-link span{margin-left:10px}.hero-meta{display:flex;gap:25px;margin-top:47px;color:var(--muted);font-size:10px}.hero-meta span{display:flex;gap:8px;align-items:center}.hero-meta b{font-size:11px;color:#e2e8dc;border:1px solid var(--line);padding:4px 5px;border-radius:2px}.hero-art{height:500px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 65%,#274e2838,transparent 68%);border:1px solid #253025;border-radius:6px}.stadium-glow{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 39px,#33402c19 40px),repeating-linear-gradient(90deg,transparent 0,transparent 39px,#33402c19 40px)}.pitch{height:420px;width:285px;position:absolute;top:75px;left:105px;transform:rotate(-25deg) skewY(14deg);background:repeating-linear-gradient(0deg,#182c1c 0,#182c1c 42px,#1c3220 42px,#1c3220 84px);border:1px solid #72945a80;box-shadow:30px 50px 70px #000a}.pitch-border{position:absolute;inset:15px;border:1px solid #94b57e60}.half-line{position:absolute;top:50%;left:15px;right:15px;border-top:1px solid #94b57e60}.center-circle{width:70px;height:70px;position:absolute;top:calc(50% - 35px);left:calc(50% - 35px);border:1px solid #94b57e60;border-radius:50%}.box{width:130px;height:63px;position:absolute;left:calc(50% - 65px);border:1px solid #94b57e60}.box-top{top:15px}.box-bottom{bottom:15px}.player{position:absolute;display:flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:50%;border:1px solid #c7ff7a;color:#d8ffa7;background:#365527;box-shadow:0 0 18px #b9ef6140;font-size:9px;font-weight:700;font-style:normal;transform:skewY(-14deg) rotate(25deg)}.p1{top:88%;left:45%}.p2{top:72%;left:16%}.p3{top:76%;left:36%}.p4{top:76%;left:57%}.p5{top:72%;left:77%}.p6{top:48%;left:16%}.p7{top:53%;left:36%}.p8{top:53%;left:57%}.p9{top:48%;left:77%}.p10{top:27%;left:33%}.p11{top:27%;left:60%}.match-label{position:absolute;top:34px;left:30px}.match-label>span,.match-label small{display:block;font-size:8px;letter-spacing:2.4px;color:#a1b593}.match-label>b{font-size:61px;letter-spacing:-3px;line-height:1.3;font-style:italic}.match-label em{font-weight:300;font-size:52px;color:var(--green)}.formation-tag{position:absolute;bottom:24px;left:25px;display:flex;align-items:center;gap:12px;font-size:16px;font-weight:650}.formation-tag>span:last-child{font-size:8px;letter-spacing:1px;color:#9ba894;font-weight:400}.art-corner{position:absolute;right:20px;top:27px;writing-mode:vertical-rl;font-size:8px;line-height:1.8;letter-spacing:1.5px;color:#839478}.server-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#101711}.strip-inner{min-height:67px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:1px;color:#b6c1b0}.strip-inner>div{display:flex;align-items:center;gap:10px}.strip-inner b{font-size:11px;letter-spacing:0}.strip-note{color:#7f8a7c;letter-spacing:0}.onboarding{padding-top:110px;padding-bottom:110px;display:grid;grid-template-columns:1fr 440px;gap:100px;align-items:start}h2{font-size:40px;line-height:1.23;letter-spacing:-1.7px;margin:19px 0 20px;font-weight:750}.section-copy>p{max-width:430px;color:var(--muted);font-size:14px;line-height:1.9;margin-bottom:30px}.feature{display:flex;gap:14px;align-items:flex-start;margin:22px 0}.feature>span{color:var(--green);background:var(--green-deep);padding:5px 7px;border-radius:50%;font-size:11px}.feature b{font-size:13px}.feature p{font-size:12px;color:var(--muted);margin:7px 0;line-height:1.6}.mode-note{border-top:1px solid var(--line);padding-top:22px;max-width:420px;color:#8e998b;font-size:11px;line-height:1.9;display:flex;gap:12px;margin-top:28px}.mode-note>span{font-family:serif;color:var(--green);font-size:17px}.account-card{padding:30px;background:var(--panel);border:1px solid #333d30;border-radius:7px;box-shadow:0 20px 60px #0002}.tabs{display:flex;background:#0e130f;padding:4px;border:1px solid var(--line);border-radius:4px;gap:5px;margin-bottom:27px}.tab{flex:1;padding:11px;border:0;border-radius:2px;font-size:12px;background:transparent;color:var(--muted)}.tab.active{background:#2b3624;color:var(--green)}h3{font-size:20px;letter-spacing:-.4px;margin:12px 0;font-weight:650}.card-subtitle{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:24px}form label{display:block;font-size:11px;margin:18px 0 9px;color:#d8dfd3}input{background:#0c110d;border:1px solid #354031;border-radius:4px;color:var(--text);padding:13px 14px;width:100%;font-size:12px;height:44px}input::placeholder{color:#647160}input:focus{border-color:var(--green);outline:none}.field-hint,.privacy-note{font-size:10px;color:#7f8b7a;line-height:1.7}.field-hint{margin:10px 0 22px}.privacy-note{margin:20px 0 0}.message{padding:12px 14px;border:1px solid #4d6735;background:#21341a;color:#d8efbd;font-size:12px;line-height:1.7;border-radius:4px;margin:14px 0}.message.error{border-color:#744a3e;background:#34231e;color:#f6b59d}.avatar{height:66px;width:66px;display:flex;align-items:center;justify-content:center;margin:35px 0 25px;background:linear-gradient(140deg,#b9ef61,#6c953e);color:#223217;font-size:25px;font-weight:900;border-radius:5px}#account-name{overflow-wrap:anywhere}#start-server{margin-top:12px}.logout{border:0;background:none;color:var(--muted);font-size:11px;padding:20px 0 0}.downloads-section{background:#111713;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:85px 0 95px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:25px}.section-heading h2{margin-bottom:0}.section-heading>p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:36px}.download-card{padding:32px;background:#151d17;border:1px solid #303d2d;border-radius:5px;position:relative}.download-card.featured{border-color:#769b4f;background:linear-gradient(140deg,#22321b,#141c16)}.file-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:49px;border:1px solid #566749;color:#baccab;font-size:10px;letter-spacing:1px;border-radius:3px;position:relative;margin-bottom:14px}.file-step{position:absolute;top:38px;right:32px;letter-spacing:1.7px;color:#82917a;font-size:9px}.download-card h3{font-size:22px;margin:10px 0 14px}.download-card p{font-size:12px;line-height:1.85;color:#a2ae9b;min-height:52px;margin-bottom:24px}code{font-family:Consolas,monospace;font-size:.95em;color:#d6e5c6;overflow-wrap:anywhere}.file-info{display:flex;justify-content:space-between;gap:10px;padding:15px 0;border-top:1px solid #34402e;color:#98a88c;font-size:9px;letter-spacing:1px}.download-card small{display:block;font-size:10px;line-height:1.8;color:#82917b;margin-top:15px}.disabled,button:disabled{opacity:.45;pointer-events:none;cursor:default}progress{width:100%;height:6px;accent-color:var(--green);margin:0 0 15px}.guide{padding:95px 0}.guide-platform{font-size:9px;letter-spacing:1.5px;color:#8e9d83;padding-bottom:6px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:26px 0 40px}.steps article{border-top:1px solid #3a4832;padding-top:25px}.steps article>span{font-size:11px;color:var(--green);letter-spacing:1px}.steps h3{font-size:15px;margin:18px 0 13px}.steps p{font-size:12px;line-height:1.9;color:var(--muted)}details{border-top:1px solid var(--line);padding:21px 0}details:last-child{border-bottom:1px solid var(--line)}summary{font-size:13px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary:after{content:'+';color:var(--green);font-size:18px;line-height:1}details[open] summary:after{content:'−'}details>p{font-size:12px;line-height:1.9;color:var(--muted);max-width:850px;margin:18px 0 0}footer{border-top:1px solid var(--line);padding:32px 0 40px;display:flex;align-items:center;gap:30px;justify-content:space-between}footer .brand{font-size:8px;max-width:210px;line-height:1.8}footer .brand-mark{font-size:26px}footer p{font-size:9px;line-height:1.9;color:#72806b}footer>span{font-size:8px;color:#82917a;letter-spacing:1px}@media(min-width:1400px){.hero{min-height:720px}.hero-art{height:520px}.pitch{left:125px}}@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.hero{gap:20px;padding-top:60px;padding-bottom:60px}h1{font-size:77px;letter-spacing:-4px}.hero-art{height:460px}.pitch{left:60px;width:250px}.onboarding{gap:55px;grid-template-columns:1fr 400px}.hero-meta{gap:13px}.hero-meta span{font-size:9px}.strip-note{display:none}h2{font-size:35px}.steps{gap:20px}footer>span{display:none}}@media(max-width:760px){.wrap{width:calc(100% - 36px)}.nav{height:85px}.brand{font-size:10px}.brand small{font-size:8px}nav{gap:14px}nav>a:not(.nav-account){display:none}.nav-account{font-size:11px;padding:11px}.nav-account span{margin-left:10px}.hero{grid-template-columns:1fr;padding-top:45px;gap:35px;padding-bottom:38px}.hero-copy{position:relative;z-index:2}h1{font-size:76px;margin-top:23px;letter-spacing:-4px}.eyebrow{font-size:8px;letter-spacing:1.5px}.intro{font-size:14px}.hero-meta{margin-top:30px;gap:24px}.hero-art{height:330px}.pitch{height:350px;width:250px;top:45px;left:calc(50% - 100px)}.match-label{top:24px;left:23px}.match-label>b{font-size:50px}.match-label em{font-size:42px}.match-label small{font-size:6px}.formation-tag{bottom:17px}.art-corner{right:15px}.strip-inner{font-size:8px;gap:10px;min-height:60px}.strip-inner b{font-size:10px}.onboarding{padding:65px 0;grid-template-columns:1fr;gap:25px}.section-copy>p{max-width:none}.mode-note{max-width:none}.account-card{padding:24px}.section-heading{align-items:start;flex-direction:column;gap:15px}h2{font-size:32px}.downloads-section{padding:55px 0}.download-grid{grid-template-columns:1fr}.download-card{padding:25px}.download-card p{min-height:0}.file-step{top:32px;right:25px}.download-card h3{font-size:21px}.guide{padding:60px 0}.steps{grid-template-columns:1fr 1fr;gap:22px;padding:15px 0 30px}.steps h3{line-height:1.5}.steps p{font-size:11px}summary{font-size:12px;line-height:1.7}footer{align-items:start;flex-direction:column;gap:15px}footer .brand{max-width:none}footer p{margin:0}.button{font-size:12px}.hero-actions{gap:22px}.hero-meta span{font-size:9px}.desktop-break{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
