@import url('assets/fonts/fonts.css');
:root{--green:#b3ff2c;--blue:#368aff;--black:#090c0d;--panel:#111619;--muted:#929c9f;--line:#263033}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--black);color:#f3f5f0;font-family:Barlow,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:5px}header{height:90px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-top:3px solid var(--green);border-bottom:1px solid var(--line);background:#090c0df5;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:14px;font-size:16px;font-weight:800;letter-spacing:1px}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:2.5px;margin-top:6px}.crest{border:1px solid var(--green);color:var(--green);padding:10px 7px;font-weight:900;clip-path:polygon(0 0,100% 0,100% 80%,50% 100%,0 80%)}.crest span{font-size:13px}nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:600}nav a:hover{color:var(--green)}.nav-cta{border:1px solid #486227;padding:12px 18px;color:var(--green)}.menu{display:none}.hero{position:relative;min-height:650px;padding:90px 8% 65px;overflow:hidden;display:grid;grid-template-columns:1.15fr 1fr;background:radial-gradient(ellipse at 85% 55%,#163135 0,transparent 53%),#0c1113}.hero-lines{position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0,transparent 130px,#ffffff03 131px,#ffffff03 132px);pointer-events:none}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--green);margin:0 0 20px}.eyebrow i{display:inline-block;width:6px;height:6px;background:var(--green);margin-right:8px;box-shadow:0 0 12px var(--green)}h1,h2,h3{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;margin:0;line-height:1}h1{font-size:clamp(70px,7.7vw,120px);letter-spacing:-1px;font-weight:800}em{font-style:normal;color:var(--green)}.intro{font-size:18px;line-height:1.6;color:#adb6b6;margin:26px 0}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{border:1px solid var(--green);display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:17px 22px;background:var(--green);color:#0b1007;font-size:11px;letter-spacing:1px;font-weight:800}.button:hover{filter:brightness(1.15)}.secondary{background:transparent;color:#fff;border-color:#5b6668}.hero-meta{display:flex;gap:28px;margin-top:55px;color:#778586;font-size:9px;letter-spacing:1.5px}.hero-art{position:relative;display:grid;place-items:center}.orbit{position:absolute;width:380px;height:380px;border:1px solid #69bd7133;transform:rotate(-20deg);border-radius:50%;box-shadow:0 0 0 45px #83ee8b04,0 0 0 90px #83ee8b03}.shield{width:275px;height:340px;background:linear-gradient(140deg,#b3ff2c,#5cb83d 50%,#368aff);clip-path:polygon(0 0,100% 0,94% 72%,50% 100%,6% 72%);position:relative;display:flex;align-items:center;flex-direction:column;padding-top:34px;transform:rotate(-8deg);filter:drop-shadow(0 0 25px #aaff0055);color:#0b1716}.shield:before{content:'';position:absolute;inset:7px;background:#111e21;clip-path:inherit;z-index:-1}.crown{font-size:53px;color:var(--green)}.shield b{font-family:'Barlow Condensed',Impact,sans-serif;font-size:95px;line-height:1;color:#f5fff0;font-style:italic;letter-spacing:-4px}.shield b span{color:var(--green)}.shield small{font-size:10px;letter-spacing:2px;color:#b7c7c6}.stars{color:var(--green);margin:20px;letter-spacing:10px}.art-note{position:absolute;bottom:15px;font-size:8px;letter-spacing:2px;color:#7c9890}.art-index{position:absolute;right:-60px;writing-mode:vertical-rl;color:#68817e;font-size:9px;letter-spacing:2px}.scroll{position:absolute;bottom:24px;font-size:9px;letter-spacing:2px;color:#acb8b6}.ticker{display:flex;justify-content:space-around;gap:26px;white-space:nowrap;overflow:hidden;background:var(--green);color:#182506;padding:15px 20px;font-weight:800;font-size:12px;letter-spacing:1.5px}.section{padding:72px 8%;scroll-margin-top:0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px;gap:20px}h2{font-size:46px;font-weight:700}h3{font-size:30px}.subtle{color:var(--muted);font-size:13px;line-height:1.7}.match-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.next-match,.results,.player-card{background:var(--panel);border:1px solid var(--line)}.card-top{display:flex;justify-content:space-between;align-items:center;padding:22px;font-size:10px;letter-spacing:1px;color:var(--muted)}.tag{color:var(--green);font-weight:700}.versus{display:flex;align-items:center;justify-content:space-around;padding:24px 15px 34px}.versus>div{display:flex;align-items:center;flex-direction:column;gap:9px;flex:1}.versus>b{color:#6c787c;font-family:'Barlow Condensed';font-size:30px;font-style:italic}.versus strong{font-size:14px}.versus small{font-size:11px;color:var(--muted)}.mini-crest,.opponent{height:65px;width:56px;display:grid;place-items:center;border:1px solid var(--green);font-family:'Barlow Condensed';font-size:30px;font-weight:800;color:var(--green);clip-path:polygon(0 0,100% 0,100% 80%,50% 100%,0 80%)}.opponent{border-color:#455155;color:#7f8b8f}.match-bottom{border-top:1px solid var(--line);padding:18px 22px;font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:16px}.match-bottom a{color:var(--green);white-space:nowrap;font-size:10px}.tabs{display:flex;border-bottom:1px solid var(--line)}.tabs button{flex:1;padding:18px;background:transparent;border:0;color:#8b999e;font-weight:700;font-size:11px}.tabs button.active{color:var(--green);box-shadow:inset 0 -2px var(--green)}#league-content{padding:27px}#league-content .eyebrow{font-size:9px}#league-content h3{margin-top:17px}#league-content p{font-size:13px;color:var(--muted);line-height:1.6}.pending{font-size:10px;color:var(--blue)}.results>small{display:block;padding:0 27px 20px;font-size:9px;color:#7e8b90}.club{display:grid;grid-template-columns:1fr 1fr;gap:65px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0e1315}.club p:not(.eyebrow){line-height:1.8;margin-top:0;color:#b2babc}.values{display:flex;gap:25px;margin-top:30px}.values span{color:var(--green);font-size:10px}.values b{display:block;color:white;margin-top:8px;font-size:11px}.formation-label{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:15px}.formation-label b{font-family:'Barlow Condensed';font-size:33px;color:var(--green)}.roster-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.pitch{position:relative;height:510px;background:repeating-linear-gradient(0deg,#101e1c 0,#101e1c 63px,#12231f 63px,#12231f 126px);border:1px solid #344c40;overflow:hidden}.pitch:before{content:'';position:absolute;inset:22px;border:1px solid #54736155}.pitch-box{position:absolute;left:32%;width:36%;height:65px;border:1px solid #54736155}.pitch-box.top{top:22px}.pitch-box.bottom{bottom:22px}.center-circle{position:absolute;top:calc(50% - 50px);left:calc(50% - 50px);width:100px;height:100px;border:1px solid #54736155;border-radius:50%}.half-line{position:absolute;top:50%;left:22px;right:22px;border-top:1px solid #54736155}.player{position:absolute;transform:translate(-50%,-50%);border:0;background:transparent;color:#c1ccc6;font-size:10px;display:grid;justify-items:center;gap:6px}.player .dot{border:1px solid #72954e;background:#182d21;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;color:var(--green);font-size:11px;font-weight:700}.player.selected .dot,.player:hover .dot{color:#111;background:var(--green);box-shadow:0 0 18px #b3ff2c33}.pitch-caption{position:absolute;bottom:7px;width:100%;text-align:center;font-size:7px;letter-spacing:1.2px;color:#81998a}.player-card{padding-bottom:26px}.player-card>.eyebrow,.player-card>h3,.player-card>p,.player-card>.subtle{margin-left:27px;margin-right:27px}.player-card>.eyebrow{font-size:9px;margin-bottom:10px}.player-card>p:not(.eyebrow){font-size:13px;color:var(--muted)}.player-card>.subtle{display:block;font-size:10px}.jersey{width:135px;height:155px;clip-path:polygon(20% 0,35% 9%,65% 9%,80% 0,100% 25%,83% 44%,78% 33%,78% 100%,22% 100%,22% 33%,17% 44%,0 25%);background:linear-gradient(115deg,var(--green),#70b727);color:#183017;margin:0 auto 28px;text-align:center;padding-top:17px}.jersey b{display:block;font-family:'Barlow Condensed';font-size:72px}.player-stats{display:flex;margin:24px 27px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 0}.player-stats div{flex:1;text-align:center;border-right:1px solid var(--line)}.player-stats div:last-child{border:0}.player-stats b{display:block;font-size:25px;color:var(--green)}.player-stats small{font-size:8px;color:var(--muted)}.community{display:grid;grid-template-columns:1fr 1fr;gap:60px;background:linear-gradient(110deg,#14211b,#101924);border-block:1px solid var(--line)}.community p:not(.eyebrow){color:#a3b1b0;line-height:1.7;font-size:15px;max-width:400px}.socials article{display:flex;gap:24px;padding:25px 0;border-bottom:1px solid #33413c}.socials article:first-child{padding-top:0}.socials small{font-size:8px;letter-spacing:1.5px;color:var(--muted)}.socials h3{margin-top:8px}.socials p{font-size:12px!important;margin:10px 0}.social-icon{font-size:35px;color:var(--green)}.blue{color:var(--blue)}.text-button{padding:0;color:var(--green);font-size:10px;font-weight:700;letter-spacing:1px;background:none;border:0}.news-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.news-card{text-align:left;background:none;border:0;padding:0;color:white}.news-art{height:230px;padding:30px;display:flex;justify-content:space-between;align-items:end;overflow:hidden}.news-art span{font-family:'Barlow Condensed';font-size:62px;font-weight:800;line-height:.9;transform:rotate(-5deg)}.news-art b{font-size:34px}.first{background:linear-gradient(125deg,#b3ff2c,#608f1e);color:#102012}.second{background:repeating-linear-gradient(130deg,transparent 0,transparent 35px,#fff1 36px,#fff1 37px),linear-gradient(130deg,#173463,#368aff);color:#eef5ff}.news-card>small{display:block;color:var(--green);font-size:9px;letter-spacing:1px;margin:21px 0 12px}.news-card p{color:var(--muted);font-size:13px}.partners{padding-top:30px}.partners h2{font-size:35px}.partner-slot{border:1px dashed #3d4849;margin-top:25px;padding:30px;display:flex;align-items:center;justify-content:space-between;font-size:22px;font-family:'Barlow Condensed';color:#a2afab;gap:20px}.partner-slot span,.partner-slot a{font:11px Barlow,Arial}.partner-slot a{color:var(--green)}.contact{background:#121c17;display:flex;align-items:center;justify-content:space-between;gap:30px}.contact p:not(.eyebrow){color:var(--muted);font-size:14px}footer{padding:30px 6%;display:flex;justify-content:space-between;align-items:center;gap:20px}footer .brand{color:var(--green);font-size:24px}footer .brand small{font-size:8px}footer>span{font-size:10px;color:var(--muted)}footer button{border:0;background:none;color:var(--muted);font-size:10px;margin-left:15px}dialog{background:#131d1a;color:white;border:1px solid #577b39;width:min(90%,480px);padding:35px}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog h3{font-size:32px}dialog p:not(.eyebrow){font-size:15px;color:#b5c1bb;line-height:1.7}.close{position:absolute;right:12px;top:8px;background:none;border:0;color:white;font-size:28px}.close-dialog{margin-top:15px}@media(min-width:1500px){.section{padding-left:calc((100% - 1260px)/2);padding-right:calc((100% - 1260px)/2)}.hero{padding-left:calc((100% - 1260px)/2);padding-right:calc((100% - 1260px)/2)}}@media(max-width:900px){header{padding:0 5%}nav{gap:15px}.brand{font-size:12px}.hero{padding:65px 6% 70px;min-height:600px}h1{font-size:80px}.shield{width:210px;height:280px}.shield b{font-size:74px}.orbit{width:270px;height:270px}.art-index{right:-20px}.hero-meta{gap:12px;font-size:7px}.section{padding:55px 6%}.club,.community{gap:35px}h2{font-size:38px}.match-layout{grid-template-columns:1fr 1fr}.match-bottom{display:block;line-height:1.7}.match-bottom a{display:block;margin-top:8px}.roster-layout{grid-template-columns:1.2fr 1fr}.partner-slot{flex-wrap:wrap}.values{gap:15px}}@media(max-width:640px){html{scroll-padding-top:72px}header{height:72px}.brand{font-size:11px}.brand small{font-size:7px}.crest{font-size:15px}.menu{display:block;background:none;border:1px solid var(--line);color:var(--green);font-size:22px;padding:4px 10px}nav{display:none;position:absolute;top:69px;left:0;right:0;background:#101718;padding:25px;flex-direction:column;align-items:stretch}nav.open{display:flex}.hero{display:block;padding-top:45px;min-height:auto}.hero-content{position:relative;z-index:1}h1{font-size:75px}.intro{font-size:16px}.button{padding:15px;font-size:9px;gap:15px}.hero-art{height:280px;margin-top:30px}.shield{height:230px;width:185px;padding-top:20px}.crown{font-size:36px}.shield b{font-size:65px}.shield small{font-size:7px}.stars{margin-top:12px;font-size:12px}.orbit{width:225px;height:225px}.art-note{bottom:0}.art-index{right:0;font-size:7px}.hero-meta{margin-top:30px}.scroll{bottom:20px;font-size:8px}.ticker{font-size:9px;padding:12px;gap:15px}.section{padding:42px 6%}.section-head{align-items:start;margin-bottom:24px}.section-head>.subtle{display:none}h2{font-size:36px}.eyebrow{font-size:9px;margin-bottom:15px}.match-layout,.club,.roster-layout,.community,.news-grid{grid-template-columns:1fr}.club,.community{gap:25px}.roster-layout{gap:18px}.pitch{height:450px}.player-card{display:block}.jersey{margin-top:5px}.formation-label{flex-direction:column;gap:7px;font-size:8px}.news-grid{gap:28px}.news-art{height:210px}.partner-slot{align-items:start;flex-direction:column;padding:25px}.contact{display:block}.contact .button{margin-top:15px}footer{flex-wrap:wrap;padding:25px 6%}footer>span{width:100%;order:3;font-size:9px}footer .brand small{display:none}.values{gap:35px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.member-entry{background:transparent;font:inherit;font-size:11px;font-weight:700;letter-spacing:1px;text-align:left}.member-entry:hover{background:#b3ff2c12}

/* Social brand marks: Simple Icons v16; embedded locally for offline use. */
.community{grid-template-columns:.85fr 1.4fr;gap:50px;align-items:center;background:radial-gradient(ellipse at 0 100%,#182e23,transparent 65%),#101719}
.socials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.socials article,.socials article:first-child{display:flex;flex-direction:column;align-items:flex-start;gap:22px;padding:25px;background:#121b1e;border:1px solid #2c393c;border-radius:10px;transition:border-color .18s,transform .18s}
.socials article:hover{border-color:#637d6a;transform:translateY(-3px)}
.social-icon{width:54px;height:54px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:12px;background:#ffffff09;border:1px solid #ffffff0d}
.social-icon svg{display:block;width:29px;height:29px;overflow:visible}
.brand-discord{color:#5865f2;background:#5865f215;border-color:#5865f230}
.brand-twitch{color:#a970ff;background:#9146ff15;border-color:#9146ff30}
.brand-instagram{color:#fff;background:linear-gradient(35deg,#f9ce34,#ee2a7b 55%,#6228d7);border-color:transparent}
.brand-tiktok{color:#fff;background:#080c0e;border-color:#344348}
.socials small{font-size:8px;letter-spacing:1.4px;line-height:1.6}.socials h3{font-size:32px;margin-top:8px}.socials p{font-size:12px!important;overflow-wrap:anywhere}.socials .text-button{display:inline-block;margin-top:10px;font-size:10px;line-height:1.5}.socials article>div{width:100%}
@media(max-width:1050px){.community{grid-template-columns:1fr;gap:32px}.community>div>p:not(.eyebrow){max-width:570px}}
@media(max-width:440px){.socials{gap:10px}.socials article,.socials article:first-child{padding:18px 14px;gap:18px}.socials small{font-size:7px;letter-spacing:1px}.socials h3{font-size:29px}.socials .text-button{font-size:9px}.social-icon{width:48px;height:48px}.social-icon svg{width:26px;height:26px}}
@media(prefers-reduced-motion:reduce){.socials article{transition:none}.socials article:hover{transform:none}}

.club-logo-small{width:52px;height:52px;object-fit:contain;flex-shrink:0}.club-logo-hero{width:min(100%,430px);height:auto;position:relative;filter:drop-shadow(0 12px 35px #0008)}.league-source{display:inline-block;color:var(--green);font-size:11px;margin-top:20px}.league-schedule{max-height:850px;overflow-y:auto;scrollbar-color:#344b41 transparent;padding-right:12px}@media(max-width:640px){.club-logo-hero{width:265px}.club-logo-small{width:44px;height:44px}.league-schedule{max-height:650px}}

/* Club journal tiles: club identity and gallery preview */
.news-art.soth-tile{height:330px;position:relative;isolation:isolate;overflow:hidden;border:1px solid #35494b;display:flex;align-items:center;padding:32px;text-align:left;background:#0e1b1d;transform:none}
.soth-tile:before{content:'';position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(125deg,transparent 0 42px,#ffffff05 43px 44px),radial-gradient(ellipse at 86% 40%,#358aff45,transparent 60%)}
.soth-tile:after{content:'';position:absolute;left:0;bottom:0;height:4px;width:100%;background:linear-gradient(90deg,var(--green),var(--blue))}
.news-art.club-tile{background:radial-gradient(ellipse at 72% 58%,#b3ff2c22,transparent 65%),#0c1718}
.news-art.gallery-tile{background:radial-gradient(ellipse at 80% 70%,#368aff35,transparent 65%),#0b151e}
.soth-tile .tile-copy{position:relative;z-index:2;width:65%;pointer-events:none}
.soth-tile .tile-copy small{display:block;color:var(--green);font-size:11px;letter-spacing:2px;margin:0 0 20px;font-family:Barlow,Arial,sans-serif;font-weight:700}
.news-art.soth-tile .tile-copy>span{display:block;color:#f3f5f0;font-size:clamp(48px,5.3vw,82px);line-height:.88;letter-spacing:-1px;transform:none;font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;text-shadow:0 3px 20px #0008}
.news-art.gallery-tile .tile-copy>span{color:var(--green);font-size:clamp(44px,4.8vw,74px)}
.soth-tile .tile-copy p{font:500 14px/1.45 Barlow,Arial,sans-serif;color:#c5d4d3;margin:20px 0 0;max-width:210px}
.soth-tile .tile-crest{position:absolute;width:56%;height:94%;object-fit:contain;right:-3%;top:3%;opacity:.88;filter:drop-shadow(0 0 22px #54a9ff30);transform:rotate(-9deg);transition:transform .25s}
.soth-tile .tile-card-fan{position:absolute;right:-5%;top:16%;width:56%;height:92%;transform:rotate(8deg);pointer-events:none}
.tile-card-fan img{position:absolute;width:66%;height:100%;object-fit:contain;top:0;filter:drop-shadow(0 8px 16px #000b)}
.tile-card-fan img:nth-child(1){left:0;transform:rotate(-19deg) translateY(16px)}
.tile-card-fan img:nth-child(2){left:22%;transform:rotate(0);z-index:2}
.tile-card-fan img:nth-child(3){left:43%;transform:rotate(17deg) translateY(16px)}
.news-art.soth-tile .tile-arrow{position:absolute;right:20px;bottom:18px;width:40px;height:40px;display:grid;place-items:center;border:1px solid #b3ff2c70;background:#091315e6;color:var(--green);font-size:28px;z-index:3}
.news-card:hover .tile-crest{transform:rotate(-5deg) scale(1.04)}
.news-card:hover .soth-tile{border-color:var(--green)}
@media(max-width:900px){.news-art.soth-tile{height:290px;padding:24px}.soth-tile .tile-copy small{font-size:9px;letter-spacing:1px}.soth-tile .tile-copy p{font-size:13px;max-width:165px}.news-art.soth-tile .tile-copy>span{font-size:62px}.news-art.gallery-tile .tile-copy>span{font-size:52px}}
@media(max-width:640px){.news-art.soth-tile{height:290px}.soth-tile .tile-copy{width:68%}.soth-tile .tile-crest{width:58%;right:-5%}.soth-tile .tile-card-fan{right:-8%;width:59%}.news-art.gallery-tile .tile-copy>span{font-size:56px}.soth-tile .tile-copy small{max-width:150px;line-height:1.5}}
@media(prefers-reduced-motion:reduce){.soth-tile .tile-crest{transition:none}}