@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800;900&display=swap";:root{--navy:#07142e;--blue:#173462;--lime:#baff32;--mint:#27e5bd;--cyan:#1ed9ff;--violet:#7458ff;--bg:#eef3f8;--text:#111c31;--muted:#778197;--line:#e1e8ef}.commercialPage{color:#fff;background:#061126;min-height:100vh;overflow:hidden}.commercialPage main{min-height:0;margin-left:0}.commercialPage *{box-sizing:border-box}.commercialHeader{z-index:60;background:0 0;border:0;justify-content:space-between;align-items:center;max-width:1240px;height:76px;margin:0 auto;padding:0 28px;display:flex;position:relative;top:auto}.commercialLogo{color:#fff;letter-spacing:.08em;align-items:center;gap:10px;font-size:18px;text-decoration:none;display:flex}.commercialLogo>span{color:#061126;background:linear-gradient(135deg,#baff32,#1ed9ff);border-radius:12px;place-items:center;width:40px;height:40px;font-weight:900;display:grid;box-shadow:0 0 28px #baff3240}.commercialLogo em{color:#baff32;font-style:normal}.commercialHeader nav{align-items:center;gap:28px;display:flex}.commercialHeader nav a{color:#aebbd0;font-size:14px;font-weight:700;text-decoration:none}.commercialHeader nav a:hover{color:#fff}.commercialHeader .commercialAccess{color:#07142e;background:#baff32;border-radius:10px;padding:11px 16px}.commercialMenu{color:#fff;background:0 0;border:0;display:none}.commercialHero{grid-template-columns:1fr .9fr;align-items:center;gap:64px;max-width:1240px;min-height:650px;margin:0 auto;padding:60px 28px 80px;display:grid}.commercialKicker{color:#baff32;letter-spacing:.14em;align-items:center;gap:7px;font-size:12px;font-weight:900;display:inline-flex}.commercialKicker svg{width:16px}.commercialHero h1{letter-spacing:-.055em;max-width:700px;margin:22px 0;font-size:clamp(44px,6vw,76px);line-height:.98}.commercialHeroCopy>p{color:#aebbd0;max-width:620px;font-size:18px;line-height:1.65}.commercialActions{align-items:center;gap:15px;margin-top:32px;display:flex}.commercialActions button,.commercialFinal button,.commercialModal form button{color:#07142e;background:#baff32;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:15px 19px;font-weight:900;display:inline-flex}.commercialActions button svg{width:18px}.commercialActions a{color:#fff;border:1px solid #314767;border-radius:12px;padding:14px 18px;font-weight:800;text-decoration:none}.commercialTrust{color:#8fa0ba;flex-wrap:wrap;gap:16px;margin-top:25px;font-size:12px;display:flex}.commercialTrust span{align-items:center;gap:6px;display:flex}.commercialTrust svg{color:#27e5bd;width:15px}.commercialHeroVisual{background:#0d2245;border:1px solid #2c446c;border-radius:34px;min-height:530px;position:relative;overflow:hidden;box-shadow:0 30px 90px #0008}.commercialHeroVisual:after{content:"";background:linear-gradient(#0000 35%,#061126 100%);position:absolute;inset:0}.commercialHeroVisual>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.heroPlayerCard{z-index:2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#07142edd;border:1px solid #ffffff26;border-radius:18px;align-items:center;gap:18px;padding:18px;display:flex;position:absolute;bottom:24px;left:24px;right:24px}.heroPlayerCard>span{text-align:center;border-right:1px solid #ffffff24;padding-right:17px;display:grid}.heroPlayerCard>span b{color:#baff32;font-size:38px}.heroPlayerCard small{letter-spacing:.12em;color:#8292ac;font-size:10px}.heroPlayerCard div{gap:4px;display:grid}.heroPlayerCard strong{font-size:16px}.heroPlayerCard em{color:#27e5bd;font-size:11px;font-style:normal}.heroLive{z-index:3;letter-spacing:.08em;background:#07142ed9;border-radius:20px;padding:9px 11px;font-size:10px;font-weight:900;position:absolute;top:22px;right:22px}.heroLive i{background:#baff32;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block;box-shadow:0 0 10px #baff32}.commercialNumbers{border-top:1px solid #263a5b;border-bottom:1px solid #263a5b;grid-template-columns:repeat(4,1fr);max-width:1184px;margin:0 auto 120px;display:grid}.commercialNumbers div{border-right:1px solid #263a5b;gap:5px;padding:28px;display:grid}.commercialNumbers div:last-child{border:0}.commercialNumbers strong{color:#baff32;font-size:30px}.commercialNumbers span{color:#91a1ba;font-size:13px}.commercialSection{max-width:1184px;margin:0 auto;padding:40px 0 130px}.commercialSection>h2,.roleSection>div:first-child h2,.benefitsCopy h2{letter-spacing:-.04em;max-width:760px;margin:18px 0 45px;font-size:clamp(34px,4vw,54px);line-height:1.05}.processGrid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.processGrid article,.roleCommercialGrid article{background:linear-gradient(145deg,#0c2041,#091832);border:1px solid #273d61;border-radius:18px;min-height:245px;padding:24px;position:relative}.processGrid article>span{color:#415779;font-size:13px;font-weight:900;position:absolute;top:18px;right:18px}.processGrid article>svg,.roleCommercialGrid article>svg{color:#baff32;background:#baff3215;border-radius:12px;width:42px;height:42px;padding:10px}.processGrid h3,.roleCommercialGrid h3{margin:45px 0 10px;font-size:19px}.processGrid p,.roleCommercialGrid p,.roleSection>div:first-child p{color:#8fa0ba;font-size:14px;line-height:1.6}.roleSection{grid-template-columns:.75fr 1.25fr;align-items:center;gap:70px;display:grid}.roleSection>div:first-child h2{margin-bottom:20px}.roleCommercialGrid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.roleCommercialGrid article{min-height:220px}.roleCommercialGrid h3{margin-top:28px}.benefitsSection{grid-template-columns:1fr .95fr;align-items:center;gap:80px;display:grid}.benefitsCopy ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.benefitsCopy li{border:1px solid #263a5b;border-radius:14px;gap:14px;padding:16px;display:flex}.benefitsCopy li>svg{color:#baff32;width:25px}.benefitsCopy li span{color:#8fa0ba;gap:4px;font-size:13px;display:grid}.benefitsCopy li b{color:#fff;font-size:15px}.commercialScoreboard{background:linear-gradient(145deg,#102b55,#08152b);border:1px solid #385077;border-radius:22px;padding:20px;box-shadow:0 25px 75px #0007}.scoreboardTop{border-bottom:1px solid #2a4062;justify-content:space-between;padding-bottom:16px;font-size:11px;font-weight:900;display:flex}.scoreboardTop small{color:#baff32}.commercialPlayer{border-bottom:1px solid #233857;grid-template-columns:44px 1fr auto auto;align-items:center;gap:12px;padding:14px 0;display:grid}.commercialAvatar{background:#203b66;border-radius:12px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.commercialPlayer div{gap:3px;display:grid}.commercialPlayer small{color:#8798b3}.commercialPlayer strong{font-size:22px}.commercialPlayer em{color:#27e5bd;font-size:12px;font-style:normal}.commercialScoreboard footer{color:#baff32;align-items:center;gap:8px;padding-top:16px;font-size:12px;display:flex}.commercialScoreboard footer svg{width:17px}.commercialFinal{text-align:center;background:radial-gradient(circle at 50% 110%,#164c63,#0a1a36 65%);border:1px solid #33527d;border-radius:30px;max-width:1184px;margin:0 auto 70px;padding:80px 30px}.commercialFinal h2{letter-spacing:-.045em;max-width:800px;margin:18px auto;font-size:clamp(36px,5vw,62px);line-height:1.02}.commercialFinal p{color:#94a5bd;font-size:17px}.commercialFinal button{margin-top:20px}.commercialFooter{color:#7f90aa;background:0 0;border-top:1px solid #273d61;justify-content:space-between;align-items:center;max-width:1184px;height:auto;margin:auto;padding:28px 0;font-size:12px;display:flex}.commercialFooter a{color:#fff;font-weight:800;text-decoration:none}.commercialModalBackdrop{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020713d9;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.commercialModal{background:#0a1b37;border:1px solid #385077;border-radius:22px;width:min(570px,100%);max-height:92vh;padding:34px;position:relative;overflow-y:auto;box-shadow:0 30px 100px #000}.commercialModal h2{margin:13px 0 8px;font-size:30px}.commercialModal>p{color:#94a5bd;line-height:1.5}.commercialModalClose{color:#fff;background:#ffffff0c;border:0;border-radius:10px;padding:8px;position:absolute;top:17px;right:17px}.commercialModalClose svg{width:19px}.commercialModal form{gap:14px;margin-top:23px;display:grid}.commercialModal form>div{grid-template-columns:1fr 1fr;gap:12px;display:grid}.commercialModal label{gap:7px;font-size:13px;font-weight:800;display:grid}.commercialModal input,.commercialModal select{color:#fff;background:#061329;border:1px solid #3b5276;border-radius:10px;width:100%;padding:12px}.commercialFormError{color:#ff8f9d;font-size:13px}.weeklyAgenda{border:1px solid var(--line);background:#fff;border-radius:17px;margin-bottom:18px;padding:18px}.weeklyHead{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.weeklyHead h3{margin:4px 0 0;font-size:15px}.weeklyHead>small{color:var(--muted);font-size:10px}.weekGrid{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.weekGrid article{border:1px solid var(--line);border-radius:12px;align-content:start;gap:5px;min-height:112px;padding:10px;display:grid}.weekGrid article.active{background:#f5fae8;border-color:#98c721}.weekGrid article>span{color:var(--muted);font-size:8px;font-weight:900}.weekGrid article>strong{font-size:20px}.weekGrid article>small{color:var(--muted);font-size:9px}.weekGrid article div{border-top:1px solid #dce8bf;gap:2px;padding-top:5px;display:grid}.weekGrid article div b{color:#608209;font-size:9px}.weekGrid article div small{font-size:8px}@media (max-width:900px){.commercialHeader{padding:0 18px}.commercialMenu{display:block}.commercialHeader nav{background:#08182ff5;border:1px solid #324a70;border-radius:16px;padding:16px;display:none;position:absolute;top:68px;left:14px;right:14px;box-shadow:0 20px 55px #0009}.commercialHeader nav.open{display:grid}.commercialHero{grid-template-columns:1fr;gap:35px;padding:35px 20px 65px}.commercialHeroVisual{min-height:450px}.commercialNumbers{grid-template-columns:repeat(2,1fr);margin:0 20px 80px}.commercialSection{padding:30px 20px 90px}.processGrid{grid-template-columns:repeat(2,1fr)}.roleSection,.benefitsSection{grid-template-columns:1fr;gap:30px}.commercialFinal{margin:0 20px 50px}.commercialFooter{gap:15px;margin:0 20px}.commercialFooter>span{display:none}.weekGrid{grid-template-columns:repeat(4,1fr)}}@media (max-width:560px){.commercialHero h1{font-size:44px}.commercialHeroCopy>p{font-size:16px}.commercialActions{flex-direction:column;align-items:stretch}.commercialActions a{text-align:center}.commercialHeroVisual{min-height:400px}.commercialTrust{display:grid}.commercialNumbers{grid-template-columns:1fr 1fr}.commercialNumbers div{padding:20px 15px}.processGrid,.roleCommercialGrid{grid-template-columns:1fr}.commercialSection>h2,.roleSection>div:first-child h2,.benefitsCopy h2{font-size:36px}.commercialModal{padding:27px 20px}.commercialModal form>div{grid-template-columns:1fr}.weekGrid{grid-template-columns:repeat(2,1fr)}.weeklyHead{flex-direction:column;align-items:flex-start;gap:5px}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:DM Sans,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.app{background:radial-gradient(circle at 90% 0, #ddf8ff 0, transparent 27%), var(--bg);min-height:100vh}aside{color:#fff;z-index:30;background:linear-gradient(#07142e,#0c1d3d);border-right:1px solid #263a61;flex-direction:column;width:250px;padding:25px 17px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:1px;align-items:center;gap:11px;padding:0 8px 25px;font-size:20px;font-weight:900;display:flex}.brand span{color:var(--lime)}.brand small{letter-spacing:2px;color:#8491a8;font-size:8px;display:block}.ball{background:linear-gradient(135deg, var(--lime), var(--cyan));width:42px;height:42px;color:var(--navy);border-radius:13px;place-items:center;font-size:15px;font-style:italic;display:grid;box-shadow:0 0 25px #baff3250}nav{gap:6px;display:grid}nav button,.logout,.sideaction{color:#95a2b9;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:11px 13px;font-size:12px;font-weight:700;display:flex}nav button svg,.logout svg,.sideaction svg{width:18px}nav button.active{color:#fff;box-shadow:inset 3px 0 var(--lime);background:linear-gradient(90deg,#263a65,#17294a)}nav button.active svg{color:var(--lime)}.club{background:#172846;border:1px solid #2b3c5d;border-radius:13px;align-items:center;gap:9px;margin-top:auto;padding:11px;display:flex}.club svg{color:var(--lime);width:22px}.club b,.club small{font-size:10px;display:block}.club small{color:#8491a8;margin-top:3px}.sideaction{background:#ffffff07;width:100%;margin-top:7px}.logout{width:100%;margin-top:3px}.close,.hamb{display:none}.iconclose{border:0}main{min-height:100vh;margin-left:250px}header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);z-index:10;background:#ffffffdf;justify-content:space-between;align-items:center;height:82px;padding:0 31px;display:flex;position:sticky;top:0}header h1,header p{margin:0}header h1{font-size:21px}header p{color:var(--muted);margin-top:4px;font-size:10px}.identity{align-items:center;gap:9px;display:flex}.identity>span{background:var(--navy);width:38px;height:38px;color:var(--lime);border-radius:11px;place-items:center;display:grid}.identity svg{width:18px}.identity b,.identity small{font-size:10px;display:block}.identity small{color:var(--muted);margin-top:2px}.content{max-width:1450px;margin:auto;padding:27px 31px}.eyebrow{letter-spacing:1.6px;color:#738299;font-size:9px;font-weight:900}.titleline{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.titleline h2,.titleline p{margin:3px 0}.titleline p{color:var(--muted);font-size:11px}.primary{background:var(--lime);color:var(--navy);border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:11px 15px;font-size:11px;font-weight:900;display:flex}.primary svg{width:16px}.hero{color:#fff;background:linear-gradient(120deg,#0d1e3d,#1a3a65);border-radius:20px;justify-content:space-between;align-items:center;padding:29px 34px;display:flex}.hero .eyebrow{color:var(--lime)}.hero h2{margin:8px 0;font-size:28px}.hero p{color:#a9b8cd;font-size:12px}.hero button{background:var(--lime);border:0;border-radius:10px;align-items:center;padding:10px 14px;font-weight:900;display:flex}.hero button svg{width:17px}.heroScore{border-left:1px solid #3d4e6d;padding-left:30px;display:grid}.heroScore strong{color:var(--lime);font-size:42px}.heroScore small,.heroScore span{color:#9eaec4}.stats{grid-template-columns:repeat(4,1fr);gap:14px;margin:17px 0;display:grid}.stat{border:1px solid var(--line);background:#fff;border-radius:15px;gap:12px;padding:16px;display:flex}.stat>svg{color:#668b09;background:#edf5dc;border-radius:11px;width:40px;height:40px;padding:9px}.stat strong,.stat b,.stat small{display:block}.stat strong{font-size:21px}.stat b{font-size:10px}.stat small{color:#16a07e;margin-top:3px;font-size:9px}.grid{grid-template-columns:1.35fr 1fr;gap:17px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:17px;padding:19px}.panelhead{margin-bottom:9px}.panelhead h3,.panelhead p{margin:0}.panelhead h3{font-size:14px}.panelhead p{color:var(--muted);margin-top:4px;font-size:9px}.playerrow{border:0;border-top:1px solid var(--line);text-align:left;background:#fff;grid-template-columns:43px 1fr auto 30px 16px;align-items:center;gap:9px;width:100%;padding:12px 3px;display:grid}.playerrow b,.playerrow small{display:block}.playerrow b{font-size:11px}.playerrow small{color:var(--muted);font-size:9px}.playerrow .trend{color:#169579;background:#e8f8f2;border-radius:6px;padding:5px;font-size:9px}.playerrow>svg{width:15px}.event{border-top:1px solid var(--line);grid-template-columns:48px 1fr 15px;align-items:center;gap:11px;padding:11px 0;display:grid}.event>div{text-align:center;background:#edf5dc;border-radius:10px;padding:5px}.event b,.event small{display:block}.event>div b{font-size:17px}.event>div small{font-size:7px}.event>span b{font-size:10px}.event>span small{color:var(--muted);align-items:center;gap:4px;font-size:9px;display:flex}.event svg{width:13px}.personavatar{color:#fff;border-radius:12px;place-items:center;width:43px;height:43px;font-size:11px;font-weight:900;display:grid;overflow:hidden}.personavatar img{object-fit:cover;width:100%;height:100%}.rolebadge{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:9px;margin-bottom:13px;padding:7px 12px;display:inline-flex}.rolebadge>span{background:var(--navy);width:32px;height:32px;color:var(--lime);border-radius:9px;place-items:center;display:grid}.rolebadge svg{width:17px}.rolebadge div{grid-template-columns:auto auto;column-gap:6px;display:grid}.rolebadge small{color:var(--muted);grid-column:1/-1;font-size:7px}.rolebadge b{font-size:10px}.rolebadge em{color:var(--muted);border-left:1px solid var(--line);padding-left:6px;font-size:8px;font-style:normal}.playerwelcome{color:#fff;background:linear-gradient(135deg,#07142e,#193b78);border-radius:20px;grid-template-columns:1fr 300px;align-items:center;gap:30px;padding:25px 32px;display:grid}.playerwelcome h2{margin:7px 0;font-size:28px}.playerwelcome p{color:#a5b4ca;font-size:11px}.playerwelcome .gamecard{height:300px}.playerwelcome .gamephoto{height:145px}.mission{gap:15px;display:flex}.mission>svg{background:var(--navy);width:42px;height:42px;color:var(--lime);border-radius:12px;padding:10px}.mission h3{margin:5px 0}.mission p{color:var(--muted);font-size:10px}.bar{background:#e7edf1;border-radius:8px;height:7px;overflow:hidden}.bar i{background:linear-gradient(90deg, var(--mint), var(--lime));height:100%;display:block}.gamepage{color:#fff;background:linear-gradient(145deg,#07142e,#10244a 62%,#092c3e);max-width:none;min-height:calc(100vh - 82px)}.gamepage .eyebrow{color:var(--lime)}.gamepage .titleline p{color:#93a5c0}.gamefilters{gap:8px;margin-bottom:20px;display:flex}.gamefilters button{color:#a8b7ce;background:#13294d;border:1px solid #385077;border-radius:18px;padding:8px 13px;font-size:10px}.gamefilters button.selected{background:var(--lime);border-color:var(--lime);color:var(--navy);font-weight:900}.gamecards{grid-template-columns:repeat(3,minmax(220px,1fr));gap:20px;max-width:1050px;display:grid}.gamecard{color:#fff;text-align:center;background:linear-gradient(155deg,#1a396c,#08162f 65%);border:1px solid #4c6798;border-radius:24px 24px 15px 15px;height:385px;padding:0;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 18px 45px #02081680}.gamecard:hover{border-color:var(--lime);transform:translateY(-5px)}.overall{z-index:2;display:grid;position:absolute;top:23px;left:20px}.overall strong{color:var(--lime);font-size:39px;line-height:1}.overall span{letter-spacing:2px;font-size:8px}.overall small{margin-top:7px;font-size:9px}.gamephoto{justify-content:center;align-items:flex-end;height:205px;margin-top:15px;display:flex}.gamephoto img{object-fit:cover;object-position:center top;border-radius:75px 75px 0 0;width:72%;height:100%}.silhouette{color:#7187a8;background:linear-gradient(#2d4e7a,#101d35);border-radius:65px 65px 18px 18px;align-content:center;place-items:center;width:145px;height:175px;display:grid}.silhouette svg{width:65px;height:65px}.silhouette small{color:var(--lime);font-size:7px}.gamename{text-transform:uppercase;padding:9px 14px 2px;font-size:17px;font-weight:900}.gameclub{letter-spacing:1px;color:#8ea1bd;justify-content:center;align-items:center;gap:4px;font-size:7px;display:flex}.gameclub svg{width:12px;color:var(--lime)}.gamestats{grid-template-columns:repeat(4,1fr);margin:11px 22px;display:grid}.gamestats span{border-right:1px solid #3b4f71}.gamestats span:last-child{border:0}.gamestats b,.gamestats small{display:block}.gamestats small{color:#8191aa;font-size:6px}.gamecard footer{color:var(--lime);letter-spacing:1px;background:#ffffff09;border-top:1px solid #ffffff18;padding:10px;font-size:7px;font-weight:900;position:absolute;inset:auto 0 0}.gamecard footer svg{width:12px}.singlecard{max-width:330px;margin:20px auto}.readonly{color:#24517d;background:#e7f3ff;border:1px solid #c9e0ff;border-radius:12px;align-items:center;gap:9px;margin-bottom:15px;padding:10px 13px;display:flex}.readonly svg{width:20px}.readonly b,.readonly small{font-size:9px;display:block}.profiletabs{border:1px solid var(--line);background:#fff;border-radius:12px;max-width:500px;margin-bottom:18px;padding:5px;display:flex}.profiletabs button{color:var(--muted);background:0 0;border:0;border-radius:8px;flex:1;padding:9px;font-size:10px;font-weight:800}.profiletabs button.active{background:var(--navy);color:#fff}.miniplayers{border:1px solid var(--line);background:#fff;border-radius:16px;overflow:hidden}.peoplegrid,.badges{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.person,.badges>div{border:1px solid var(--line);background:#fff;border-radius:16px;padding:19px;position:relative}.person .type{color:#63810e;background:#edf6d8;border-radius:6px;padding:5px;font-size:7px;font-weight:900;position:absolute;top:16px;right:15px}.person h3{font-size:13px}.person dl>div{border-top:1px solid var(--line);justify-content:space-between;padding:7px 0;display:flex}.person dt,.person dd{font-size:9px}.person dd{margin:0;font-weight:700}.softbtn{border:1px solid var(--line);background:#f6f8fa;border-radius:8px;align-items:center;gap:5px;padding:8px 11px;font-size:9px;font-weight:800;display:flex}.softbtn svg{width:13px}.table{border:1px solid var(--line);background:#fff;border-radius:16px;overflow:hidden}.tr{border-top:1px solid var(--line);grid-template-columns:1fr 120px 80px 1.5fr;align-items:center;gap:15px;padding:13px 17px;font-size:10px;display:grid}.tr.head{color:var(--muted);background:#f7f9fb;border:0;font-weight:900}.tr b,.tr small{display:block}.tr small{color:var(--muted)}.tr .score{color:#668c0b;font-size:19px;font-weight:900}.calendargrid{border:1px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:repeat(7,1fr);display:grid;overflow:hidden}.calendargrid>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:90px;padding:9px}.calendargrid b,.calendargrid small,.calendargrid span{display:block}.calendargrid small{color:#66840d;background:#e8f6c8;border-radius:5px;margin-top:9px;padding:4px;font-size:7px}.calendargrid span{color:var(--muted);margin-top:3px;font-size:8px}.eventlist{margin-top:16px}.badges>div>span{font-size:34px}.badges small{color:#71950d;margin-top:9px;font-size:7px;font-weight:900;display:block}.badges h3{margin:5px 0}.badges p{color:var(--muted);min-height:28px;font-size:10px}.badges b{font-size:9px}.backdrop{z-index:100;background:#07142dcc;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.drawer{background:#f5f8fa;width:480px;position:absolute;top:0;bottom:0;right:0;overflow:auto}.drawerclose{z-index:3;color:var(--navy);background:#fff;border:0;border-radius:9px;align-items:center;gap:5px;margin:10px 10px -45px auto;padding:8px 10px;font-size:9px;font-weight:900;display:flex;position:sticky;top:10px}.drawerclose svg{width:15px}.profilehero{color:#fff;text-align:center;background:linear-gradient(145deg,#07142e,#173664);padding:30px}.profilephoto{border:2px solid #fff5;border-radius:50px 50px 18px 18px;place-items:center;width:110px;height:125px;margin:auto auto 12px;display:grid;position:relative;overflow:hidden}.profilephoto>svg{width:45px}.profilephoto img{object-fit:cover;width:100%;height:100%}.profilephoto input{display:none}.profilephoto.editable{cursor:pointer}.profilephoto i{background:var(--lime);width:27px;height:27px;color:var(--navy);border-radius:8px;place-items:center;display:grid;position:absolute;bottom:5px;right:5px}.profilephoto i svg{width:14px}.profilehero .eyebrow{color:var(--lime)}.profilehero h2{margin:5px}.profilehero p{color:#9eacc1;font-size:10px}.profilehero>div{grid-template-columns:repeat(3,1fr);margin-top:18px;display:grid}.profilehero>div span{border-right:1px solid #344762}.profilehero b,.profilehero small{display:block}.profilehero b{color:var(--lime);font-size:19px}.profilehero small{font-size:8px}.profilebody{padding:22px 28px}.profileskill{grid-template-columns:90px 1fr 25px;align-items:center;gap:10px;margin:11px 0;font-size:10px;display:grid}.plan{background:#edf5dc;border:1px solid #d9e9b5;border-radius:12px;gap:11px;margin:20px 0;padding:13px;display:flex}.plan svg{color:#6e900f}.plan small{color:#6e900f;font-size:7px;font-weight:900}.plan h3{margin:4px 0;font-size:12px}.plan p{color:#60704f;font-size:9px}.achievement{border-top:1px solid var(--line);align-items:center;gap:10px;padding:10px 0;display:flex}.achievement svg{color:#d99d00}.achievement b,.achievement small{font-size:9px;display:block}.modal{background:#fff;border-radius:20px;width:100%;max-width:500px;padding:24px}.modalhead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:13px;display:flex}.modalhead h2{margin:0;font-size:18px}.modalhead button{background:#f0f3f5;border:0;border-radius:8px;align-items:center;gap:4px;padding:7px 9px;font-size:9px;font-weight:800;display:flex}.modalhead button svg{width:14px}.form{gap:13px;display:grid}.form label{gap:5px;font-size:9px;font-weight:800;display:grid}.form input,.form select{border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px}.formrow{grid-template-columns:1fr 1fr;gap:10px;display:grid}.form .primary{margin-top:5px}.installhelp{text-align:center;padding:20px}.installhelp>svg{background:var(--navy);width:50px;height:50px;color:var(--lime);border-radius:15px;padding:12px}.installhelp p{color:var(--muted);font-size:11px;line-height:1.6}.loginpage{background:#fff;grid-template-columns:1.15fr .85fr;min-height:100vh;display:grid}.loginvisual{color:#fff;background:linear-gradient(145deg,#07142e,#173a71);flex-direction:column;justify-content:center;padding:50px 65px;display:flex}.loginvisual .brand{position:absolute;top:30px;left:38px}.loginvisual .eyebrow{color:var(--lime)}.loginvisual h1{margin:12px 0;font-size:48px;line-height:1.05}.loginvisual>p{color:#a8b6ca;max-width:480px}.feature{align-items:center;gap:11px;margin-top:30px;display:flex}.feature>svg{width:45px;height:45px;color:var(--lime);background:#ffffff10;border-radius:13px;padding:11px}.feature b,.feature small{display:block}.feature small{color:#8fa1bb;font-size:9px}.loginbox{gap:12px;width:100%;max-width:410px;margin:auto;padding:40px;display:grid}.loginbox h2,.loginbox p{margin:0}.loginbox>p{color:var(--muted);margin-bottom:7px;font-size:10px}.loginbox>label{gap:5px;font-size:9px;font-weight:800;display:grid}.loginbox input{border:1px solid var(--line);border-radius:9px;padding:11px}.formerror{color:#b72828;background:#fff0f0;border-radius:7px;padding:8px;font-size:9px}.demo{border-top:1px solid var(--line);grid-template-columns:repeat(2,1fr);gap:6px;margin-top:10px;padding-top:13px;display:grid}.demo>b,.demo>small{color:var(--muted);grid-column:1/-1;font-size:8px}.demo button{border:1px solid var(--line);background:#f7f9fa;border-radius:7px;padding:7px;font-size:8px;font-weight:800}.tour{text-align:center;background:#fff;border-radius:22px;width:100%;max-width:500px;padding:35px;position:relative}.tourclose{background:#f0f3f5;border:0;border-radius:8px;align-items:center;gap:3px;padding:7px;font-size:8px;font-weight:800;display:flex;position:absolute;top:13px;right:13px}.tourclose svg{width:13px}.touricon{background:var(--navy);width:58px;height:58px;color:var(--lime);border-radius:17px;place-items:center;margin:auto auto 13px;display:grid}.tour h2{margin:8px}.tour p{color:var(--muted);font-size:11px;line-height:1.6}.tourprogress{justify-content:center;gap:5px;margin:20px 0 7px;display:flex}.tourprogress i{background:#dfe5e9;border-radius:5px;width:35px;height:4px}.tourprogress i.active{background:var(--lime)}.tour>small{color:var(--muted);font-size:8px}.touractions{justify-content:space-between;margin-top:20px;display:flex}.touractions button{border:1px solid var(--line);background:#f6f8fa;border-radius:9px;align-items:center;gap:5px;padding:9px 13px;font-size:9px;font-weight:800;display:flex}.touractions button svg{width:14px}.touractions .primary{background:var(--lime)}.dontshow{color:var(--muted);margin-top:15px;font-size:8px;display:block}.toast{z-index:150;background:var(--navy);color:#fff;border-radius:10px;align-items:center;gap:7px;padding:12px 16px;font-size:10px;display:flex;position:fixed;bottom:22px;right:22px}.toast svg{width:17px;color:var(--lime)}.familyplayer .playerrow{margin-top:7px}.familynote{color:#28547d;background:#eaf4ff;border-radius:11px;align-items:center;gap:9px;margin-top:12px;padding:11px;display:flex}.familynote svg{width:20px}.familynote b,.familynote small{font-size:9px;display:block}.familynote small{color:#62809b;margin-top:2px}@media (max-width:1000px){.gamecards,.peoplegrid,.badges,.stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:780px){aside{transition:all .2s;transform:translate(-100%)}.open{transform:translate(0)}.close{color:#fff;background:#ffffff14;display:flex;position:absolute;top:10px;right:10px}.hamb{background:0 0;border:0;display:block}main{margin:0}header{padding:0 15px}.content{padding:18px 14px}.identity div{display:none}.grid{grid-template-columns:1fr}.heroScore{display:none}.playerwelcome{grid-template-columns:1fr;padding:23px}.playerwelcome .gamecard{width:100%;max-width:310px;margin:auto}.calendargrid{grid-template-columns:repeat(5,1fr)}.tr{grid-template-columns:1fr 80px 45px}.tr span:last-child{display:none}.loginpage{grid-template-columns:1fr}.loginvisual{display:none}.drawer{width:100%}}@media (max-width:560px){.gamecards,.peoplegrid,.badges{grid-template-columns:1fr}.gamecards{max-width:350px;margin:auto}.stats{gap:8px}.stat{padding:11px}.hero{padding:22px}.hero h2{font-size:22px}.titleline{align-items:flex-start}.titleline .primary{padding:10px;font-size:0}.titleline .primary svg{margin:0}.calendargrid{grid-template-columns:repeat(3,1fr)}.loginbox{padding:25px}.formrow,.demo{grid-template-columns:1fr}.demo>b,.demo>small{grid-column:auto}.tour{padding:32px 20px}.profilebody{padding:20px}.modal{padding:18px}}body{background:var(--bg);-webkit-font-smoothing:antialiased}aside{background:radial-gradient(circle at 20% 5%,#69d8ed1f,#0000 16rem),linear-gradient(#102741,#0d1d31);border-right:0;width:264px;padding:28px 18px 20px;box-shadow:12px 0 40px #091e3217}main{margin-left:264px}.brand{letter-spacing:.6px}.ball{background:linear-gradient(140deg, var(--lime), #73e8b5);border-radius:15px;box-shadow:0 8px 24px #c7f64c2e}nav{gap:7px}nav button,.logout,.sideaction{border-radius:13px;min-height:44px;font-size:12px;transition:background .18s,color .18s,transform .18s}nav button:hover,.sideaction:hover,.logout:hover{color:#fff;background:#ffffff12}nav button.active{box-shadow:none;color:#fff;background:#ffffff1a}nav button.active:before{content:"";background:var(--lime);border-radius:5px;width:4px;height:20px;margin-left:-8px}.club{background:#fff1;border:1px solid #ffffff1a;border-radius:16px;padding:13px}header{background:#ffffffd1;border-bottom:1px solid #dee7e5cc;height:78px;padding:0 36px;box-shadow:0 4px 20px #1c374c09}header h1{letter-spacing:-.5px;font-size:22px}.identity>span{color:#536e13;background:#eaf7d5;border-radius:50%}.content{padding:30px 36px 42px}.eyebrow{color:#6a7d8f;letter-spacing:1.35px}.rolebadge{box-shadow:var(--shadow);border:0;border-radius:14px;padding:8px 13px 8px 8px}.hero,.playerwelcome{box-shadow:var(--shadow-strong);background:radial-gradient(circle at 88% 20%,#69d8ed40,#0000 12rem),linear-gradient(125deg,#143250,#1f5072);border-radius:26px;position:relative;overflow:hidden}.hero:after,.playerwelcome:after{content:"";pointer-events:none;border:24px solid #ffffff0b;border-radius:50%;width:170px;height:170px;position:absolute;bottom:-110px;right:-70px}.hero h2,.playerwelcome h2{letter-spacing:-.75px}.hero button,.primary{border-radius:13px;min-height:42px;box-shadow:0 8px 20px #5d7a1c24}.adminhero{background:radial-gradient(circle at 88% 20%,#7667e845,#0000 13rem),linear-gradient(125deg,#263556,#405b87)}.stats{gap:16px;margin:20px 0}.stat,.panel,.person,.badges>div,.table,.miniplayers,.calendargrid{box-shadow:var(--shadow);border:0}.stat{border-radius:18px;align-items:center;padding:18px}.stat>svg{color:#66801e;background:#eff8de;border-radius:13px;flex:none}.stat strong{letter-spacing:-.5px}.panel{border-radius:20px;padding:21px}.playerrow{min-height:66px;transition:background .18s}.playerrow:hover{background:#f8fbf9}.personavatar{border-radius:14px}.event>div{color:#4e6811;background:#eff8de;border-radius:12px}.familynote,.readonly{background:#eef7fb;border:0;border-radius:14px}.plan{background:#f0f8df;border:0;border-radius:16px}.gamecard{background:radial-gradient(circle at 50% 25%,#69d8ed29,#0000 10rem),linear-gradient(155deg,#24527a,#10243e 64%);border:1px solid #9ecae652;border-radius:28px 28px 18px 18px;box-shadow:0 22px 55px #040f1d57}.gamecard:hover{border-color:#c7f64ccc;box-shadow:0 25px 65px #040f1d73}.silhouette{background:linear-gradient(160deg,#426888,#1b3551)}.profiletabs{box-shadow:var(--shadow);border:0;border-radius:15px}.profiletabs button{border-radius:11px;min-height:38px}.person,.badges>div,.calendargrid{border-radius:20px}.modal,.tour{border-radius:26px;box-shadow:0 28px 80px #07142e47}.drawer{background:#f5f8f7;box-shadow:-20px 0 60px #07142e2e}.loginpage{background:#f7faf8}.loginvisual{background:radial-gradient(circle at 25% 78%,#c7f64c29,#0000 18rem),radial-gradient(circle at 85% 15%,#69d8ed2e,#0000 18rem),linear-gradient(145deg,#10243e,#1c4969);position:relative;overflow:hidden}.loginvisual:after{content:"";border:55px solid #ffffff09;border-radius:50%;width:380px;height:380px;position:absolute;bottom:-190px;right:-190px}.loginbox{max-width:430px;box-shadow:var(--shadow-strong);background:#fff;border-radius:26px;margin:auto 7vw}.loginbox input,.form input,.form select{background:#fbfdfc;border-color:#dce6e3;border-radius:12px;outline:none;min-height:45px}.loginbox input:focus,.form input:focus,.form select:focus{border-color:#7aa6a0;box-shadow:0 0 0 3px #38d6b21f}.demo button{background:#f6f9f7;border-radius:10px;min-height:36px}.demo button:hover{background:#eff7f3;border-color:#a9c5bd}.loginMobileBrand,.mobileNav{display:none}@media (max-width:780px){body{background:#f4f7f6}.app{padding-bottom:calc(76px + env(safe-area-inset-bottom))}main{margin:0}aside{width:min(86vw,330px);padding:24px 18px calc(20px + env(safe-area-inset-bottom));z-index:80;box-shadow:24px 0 70px #06152447}aside.open:after{content:"";-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#07142e5c;position:fixed;inset:0 0 0 min(86vw,330px)}header{border-bottom:0;height:68px;padding:0 16px;box-shadow:0 5px 24px #1c374c0e}header h1{font-size:18px}header p{font-size:9px}.hamb{width:42px;height:42px;color:var(--navy);background:#eef3f1;border-radius:13px;place-items:center;margin-right:10px;display:grid}.hamb svg{width:20px}header>div:nth-child(2){margin-right:auto}.identity>span{width:40px;height:40px}.content{padding:18px 15px 30px}.rolebadge{width:100%;margin-bottom:14px;box-shadow:0 7px 22px #1e3b4e0f}.rolebadge div{grid-template-columns:auto 1fr}.rolebadge em{justify-self:start}.hero,.playerwelcome{border-radius:22px;padding:24px 21px}.hero h2,.playerwelcome h2{font-size:24px;line-height:1.08}.hero p,.playerwelcome p{max-width:90%;font-size:11px;line-height:1.55}.hero button,.playerwelcome .primary{width:100%;margin-top:8px}.stats{scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;margin:15px -15px 18px;padding:2px 15px 12px;display:flex;overflow-x:auto}.stats::-webkit-scrollbar{display:none}.stat{scroll-snap-align:start;flex:0 0 154px;align-items:flex-start;min-height:102px;padding:15px}.stat>svg{width:36px;height:36px;padding:8px}.stat strong{font-size:19px}.grid{gap:13px}.panel{border-radius:18px;padding:17px}.panelhead h3{font-size:15px}.playerrow{grid-template-columns:45px 1fr auto 15px;gap:9px;min-height:70px}.playerrow>strong{display:none}.event{grid-template-columns:48px 1fr 14px;min-height:68px}.titleline{gap:12px;margin-bottom:18px}.titleline h2{letter-spacing:-.5px;font-size:22px}.titleline p{line-height:1.45}.gamepage{min-height:calc(100vh - 144px)}.gamefilters{scrollbar-width:none;margin:0 -15px 20px;padding:0 15px;overflow-x:auto}.gamefilters button{min-width:max-content;min-height:36px}.gamecards{gap:18px}.gamecard{width:100%;max-width:330px}.singlecard{margin:14px auto 26px}.profiletabs{max-width:none;overflow-x:auto}.profiletabs button{white-space:nowrap}.peoplegrid,.badges{gap:12px}.person,.badges>div{border-radius:18px;padding:17px}.calendargrid{display:none}.eventlist{margin-top:0}.table{box-shadow:none;background:0 0;gap:10px;display:grid;overflow:visible}.tr.head{display:none}.tr{box-shadow:var(--shadow);background:#fff;border:0;border-radius:16px;grid-template-columns:1fr auto;gap:8px 15px;padding:16px}.tr>span:nth-child(2){color:var(--muted);font-size:9px}.tr>span:nth-child(3){grid-area:1/2/3;align-self:center;font-size:26px}.mobileNav{z-index:50;left:8px;right:8px;bottom:max(8px, env(safe-area-inset-bottom));scrollbar-width:none;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border:1px solid #e0e8e5e6;border-radius:22px;align-items:center;gap:2px;height:66px;padding:7px;display:flex;position:fixed;overflow-x:auto;box-shadow:0 12px 38px #152d412e}.mobileNav::-webkit-scrollbar{display:none}.mobileNav button{color:#81909f;background:0 0;border:0;border-radius:16px;flex:1 0 58px;align-content:center;place-items:center;gap:2px;min-width:58px;height:52px;font-size:7px;font-weight:800;display:grid}.mobileNav button svg{width:20px;height:20px}.mobileNav button.active{color:#223a44;background:#eefad9}.backdrop{align-items:end;padding:10px}.modal,.tour{border-radius:24px;max-height:92vh;overflow-y:auto}.drawer{border-radius:25px 25px 0 0;width:auto;inset:8px 8px 0}.profilehero{padding-top:54px}.toast{border-radius:14px;justify-content:center;bottom:88px;left:16px;right:16px}.loginpage{background:radial-gradient(circle at 90% 3%,#69d8ed33,#0000 15rem),radial-gradient(circle at 5% 95%,#c7f64c2e,#0000 17rem),#f4f8f6;align-items:center;min-height:100svh;padding:20px 16px;display:flex}.loginbox{border-radius:24px;margin:auto;padding:26px 22px}.loginMobileBrand{margin-bottom:10px;display:block}.loginMobileBrand .brand{color:var(--navy);padding:0 0 8px}.loginMobileBrand .brand small{color:#7b8995}.loginbox h2{font-size:24px}.demo{grid-template-columns:repeat(2,1fr)}.demo>b,.demo>small{grid-column:1/-1}}@media (max-width:390px){.content{padding-left:12px;padding-right:12px}.hero,.playerwelcome{padding:21px 18px}.hero h2,.playerwelcome h2{font-size:22px}.stat{flex-basis:146px}.loginbox{padding:23px 18px}}:root{--navy:#07111f;--blue:#12243c;--lime:#b9ff4a;--mint:#35e6bd;--cyan:#49d7ff;--violet:#7b6cff;--bg:#eef2f6;--text:#102037;--muted:#66768a;--line:#dbe3eb;--shadow:0 12px 30px #0b1b2f14;--shadow-strong:0 22px 60px #040f1d33}body{background:#edf2f7}.app{background:linear-gradient(#16355109 1px,#0000 1px) 0 0/28px 28px,linear-gradient(90deg,#16355109 1px,#0000 1px) 0 0/28px 28px,radial-gradient(circle at 85% 0,#49d7ff21,#0000 30rem),#edf2f7}aside{background:linear-gradient(#49d7ff09 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,#49d7ff09 1px,#0000 1px) 0 0/24px 24px,linear-gradient(#09182a,#050c16);border-right:1px solid #49d7ff21}.ball{color:#03101d;background:linear-gradient(135deg, var(--cyan), var(--lime));border-radius:12px;transform:skew(-4deg);box-shadow:0 0 28px #49d7ff3d}.brand small{color:#7290aa;font-size:.68rem}nav button,.logout,.sideaction{font-size:.82rem}nav button.active{background:linear-gradient(90deg,#49d7ff29,#b9ff4a0f);outline:1px solid #49d7ff2e}nav button.active:before{background:var(--cyan);box-shadow:0 0 12px #49d7ffcc}.club{background:#0a1f32e6;border-color:#49d7ff26}.club b,.club small{font-size:.72rem}header{background:#f6f9fcdb;border-bottom:1px solid #879fb433}header h1{color:#0b1c30;font-weight:850}header p,.identity b,.identity small{font-size:.75rem}.identity>span{color:var(--cyan);background:#071827;border:1px solid #49d7ff3d;box-shadow:0 0 20px #49d7ff1f}.eyebrow{color:#567087;font-size:.72rem}.rolebadge{border:1px solid #63829b29;border-radius:12px;box-shadow:0 9px 24px #0b1b2f0f}.rolebadge>span{color:var(--cyan);background:#071827;border-radius:9px}.rolebadge small{font-size:.65rem}.rolebadge b,.rolebadge em{font-size:.75rem}.hero,.playerwelcome{background:linear-gradient(#49d7ff0b 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,#49d7ff0b 1px,#0000 1px) 0 0/24px 24px,radial-gradient(circle at 88% 18%,#49d7ff33,#0000 14rem),linear-gradient(125deg,#0a192a,#132d49);border:1px solid #49d7ff33;border-radius:18px}.guardianhero{background:linear-gradient(#35e6bd0b 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,#35e6bd0b 1px,#0000 1px) 0 0/24px 24px,radial-gradient(circle at 88% 18%,#35e6bd33,#0000 14rem),linear-gradient(125deg,#09202a,#123c43)}.hero p,.playerwelcome p{font-size:.9rem}.hero button,.primary{background:linear-gradient(135deg, var(--lime), #6ff2b9);color:#061422;border-radius:10px;font-size:.82rem;box-shadow:0 8px 22px #6ff2b929}.stat,.panel,.person,.badges>div,.table,.miniplayers,.calendargrid{border:1px solid #8197ad29;border-radius:14px;box-shadow:0 10px 28px #0b1b2f11}.stat>svg{color:var(--cyan);background:#071827;border-radius:9px}.stat b,.stat small,.panelhead p,.playerrow small,.event span small{font-size:.72rem}.stat strong{font-variant-numeric:tabular-nums}.gamepage{background:linear-gradient(#49d7ff09 1px,#0000 1px) 0 0/26px 26px,linear-gradient(90deg,#49d7ff09 1px,#0000 1px) 0 0/26px 26px,radial-gradient(circle at 85% 4%,#49d7ff24,#0000 25rem),#071421}.gamecard{clip-path:polygon(0 16px,16px 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%);background:linear-gradient(#49d7ff0a 1px,#0000 1px) 0 0/22px 22px,linear-gradient(90deg,#49d7ff0a 1px,#0000 1px) 0 0/22px 22px,radial-gradient(circle at 50% 24%,#49d7ff2e,#0000 11rem),linear-gradient(155deg,#173956,#071421 65%);border-radius:18px 18px 10px 10px}.overall strong,.profilehero b{color:var(--cyan);text-shadow:0 0 18px #49d7ff52}.profilehero{background:linear-gradient(#49d7ff0a 1px,#0000 1px) 0 0/22px 22px,linear-gradient(90deg,#49d7ff0a 1px,#0000 1px) 0 0/22px 22px,linear-gradient(145deg,#071421,#183d5b)}.loginvisual{background:linear-gradient(#49d7ff0a 1px,#0000 1px) 0 0/28px 28px,linear-gradient(90deg,#49d7ff0a 1px,#0000 1px) 0 0/28px 28px,radial-gradient(circle at 20% 80%,#b9ff4a1f,#0000 18rem),radial-gradient(circle at 80% 15%,#49d7ff33,#0000 18rem),#061321}.loginbox{border:1px solid #49d7ff2e;border-radius:16px}.loginbox>p,.loginbox>label,.demo>b,.demo>small,.demo button{font-size:.75rem}.loadpage{max-width:1600px}.loadtop{justify-content:space-between;align-items:end;gap:24px;margin-bottom:20px;display:flex}.loadtop h2{letter-spacing:-.04em;margin:10px 0 4px;font-size:2rem}.loadtop p{color:var(--muted);margin:0;font-size:.9rem}.systemtag{color:#087ea4;letter-spacing:.13em;align-items:center;gap:7px;font-size:.72rem;font-weight:900;display:inline-flex}.systemtag svg{width:15px;fill:var(--cyan)}.loadactions{gap:10px;display:flex}.loadactions button,.loadfoot button{border-radius:10px;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-size:.8rem;font-weight:900;display:flex}.loadactions svg,.loadfoot svg{width:17px}.exportbtn{color:#17324d;background:#fff;border:1px solid #cbd8e4}.loadmetrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.loadmetrics>div{color:#fff;background:linear-gradient(90deg,#49d7ff14,#0000),#091827;border:1px solid #49d7ff29;border-radius:12px;align-items:center;gap:12px;min-height:82px;padding:15px 17px;display:flex;box-shadow:0 12px 28px #06111f1f}.loadmetrics svg{width:38px;height:38px;color:var(--cyan);background:#49d7ff12;border:1px solid #49d7ff33;border-radius:9px;padding:9px}.loadmetrics span,.loadmetrics small,.loadmetrics strong{display:block}.loadmetrics small{color:#7891a7;letter-spacing:.1em;font-size:.66rem;font-weight:900}.loadmetrics strong{color:#fff;font-variant-numeric:tabular-nums;margin-top:3px;font-size:1.35rem}.loadtoolbar{box-shadow:var(--shadow);background:#ffffffdb;border:1px solid #7e97ad2b;border-radius:12px;grid-template-columns:180px minmax(220px,1fr) 180px;gap:10px;margin-bottom:12px;padding:12px;display:grid}.loadtoolbar label{background:#f8fafc;border:1px solid #d8e2eb;border-radius:9px;min-height:48px}.datefield,.filterfield{grid-template-columns:1fr auto;align-items:center;padding-left:12px;display:grid}.datefield span,.filterfield span{color:#6b7f91;font-size:.68rem;font-weight:800}.loadtoolbar input,.loadtoolbar select{color:#162c42;background:0 0;border:0;outline:0;height:46px;font-size:.8rem;font-weight:750}.datefield input{width:116px}.filterfield select{width:95px}.searchfield{align-items:center;gap:8px;padding:0 12px;display:flex}.searchfield svg{color:#7b8c9c;width:18px}.searchfield input{width:100%;font-size:.85rem}.scoreboard{background:#fff;border:1px solid #69869e33;border-radius:13px;overflow-x:auto;box-shadow:0 16px 40px #0b1b2f1a}.scorehead,.scorerow{grid-template-columns:minmax(220px,1.7fr) 110px repeat(5,minmax(92px,.72fr)) 72px;align-items:stretch;min-width:960px;display:grid}.scorehead{z-index:2;color:#88a1b6;letter-spacing:.08em;text-transform:uppercase;background:#081725;font-size:.68rem;font-weight:900;position:sticky;top:0}.scorehead span{border-right:1px solid #49d7ff17;padding:13px 10px}.scorerow{border-top:1px solid #e7edf2;min-height:78px;transition:background .18s,opacity .18s}.scorerow:hover{background:#f4fbfd}.scorerow.absent{opacity:.5;background:#f3f5f7}.scoreplayer{align-items:center;gap:11px;padding:10px 13px;display:flex}.scoreplayer b,.scoreplayer small{display:block}.scoreplayer b{font-size:.82rem}.scoreplayer small{color:#75879a;margin-top:3px;font-size:.68rem}.attendance{color:#7e8995;background:#f4f6f8;border:1px solid #d8e0e7;border-radius:18px;justify-content:center;place-self:center;align-items:center;gap:5px;width:92px;min-height:34px;font-size:.68rem;font-weight:850;display:flex}.attendance svg{width:14px}.attendance.present{color:#17886d;background:#e9f9f4;border-color:#b9eadc}.scorecell{border-left:1px solid #edf1f4;align-content:center;place-items:center;gap:4px;display:grid}.scorecell small{color:#6c7c8e;text-overflow:ellipsis;white-space:nowrap;max-width:80px;font-size:.64rem;overflow:hidden}.scorecell input{color:#0c3047;text-align:center;font-variant-numeric:tabular-nums;background:#f7fafc;border:1px solid #cbd9e4;border-radius:8px;outline:0;width:55px;height:36px;font-size:.95rem;font-weight:900}.scorecell input:focus{border-color:var(--cyan);background:#fff;box-shadow:0 0 0 3px #49d7ff24}.scorecell input:disabled{color:#99a5af;background:#e9edf0}.rowaverage{color:#05243a;font-variant-numeric:tabular-nums;background:linear-gradient(135deg,#49d7ff24,#b9ff4a2e);border-left:1px solid #d6e6eb;place-items:center;font-size:1.3rem;display:grid}.loadfoot{color:#a9bdcf;background:#0a1929;border:1px solid #49d7ff24;border-radius:12px;justify-content:space-between;align-items:center;gap:15px;margin-top:12px;padding:13px 15px;font-size:.75rem;display:flex}.loadfoot>span{align-items:center;gap:7px;display:flex}.loadfoot>span svg{color:var(--mint)}@media (max-width:780px){.app{background-color:#edf2f7;background-image:linear-gradient(#16355108 1px,#0000 1px),linear-gradient(90deg,#16355108 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:22px 22px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.mobileNav{background:#050e18f5;border-color:#49d7ff29;border-radius:16px;box-shadow:0 14px 40px #030a124d}.mobileNav button{color:#6f879b;font-size:.62rem}.mobileNav button.active{color:var(--cyan);background:#49d7ff1c;outline:1px solid #49d7ff2b}.hero,.playerwelcome{border-radius:15px}.loadtop{flex-direction:column;align-items:stretch;gap:16px}.loadtop h2{font-size:1.65rem}.loadactions{grid-template-columns:1fr 1fr;display:grid}.loadactions button{justify-content:center;padding:0 10px}.loadmetrics{scrollbar-width:none;margin-right:-15px;padding-right:15px;display:flex;overflow-x:auto}.loadmetrics>div{flex:0 0 165px}.loadtoolbar{grid-template-columns:1fr}.scoreboard{box-shadow:none;background:0 0;border:0;overflow:visible}.scorehead{display:none}.scorerow{min-width:0;min-height:0;box-shadow:var(--shadow);background:#fff;border:1px solid #728fa72b;border-radius:13px;grid-template-columns:1fr auto;gap:12px 8px;margin-bottom:12px;padding:13px;display:grid}.scoreplayer{padding:0}.attendance{justify-self:end;width:90px}.scorecell{background:#f8fafc;border:1px solid #e4ebf0;border-radius:9px;min-width:0;padding:8px 3px}.scorecell:first-of-type{grid-column:1}.scorecell:nth-of-type(2){grid-column:2}.scorecell:nth-of-type(3),.scorecell:nth-of-type(4),.scorecell:nth-of-type(5){grid-column:auto}.scorerow{grid-template-columns:repeat(6,1fr)}.scoreplayer{grid-column:1/5}.attendance{grid-column:5/7}.scorecell{grid-column:span 1!important}.rowaverage{border:0;border-radius:9px;min-height:58px}.loadfoot{flex-direction:column;align-items:stretch}.loadfoot button{justify-content:center}}@media (max-width:440px){.loadactions{grid-template-columns:1fr}.scorerow{grid-template-columns:repeat(3,1fr)}.scoreplayer{grid-column:1/3}.attendance{grid-column:3}.scorecell,.rowaverage{min-height:62px}}.persondetail{gap:16px;display:grid}.persondetail .personavatar{width:68px;height:68px;font-size:20px}.persondetail .type{width:fit-content}.persondetail dl{border:1px solid var(--line);border-radius:14px;margin:0;display:grid;overflow:hidden}.persondetail dl>div{background:#fff;grid-template-columns:120px 1fr;gap:14px;padding:13px 15px;display:grid}.persondetail dl>div+div{border-top:1px solid var(--line)}.persondetail dt{color:var(--muted);font-size:.75rem;font-weight:800}.persondetail dd{color:var(--text);margin:0;font-size:.82rem;font-weight:750}.loginpage{background:#050d17;grid-template-columns:minmax(0,1.22fr) minmax(390px,.78fr);min-height:100svh}.loginvisual{isolation:isolate;background-image:linear-gradient(90deg,#030a14f5 0%,#030c17bd 43%,#030c172e 78%),linear-gradient(#0000 42%,#02080ff5 100%),url(/skillgol-football-hero-v2.webp);background-position:50%;background-size:cover;justify-content:flex-end;min-height:100svh;padding:clamp(110px,14vh,150px) clamp(42px,6vw,94px) 54px}.loginvisual:before{content:"";z-index:-1;pointer-events:none;background-color:#0000;background-image:linear-gradient(#49d7ff0b 1px,#0000 1px),linear-gradient(90deg,#49d7ff0b 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:42px 42px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 80%);mask-image:linear-gradient(90deg,#000,#0000 80%)}.loginvisual:after{content:"LIVE PERFORMANCE DATA";color:#49d7ff7a;letter-spacing:.22em;border:0;border-radius:0;width:auto;height:auto;font-size:9px;font-weight:900;position:absolute;bottom:23px;right:20px}.loginvisual>*{z-index:1;position:relative}.loginvisual .brand{top:30px;left:clamp(38px,5vw,76px)}.loginvisual .brand .ball{border:1px solid #b9ff4a75;box-shadow:0 0 32px #b9ff4a33}.footballstatus{color:#8ea9bf;letter-spacing:.16em;justify-content:space-between;align-items:center;max-width:660px;font-size:9px;font-weight:850;display:flex;position:absolute;top:84px;left:0;right:0}.footballstatus span:first-child{color:var(--lime);align-items:center;gap:7px;display:inline-flex}.footballstatus svg{filter:drop-shadow(0 0 7px #b9ff4a99);width:13px;height:13px}.loginvisual .eyebrow{color:var(--cyan);letter-spacing:.18em;margin-bottom:10px}.loginvisual h1{letter-spacing:-.055em;text-wrap:balance;text-shadow:0 8px 35px #00000061;max-width:760px;margin:0;font-size:clamp(46px,5.1vw,78px);line-height:.97}.loginvisual>p{color:#adc2d2;max-width:610px;margin:20px 0 0;font-size:14px;line-height:1.65}.footballhud{clip-path:polygon(0 14px,14px 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:linear-gradient(110deg,#051422eb,#091e2fad);border:1px solid #49d7ff40;grid-template-columns:150px 1fr;width:min(100%,590px);margin-top:27px;display:grid;box-shadow:inset 0 0 32px #49d7ff0b,0 18px 50px #00000038}.hudlevel{border-right:1px solid #49d7ff33;align-content:center;min-height:112px;padding:17px 20px;display:grid}.hudlevel>span,.hudmetrics span{color:#7f9aad;letter-spacing:.14em;font-size:8px;font-weight:900}.hudlevel strong{color:#fff;text-shadow:0 0 22px #49d7ff73;font-size:45px;line-height:1}.hudlevel small{color:var(--lime);align-items:center;gap:5px;font-size:8px;display:flex}.hudlevel small svg{width:11px;height:11px}.hudmetrics{grid-template-columns:repeat(3,1fr);align-items:center;display:grid}.hudmetrics span{text-align:center;gap:6px;padding:18px;display:grid}.hudmetrics span+span{border-left:1px solid #49d7ff21}.hudmetrics b{color:#fff;letter-spacing:-.04em;font-size:25px}.footballfeature{border-left:2px solid var(--lime);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#04101cb3;width:min(100%,590px);margin-top:10px;padding:12px 15px}.footballfeature>svg:first-child{border-radius:50%;width:34px;height:34px;padding:8px}.footballfeature .featurezap{width:17px;height:17px;color:var(--lime);background:0 0;border-radius:0;margin-left:auto;padding:0}.loginbox{color:#f4f9fc;background:linear-gradient(#49d7ff06 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,#49d7ff06 1px,#0000 1px) 0 0/24px 24px,#091726;border:1px solid #49d7ff2e;border-radius:20px;width:min(100% - 56px,455px);max-width:455px;margin:auto;padding:38px;box-shadow:0 30px 80px #0006}.loginbox .eyebrow{color:var(--lime);letter-spacing:.16em}.loginbox h2{letter-spacing:-.035em;font-size:30px}.loginbox>p,.loginbox>label,.demo>b,.demo>small{color:#91a7b9}.loginbox>label{color:#c8d5df;letter-spacing:.04em}.loginbox input{color:#f5fbff;background:#030d17b3;border-color:#799eb740}.loginbox input::placeholder{color:#5f7689}.loginbox input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #49d7ff1f,0 0 24px #49d7ff14}.loginbox .primary{color:#07111f;background:linear-gradient(90deg, var(--lime), #8de75a);box-shadow:0 10px 30px #b9ff4a26}.loginbox .primary:hover{transform:translateY(-1px);box-shadow:0 13px 34px #b9ff4a3d}.demo{border-color:#799eb72e}.demo button{color:#cfe0eb;background:#0c2233c7;border-color:#799eb733;min-height:39px}:is(.demo button:hover,.demo button:focus-visible){color:var(--lime);background:#b9ff4a14;border-color:#b9ff4a80}@media (max-width:900px){.loginpage{background:#06111d;display:block}.loginvisual{background-position:63%;justify-content:flex-end;min-height:370px;padding:112px 24px 48px;display:flex}.loginvisual .brand{top:22px;left:22px}.footballstatus{top:72px;left:24px;right:24px}.loginvisual .eyebrow{font-size:8px}.loginvisual h1{max-width:530px;font-size:clamp(34px,8vw,52px)}.loginvisual>p,.footballfeature{display:none}.footballhud{max-width:520px;margin-top:18px}.loginbox{z-index:3;width:min(100% - 28px,455px);margin:-24px auto 24px;padding:30px 25px;position:relative}.loginMobileBrand{display:none}}@media (max-width:560px){.loginpage{background:#06111d;min-height:100svh;padding:0 0 8px}.loginvisual{background-position:67%;min-height:330px;padding:106px 18px 43px}.loginvisual .brand{left:18px}.footballstatus{left:18px;right:18px}.footballstatus span:last-child{display:none}.loginvisual h1{font-size:clamp(32px,9.7vw,43px)}.footballhud{grid-template-columns:92px 1fr}.hudlevel{min-height:82px;padding:11px 12px}.hudlevel strong{font-size:31px}.hudlevel small{font-size:0}.hudlevel small:after{content:"+7";font-size:8px}.hudmetrics span{padding:10px 5px;font-size:6px}.hudmetrics b{font-size:18px}.loginbox{border-radius:18px;margin-top:-18px;padding:27px 21px}.loginbox h2{font-size:27px}}