:root{--navy:#061329;--navy2:#0a1d3a;--blue:#0d69f2;--cyan:#14c9ff;--gold:#ffbf2f;--red:#ff4d62;--bg:#f4f7fb;--text:#101c30;--muted:#718096;--line:#e2e9f2;--shadow:0 12px 35px rgba(18,45,78,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:14px Inter,"Segoe UI",Arial,sans-serif;background:radial-gradient(circle at 70% -10%,#e8f5ff 0,transparent 28%),var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}input,select,button{font:inherit}button{border:0;cursor:pointer}label{display:grid;gap:7px;font-weight:750;color:#34435a;margin-bottom:14px}input,select{width:100%;border:1px solid var(--line);border-radius:11px;padding:12px 13px;background:#fff;color:var(--text);outline:0;transition:.2s}input:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 4px rgba(20,201,255,.12)}.eyebrow{font-size:10px;font-weight:900;letter-spacing:2.4px;color:#009ed2}.btn{display:inline-flex;justify-content:center;align-items:center;padding:12px 17px;border-radius:10px;font-weight:900;transition:.2s}.btn:hover{transform:translateY(-1px);filter:brightness(1.04)}.primary{background:linear-gradient(135deg,var(--cyan),#0ba1f6);color:#03233d;box-shadow:0 8px 20px rgba(20,201,255,.25)}.gold{background:linear-gradient(135deg,#ffd65e,var(--gold));color:#372400}.wide{width:100%;margin:8px 0 20px}.login-page{min-height:100vh;background:radial-gradient(circle at 12% 8%,#194d8a 0,var(--navy) 45%,#020711 100%);color:#fff}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.3fr .7fr;align-items:center;max-width:1200px;margin:auto;padding:50px;gap:70px}.login-brand{position:relative}.login-brand h1{font-size:72px;line-height:.88;letter-spacing:-4px;margin:22px 0;text-transform:uppercase}.login-brand h1 b{color:var(--gold)}.login-brand p{max-width:540px;color:#b8c8dc;font-size:17px;line-height:1.6}.stadium-lines{height:4px;width:220px;background:linear-gradient(90deg,var(--cyan),var(--gold),transparent);margin-top:35px}.login-card{background:rgba(255,255,255,.98);color:var(--text);padding:38px;border-radius:22px;box-shadow:0 35px 90px #0009;border:1px solid #ffffff80}.login-card h2{font-size:27px;margin:12px 0 8px}.login-card>p,.login-card small{color:var(--muted)}.ball-mark{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#ffd765,var(--gold));color:var(--navy);font-size:20px;box-shadow:0 10px 25px #ffbd2e44}.nav-toggle,.mobile-menu,.nav-scrim{display:none}.sidebar{position:fixed;inset:0 auto 0 0;width:264px;background:linear-gradient(180deg,#07172f 0,#051126 100%);color:#fff;padding:28px 20px 20px;display:flex;flex-direction:column;z-index:20;box-shadow:12px 0 35px rgba(4,18,40,.08)}.sidebar:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 0 0,rgba(20,201,255,.1),transparent 28%);pointer-events:none}.logo{display:flex;align-items:center;gap:13px;font-weight:950;font-size:16px;letter-spacing:.4px;position:relative}.logo>span{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#ffd967,var(--gold));color:var(--navy);box-shadow:0 9px 24px #0005}.logo small{display:block;color:var(--cyan);font-size:8px;letter-spacing:2px;margin-top:4px}.season-chip{margin:22px 0 25px;border:1px solid #ffffff12;background:#ffffff08;color:#8fa4bf;padding:9px 11px;border-radius:8px;font-size:8px;letter-spacing:1.5px;text-align:center;font-weight:800}.sidebar nav{display:grid;gap:6px;position:relative}.sidebar nav a{display:flex;align-items:center;gap:13px;padding:12px 13px;border-radius:10px;color:#9eb0c8;font-weight:720;transition:.2s;border:1px solid transparent}.sidebar nav a i{width:22px;font-style:normal;text-align:center;color:#607b9c}.sidebar nav a:hover{background:#ffffff09;color:white}.sidebar nav a.active{background:linear-gradient(90deg,rgba(20,201,255,.2),rgba(13,105,242,.12));color:white;border-color:#27ccff28;box-shadow:inset 3px 0 var(--cyan)}.sidebar nav a.active i{color:var(--cyan)}.nav-label{font-size:8px;font-weight:900;letter-spacing:1.7px;color:#4e6683;padding:22px 13px 7px}.profile{margin-top:auto;border:1px solid #ffffff10;background:#ffffff07;padding:12px;border-radius:13px;display:flex;align-items:center;gap:10px;position:relative}.profile .avatar,.header-avatar{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#1e7eff,var(--cyan));font-weight:900;color:white;box-shadow:0 7px 18px #0003}.profile div:nth-child(2){min-width:0;flex:1}.profile b,.profile small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile small{color:#7890ad;font-size:10px;margin-top:3px}.profile>a{color:#6f86a3;font-size:18px}.content{margin-left:264px;padding:34px 36px 50px;min-height:100vh;max-width:1920px}.content>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.page-heading h1{margin:6px 0 2px;font-size:30px;letter-spacing:-.8px}.page-heading p{margin:0;color:var(--muted);font-size:12px}.header-tools{display:flex;align-items:center;gap:13px}.live-pill{font-size:9px;font-weight:900;letter-spacing:1px;background:#e8fbf0;color:#0a8841;padding:9px 12px;border:1px solid #c9f1da;border-radius:999px}.live-pill i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#13be5a;margin-right:6px;box-shadow:0 0 0 4px #15bd5b18;animation:pulse 1.8s infinite}.header-avatar{display:none;color:#fff}@keyframes pulse{50%{box-shadow:0 0 0 8px transparent}}.hero{min-height:300px;border-radius:22px;padding:42px 46px;color:white;background:linear-gradient(110deg,#06162f 0,#0b315c 55%,#0a83b8 100%);display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative;box-shadow:0 18px 45px rgba(8,50,91,.18)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 40%,rgba(255,255,255,.06)),repeating-linear-gradient(115deg,transparent 0 45px,rgba(255,255,255,.018) 46px 47px)}.hero-copy{position:relative;z-index:2}.hero-copy>span{color:var(--gold);font-size:10px;font-weight:900;letter-spacing:2px}.hero-copy>span i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold);margin-right:8px}.hero h2{font-size:48px;line-height:.96;letter-spacing:-2.2px;margin:15px 0 13px}.hero h2 b{color:#fff}.hero p{color:#b9cee3;max-width:510px;line-height:1.6}.hero-action{display:inline-flex;align-items:center;gap:20px;margin-top:12px;background:#fff;color:#10213b;padding:11px 14px 11px 17px;border-radius:10px;font-size:11px;font-weight:900;box-shadow:0 10px 25px #0003}.hero-action strong{font-size:17px;color:#0787bd}.hero-visual{width:380px;height:250px;position:relative;display:grid;place-items:center}.trophy{position:absolute;font-size:150px;color:#ffffff09;transform:rotate(-12deg);text-shadow:0 0 55px #18caff22}.orbit{position:absolute;border:1px solid #ffffff12;border-radius:50%}.orbit.one{width:260px;height:260px}.orbit.two{width:190px;height:190px}.hero-score{position:absolute;right:20px;min-width:154px;text-align:center;border:1px solid #ffffff26;background:rgba(255,255,255,.1);backdrop-filter:blur(9px);padding:24px;border-radius:18px;z-index:2;box-shadow:0 18px 40px #00304d40}.hero-score small{color:#d9f5ff;font-size:9px;font-weight:900;letter-spacing:1px}.hero-score small i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#38ff8b;margin-right:5px}.hero-score strong{display:block;font-size:62px;line-height:1;color:var(--cyan);margin:8px}.hero-score span{color:#8dcbe1;font-size:9px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:18px 0}.stats article,.panel{background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.stats article{padding:18px;display:flex;align-items:center;gap:15px;transition:.22s}.stats article:hover{transform:translateY(-3px);box-shadow:0 17px 38px rgba(18,45,78,.12)}.stat-icon{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:13px;font-weight:900}.stat-icon.blue{background:#e6f2ff;color:#1376ea}.stat-icon.violet{background:#f0eaff;color:#7c4de7}.stat-icon.amber{background:#fff4d8;color:#da9210}.stat-icon.green{background:#e5f9ed;color:#11a554}.stats small{display:block;color:var(--muted);font-weight:700;font-size:11px}.stats b{font-size:28px;line-height:1;display:block;margin:6px 0 4px}.stats em{font-style:normal;color:#a0adbd;font-size:9px}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{padding:21px}.panel h2{margin-top:0}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.panel-title h2{margin:0;font-size:17px}.panel-title a{color:#0789bd;font-weight:850;font-size:11px}.match{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:14px 0}.match small{display:block;color:var(--muted);margin-bottom:7px}.match b{display:flex;justify-content:space-between;gap:50px;margin:4px 0}.match em{font-style:normal;font-size:17px}.badge{align-self:start;padding:6px 9px;border-radius:999px;text-transform:uppercase;font-size:8px;font-weight:900;letter-spacing:.5px}.badge.ongoing{background:#dff8e9;color:#07843d}.badge.scheduled{background:#e5f2ff;color:#1766a4}.badge.final{background:#edf0f4;color:#68778a}.rank-row,.user-row{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:15px 0}.rank-row div,.user-row div{flex:1}.rank-row small,.user-row small{display:block;color:var(--muted);margin-top:4px}.place{width:31px;height:31px;display:inline-grid;place-items:center;border-radius:10px;background:#eef2f6;font-weight:900}.p1{background:linear-gradient(135deg,#fff3c7,#ffe082);color:#8e6200}.p2{background:#e8edf3;color:#526174}.p3{background:#f6ddc9;color:#924d21}.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.score-card{border:1px solid var(--line);border-radius:14px;padding:18px;background:linear-gradient(180deg,#fff,#f9fbfd);transition:.2s}.score-card:hover{border-color:#b9e7f8;box-shadow:0 10px 30px #133c620d}.score-head,.card-actions{display:flex;justify-content:space-between;align-items:center}.score-head small{display:block;color:#0789bd;font-weight:800;margin-bottom:4px}.score-inputs{display:grid;grid-template-columns:1fr 35px 1fr;align-items:end;gap:10px;text-align:center;margin:18px 0}.score-inputs input{text-align:center;font-size:28px;font-weight:900;background:#f4f7fb}.score-inputs span{padding-bottom:14px;color:var(--muted);font-weight:900}.card-meta{color:var(--muted);font-size:11px;margin-bottom:15px}.card-actions{gap:12px}.card-actions select{flex:1}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px;border-bottom:1px solid var(--line)}th{font-size:10px;text-transform:uppercase;color:var(--muted);letter-spacing:.8px}tbody tr:hover{background:#f7fbff}.bracket{display:grid;grid-template-columns:repeat(3,minmax(240px,1fr));gap:20px;overflow:auto}.bracket-sport{background:#f5f8fb;border-radius:14px;padding:15px}.bracket-game{background:#fff;border-left:3px solid var(--cyan);padding:11px;margin:10px 0;border-radius:6px;box-shadow:0 5px 15px #0000000a}.bracket-game small{display:block;color:var(--muted);margin-bottom:6px}.bracket-game span{display:flex;justify-content:space-between;padding:4px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}fieldset{border:1px solid var(--line);border-radius:10px;margin:0 0 15px}legend{font-weight:900}.check{display:flex;align-items:center;font-weight:600;margin:9px}.check input{width:auto}.alert{padding:12px 15px;border-radius:10px;margin-bottom:15px;font-weight:700}.alert.success{background:#dff8e9;color:#087b3b}.alert.danger{background:#ffe2e5;color:#a51b2b}.modal{position:fixed;inset:0;background:#031022dc;z-index:30;display:grid;place-items:center;padding:20px}.modal-card{width:min(420px,100%)}
@media(max-width:1100px){.sidebar{width:224px}.content{margin-left:224px;padding:28px 24px}.stats{grid-template-columns:1fr 1fr}.hero-visual{width:290px}.hero h2{font-size:42px}}
@media(max-width:780px){.mobile-menu{display:grid;position:fixed;top:16px;left:16px;z-index:31;width:43px;height:43px;border-radius:12px;background:var(--navy);place-content:center;gap:4px;box-shadow:0 8px 25px #07152d3d}.mobile-menu span{width:19px;height:2px;background:#fff;border-radius:5px}.sidebar{transform:translateX(-105%);transition:.25s;width:270px}.nav-toggle:checked~.sidebar{transform:translateX(0)}.nav-scrim{position:fixed;inset:0;background:#031022a6;z-index:19}.nav-toggle:checked~.nav-scrim{display:block}.content{margin-left:0;padding:78px 18px 35px}.header-avatar{display:grid}.grid.two,.game-grid{grid-template-columns:1fr}.bracket{grid-template-columns:1fr}.hero{padding:32px;min-height:280px}.hero-visual{width:200px}.hero-score{right:0}.trophy,.orbit{display:none}}
@media(max-width:560px){.content{padding:75px 12px 28px}.content>header{align-items:center}.page-heading h1{font-size:25px}.page-heading .eyebrow,.page-heading p,.live-pill{display:none}.stats{gap:9px}.stats article{padding:13px;gap:10px}.stat-icon{width:36px;height:36px;flex-basis:36px}.stats b{font-size:22px}.stats em{display:none}.hero{padding:27px 23px;min-height:300px}.hero h2{font-size:37px}.hero p{font-size:12px;max-width:260px}.hero-visual{position:absolute;right:16px;bottom:20px;width:112px;height:100px}.hero-score{min-width:105px;padding:14px}.hero-score strong{font-size:38px}.hero-score span{display:none}.panel{padding:16px}.score-inputs{grid-template-columns:1fr 25px 1fr}.score-inputs input{font-size:23px;padding:10px 4px}.form-grid{grid-template-columns:1fr}.card-actions{align-items:stretch;flex-direction:column}.login-shell{grid-template-columns:1fr;padding:20px}.login-brand{display:none}.login-card{padding:28px 22px}.table-wrap{margin:0 -16px;padding:0 16px}}
.division-tabs{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px;color:var(--muted);font-size:11px}.division-panel .panel-title>div h2{margin:7px 0 0}.division-label{display:inline-flex;padding:5px 8px;border-radius:7px;font-size:8px;font-weight:950;letter-spacing:1.2px;text-transform:uppercase}.division-label.elementary{background:#e6f7ff;color:#087da8}.division-label.secondary{background:#fff1db;color:#a36000}.school-select optgroup{font-weight:900;color:#0b2a52}.school-select option{font-weight:500;color:#27364d}

/* Animated arena dashboard */
.hero{isolation:isolate;background:#06162f;box-shadow:0 24px 60px rgba(2,35,70,.24),inset 0 1px rgba(255,255,255,.14)}
.hero:before{z-index:-1;background:linear-gradient(90deg,rgba(3,17,39,.97) 0%,rgba(4,27,56,.9) 34%,rgba(4,49,83,.54) 67%,rgba(2,34,65,.3) 100%),url('sports-hero-bg.webp') center 46%/110% auto no-repeat;animation:arenaDrift 18s ease-in-out infinite alternate;transform:scale(1.06)}
.hero:after{content:"";position:absolute;inset:-50%;z-index:-1;background:conic-gradient(from 180deg at 50% 50%,transparent 0 22%,rgba(20,201,255,.12) 28%,transparent 35% 62%,rgba(255,191,47,.08) 68%,transparent 75%);animation:arenaLight 20s linear infinite;mix-blend-mode:screen}
.hero-copy{animation:riseIn .75s cubic-bezier(.2,.75,.25,1) both}.hero-copy>span{filter:drop-shadow(0 0 8px rgba(255,191,47,.32))}.hero h2{text-shadow:0 6px 28px rgba(0,0,0,.25)}.hero-action{transition:transform .25s,box-shadow .25s,background .25s}.hero-action:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(0,0,0,.35);background:#f6fcff}.hero-action strong{transition:transform .25s}.hero-action:hover strong{transform:translateX(4px)}
.hero-visual{animation:floatVisual 6s ease-in-out infinite}.hero-score{overflow:hidden;border-color:rgba(130,226,255,.34);background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(12,107,156,.18));box-shadow:0 22px 50px rgba(0,24,53,.38),inset 0 1px rgba(255,255,255,.18)}.hero-score:before{content:"";position:absolute;inset:-120% -50%;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.2) 50%,transparent 58%);animation:glassSweep 5.8s ease-in-out infinite}.hero-score>*{position:relative}.trophy{animation:starPulse 4s ease-in-out infinite}.orbit.one{animation:spin 18s linear infinite}.orbit.two{animation:spinReverse 14s linear infinite;border-style:dashed}
.stats article,.panel{position:relative;overflow:hidden}.stats article:before,.panel:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,var(--cyan),var(--blue));opacity:0;transition:opacity .25s}.stats article:hover:before,.panel:hover:before{opacity:1}.stats article{animation:cardReveal .58s cubic-bezier(.2,.75,.25,1) both}.stats article:nth-child(1){animation-delay:.08s}.stats article:nth-child(2){animation-delay:.16s}.stats article:nth-child(3){animation-delay:.24s}.stats article:nth-child(4){animation-delay:.32s}.stats article:after{content:"";position:absolute;width:95px;height:95px;border-radius:50%;right:-45px;top:-52px;background:radial-gradient(circle,rgba(20,201,255,.15),transparent 68%);transition:transform .35s}.stats article:hover:after{transform:scale(1.35)}.stats article:nth-child(2):after{background:radial-gradient(circle,rgba(124,77,231,.16),transparent 68%)}.stats article:nth-child(3):after{background:radial-gradient(circle,rgba(255,191,47,.18),transparent 68%)}.stats article:nth-child(4):after{background:radial-gradient(circle,rgba(17,165,84,.16),transparent 68%)}
.stat-icon{position:relative;overflow:hidden;box-shadow:inset 0 1px rgba(255,255,255,.75)}.stat-icon:after{content:"";position:absolute;inset:-60%;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.75) 50%,transparent 58%);transform:translateX(-70%);animation:iconShine 5s ease-in-out infinite}.stats article:nth-child(2) .stat-icon:after{animation-delay:.5s}.stats article:nth-child(3) .stat-icon:after{animation-delay:1s}.stats article:nth-child(4) .stat-icon:after{animation-delay:1.5s}
.grid.two>.panel{animation:cardReveal .68s .25s cubic-bezier(.2,.75,.25,1) both}.grid.two>.panel:nth-child(2){animation-delay:.36s}.panel{transition:transform .25s,box-shadow .25s,border-color .25s;background:linear-gradient(145deg,rgba(255,255,255,.99),rgba(247,251,255,.96))}.panel:hover{transform:translateY(-2px);border-color:#c9e8f6;box-shadow:0 20px 48px rgba(18,60,98,.12)}.rank-row{transition:background .2s,padding .2s}.rank-row:hover{background:linear-gradient(90deg,rgba(20,201,255,.07),transparent);padding-left:8px;padding-right:8px}.place{box-shadow:inset 0 1px rgba(255,255,255,.8);transition:transform .2s}.rank-row:hover .place{transform:scale(1.08) rotate(-3deg)}
@keyframes arenaDrift{0%{background-position:50% 43%;transform:scale(1.06)}100%{background-position:54% 53%;transform:scale(1.12)}}
@keyframes arenaLight{to{transform:rotate(360deg)}}@keyframes floatVisual{50%{transform:translateY(-8px)}}@keyframes glassSweep{0%,58%{transform:translateX(-90%)}78%,100%{transform:translateX(90%)}}@keyframes starPulse{50%{opacity:.18;transform:rotate(-7deg) scale(1.05)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinReverse{to{transform:rotate(-360deg)}}@keyframes riseIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes cardReveal{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}@keyframes iconShine{0%,65%{transform:translateX(-80%)}85%,100%{transform:translateX(80%)}}
@media(max-width:780px){.hero:before{background-position:58% center;background-size:cover}.hero:after{opacity:.55}.panel:hover,.stats article:hover{transform:none}}
@media(max-width:560px){.hero:before{background-position:64% center}.hero-copy{max-width:78%}.hero h2{font-size:35px}.hero p{max-width:235px}.hero-action{margin-top:7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* Six-sport live wallpaper */
.hero:before{z-index:-1;background:linear-gradient(90deg,rgba(2,15,35,.98) 0%,rgba(3,24,50,.91) 34%,rgba(4,37,69,.57) 66%,rgba(2,30,59,.28) 100%);animation:none;transform:none}
.hero-slideshow{position:absolute;inset:0;z-index:-2;overflow:hidden}.hero-slide{position:absolute;inset:-4%;opacity:0;background-position:center 46%;background-size:cover;background-repeat:no-repeat;transform:scale(1.04);animation:sportSlide 36s ease-in-out infinite}.hero-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,12,30,.08),rgba(0,17,37,.26))}.slide-1{background-image:url('hero-basketball.webp');animation-delay:0s}.slide-2{background-image:url('hero-volleyball.webp');animation-delay:6s}.slide-3{background-image:url('hero-badminton.webp');animation-delay:12s}.slide-4{background-image:url('hero-athletics.webp');animation-delay:18s}.slide-5{background-image:url('hero-football.webp');animation-delay:24s}.slide-6{background-image:url('hero-tabletennis.webp');animation-delay:30s}.slide-dots{position:absolute;left:46px;bottom:18px;z-index:4;display:flex;gap:6px}.slide-dots i{display:block;width:5px;height:5px;border-radius:99px;background:rgba(255,255,255,.32);animation:dotLive 36s infinite}.slide-dots i:nth-child(2){animation-delay:6s}.slide-dots i:nth-child(3){animation-delay:12s}.slide-dots i:nth-child(4){animation-delay:18s}.slide-dots i:nth-child(5){animation-delay:24s}.slide-dots i:nth-child(6){animation-delay:30s}
@keyframes sportSlide{0%{opacity:0;transform:scale(1.04) translateX(0)}2%,14%{opacity:1}17%,100%{opacity:0;transform:scale(1.11) translateX(-1.5%)}}@keyframes dotLive{0%,17%,100%{width:5px;background:rgba(255,255,255,.32)}2%,14%{width:21px;background:var(--cyan)}}

/* Colour-rich information cards */
.stats article{border-width:1px;box-shadow:0 13px 32px rgba(15,53,91,.1),inset 0 1px rgba(255,255,255,.7)}.stats article:nth-child(1){background:linear-gradient(135deg,#e4f3ff 0%,#f7fbff 62%,#d8eeff 100%);border-color:#c9e7ff}.stats article:nth-child(2){background:linear-gradient(135deg,#efe7ff 0%,#fbf9ff 62%,#e9ddff 100%);border-color:#dfd0ff}.stats article:nth-child(3){background:linear-gradient(135deg,#fff0ce 0%,#fffaf0 62%,#ffe8b5 100%);border-color:#ffe1a3}.stats article:nth-child(4){background:linear-gradient(135deg,#ddf8e9 0%,#f5fff9 62%,#cff2df 100%);border-color:#c1ecd4}.stats article:nth-child(1):before{opacity:1;background:linear-gradient(180deg,#1597ff,#0d69f2)}.stats article:nth-child(2):before{opacity:1;background:linear-gradient(180deg,#a071ff,#7040db)}.stats article:nth-child(3):before{opacity:1;background:linear-gradient(180deg,#ffc64d,#e99b08)}.stats article:nth-child(4):before{opacity:1;background:linear-gradient(180deg,#36d47c,#0d9b4d)}.stats article:nth-child(1) .stat-icon{background:linear-gradient(145deg,#ffffff,#c9e7ff);color:#087deb;box-shadow:0 8px 18px rgba(13,105,242,.17)}.stats article:nth-child(2) .stat-icon{background:linear-gradient(145deg,#ffffff,#decfff);color:#7944e5;box-shadow:0 8px 18px rgba(124,77,231,.17)}.stats article:nth-child(3) .stat-icon{background:linear-gradient(145deg,#ffffff,#ffe0a0);color:#d88900;box-shadow:0 8px 18px rgba(245,158,11,.2)}.stats article:nth-child(4) .stat-icon{background:linear-gradient(145deg,#ffffff,#bfeacf);color:#079849;box-shadow:0 8px 18px rgba(16,165,83,.17)}.stats article b{color:#081a31}.stats article small{color:#50657e}.stats article em{color:#7b8fa7}.stats article:hover{filter:saturate(1.08);box-shadow:0 19px 42px rgba(17,55,91,.16),inset 0 1px rgba(255,255,255,.8)}
@media(max-width:780px){.hero-slide{background-position:60% center}.slide-dots{left:32px}}@media(max-width:560px){.hero-slide{background-position:68% center}.slide-dots{left:23px;bottom:13px}}
@media(prefers-reduced-motion:reduce){.hero-slide{display:none}.hero-slide:first-child{display:block;opacity:1}.slide-dots{display:none}}

/* Premium MIS-style icons and controls */
.ui-icon{display:block;width:20px;height:20px;flex:0 0 20px}.logo .ui-icon{width:23px;height:23px}.sidebar nav a i{height:34px;width:34px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.045);transition:background .22s,color .22s,transform .22s}.sidebar nav a i .ui-icon{width:18px;height:18px}.sidebar nav a:hover i{background:rgba(20,201,255,.11);color:#80e5ff;transform:scale(1.04)}.sidebar nav a.active i{background:linear-gradient(145deg,rgba(20,201,255,.25),rgba(13,105,242,.22));color:#6ee2ff;box-shadow:inset 0 1px rgba(255,255,255,.1),0 6px 16px rgba(0,0,0,.18)}.profile>a{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#ffffff08;transition:.2s}.profile>a .ui-icon{width:17px;height:17px}.profile>a:hover{background:rgba(255,77,98,.14);color:#ff7f8e}.stat-icon .ui-icon{width:21px;height:21px}.trophy .ui-icon{width:150px;height:150px;stroke-width:.8}.hero-action .ui-icon{width:17px;height:17px;color:#0787bd;transition:transform .25s}.hero-action:hover .ui-icon{transform:translateX(4px)}
.btn{position:relative;gap:9px;min-height:42px;overflow:hidden;isolation:isolate;letter-spacing:.1px;border:1px solid transparent}.btn:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.38) 49%,transparent 68%);transform:translateX(-120%);transition:transform .65s}.btn:hover:before{transform:translateX(120%)}.btn .ui-icon{width:17px;height:17px}.btn.primary{background:linear-gradient(135deg,#11d4ff 0%,#0aa9f6 52%,#0879ec 100%);color:#03233d;border-color:#72e8ff;box-shadow:0 9px 21px rgba(3,140,219,.27),inset 0 1px rgba(255,255,255,.48)}.btn.primary:hover{box-shadow:0 13px 28px rgba(3,140,219,.35),inset 0 1px rgba(255,255,255,.55)}.btn.gold{background:linear-gradient(135deg,#ffe47b 0%,#ffc536 48%,#eda10b 100%);color:#3d2800;border-color:#ffe99b;box-shadow:0 9px 21px rgba(220,148,8,.25),inset 0 1px rgba(255,255,255,.55)}.btn.gold:hover{box-shadow:0 13px 28px rgba(220,148,8,.33),inset 0 1px rgba(255,255,255,.6)}.btn:active{transform:translateY(1px) scale(.99)}.panel-title a{display:inline-flex;align-items:center;padding:7px 10px;border-radius:8px;background:#edf8ff;border:1px solid #d3effc;transition:.2s}.panel-title a:hover{background:#dff5ff;transform:translateY(-1px)}.ball-mark .ui-icon{width:25px;height:25px}.wide{justify-content:space-between;padding-left:18px;padding-right:18px}
@media(max-width:780px){.sidebar nav a{padding:9px 10px}.sidebar nav a i{width:36px;height:36px}.btn{min-height:44px}}@media(max-width:560px){.btn{width:100%}.hero-action{width:auto}.trophy .ui-icon{width:90px;height:90px}}

/* Championship medal ranks */
.place.p1,.place.p2,.place.p3{position:relative;width:40px;height:40px;border-radius:50%;font-size:14px;font-weight:950;isolation:isolate;border:2px solid rgba(255,255,255,.82);overflow:visible;transform:translateZ(0)}.place.p1:before,.place.p2:before,.place.p3:before{content:"";position:absolute;inset:3px;border-radius:50%;z-index:-1;border:1px solid rgba(255,255,255,.48);box-shadow:inset 0 2px 3px rgba(255,255,255,.6),inset 0 -3px 5px rgba(72,46,0,.2)}.place.p1:after,.place.p2:after,.place.p3:after{content:"";position:absolute;inset:-2px;border-radius:50%;background:linear-gradient(115deg,transparent 26%,rgba(255,255,255,.78) 45%,transparent 61%);z-index:2;opacity:0;animation:medalGlint 4.8s ease-in-out infinite;pointer-events:none}.place.p2:after{animation-delay:.7s}.place.p3:after{animation-delay:1.4s}
.place.p1{color:#604000;background:radial-gradient(circle at 32% 25%,#fff8bc 0 11%,#ffd95a 28%,#eaa919 67%,#a96a00 100%);border-color:#ffe891;box-shadow:0 0 0 3px rgba(255,193,32,.15),0 7px 16px rgba(183,117,0,.28),inset 0 1px #fff8ce;text-shadow:0 1px rgba(255,255,255,.75)}.place.p2{color:#445161;background:radial-gradient(circle at 32% 25%,#ffffff 0 10%,#e8edf2 29%,#aeb9c5 68%,#778696 100%);border-color:#eef3f7;box-shadow:0 0 0 3px rgba(153,169,186,.13),0 7px 16px rgba(76,94,114,.22),inset 0 1px #fff;text-shadow:0 1px rgba(255,255,255,.85)}.place.p3{color:#67351d;background:radial-gradient(circle at 32% 25%,#ffe4c4 0 10%,#df9864 30%,#b76032 68%,#74371f 100%);border-color:#f5c398;box-shadow:0 0 0 3px rgba(188,91,43,.12),0 7px 16px rgba(126,58,27,.24),inset 0 1px #ffe6d1;text-shadow:0 1px rgba(255,255,255,.55)}
tr:has(.place.p1){background:linear-gradient(90deg,rgba(255,211,73,.1),transparent 62%)}tr:has(.place.p2){background:linear-gradient(90deg,rgba(167,181,196,.09),transparent 62%)}tr:has(.place.p3){background:linear-gradient(90deg,rgba(202,116,68,.09),transparent 62%)}.rank-row:has(.place.p1){background:linear-gradient(90deg,rgba(255,211,73,.1),transparent 72%)}.rank-row:has(.place.p2){background:linear-gradient(90deg,rgba(167,181,196,.08),transparent 72%)}.rank-row:has(.place.p3){background:linear-gradient(90deg,rgba(202,116,68,.08),transparent 72%)}.rank-row:hover .place.p1,.rank-row:hover .place.p2,.rank-row:hover .place.p3,tbody tr:hover .place.p1,tbody tr:hover .place.p2,tbody tr:hover .place.p3{transform:scale(1.08) rotate(-4deg)}
@keyframes medalGlint{0%,62%{opacity:0;transform:translateX(-30%)}70%{opacity:.9}82%,100%{opacity:0;transform:translateX(30%)}}@media(prefers-reduced-motion:reduce){.place.p1:after,.place.p2:after,.place.p3:after{display:none}}@media(max-width:560px){.place.p1,.place.p2,.place.p3{width:36px;height:36px;font-size:13px}}

/* MIS-style colour-coded navigation icons */
.sidebar nav a i{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.055);box-shadow:inset 0 1px rgba(255,255,255,.045),0 7px 16px rgba(0,0,0,.12)}.sidebar nav a i:after{content:"";position:absolute;inset:-60%;background:linear-gradient(120deg,transparent 38%,rgba(255,255,255,.2) 50%,transparent 62%);transform:translateX(-70%);transition:transform .55s}.sidebar nav a:hover i:after,.sidebar nav a.active i:after{transform:translateX(70%)}
.sidebar nav .nav-dashboard i{color:#57d9ff;background:linear-gradient(145deg,rgba(13,154,218,.25),rgba(6,91,150,.17));border-color:rgba(53,206,255,.16)}.sidebar nav .nav-games i{color:#ff9c67;background:linear-gradient(145deg,rgba(237,104,47,.23),rgba(150,55,17,.14));border-color:rgba(255,139,86,.14)}.sidebar nav .nav-brackets i{color:#ba9cff;background:linear-gradient(145deg,rgba(130,85,230,.23),rgba(74,44,153,.15));border-color:rgba(177,144,255,.15)}.sidebar nav .nav-rankings i{color:#ffd05d;background:linear-gradient(145deg,rgba(230,169,31,.24),rgba(142,93,5,.15));border-color:rgba(255,202,71,.15)}.sidebar nav .nav-setup i{color:#68e3ba;background:linear-gradient(145deg,rgba(27,177,130,.23),rgba(9,105,76,.14));border-color:rgba(88,225,182,.15)}.sidebar nav .nav-users i{color:#ff87b5;background:linear-gradient(145deg,rgba(222,67,126,.22),rgba(132,31,71,.14));border-color:rgba(255,119,170,.14)}
.sidebar nav .nav-live{margin-top:5px;background:linear-gradient(90deg,rgba(239,54,79,.15),rgba(177,20,47,.07));border-color:rgba(255,87,109,.16);color:#fff}.sidebar nav .nav-live i{color:#ff8a99;background:linear-gradient(145deg,rgba(247,64,91,.3),rgba(145,17,45,.18));border-color:rgba(255,111,130,.2)}.sidebar nav .nav-live:hover{background:linear-gradient(90deg,rgba(239,54,79,.27),rgba(177,20,47,.13));border-color:rgba(255,106,126,.3)}.nav-live-badge{margin-left:auto;padding:4px 6px;border-radius:5px;background:#ef3650;color:#fff;font-size:7px;letter-spacing:.8px;box-shadow:0 0 0 4px rgba(239,54,80,.09),0 4px 12px rgba(239,54,80,.25);animation:pulseLive 1.6s infinite}@keyframes pulseLive{50%{opacity:.62;box-shadow:0 0 0 7px transparent}}
.sidebar nav .nav-dashboard.active i{color:#d9f8ff;background:linear-gradient(145deg,#15bfe9,#0878c2);border-color:#4edcff;box-shadow:0 8px 20px rgba(0,166,226,.3),inset 0 1px rgba(255,255,255,.3)}.sidebar nav .nav-games.active i{color:#fff3ec;background:linear-gradient(145deg,#ff915b,#e55324);border-color:#ffb18a;box-shadow:0 8px 20px rgba(232,84,31,.28),inset 0 1px rgba(255,255,255,.3)}.sidebar nav .nav-brackets.active i{color:#faf6ff;background:linear-gradient(145deg,#a77cff,#7547db);border-color:#c0a5ff;box-shadow:0 8px 20px rgba(117,71,219,.29),inset 0 1px rgba(255,255,255,.3)}.sidebar nav .nav-rankings.active i{color:#fff9e2;background:linear-gradient(145deg,#ffd45f,#e7a217);border-color:#ffe28f;box-shadow:0 8px 20px rgba(224,154,13,.28),inset 0 1px rgba(255,255,255,.35)}.sidebar nav .nav-setup.active i{color:#effff9;background:linear-gradient(145deg,#35d7a4,#0e9a70);border-color:#6aebc2;box-shadow:0 8px 20px rgba(16,161,116,.27),inset 0 1px rgba(255,255,255,.3)}.sidebar nav .nav-users.active i{color:#fff3f8;background:linear-gradient(145deg,#f576a7,#d64079);border-color:#ffabc9;box-shadow:0 8px 20px rgba(211,57,117,.27),inset 0 1px rgba(255,255,255,.3)}.sidebar nav a.active{background:linear-gradient(90deg,rgba(20,201,255,.16),rgba(13,105,242,.08));border-color:rgba(39,204,255,.16)}.sidebar nav a .ui-icon{stroke-width:1.9}