:root{--bg:#030812;--navy:#0a1627;--surface:#0b1729;--surface2:#101e34;--stroke:#213958;--blue:#2861ff;--blueLight:#6db2ff;--txt:#eef5ff;--muted:#8ea5c2;--green:#22c55e;--red:#ff5674;--gold:#e5bc64;--radius:15px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--txt);font:14px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 88% -4%,rgba(34,88,174,.13),transparent 43%),linear-gradient(90deg,transparent 49.95%,rgba(31,71,119,.05) 50%,transparent 50.05%);z-index:-1}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}input,select,textarea{outline:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #8cc6ff;outline-offset:3px}img{max-width:100%;display:block}svg{flex-shrink:0}h1,h2,h3,h4,p{margin:0}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}
.starfield{position:fixed;inset:0;overflow:hidden;z-index:-1;pointer-events:none}.stars{position:absolute;inset:0;background-repeat:repeat;opacity:.52}.stars-a{background-image:radial-gradient(1px 1px at 26px 44px,#c6e8ff 99%,transparent),radial-gradient(1px 1px at 198px 128px,#fff 99%,transparent),radial-gradient(2px 2px at 302px 261px,#6aabf7 99%,transparent);background-size:370px 290px;animation:drift 120s linear infinite}.stars-b{background-image:radial-gradient(1px 1px at 62px 84px,#fff 99%,transparent),radial-gradient(1.5px 1.5px at 200px 238px,#a0c9ff 99%,transparent);background-size:431px 340px;animation:drift 180s linear infinite reverse;opacity:.32}.meteor{position:absolute;width:200px;height:1px;background:linear-gradient(90deg,transparent,rgba(71,146,255,.3),#e3f6ff);filter:drop-shadow(0 0 6px #6fb7ff);transform:rotate(-33deg) translateX(-120vw);animation:meteor 19s linear infinite;top:12%;left:120%}.meteor.m2{top:29%;animation-delay:-9s;animation-duration:26s;width:115px}.meteor.m3{top:61%;animation-delay:-13s;animation-duration:31s;width:150px}.meteor.m4{top:78%;animation-delay:-4s;animation-duration:36s;width:110px}@keyframes meteor{0%,77%{transform:rotate(-33deg) translateX(0);opacity:0}79%{opacity:1}87%,100%{transform:rotate(-33deg) translateX(-240vw);opacity:0}}@keyframes drift{to{transform:translateY(-180px)}}@keyframes float{50%{transform:translateY(-12px)}}@keyframes glow{50%{box-shadow:0 0 55px rgba(45,99,255,.32)}}@keyframes loadIn{0%{opacity:0;transform:translateY(15px)}100%{opacity:1;transform:translateY(0)}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.35}}
/* shared */
.label{font-size:10px;font-weight:800;letter-spacing:2.1px;color:var(--blueLight);text-transform:uppercase}.muted{color:var(--muted)}.fine{font-size:11px;color:#7f99ba}.gap{height:18px}.surface{background:linear-gradient(143deg,rgba(20,39,66,.84),rgba(6,16,29,.93));border:1px solid rgba(94,151,215,.2);box-shadow:0 15px 42px rgba(0,0,0,.2);border-radius:var(--radius)}.panel{padding:24px}.btn{border:1px solid #3766ab;color:#e7f1ff;background:#132647;padding:12px 18px;border-radius:10px;display:inline-flex;align-items:center;gap:9px;justify-content:center;font-size:12px;font-weight:750;transition:transform .2s,filter .2s,border-color .2s;min-height:40px}.btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.15);border-color:#8dbbf8}.btn-primary{background:linear-gradient(120deg,#2252ea,#4076ff);border-color:#6392ff;box-shadow:0 8px 24px rgba(19,64,220,.25)}.btn-ghost{background:rgba(13,29,51,.77);border-color:#26405e}.btn-danger{background:rgba(143,25,51,.19);border-color:#8a2e46;color:#ffadba}.btn-green{background:rgba(13,108,71,.25);border-color:#277b59;color:#9dfad0}.pill{font-size:10px;letter-spacing:.7px;padding:4px 9px;border-radius:6px;border:1px solid #315077;color:#9ab9e4;background:#102645;white-space:nowrap;font-weight:750}.pill.green{background:rgba(27,101,73,.23);border-color:#2a9363;color:#71e8a9}.pill.red{background:rgba(154,45,69,.21);border-color:#ad4260;color:#ff8a9b}.pill.gold{color:#f7da8b;border-color:#93733d;background:#54401c43}.pill.blue{background:#123a87;border-color:#3b73f5;color:#d8e7ff}.pill.dim{background:#0e1929;color:#6a8bb6}.section-bar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}.section-bar h2{font-size:19px;letter-spacing:-.6px;font-weight:800}.section-bar small{font-weight:500;color:var(--muted);font-size:12px}.grid{display:grid;gap:15px}.grid.cols2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.cols5{grid-template-columns:repeat(5,minmax(0,1fr))}.kpi{min-height:120px;padding:20px;position:relative;overflow:hidden}.kpi:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 5% 0%,rgba(48,111,240,.16),transparent 60%);pointer-events:none}.kpi .kpi-val{font-size:32px;letter-spacing:-1.4px;font-weight:800;margin:12px 0 4px;line-height:1}.kpi .kpi-foot{color:#8aa6ca;font-size:11px}.empty{padding:43px 24px;display:grid;gap:9px;place-items:center;text-align:center;color:#87a3c8;border:1px dashed #274363;background:rgba(7,22,38,.48);border-radius:14px;min-height:180px}.empty-icon{font-size:28px;opacity:.75}.empty strong{font-size:14px;color:#d5e7ff}.empty p{max-width:410px;font-size:12px}.form-row{display:flex;flex-wrap:wrap;gap:12px}.field{display:grid;gap:7px;min-width:0;flex:1 1 170px}.field label{font-size:10px;font-weight:750;letter-spacing:1px;text-transform:uppercase;color:#9db8dd}.field input,.field select,.field textarea{border:1px solid #294765;background:#071529;color:#f0f7ff;padding:11px 13px;border-radius:9px;width:100%;min-height:42px}.field textarea{min-height:84px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#6f9aff;box-shadow:0 0 0 3px #2967fc33}.field input[type=file]{padding:8px}.tablewrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}.data-table th{color:#8daacf;font-size:10px;text-transform:uppercase;letter-spacing:1px;background:#0a1a30}.data-table th,.data-table td{padding:13px;border-bottom:1px solid #23405e}.data-table tr:last-child td{border-bottom:none}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.column{display:flex;flex-direction:column;gap:12px}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;overflow:hidden;flex-shrink:0;background:linear-gradient(150deg,#264b78,#0b1827);border:1px solid #5382c1;color:white;font-size:13px;font-weight:900}.avatar img{width:100%;height:100%;object-fit:cover}.subnav{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 19px}.subnav .btn{font-size:11px;padding:8px 12px;min-height:32px}.progress{height:7px;background:#112744;border-radius:15px;overflow:hidden}.progress>span{display:block;height:100%;background:linear-gradient(90deg,#2b5def,#81b4ff);box-shadow:0 0 12px #337bff;transition:width .3s}.progress.complete>span{background:linear-gradient(90deg,#159859,#49eaa2);box-shadow:0 0 15px #24d88a}.note{border-left:2px solid #367be7;padding:10px 14px;color:#9dbade;background:rgba(24,64,118,.19);font-size:12px;border-radius:0 8px 8px 0}.divider{height:1px;background:#223954;margin:19px 0}.hidden{display:none!important}
/* public */
.public-nav{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:24px 5.2%;max-width:1750px;margin:auto;gap:20px}.wordmark{font-weight:850;letter-spacing:7px;font-size:20px;text-transform:uppercase}.public-nav .links{display:flex;gap:30px;font-size:12px;color:#b7c7e3}.public-nav .links a:hover{color:white}.hero{min-height:670px;position:relative;overflow:hidden;border:1px solid #1a3356;border-radius:20px;margin:0 22px;background:linear-gradient(180deg,rgba(1,4,9,.07),rgba(1,4,8,.1) 55%,#030812 100%),url('/assets/hero-space.svg') center 54%/cover no-repeat}.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 47%,transparent 9%,rgba(0,4,11,.45) 95%);pointer-events:none}.hero-content{position:relative;text-align:center;max-width:900px;margin:auto;padding-top:100px;z-index:1;animation:loadIn .9s both}.hero-logo{width:310px;max-width:57vw;filter:drop-shadow(0 12px 45px #477bd36b);margin:0 auto;animation:float 8s ease-in-out infinite}.hero-title{font-size:15px;text-transform:uppercase;letter-spacing:11px;margin:2px 0 25px;text-shadow:0 0 25px #6fb0ff}.hero-desc{font-size:15px;color:#b8cce7;max-width:560px;margin:0 auto 28px}.hero-actions{display:flex;gap:13px;align-items:center;justify-content:center;flex-wrap:wrap}.hero-stats{position:absolute;bottom:30px;left:5%;right:5%;z-index:1;display:flex;gap:35px;justify-content:center;text-align:center}.hero-stats strong{display:block;font-size:23px}.hero-stats span{color:#93b6d9;font-size:11px}.hero-orbit{position:absolute;left:50%;top:28%;width:450px;height:450px;border:1px solid #4c8fe13b;border-radius:50%;transform:translate(-50%,-50%) rotate(20deg);box-shadow:0 0 50px #2861ff1a;pointer-events:none;animation:orbitDance 40s linear infinite}.hero-orbit:before{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#bce7ff;top:23%;left:5%;box-shadow:0 0 20px 7px #4a83ff}@keyframes orbitDance{to{transform:translate(-50%,-50%) rotate(380deg)}}.public-main{max-width:1300px;margin:65px auto 100px;padding:0 24px}.feature-icon{font-size:25px;margin-bottom:14px}.feature h3{font-size:17px}.feature p{color:var(--muted);font-size:12px;margin-top:8px}.public-footer{border-top:1px solid #213951;display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;padding:25px 5%;color:#829cbe;font-size:12px}.login-flow{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:24px}.login-steps{display:grid;gap:17px}.login-steps .row{gap:20px;color:#a2bad9}.number{width:32px;height:32px;display:grid;place-items:center;border:1px solid #4479d2;border-radius:50%;color:#b1d0ff;background:#122c57;box-shadow:0 0 15px #296cde66}.login-portal{margin:auto;border:2px solid #4479d263;width:290px;height:290px;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 55px #3175ff35,inset 0 0 40px #2d6bda22;animation:float 9s ease-in-out infinite}.login-portal img{width:170px;filter:drop-shadow(0 0 20px #79b7ff)}
/* App shell */
.shell{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid #1c3454;background:rgba(3,10,20,.92);backdrop-filter:blur(20px);padding:20px 13px;display:flex;flex-direction:column;gap:22px;z-index:15}.sidebar-head{display:flex;align-items:center;gap:10px;padding:0 12px;min-height:65px}.sidebar-head img{width:53px;filter:drop-shadow(0 0 18px #4b83e84b)}.sidebar-head h2{letter-spacing:4px;font-size:17px}.sidebar-head span{font-size:9px;letter-spacing:2px;color:#6f91bc}.navlist{display:grid;gap:4px}.nav-group{padding:9px 12px 5px;color:#607da0;text-transform:uppercase;letter-spacing:2px;font-size:9px;font-weight:750}.navlink{display:flex;align-items:center;gap:11px;border-radius:10px;padding:12px 13px;color:#a3bad8;font-size:12px;transition:background .2s,color .2s;border:1px solid transparent}.navlink svg{width:17px;height:17px;opacity:.8}.navlink:hover{background:#122944;color:white}.navlink.active{background:linear-gradient(110deg,#123f92,#164c9e76);border-color:#2963c4;color:white;box-shadow:inset 3px 0 0 #65b4ff}.sidebar-bottom{margin-top:auto;padding:14px 10px;border-top:1px solid #213755}.sidebar-bottom .avatar{width:35px;height:35px}.main-content{min-width:0;padding:0 28px 54px;max-width:1600px;width:100%;margin:0 auto}.topbar{min-height:79px;border-bottom:1px solid #203757;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.crumbs{display:flex;align-items:center;gap:11px}.crumbs b{letter-spacing:1px}.crumbs span{color:#718eae}.top-actions{display:flex;align-items:center;gap:12px}.userchip{padding:6px 9px;display:flex;align-items:center;gap:9px;border:1px solid #314b70;border-radius:12px;background:#0b1930}.userchip .avatar{height:34px;width:34px}.userchip strong{font-size:11px;white-space:nowrap}.userchip small{display:block;color:#7391b9;font-size:9px;letter-spacing:1px}.page{animation:loadIn .36s ease both}.page-heading{margin-bottom:24px}.page-heading h1{font-size:clamp(27px,3.3vw,43px);letter-spacing:-1.5px;font-weight:840;line-height:1.15;margin:7px 0}.page-heading p{color:#8ba8ca;font-size:13px}.dashboard-hero{min-height:257px;overflow:hidden;position:relative;background:linear-gradient(90deg,#071428 7%,#07142882 47%,#05102277 100%),url('/assets/hero-space.svg') center 60%/cover;border:1px solid #2c507a;border-radius:16px;display:flex;align-items:center;padding:38px 37px;margin-bottom:16px}.dashboard-hero h1{font-size:clamp(26px,3.9vw,47px);line-height:1.05;margin:12px 0}.dashboard-hero p{max-width:370px;color:#a5c5e8;font-size:13px}.dashboard-hero .label{color:#9dccff}.dashboard-hero .btn{margin-top:18px}.tile{padding:22px;min-height:180px;display:flex;flex-direction:column;gap:15px}.tile h3{font-size:17px}.tile p{font-size:12px;color:#93aacb}.tile .btn{margin-top:auto;align-self:flex-start}.match-logo{width:65px;height:65px;object-fit:contain;filter:drop-shadow(0 5px 15px #7daefe5f)}.versus{display:flex;align-items:center;justify-content:space-around;gap:18px;padding:25px 0;text-align:center}.versus .team{width:36%;display:grid;justify-items:center;gap:9px}.versus h2{font-size:21px}.versus .vs{color:#7997bd;letter-spacing:2px;font-size:22px;font-weight:500}.versus img{width:75px;height:75px;object-fit:contain}.opponent-mark{width:74px;height:74px;display:grid;place-items:center;border:1px solid #4c6487;border-radius:50%;background:radial-gradient(circle,#172d4a,#040b16);font-size:26px;font-weight:850}.countdown{display:flex;gap:9px;justify-content:center}.countdown span{display:grid;justify-items:center;padding:11px;background:#0b1a2e;border:1px solid #213b5c;border-radius:9px;min-width:63px;font-size:21px;font-weight:750}.countdown small{font-size:8px;color:#8ba9ca;letter-spacing:1px;font-weight:500}.logo-mini{height:44px;width:44px;object-fit:contain}.match-card{padding:22px;display:grid;gap:15px}.match-card .top{display:flex;align-items:center;justify-content:space-between;gap:10px}.fixture-row{display:flex;align-items:center;gap:16px;padding:14px;background:#0a1a2d;border:1px solid #213a59;border-radius:12px}.fixture-row .mini-icon{width:40px;height:40px;object-fit:contain;display:grid;place-items:center;border-radius:50%;background:#0b1e35}.fixture-row .mini-icon img{max-height:100%;max-width:100%;object-fit:contain}.fixture-row h3{font-size:14px}.fixture-row p{font-size:11px;color:#8caacb}.fixture-row .tail{margin-left:auto;display:flex;gap:7px;align-items:center;flex-wrap:wrap}.roster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:13px}.player-card{padding:18px;display:grid;gap:15px;position:relative;overflow:hidden}.player-card:before{content:"";background:radial-gradient(circle at top right,#225cb127,transparent 65%);position:absolute;inset:0;pointer-events:none}.player-card .avatar{height:62px;width:62px}.player-card h3{font-size:17px;letter-spacing:-.5px}.player-card p{font-size:11px;color:#89a5c9}.player-card .number-tag{font-size:24px;font-weight:800;color:#8fc1ff}.player-card .foot{border-top:1px solid #284160;padding-top:10px;display:flex;justify-content:space-between;gap:12px}.pitch{border:1px solid #396655;background:repeating-linear-gradient(0deg,#0d322b 0,#0d322b 72px,#0c2b26 72px,#0c2b26 144px);border-radius:13px;position:relative;min-height:550px;padding:24px;overflow:hidden}.pitch:before{content:"";position:absolute;inset:17px;border:1.5px solid #6dac92a3;border-radius:3px;pointer-events:none}.pitch:after{content:"";position:absolute;top:50%;left:17px;right:17px;border-top:1.5px solid #6dac92a3;pointer-events:none}.pitch-circle{position:absolute;border:1.5px solid #6dac92a3;border-radius:50%;width:170px;height:170px;left:calc(50% - 85px);top:calc(50% - 85px)}.pitch-lineup{position:relative;height:515px;z-index:1}.pitch-slot{position:absolute;transform:translate(-50%,-50%);border:1px solid #8cc9aa90;background:#071911ed;padding:6px;min-width:82px;max-width:115px;border-radius:8px;display:grid;justify-items:center;gap:4px;box-shadow:0 3px 14px #0009;overflow:hidden}.pitch-slot .avatar{width:36px;height:36px}.pitch-slot small{font-size:9px;color:#dfffea;max-width:92px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.pitch-slot strong{font-size:9px;color:#a4eecc}.pitch-slot select{max-width:105px;background:#091d17;border:1px solid #3c7c60;font-size:10px;color:white;padding:6px;border-radius:5px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:#203b5c;border:1px solid #203b5c;border-radius:12px;overflow:hidden}.calendar-head{text-align:center;padding:12px 2px;background:#122542;font-size:10px;color:#95b6de}.calendar-cell{min-height:92px;background:#0a192e;padding:9px;display:flex;flex-direction:column;gap:5px;font-size:11px;color:#aec7e7}.calendar-cell.faded{opacity:.27}.cal-event{font-size:9px;background:#164281;padding:5px;border-radius:5px;color:#e1edff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cal-event.green{background:#155942}.cal-event.red{background:#7c2944}.award-card{padding:22px;min-height:180px;background:radial-gradient(ellipse at 40% 0%,#6c54284a,transparent 62%),linear-gradient(160deg,#1c1b20,#0b1320);border-color:#635033}.award-card .trophy{font-size:37px;text-shadow:0 0 25px #ecad49}.award-card h3{font-size:18px;color:#fbe2a9;margin:5px 0}.tournament-card{padding:23px;min-height:180px;background:radial-gradient(ellipse at 30% 0%,#4a41a73b,transparent 65%),#09172a}.tournament-card .trophy{font-size:32px}.tournament-card h3{font-size:16px;margin:14px 0 8px}.tabs{display:flex;flex-wrap:wrap;gap:7px}.tabs button{padding:9px 12px;border-radius:8px;background:#101d32;border:1px solid #263f5c;color:#a6bddb;font-size:11px}.tabs button.active{color:white;background:#2048a4;border-color:#4a81f6}.profile-cover{position:relative;padding:28px;background:linear-gradient(90deg,#071328df 5%,#07182c75),url('/assets/hero-space.svg') center/cover;display:flex;gap:22px;align-items:center;min-height:220px}.profile-cover .avatar{width:110px;height:110px}.profile-cover h1{font-size:40px;line-height:1}.admin-mod{padding:23px;display:grid;gap:9px;min-height:145px;transition:transform .2s,border-color .2s;cursor:pointer}.admin-mod:hover{transform:translateY(-3px);border-color:#3976ed}.admin-mod strong{font-size:16px}.admin-mod p{font-size:12px;color:#8ea7c9}.admin-mod .glyph{font-size:23px;color:#93c5ff}.admin-area{display:grid;gap:20px}.admin-top{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.admin-top .btn.active{background:#21479c}.fieldline{display:flex;gap:12px;flex-wrap:wrap}.fieldline>*{flex:1}.admin-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.vote-item{padding:20px;display:grid;gap:16px}.vote-head{display:flex;align-items:start;justify-content:space-between;gap:10px}.vote-head h3{font-size:16px}.vote-options{display:flex;gap:8px;flex-wrap:wrap}.vote-options .btn{flex:1}.vote-options .btn.selected{background:#2165d6;color:white}.roster-list{display:grid;gap:8px}.roster-line{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 13px;background:#0a192b;border:1px solid #1c3351;border-radius:9px}.roster-line p{font-size:10px;color:#8ba7cd}.roster-line .avatar{width:36px;height:36px}.stat-strong{font-size:25px;font-weight:800}.data-row{display:grid;gap:6px;border-bottom:1px solid #223854;padding:12px 0}.data-row:last-child{border:0}.admin-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.system-log{max-height:420px;overflow:auto;padding:14px;border:1px solid #29415e;border-radius:9px;background:#050d1a;font:11px/1.8 ui-monospace,monospace;color:#a9c5e7;white-space:pre-wrap}.modal-bg{position:fixed;inset:0;background:#01050bdc;backdrop-filter:blur(10px);z-index:40;display:grid;place-items:center;padding:20px}.modal{background:#0b1930;border:1px solid #3e6794;border-radius:16px;width:min(600px,100%);max-height:90vh;overflow:auto;box-shadow:0 30px 80px #000b}.modal-header{padding:20px 22px;border-bottom:1px solid #28435f;display:flex;align-items:center;justify-content:space-between}.modal-content{padding:22px}.modal-footer{padding:20px 22px;border-top:1px solid #28435f;display:flex;justify-content:flex-end;gap:9px}#toasts{position:fixed;bottom:25px;right:24px;z-index:100;display:grid;gap:10px}.toast{padding:13px 17px;border:1px solid #3774e4;background:#10274b;box-shadow:0 10px 35px #000a;border-radius:10px;min-width:230px;max-width:370px;font-size:12px;animation:loadIn .2s both}.toast.error{border-color:#c7405f;background:#45182a}
@media(max-width:1200px){.shell{grid-template-columns:205px minmax(0,1fr)}.main-content{padding:0 18px 40px}.grid.cols5{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols4{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{padding:15px 9px}.navlink{padding:10px}.public-nav .links{gap:13px}}
@media(max-width:800px){.shell{grid-template-columns:1fr}.sidebar{height:auto;position:relative;display:block;border-right:0;border-bottom:1px solid #2b4668;padding:8px 14px}.sidebar-head{min-height:53px}.sidebar-bottom,.nav-group{display:none}.navlist{display:flex;flex-wrap:wrap;gap:4px;padding:3px 0 8px}.navlink{font-size:10px;padding:8px 11px}.navlink svg{width:14px;height:14px}.main-content{padding:0 15px 30px}.topbar{min-height:62px}.grid.cols3{grid-template-columns:repeat(2,minmax(0,1fr))}.public-nav .links{display:none}.hero{min-height:620px;margin:0 10px}.hero-content{padding-top:110px}.hero-stats{gap:15px}.login-flow,.admin-settings-grid{grid-template-columns:1fr}.login-portal{width:205px;height:205px}.login-portal img{width:110px}}
@media(max-width:560px){.grid.cols2,.grid.cols3,.grid.cols4,.grid.cols5{grid-template-columns:1fr}.kpi{min-height:95px}.hero{min-height:650px}.hero-logo{width:250px}.hero-title{letter-spacing:6px;font-size:11px}.hero-desc{padding:0 15px;font-size:12px}.hero-stats{bottom:22px;gap:15px;flex-wrap:wrap}.hero-stats strong{font-size:18px}.hero-stats span{font-size:9px}.public-nav{padding:18px}.top-actions .userchip>div:nth-child(2){display:none}.topbar .crumbs .fine{display:none}.main-content{padding:0 12px 30px}.dashboard-hero{min-height:250px;padding:23px}.match-card{padding:13px}.versus{gap:4px}.versus h2{font-size:14px}.versus img{width:60px;height:60px}.opponent-mark{width:58px;height:58px}.countdown span{min-width:48px;font-size:16px}.calendar-cell{min-height:67px;padding:4px;font-size:9px}.cal-event{font-size:8px;padding:3px}.profile-cover{flex-direction:column;text-align:center}.fixture-row{flex-wrap:wrap}.fixture-row .tail{width:100%;margin-left:0}.panel{padding:15px}.navlink{padding:7px;font-size:10px}.public-main{padding:0 14px}.fieldline{display:grid}.fieldline>*{width:100%}.pitch{min-height:430px}.pitch-lineup{height:396px}.pitch-slot{min-width:60px;max-width:78px;padding:3px}.pitch-slot .avatar{height:23px;width:23px}.pitch-slot select{max-width:72px;font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
/* Final presentation polish */
@media(min-width:801px){.hero{min-height:745px}.hero-content{padding-top:85px}.hero-stats{bottom:27px}}
.login-steps .number{animation:authStep 5.5s ease-in-out infinite}
.login-steps .row:nth-child(2) .number{animation-delay:1.3s}
.login-steps .row:nth-child(3) .number{animation-delay:2.6s}
.login-steps .row:nth-child(4) .number{animation-delay:3.9s}
@keyframes authStep{0%,62%,100%{box-shadow:0 0 8px rgba(48,104,243,.28);border-color:#4479d2}25%,36%{box-shadow:0 0 24px rgba(51,120,255,.85),inset 0 0 8px rgba(51,120,255,.7);border-color:#c8eaff;background:#274b98}}