@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#f5f7fb;--surface:#fff;--ink:#172033;--muted:#7b8498;--line:#e7eaf1;--primary:#4f46e5;--primary-dark:#3730a3;--green:#16a36a;--orange:#f59e0b;--shadow:0 12px 35px rgba(25,35,60,.06);--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.topbar{height:78px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:36px;padding:0 max(24px,calc((100% - 1200px)/2));position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:10px;font:800 20px Manrope,sans-serif;letter-spacing:-.8px;white-space:nowrap}.brand-mark{width:39px;height:39px;display:grid;place-items:center;background:var(--primary);color:#fff;border-radius:13px;font-size:21px;box-shadow:0 7px 16px #4f46e533}.brand-accent{color:var(--primary)}.brand small{display:block;color:#9aa1b2;font:700 8px 'DM Sans',sans-serif;letter-spacing:1.25px;margin-top:-2px}.topbar nav{display:flex;align-items:center;gap:25px;flex:1}.topbar nav a,.notification-link{font-size:12px;color:#667085;font-weight:700;white-space:nowrap}.topbar nav a:hover,.text-link:hover,.topbar nav a:focus{color:var(--primary)}.top-actions{display:flex;align-items:center;gap:10px;white-space:nowrap}.user-chip{background:#f1f2ff;color:var(--primary);padding:8px 12px;border-radius:99px;font-size:12px;font-weight:700}.container{width:min(1200px,calc(100% - 48px));margin:0 auto;min-height:65vh}.btn{border:1px solid transparent;border-radius:10px;padding:10px 15px;font-weight:700;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:.18s;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 5px 14px #4f46e522}.btn-primary:hover{background:var(--primary-dark)}.btn-ghost{background:#f4f5f9;color:#505a6f}.btn-outline{border-color:#dfe3ed;background:#fff;color:#374151}.btn-sm{padding:7px 10px;font-size:11px;border-radius:8px}.btn-lg{padding:14px 19px;font-size:13px;border-radius:12px}.btn-block{width:100%;margin-top:10px}.inline-form{display:inline-flex;align-items:center;gap:6px}.alert{padding:13px 17px;margin:20px 0;border-radius:12px;font-weight:600;font-size:13px}.alert-success{background:#e8f8f0;color:#13784f;border:1px solid #c7eedb}.alert-error{background:#fff0f0;color:#a83232;border:1px solid #f8d5d5}.alert-info{background:#eef3ff;color:#344e9b;border:1px solid #dce5ff}.hero{display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:50px;padding:67px 0 48px;min-height:475px}.eyebrow{font-size:10px;letter-spacing:1.65px;font-weight:800;color:var(--primary);display:inline-flex;align-items:center;gap:9px}.live-dot{width:7px;height:7px;border-radius:50%;background:#23bd7c;box-shadow:0 0 0 4px #23bd7c20}.hero h1,.auth-side h1{font:800 clamp(38px,4.4vw,59px)/1.12 Manrope,sans-serif;letter-spacing:-2.8px;margin:18px 0}.hero h1 span,.auth-side h1 span{color:var(--primary)}.hero-copy>p{color:var(--muted);font-size:15px;line-height:1.9;max-width:520px;margin:0 0 25px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-proof{display:flex;align-items:center;gap:13px;margin-top:32px}.avatar-stack{display:flex}.avatar-stack span{width:33px;height:33px;border-radius:50%;background:#e9eaff;border:2px solid white;display:grid;place-items:center;margin-left:-6px}.avatar-stack span:first-child{margin-left:0}.hero-proof b,.hero-proof small{display:block}.hero-proof b{font-size:11px}.hero-proof small{font-size:10px;color:var(--muted);margin-top:2px}.hero-visual{height:385px;position:relative;display:flex;align-items:center;justify-content:center}.pitch{height:340px;width:300px;border-radius:25px;background:linear-gradient(135deg,#167b58,#0e6547);border:7px solid #fff;box-shadow:0 25px 65px #0e654725;position:relative;overflow:visible;transform:rotate(-5deg)}.pitch:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 42px,#ffffff0b 42px 84px);border-radius:18px}.pitch-line{position:absolute;left:0;right:0;top:50%;height:1px;background:#ffffff9c}.pitch-circle{position:absolute;width:92px;height:92px;border:1px solid #ffffff9c;border-radius:50%;left:calc(50% - 46px);top:calc(50% - 46px)}.pitch-box{position:absolute;left:25%;width:50%;height:47px;border:1px solid #ffffff9c}.box-top{top:0;border-top:0}.box-bottom{bottom:0;border-bottom:0}.pitch-dot{position:absolute;left:calc(50% - 3px);width:6px;height:6px;background:#fff;border-radius:50%}.dot-top{top:30px}.dot-bottom{bottom:30px}.floating-card{position:absolute;background:#fff;border:1px solid #ffffffb8;border-radius:15px;box-shadow:0 16px 40px #19243b22;transform:rotate(5deg)}.card-match{width:295px;padding:17px;left:-100px;top:66px}.card-label{font-size:8px;font-weight:800;letter-spacing:1.3px;color:#9299aa}.match-teams{display:flex;align-items:center;justify-content:space-between;margin:14px 0 10px}.match-teams>div{display:flex;flex-direction:column;align-items:center;gap:7px}.match-teams b{font-size:9px}.match-teams>strong{font-size:11px;color:#a0a7b7}.team-crest{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#e7eaff;color:#4f46e5;font:800 12px Manrope,sans-serif;flex-shrink:0}.crest-blue{background:#e8ebff;color:#4e46dc}.crest-orange{background:#fff0df;color:#d97706}.match-meta{font-size:9px;color:#818a9d;border-top:1px solid var(--line);padding-top:10px}.card-stat{right:-45px;bottom:42px;padding:13px;display:flex;gap:11px;align-items:center;min-width:205px}.stat-icon{height:37px;width:37px;background:#fff3d9;border-radius:11px;display:grid;place-items:center;font-size:18px}.card-stat small,.card-stat b{display:block}.card-stat small{font-size:8px;color:#9ba2b1;letter-spacing:.8px}.card-stat b{font-size:12px;margin:2px 0 7px}.mini-progress{display:block;width:120px;height:4px;background:#e9edf4;border-radius:5px;overflow:hidden}.mini-progress i{display:block;width:68%;height:100%;background:#20b879;border-radius:5px}.hero-ball{position:absolute;right:8px;top:0;font-size:43px;filter:drop-shadow(0 6px 4px #0003);transform:rotate(15deg)}.stats-strip{background:#fff;border:1px solid var(--line);border-radius:18px;display:grid;grid-template-columns:repeat(4,1fr);padding:21px 0;box-shadow:var(--shadow)}.stats-strip>div{padding:0 28px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:3px}.stats-strip>div:last-child{border:0}.stats-strip b{font:800 26px Manrope,sans-serif;letter-spacing:-1px}.stats-strip span{font-size:11px;color:var(--muted)}.section-head{margin:65px 0 24px;display:flex;align-items:end;justify-content:space-between}.section-head h2,.panel-title h2{font:800 25px Manrope,sans-serif;letter-spacing:-.8px;margin:8px 0}.section-head p,.panel-title p{margin:0;color:var(--muted);font-size:12px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.feature-card,.team-card,.panel-card,.dash-tile,.player-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.feature-card{padding:25px}.feature-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;font-size:20px;margin-bottom:16px}.feature-icon.purple{background:#efedff;color:#6455e8}.feature-icon.green{background:#e4f8ef;color:#159d68}.feature-icon.orange{background:#fff1de;color:#d8870d}.feature-icon.blue{background:#e6f2ff;color:#347bc5}.feature-card h3{font:800 16px Manrope,sans-serif;margin:0 0 8px}.feature-card p{font-size:12px;color:var(--muted);line-height:1.8;min-height:65px;margin:0 0 15px}.feature-card>a,.text-link{font-size:11px;font-weight:800;color:var(--primary)}.row-head{margin-top:60px}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:55px}.team-card{padding:19px;display:block;transition:.2s}.team-card:hover{transform:translateY(-3px);border-color:#cbc9ff;box-shadow:0 18px 40px #3037a510}.team-card-top{display:flex;justify-content:space-between;align-items:center}.team-card h3{font:800 15px Manrope,sans-serif;margin:16px 0 5px}.team-card p{font-size:11px;color:var(--muted);margin:0 0 19px}.team-card-foot{border-top:1px solid var(--line);padding-top:12px;display:flex;justify-content:space-between;color:#7f8797;font-size:10px}.team-card-foot b{color:var(--primary);font-size:17px}.badge{display:inline-flex;align-items:center;justify-content:center;border-radius:7px;padding:5px 8px;background:#f0f2f7;color:#687187;font-size:9px;font-weight:800;white-space:nowrap}.badge-active,.badge-accepted,.badge-completed,.badge-played{background:#e4f8ee;color:#15835a}.badge-pending,.badge-countered,.badge-scheduled,.badge-planned{background:#fff4dc;color:#a46b08}.badge-rejected,.badge-cancelled,.badge-expired{background:#ffebeb;color:#b83c3c}.page-heading{padding:46px 0 24px}.page-heading h1{font:800 clamp(29px,3vw,39px) Manrope,sans-serif;letter-spacing:-1.5px;margin:8px 0}.page-heading p{color:var(--muted);margin:0;max-width:700px}.panel-card{padding:24px;margin-bottom:20px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.panel-title h2{font-size:18px;margin:0 0 3px}.panel-title p{font-size:11px}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:11px;white-space:normal}th{text-align:left;font-size:9px;letter-spacing:.6px;color:#929aab;font-weight:800;text-transform:uppercase;background:#fafbfe}th,td{padding:13px 12px;border-bottom:1px solid #edf0f5;vertical-align:middle}tr:last-child td{border-bottom:0}td small{display:block;color:var(--muted);font-size:10px;margin-top:3px}td b{font-weight:800}.muted{color:var(--muted)}.score-inline{display:inline-block!important;color:var(--primary)!important;font-weight:800}.empty-state{padding:35px 20px;text-align:center;color:var(--muted);background:#fafbfe;border:1px dashed #dce1eb;border-radius:14px;font-size:12px}.auth-layout{min-height:650px;display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:center;padding:45px 7%}.auth-side{position:relative;min-height:360px;padding-top:35px}.auth-side h1{font-size:48px}.auth-side p{color:var(--muted);max-width:350px;line-height:1.9}.auth-ball{font-size:170px;opacity:.12;position:absolute;right:15px;bottom:-15px;transform:rotate(-20deg)}.auth-card{padding:35px;background:#fff;border:1px solid var(--line);border-radius:23px;box-shadow:var(--shadow)}.auth-card h2{font:800 25px Manrope;margin:0 0 4px}.auth-card>.muted{margin:0 0 24px;font-size:12px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field>span{font-size:10px;font-weight:800;color:#626d82}.field b{color:#e25454}.field input,.field select,.field textarea,.admin-record input,.transfer-form input,.transfer-form select,.transfer-form textarea{width:100%;min-width:0;border:1px solid #e1e5ee;border-radius:9px;background:#fff;padding:11px 12px;color:var(--ink);outline:none;font-size:12px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#9d98ff;box-shadow:0 0 0 3px #4f46e510}.field textarea{resize:vertical}.full{grid-column:1/-1}.form-bottom{font-size:11px;color:var(--muted);text-align:center;margin:20px 0 0}.form-bottom a{color:var(--primary);font-weight:800}.form-panel{max-width:850px;margin:0 auto 40px}.privacy-note{display:flex;gap:12px;padding:14px;background:#f2f5ff;border-radius:12px;margin-bottom:23px;color:#555f91;font-size:12px}.privacy-note p{margin:3px 0 0;font-size:10px;line-height:1.7}.check-row{display:flex;align-items:flex-start;gap:9px;font-size:10px;color:var(--muted)}.check-row input{margin-top:3px}.tiny{font-size:10px}.profile-title{display:flex;align-items:center;gap:14px;margin-bottom:25px}.profile-title h2{font:800 20px Manrope;margin:0}.profile-title p{font-size:11px;margin:4px 0 0}.profile-avatar{width:50px;height:50px;border-radius:16px;background:linear-gradient(135deg,#e8eaff,#f3eaff);color:#5146db;display:grid;place-items:center;font:800 15px Manrope;flex-shrink:0}.small-avatar{width:38px;height:38px;border-radius:12px;font-size:11px}.verified{display:inline-grid;place-items:center;vertical-align:middle;width:16px;height:16px;border-radius:50%;background:#168cf2;color:#fff;font-size:11px;font-weight:900;margin-left:3px;box-shadow:0 2px 5px #168cf255}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:24px}.dash-tile{padding:20px;display:flex;flex-direction:column;align-items:flex-start;transition:.2s}.dash-tile:hover{border-color:#c6c3ff;transform:translateY(-2px)}.dash-tile .feature-icon{margin-bottom:14px}.dash-tile b{font:800 14px Manrope;margin-bottom:5px}.dash-tile small{color:var(--muted);font-size:10px}.dash-admin{background:#f6f4ff}.two-col{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.team-hero{margin:40px 0 25px;padding:30px;background:linear-gradient(120deg,#fff,#f1f2ff);border:1px solid var(--line);border-radius:22px;display:flex;align-items:center;gap:20px}.team-crest-lg{width:82px;height:82px;border-radius:22px;font-size:22px}.team-hero-copy{flex:1}.team-hero h1{font:800 29px Manrope;letter-spacing:-1px;margin:5px 0}.team-hero p{margin:0;color:var(--muted);font-size:12px}.team-hero-tags{display:flex;gap:7px;margin-top:12px}.roster-list{display:flex;flex-direction:column}.roster-row{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #eff1f6}.roster-row:last-child{border:0}.roster-info{flex:1;min-width:0}.roster-info b{font-size:11px}.roster-info small{display:block;color:var(--muted);font-size:10px}.info-list{margin-bottom:20px}.info-list>div{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);font-size:11px}.info-list span{color:var(--muted)}.inline-create{display:flex;align-items:center;justify-content:space-between}.inline-create h3{margin:0;font:800 15px Manrope}.inline-create p{margin:5px 0 0;font-size:11px}.player-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:25px}.player-card{padding:19px}.player-card-top{display:flex;align-items:center;gap:10px}.player-card-name{flex:1;min-width:0}.player-card-name h3{font:800 13px Manrope;margin:0;overflow-wrap:anywhere}.player-card-name p{font-size:10px;color:var(--muted);margin:4px 0 0}.player-number{font-size:10px;color:#a3a9b6}.player-location{font-size:10px;color:var(--muted);margin:14px 0}.player-metrics{display:grid;grid-template-columns:repeat(3,1fr);background:#f8f9fc;border-radius:10px;padding:12px 5px}.player-metrics>div{text-align:center;border-right:1px solid #e8ebf2}.player-metrics>div:last-child{border:0}.player-metrics b,.player-metrics small{display:block}.player-metrics b{font:800 16px Manrope}.player-metrics small{font-size:9px;color:var(--muted)}.player-tags{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0}.player-tags span{font-size:9px;background:#f0f2f7;color:#667085;padding:5px 7px;border-radius:6px}.transfer-form{border-top:1px solid var(--line);padding-top:12px;margin-top:12px}.transfer-form summary,details summary{font-size:11px;color:var(--primary);font-weight:800;cursor:pointer}.transfer-form .form-grid{margin-top:12px;grid-template-columns:1fr}.transfer-form .field{margin-bottom:8px}.score-pill{display:inline-block;background:#eef0ff;color:#4f46e5;padding:7px 10px;border-radius:8px;font-weight:900}.rank{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#f1f3f8;color:#687187;font-weight:800;font-size:10px}.rank-1{background:#fff1c6;color:#a8790b}.rank-2{background:#e9edf4;color:#566174}.rank-3{background:#f9e5d7;color:#a85c27}.table-team{font-weight:800}.table-team:hover{color:var(--primary)}.notification-row{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.notification-row:last-child{border:0}.notification-unread{background:#f8f8ff;margin:0 -10px;padding:16px 10px;border-radius:10px}.notification-symbol{width:33px;height:33px;display:grid;place-items:center;background:#efedff;color:var(--primary);border-radius:10px}.notification-row b{font-size:12px}.notification-row p{margin:3px 0;font-size:11px;color:#697286}.notification-row small{font-size:9px;color:#9aa1b2}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:22px}.admin-stats>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px}.admin-stats span,.admin-stats b{display:block}.admin-stats span{font-size:10px;color:var(--muted)}.admin-stats b{font:800 25px Manrope;margin-top:5px}.admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.admin-record-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.admin-record{border:1px solid var(--line);padding:13px;border-radius:12px}.admin-record summary{display:flex;justify-content:space-between;gap:10px;color:var(--ink)}.admin-record .form-grid{margin-top:15px;gap:10px}.admin-record .field input{padding:8px}.score-input{width:55px;border:1px solid var(--line);border-radius:7px;padding:7px}.check-mini{display:inline-flex;gap:5px;align-items:center;font-size:10px}.action-stack{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.action-stack details input{display:block;width:170px;margin:8px 0;padding:7px;border:1px solid var(--line);border-radius:7px}.footer{background:#fff;border-top:1px solid var(--line);margin-top:65px}.footer-inner{width:min(1200px,calc(100% - 48px));margin:auto;min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer p{font-size:10px;color:var(--muted)}.footer-inner>div{display:flex;gap:17px}.footer-inner>div a{font-size:10px;color:var(--muted)}.footer-inner>div a:hover{color:var(--primary)}
@media(max-width:1050px){.topbar{gap:20px;padding:0 22px}.topbar nav{gap:13px}.topbar nav a{font-size:11px}.notification-link{display:none}.hero{gap:25px}.card-match{left:-55px}.card-stat{right:-18px}.team-grid{grid-template-columns:repeat(2,1fr)}.player-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.topbar{height:auto;min-height:70px;flex-wrap:wrap;padding:12px 17px;gap:10px}.brand{font-size:18px}.brand-mark{width:34px;height:34px}.topbar nav{order:3;flex-basis:100%;overflow-x:auto;padding:4px 0 2px;gap:19px}.top-actions{margin-left:auto}.top-actions .user-chip{display:none}.container{width:calc(100% - 30px)}.hero{grid-template-columns:1fr;padding:43px 0 28px;gap:12px}.hero h1{font-size:43px;letter-spacing:-2px}.hero-copy>p{font-size:13px}.hero-visual{height:330px;margin-top:5px}.pitch{height:295px;width:260px}.card-match{left:-30px;top:53px;width:255px}.card-stat{right:-15px;bottom:28px;min-width:180px}.hero-ball{right:2px}.stats-strip{grid-template-columns:repeat(2,1fr);padding:12px 0}.stats-strip>div{padding:12px 19px;border-bottom:1px solid var(--line)}.stats-strip>div:nth-child(2){border-right:0}.stats-strip>div:nth-child(3),.stats-strip>div:nth-child(4){border-bottom:0}.stats-strip b{font-size:22px}.section-head{margin-top:43px}.section-head h2{font-size:22px}.feature-grid{grid-template-columns:1fr}.feature-card p{min-height:auto}.team-grid{grid-template-columns:1fr 1fr;gap:10px}.team-card{padding:14px}.team-card h3{font-size:12px}.team-card .team-crest{width:36px;height:36px}.team-card-foot{font-size:9px}.page-heading{padding:32px 0 20px}.page-heading h1{font-size:30px}.panel-card{padding:16px;border-radius:15px}.form-grid{grid-template-columns:1fr;gap:13px}.full{grid-column:auto}.form-panel{padding:17px}.auth-layout{grid-template-columns:1fr;gap:15px;padding:22px 0 40px}.auth-side{min-height:190px;padding-top:10px}.auth-side h1{font-size:37px;margin:12px 0}.auth-side p{font-size:12px}.auth-ball{font-size:95px;right:10px;bottom:-5px}.auth-card{padding:24px}.dashboard-grid{grid-template-columns:repeat(2,1fr);gap:10px}.dash-tile{padding:15px}.dash-tile b{font-size:12px}.two-col{grid-template-columns:1fr}.team-hero{padding:19px;gap:12px;flex-wrap:wrap}.team-hero h1{font-size:22px}.team-crest-lg{width:60px;height:60px}.team-hero-copy{min-width:60%;}.team-hero>.inline-form{width:100%}.team-hero>.inline-form .btn{width:100%}.player-grid{grid-template-columns:1fr}.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-grid,.admin-record-grid{grid-template-columns:1fr}.footer-inner{width:calc(100% - 30px);padding:22px 0;flex-wrap:wrap;justify-content:flex-start}.footer-inner>div{width:100%;flex-wrap:wrap}.inline-create{align-items:flex-start;gap:14px;flex-direction:column}.table-wrap table{min-width:600px}.roster-row{flex-wrap:wrap}.roster-row .inline-form{width:100%;margin-left:49px}.panel-title{align-items:flex-start}.privacy-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* LigArena v1.2: streamlined dashboard and central settings */
.topbar{box-shadow:0 6px 28px rgba(20,30,55,.035)}
.brand-mark{background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 60%,#111827));box-shadow:0 8px 18px color-mix(in srgb,var(--primary) 22%,transparent)}
.btn-primary{background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 82%,#111827));box-shadow:0 7px 18px color-mix(in srgb,var(--primary) 19%,transparent)}
.panel-card,.dash-tile,.team-card,.player-card,.feature-card{box-shadow:0 10px 35px rgba(24,36,66,.045);transition:border-color .18s,transform .18s,box-shadow .18s}
.panel-card:hover,.feature-card:hover{border-color:color-mix(in srgb,var(--primary) 20%,var(--line))}
.dashboard-welcome{padding-top:38px;padding-bottom:20px}
.dashboard-grid{gap:14px;margin-bottom:28px}
.dash-tile{min-height:156px;border-radius:18px;padding:22px}
.dash-tile .feature-icon{margin-bottom:16px}
.dash-tile small{font-size:11px;line-height:1.6}
.dash-admin{background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 6%,white),white)}
.admin-subnav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 20px;padding:13px 16px;border:1px solid var(--line);background:#fff;border-radius:14px;color:var(--muted);font-size:12px}
.admin-subnav a{font-weight:800;color:var(--primary)}
.settings-layout{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:40px}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.settings-grid .field{margin:0}
.settings-grid .field.full{grid-column:1/-1}
.settings-grid .field input[type=file]{padding:10px;background:#fafbff}
.settings-grid textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px;color:var(--ink);resize:vertical}
.color-field{display:flex;align-items:center;gap:10px}
.color-field input[type=color]{width:48px;height:42px;padding:4px;border:1px solid var(--line);border-radius:10px;background:#fff}
.color-field input[readonly]{width:120px;background:#f7f8fc;color:var(--muted)}
.logo-preview{display:flex;align-items:center;gap:15px;padding:12px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);font-size:12px}
.logo-preview img{max-width:180px;max-height:75px;object-fit:contain}
.settings-toggles{display:grid;gap:10px}
.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px;border:1px solid var(--line);border-radius:13px;background:#fbfcff;cursor:pointer}
.toggle-row b,.toggle-row small{display:block}
.toggle-row b{font-size:13px}
.toggle-row small{font-size:11px;color:var(--muted);margin-top:4px;line-height:1.6}
.toggle-row input{width:20px;height:20px;accent-color:var(--primary);flex-shrink:0}
.settings-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
@media(max-width:760px){.settings-grid{grid-template-columns:1fr}.settings-grid .field.full{grid-column:auto}.admin-subnav{align-items:flex-start;flex-direction:column}.settings-actions{flex-direction:column-reverse}.settings-actions .btn{width:100%}.dash-tile{min-height:140px;padding:16px}}


/* Admin account safety tools */
.security-actions{display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap;min-width:230px}.ban-details{min-width:240px}.ban-details summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center}.ban-details[open]{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface,#fff);margin-top:8px}.ban-details form{display:grid;gap:10px;margin-top:12px}.btn-danger{background:#b42318;color:#fff;border:1px solid #b42318}.btn-danger:hover{filter:brightness(.94)}


/* LigArena v1.4 visual refresh: cleaner typography, admin navigation, media and support tools */
:root{--surface:#fff;--surface-soft:#f5f7fb;--line:#e3e8f1;--shadow:0 18px 48px rgba(20,31,55,.08);--radius:20px}
body{background:#f5f7fb;color:#182235;font-feature-settings:"ss01" on}
.topbar{position:sticky;top:0;z-index:30;backdrop-filter:blur(18px);background:rgba(255,255,255,.9);border-bottom:1px solid rgba(220,227,238,.9);box-shadow:0 4px 22px rgba(20,31,55,.035)}
.brand{gap:12px;font-weight:850;letter-spacing:-.035em}.brand small{letter-spacing:.09em;font-size:9px;color:#788399}.topbar nav{gap:6px}.topbar nav a{padding:10px 12px;border-radius:12px;font-size:13px;font-weight:650;color:#536078}.topbar nav a:hover{background:#f0f3f9;color:var(--primary)}
.container{max-width:1240px}.hero{border-radius:30px;overflow:hidden;box-shadow:0 22px 70px rgba(25,35,60,.11)}.hero h1{letter-spacing:-.06em;line-height:1.04}.panel-card,.auth-card,.feature-card,.team-card,.dash-tile,.news-card,.admin-module-card{border:1px solid #e5eaf2;border-radius:22px;background:#fff;box-shadow:0 8px 30px rgba(20,31,55,.045);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.panel-card{padding:26px}.feature-card:hover,.team-card:hover,.dash-tile:hover,.admin-module-card:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(20,31,55,.09);border-color:#d7deeb}.btn{border-radius:12px;font-weight:750;letter-spacing:-.01em}.btn-primary{box-shadow:0 8px 18px color-mix(in srgb,var(--primary) 20%,transparent)}.field input,.field select,.field textarea,.inline-form input:not([type=hidden]),.inline-form select{border-radius:12px;border-color:#dfe5ef;background:#fbfcfe;min-height:44px}.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid color-mix(in srgb,var(--primary) 15%,transparent);border-color:var(--primary)}
.admin-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:24px;align-items:start;margin:20px 0 38px}.admin-side-nav{position:sticky;top:94px;display:flex;flex-direction:column;gap:5px;padding:12px;border:1px solid #e5eaf2;border-radius:20px;background:#fff;box-shadow:0 8px 30px rgba(20,31,55,.04)}.admin-side-nav a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;border-radius:12px;color:#56627a;font-size:13px;font-weight:700;text-decoration:none}.admin-side-nav a:hover{background:#f5f7fb;color:var(--primary)}.admin-side-nav a.active{background:color-mix(in srgb,var(--primary) 10%,white);color:var(--primary)}.admin-side-nav a span{font-size:20px;line-height:1}.admin-content{min-width:0;display:flex;flex-direction:column;gap:18px}.admin-content>.panel-card{margin:0}.admin-module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.admin-module-card{display:flex;flex-direction:column;gap:9px;padding:22px;text-decoration:none;color:inherit;min-height:150px}.admin-module-card b{font-size:16px;letter-spacing:-.02em}.admin-module-card small{color:#778298;line-height:1.55}.module-icon{width:34px;height:34px;display:grid;place-items:center;background:color-mix(in srgb,var(--primary) 11%,white);color:var(--primary);border-radius:11px;font-size:19px}.module-arrow{margin-top:auto;color:var(--primary);font-weight:750;font-size:12px}.admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.admin-stats>div{background:#fff;border:1px solid #e5eaf2;border-radius:17px;padding:18px}.admin-stats span{display:block;color:#7b879c;font-size:12px;font-weight:650}.admin-stats b{display:block;font-size:28px;letter-spacing:-.05em;margin-top:7px}.admin-content .form-grid{gap:14px}.admin-content .panel-title{margin-bottom:18px}.table-wrap{border:1px solid #e8edf4;border-radius:15px}.table-wrap table{min-width:650px}.table-wrap th{background:#f7f9fc;color:#68748a;font-size:11px;text-transform:uppercase;letter-spacing:.07em}.table-wrap td{vertical-align:middle}.table-wrap tr:hover td{background:#fbfcff}.member-actions{display:flex;flex-direction:column;gap:8px;min-width:170px}.member-actions form{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.member-actions select,.member-actions input{min-width:110px;max-width:180px}.table-logo{width:34px;height:34px;object-fit:contain;vertical-align:middle;margin-right:8px;border-radius:9px;background:#f5f7fb}.team-crest img{width:100%;height:100%;object-fit:contain;border-radius:inherit}.team-crest{overflow:hidden}.team-hero{border-radius:24px;border:1px solid #e2e8f2;background:linear-gradient(130deg,#fff,#f4f7fc);padding:28px;box-shadow:var(--shadow)}.profile-avatar{overflow:hidden;flex-shrink:0}.avatar-image{width:100%;height:100%;object-fit:cover;border-radius:inherit}.nav-avatar{width:25px;height:25px;object-fit:cover;border-radius:50%;margin-right:7px;vertical-align:middle}.user-chip{display:inline-flex;align-items:center}.logo-upload-form{margin:15px 0;padding:14px;background:#f8faff;border-radius:15px}.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0}.news-card{padding:23px;overflow:hidden}.news-card h2,.news-card h3{margin:10px 0;font-size:20px;letter-spacing:-.035em;line-height:1.2}.news-card p,.news-body{color:#5f6c82;line-height:1.75}.news-summary{font-weight:650;color:#39465c!important}.news-card small{display:block;margin-top:18px;color:#8b95a7}.home-news .news-card{min-height:135px}.chat-history{display:flex;flex-direction:column;gap:10px;max-height:440px;overflow:auto;padding:4px 2px 14px}.chat-bubble{max-width:92%;padding:13px 15px;background:#f1f4f9;border:1px solid #e4e9f1;border-radius:15px 15px 15px 4px;margin:10px 0}.chat-bubble.mine{margin-left:auto;background:color-mix(in srgb,var(--primary) 8%,white);border-color:color-mix(in srgb,var(--primary) 18%,white);border-radius:15px 15px 4px 15px}.chat-bubble.admin-reply{background:#effaf4;border-color:#d7f0e0}.chat-bubble small{color:#7b879a;font-size:11px}.chat-bubble p{margin:6px 0 0;line-height:1.65;overflow-wrap:anywhere}.message-person{display:flex;text-decoration:none;color:inherit}.message-person>span:last-child{margin-left:auto;color:var(--primary);font-size:12px;font-weight:700}.ticket-row{display:flex;flex-direction:column;gap:6px;padding:14px 0;border-bottom:1px solid #edf0f5;text-decoration:none;color:inherit}.ticket-row span{color:#7a8599;font-size:12px}.ticket-thread{margin-top:22px}.ticket-thread h2 small{font-size:13px;color:#7b879a;font-weight:500}.alert{border-radius:14px}.footer{margin-top:56px;background:#fff;border-top:1px solid #e3e8f1}.footer-inner{max-width:1240px}
@media(max-width:1000px){.admin-layout{grid-template-columns:1fr}.admin-side-nav{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar nav{overflow:auto;max-width:45vw}}
@media(max-width:640px){.admin-side-nav{grid-template-columns:1fr 1fr;padding:8px}.admin-side-nav a{font-size:11px;padding:10px}.admin-module-grid,.news-grid{grid-template-columns:1fr}.admin-stats>div{padding:13px}.admin-stats b{font-size:23px}.panel-card{padding:17px}.topbar{align-items:flex-start;flex-wrap:wrap;gap:10px}.topbar nav{order:3;max-width:100%;width:100%}.top-actions{margin-left:auto}.container{padding-left:15px;padding-right:15px}.hero{border-radius:22px}}

/* v1.4.1 layout repair: explicit admin dashboard layout */
.admin-layout{display:grid!important;grid-template-columns:240px minmax(0,1fr)!important;gap:24px!important;align-items:start!important;width:100%!important;margin:24px 0 40px!important}
.admin-side-nav{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:5px!important;min-width:0!important;padding:12px!important;margin:0!important;position:sticky!important;top:95px!important;background:#fff!important;border:1px solid #e3e8f1!important;border-radius:18px!important;box-shadow:0 8px 30px rgba(20,31,55,.05)!important}
.admin-side-nav a{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;width:100%!important;box-sizing:border-box!important;padding:12px 13px!important;margin:0!important;border-radius:11px!important;color:#56627a!important;text-decoration:none!important;font-size:13px!important;font-weight:700!important;line-height:1.4!important;white-space:normal!important}
.admin-side-nav a.active{background:#eeedff!important;color:#4338ca!important}
.admin-side-nav a span{flex:0 0 auto!important;font-size:20px!important;line-height:1!important}
.admin-content{display:flex!important;flex-direction:column!important;gap:18px!important;min-width:0!important;width:100%!important}
.admin-stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;width:100%!important}
.admin-stats>div{min-width:0!important;padding:20px!important;background:#fff!important;border:1px solid #e5eaf2!important;border-radius:17px!important;box-sizing:border-box!important}
.admin-module-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;width:100%!important}
.admin-module-card{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:10px!important;min-width:0!important;min-height:160px!important;padding:22px!important;margin:0!important;box-sizing:border-box!important;background:#fff!important;border:1px solid #e5eaf2!important;border-radius:18px!important;text-decoration:none!important;color:#182235!important;line-height:1.5!important;white-space:normal!important;overflow-wrap:anywhere!important}
.admin-module-card b{display:block!important;font-size:16px!important;line-height:1.35!important;margin:0!important}
.admin-module-card small{display:block!important;color:#778298!important;font-size:12px!important;line-height:1.65!important;margin:0!important}
.admin-module-card .module-icon{display:grid!important;place-items:center!important;flex:0 0 34px!important;width:34px!important;height:34px!important;border-radius:10px!important}
.admin-module-card .module-arrow{display:block!important;margin-top:auto!important;font-size:12px!important;line-height:1.5!important;color:#4f46e5!important}
.page-heading{margin-bottom:22px!important}
.page-heading h1{margin:10px 0!important;line-height:1.15!important}
.page-heading p{margin:0!important;line-height:1.65!important;color:#758198!important}
@media(max-width:1000px){.admin-layout{grid-template-columns:1fr!important}.admin-side-nav{position:static!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){.admin-side-nav{grid-template-columns:1fr 1fr!important}.admin-module-grid{grid-template-columns:1fr!important}.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.admin-module-card{min-height:140px!important;padding:18px!important}}

/* Homepage slider */
.homepage-slider{position:relative;overflow:hidden;border-radius:28px;margin:28px 0 34px;min-height:360px;background:#111827;box-shadow:0 22px 55px rgba(15,23,42,.16)}
.homepage-slides{position:relative;min-height:360px}.homepage-slide{display:none;min-height:360px;background-size:cover;background-position:center;align-items:center;padding:clamp(28px,6vw,72px);color:#fff}.homepage-slide.is-active{display:flex;animation:sliderFade .45s ease}.homepage-slide-copy{max-width:680px}.homepage-slide h2{font-size:clamp(2rem,5vw,3.7rem);line-height:1.08;letter-spacing:-.04em;margin:12px 0}.homepage-slide p{font-size:1.08rem;line-height:1.7;color:rgba(255,255,255,.85);max-width:620px;margin:0 0 24px}.homepage-slide .eyebrow{color:#dbeafe}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);border:1px solid rgba(255,255,255,.35);background:rgba(10,18,32,.55);color:#fff;border-radius:50%;width:42px;height:42px;font-size:28px;line-height:1;cursor:pointer;backdrop-filter:blur(8px)}.slider-prev{left:18px}.slider-next{right:18px}.slider-dots{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.slider-dot{border:0;width:9px;height:9px;border-radius:99px;background:rgba(255,255,255,.55);padding:0;cursor:pointer}.slider-dot.is-active{width:26px;background:#fff}.slider-admin-list{display:grid;gap:18px}.slider-admin-item{display:grid;grid-template-columns:minmax(180px,280px) 1fr;gap:20px;padding:16px;border:1px solid var(--line);border-radius:18px}.slider-admin-item>img{width:100%;height:180px;object-fit:cover;border-radius:12px;background:#e2e8f0}.slider-admin-fields{min-width:0}.slider-admin-fields .form-grid{margin-bottom:10px}@keyframes sliderFade{from{opacity:.55}to{opacity:1}}@media(max-width:700px){.homepage-slider,.homepage-slides,.homepage-slide{min-height:300px}.homepage-slide{padding:28px 24px 52px}.slider-prev{left:8px}.slider-next{right:8px}.slider-admin-item{grid-template-columns:1fr}.slider-admin-item>img{height:190px}}

/* Homepage slider occupies the former hero area, not a separate top banner. */
.homepage-slider-hero{margin:0 0 22px;min-height:430px;border-radius:30px}
.homepage-slider-hero .homepage-slides,.homepage-slider-hero .homepage-slide{min-height:430px}
.homepage-slider-hero .homepage-slide{padding:clamp(30px,5vw,64px)}
.homepage-slider-hero .homepage-slide-copy{max-width:650px}
.homepage-slider-hero .homepage-slide h2{font-size:clamp(2rem,4.2vw,3.4rem);max-width:650px;overflow-wrap:anywhere}
.homepage-slider-hero .homepage-slide p{max-width:560px}
/* Compact, balanced fallback hero when no active slide has been uploaded. */
.hero{min-height:430px;padding:clamp(28px,4.5vw,58px);gap:clamp(24px,4vw,56px);align-items:center}
.hero-copy{max-width:570px;min-width:0}
.hero h1{font-size:clamp(2.35rem,4.2vw,3.65rem);line-height:1.06;letter-spacing:-.055em;margin:18px 0 18px;overflow-wrap:normal}
.hero-copy>p{max-width:510px;font-size:15px;line-height:1.8;margin-bottom:24px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-proof{margin-top:28px;gap:12px;align-items:center}
.hero-visual{min-width:0;width:100%;max-width:490px;justify-self:end}
@media(max-width:800px){.homepage-slider-hero,.homepage-slider-hero .homepage-slides,.homepage-slider-hero .homepage-slide{min-height:330px}.homepage-slider-hero .homepage-slide{padding:28px 24px 52px}.hero{padding:28px 24px;min-height:0}.hero h1{font-size:clamp(2rem,7vw,2.8rem)}.hero-visual{max-width:420px;margin:10px auto 0}}

/* v1.5.0 feedback features */
.news-cover{width:100%;max-height:260px;object-fit:cover;border-radius:14px;margin-bottom:14px}.news-admin-thumb{width:64px;height:44px;object-fit:cover;border-radius:8px;vertical-align:middle;margin-right:10px}.transfer-closed{font-size:1.1rem;font-weight:700;padding:30px}.group-checks{display:flex;gap:16px;flex-wrap:wrap;margin:12px 0}
.group-standing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.group-standing{border:1px solid var(--border-color,#e2e8f0);border-radius:16px;padding:16px;min-width:0}.group-standing h3{margin:0 0 12px;font-size:1rem}.group-standing .table-wrap{overflow:auto}.group-standing table{font-size:.88rem}

/* v1.5.1: prevent the desktop navigation from pushing the header off-screen */
.topbar{gap:20px;min-width:0}.topbar>.brand{flex:0 0 auto}.topbar nav{flex:1 1 auto;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;gap:clamp(8px,1vw,18px);scrollbar-width:none;-ms-overflow-style:none}.topbar nav::-webkit-scrollbar{display:none}.topbar nav a{flex:0 0 auto}.top-actions{flex:0 0 auto;min-width:max-content}
@media(min-width:761px){.topbar{padding-left:max(20px,calc((100% - 1200px)/2));padding-right:max(20px,calc((100% - 1200px)/2))}.topbar nav{max-width:calc(100vw - 760px)}}
@media(max-width:1100px) and (min-width:761px){.topbar{gap:14px;padding-left:18px;padding-right:18px}.brand{font-size:17px}.topbar nav{gap:10px}.topbar nav a{font-size:11px}.topbar nav{max-width:calc(100vw - 570px)}}

/* v1.5.3: compact overflow menu for secondary navigation */
.topbar nav .nav-more{position:relative;flex:0 0 auto;}
.topbar nav .nav-more>summary{list-style:none;cursor:pointer;white-space:nowrap;padding:10px 12px;border-radius:12px;font-size:13px;font-weight:750;color:#536078;background:#f3f4f8;display:flex;align-items:center;gap:7px;}
.topbar nav .nav-more>summary::-webkit-details-marker{display:none;}
.topbar nav .nav-more>summary:hover,.topbar nav .nav-more[open]>summary{background:#efedff;color:var(--primary);}
.nav-more-menu{position:absolute;right:0;top:calc(100% + 10px);min-width:190px;padding:7px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 45px rgba(25,35,60,.15);display:flex;flex-direction:column;gap:3px;z-index:80;}
.topbar nav .nav-more .nav-more-menu a{display:block;padding:10px 12px;border-radius:9px;font-size:12px;font-weight:700;color:#536078;white-space:nowrap;}
.topbar nav .nav-more .nav-more-menu a:hover{background:#f3f4ff;color:var(--primary);}
@media(max-width:760px){.topbar nav .nav-more{position:static;}.nav-more-menu{position:absolute;right:16px;top:100%;}.topbar nav{overflow:visible;}.topbar{overflow:visible;}}

/* v1.5.4: keep the overflow menu near the start of the navigation so it remains visible */
.topbar nav .nav-more{order:0;flex:0 0 auto;}
.topbar nav .nav-more>summary{border:1px solid #e5e7eb;}
@media(min-width:761px){.topbar nav{min-width:0}.topbar nav .nav-more{position:relative}.nav-more-menu{max-height:min(70vh,520px);overflow-y:auto}}

/* v1.5.5: dropdown is outside horizontally scrolling nav so it is clickable and not clipped */
.topbar>.nav-more{position:relative;flex:0 0 auto;z-index:200}
.topbar>.nav-more>summary{list-style:none;cursor:pointer;white-space:nowrap;padding:10px 12px;border-radius:12px;font-size:13px;font-weight:750;color:#536078;background:#f3f4f8;border:1px solid #e5e7eb;display:flex;align-items:center;gap:7px}
.topbar>.nav-more>summary::-webkit-details-marker{display:none}
.topbar>.nav-more>summary:hover,.topbar>.nav-more[open]>summary{background:#efedff;color:var(--primary)}
.topbar>.nav-more>.nav-more-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:210px;max-height:min(70vh,520px);overflow-y:auto;padding:7px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 45px rgba(25,35,60,.15);display:flex;flex-direction:column;gap:3px;z-index:300}
.topbar>.nav-more>.nav-more-menu a{display:block;padding:10px 12px;border-radius:9px;font-size:12px;font-weight:700;color:#536078;white-space:nowrap;text-decoration:none}
.topbar>.nav-more>.nav-more-menu a:hover{background:#f3f4ff;color:var(--primary)}
@media(max-width:760px){.topbar>.nav-more{position:relative}.topbar>.nav-more>.nav-more-menu{right:0;top:calc(100% + 8px)}}

/* v1.5.6 admin edit controls */
.team-admin-edit{margin:12px 0;padding:12px;background:#f8f9fc;border-radius:12px;min-width:280px}
.admin-content details>summary{cursor:pointer}
.admin-content details .form-grid{margin-top:12px}
.admin-content details h4{margin:12px 0 6px}

/* v1.5.7: icon-only more menu and persistent light/dark theme */
.topbar>.nav-more{position:relative;flex:0 0 auto;z-index:100}
.topbar>.nav-more>summary{list-style:none;cursor:pointer;display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#f1f2ff;color:var(--primary);font-size:25px;font-weight:800;line-height:1;user-select:none}
.topbar>.nav-more>summary::-webkit-details-marker{display:none}
.topbar>.nav-more>summary:hover,.topbar>.nav-more[open]>summary{background:#e6e4ff}
.topbar>.nav-more>.nav-more-menu{position:absolute;right:0;top:calc(100% + 9px);min-width:215px;max-height:70vh;overflow:auto;padding:7px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 45px rgba(25,35,60,.18);display:flex;flex-direction:column;gap:3px;z-index:300}
.topbar>.nav-more>.nav-more-menu a{display:block;padding:10px 12px;border-radius:9px;font-size:12px;font-weight:700;color:var(--ink);white-space:nowrap}
.topbar>.nav-more>.nav-more-menu a:hover{background:var(--bg);color:var(--primary)}
.theme-toggle{width:38px;height:38px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font-size:17px;cursor:pointer;flex:0 0 auto}
.theme-toggle:hover{border-color:var(--primary)}
:root[data-theme="dark"]{color-scheme:dark;--bg:#10131b;--surface:#191e29;--ink:#edf1fa;--muted:#a3adc1;--line:#2b3343;--shadow:0 12px 35px rgba(0,0,0,.24)}
:root[data-theme="dark"] body{background:var(--bg);color:var(--ink)}
:root[data-theme="dark"] .topbar{background:rgba(25,30,41,.96)}
:root[data-theme="dark"] .topbar nav a,:root[data-theme="dark"] .notification-link{color:#c0c8d8}
:root[data-theme="dark"] .user-chip,:root[data-theme="dark"] .topbar>.nav-more>summary{background:#28264b;color:#c6c2ff}
:root[data-theme="dark"] .card,:root[data-theme="dark"] .panel,:root[data-theme="dark"] .stat-card,:root[data-theme="dark"] .table-wrap,:root[data-theme="dark"] .modal-content,:root[data-theme="dark"] .form-card,:root[data-theme="dark"] .auth-card{background:var(--surface);border-color:var(--line);color:var(--ink)}
:root[data-theme="dark"] input,:root[data-theme="dark"] select,:root[data-theme="dark"] textarea{background:#111722;color:var(--ink);border-color:var(--line)}
:root[data-theme="dark"] .footer{background:#141923;border-color:var(--line);color:var(--muted)}
@media(max-width:900px){.topbar{gap:12px;padding:0 14px}.topbar nav{gap:14px}.brand{font-size:16px}.top-actions{gap:6px}}

/* v1.5.8: complete dark theme surfaces, including homepage feature/team/stat cards */
:root[data-theme="dark"] .feature-card,
:root[data-theme="dark"] .team-card,
:root[data-theme="dark"] .panel-card,
:root[data-theme="dark"] .dash-tile,
:root[data-theme="dark"] .player-card,
:root[data-theme="dark"] .news-card,
:root[data-theme="dark"] .admin-module-card,
:root[data-theme="dark"] .stats-strip,
:root[data-theme="dark"] .floating-card,
:root[data-theme="dark"] .card-match,
:root[data-theme="dark"] .card-stat,
:root[data-theme="dark"] .homepage-section-card {
  background: var(--surface) !important;
  color: var(--ink);
  border-color: var(--line) !important;
}
:root[data-theme="dark"] .feature-card h3,
:root[data-theme="dark"] .team-card h3,
:root[data-theme="dark"] .panel-card h2,
:root[data-theme="dark"] .panel-card h3,
:root[data-theme="dark"] .dash-tile h3,
:root[data-theme="dark"] .player-card h3,
:root[data-theme="dark"] .news-card h3,
:root[data-theme="dark"] .card-stat b,
:root[data-theme="dark"] .stats-strip strong {
  color: var(--ink);
}
:root[data-theme="dark"] .feature-icon {filter: brightness(.82) saturate(.85)}
:root[data-theme="dark"] .team-card-foot {border-color:var(--line);color:var(--muted)}
:root[data-theme="dark"] .floating-card .card-label,
:root[data-theme="dark"] .floating-card small,
:root[data-theme="dark"] .floating-card .match-meta {color:var(--muted);border-color:var(--line)}
:root[data-theme="dark"] .stats-strip>div {border-color:var(--line)}

/* v1.5.9 admin team/captain editing forms */
.admin-record{min-width:0}
.admin-record>summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.admin-record>form{padding:14px 0;border-bottom:1px solid var(--line)}
.admin-record .table-wrap{margin:12px 0}
.admin-record h3{margin:18px 0 8px}
.admin-record .field input,.admin-record .field select,.admin-record .field textarea{max-width:100%}
.admin-record-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:12px}

/* v1.6.0 interface fixes and daily fixtures */
.notification-icon-link{position:relative;display:inline-flex!important;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--line);border-radius:12px;font-size:21px;color:var(--ink);text-decoration:none}
.notification-dot{position:absolute;right:5px;top:5px;width:9px;height:9px;border-radius:50%;background:#ef4444;border:2px solid var(--surface,#fff);box-shadow:0 0 0 1px rgba(239,68,68,.15)}
.license-verified{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;margin-left:6px;border-radius:50%;background:#2563eb;color:#fff;font-size:12px;font-weight:900;vertical-align:middle;box-shadow:0 0 0 2px rgba(37,99,235,.13)}
.leader-badge{display:inline-flex;align-items:center;gap:3px;padding:3px 6px;border-radius:7px;font-size:10px;font-weight:800;white-space:nowrap}
.goal-leader{background:#fff0df;color:#9a3412}
.assist-leader{background:#fff4cc;color:#854d0e}
.keeper-leader{background:#dbeafe;color:#1e40af}
.today-matches-section{margin:28px 0 34px}
.today-match-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.today-match-card{background:var(--card,#fff);color:var(--ink);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:var(--shadow-sm,0 4px 14px rgba(20,30,50,.04))}
.today-match-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);margin-bottom:15px}
.today-match-meta b{font-size:12px;color:var(--primary)}
.today-match-teams{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px}
.today-match-teams>div{min-width:0;text-align:center}
.today-match-teams strong{display:block;font-size:13px;overflow-wrap:anywhere}
.today-match-vs{font-size:10px;font-weight:900;color:var(--muted)}
.today-match-venue{display:block;margin-top:12px;color:var(--muted);font-size:10px}
.today-match-empty{padding:20px;border:1px dashed var(--line);border-radius:14px;color:var(--muted);background:var(--card,#fff);font-size:13px}
.nav-more{flex:0 0 auto;position:relative;z-index:250}
.nav-more-menu{z-index:500}
@media(max-width:1100px){.today-match-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.today-match-grid{grid-template-columns:1fr}.today-match-card{padding:14px}}

:root[data-theme="dark"] .today-match-card,:root[data-theme="dark"] .today-match-empty{background:var(--surface);border-color:var(--line);color:var(--ink)}
:root[data-theme="dark"] .goal-leader{background:#482b1b;color:#fdba74}
:root[data-theme="dark"] .assist-leader{background:#453815;color:#fde68a}
:root[data-theme="dark"] .keeper-leader{background:#1e3a5f;color:#bfdbfe}
:root[data-theme="dark"] .notification-dot{border-color:var(--surface)}

/* v1.6.1: perfectly centered, consistent 3x3 navigation icon */
.topbar>.nav-more{display:flex;align-items:center;justify-content:center;align-self:center;margin:0;flex-shrink:0}
.topbar>.nav-more>summary{box-sizing:border-box;width:42px;height:42px;padding:0;display:flex;align-items:center;justify-content:center;line-height:1;border-radius:13px}
.menu-grid-icon{width:20px;height:20px;display:grid;grid-template-columns:repeat(3,4px);grid-template-rows:repeat(3,4px);gap:3px;place-content:center;align-content:center;justify-content:center;align-items:center;flex:0 0 20px;margin:0 auto}
.menu-grid-icon i{display:block;width:4px;height:4px;border-radius:1px;background:currentColor;margin:0}
@media(max-width:760px){.topbar>.nav-more{align-self:center}.topbar>.nav-more>summary{width:40px;height:40px}}


/* v1.6.3: stronger full-spectrum RGB glow below the header and around the homepage slider */
@keyframes wowRgbHue {
  0% { filter:hue-rotate(0deg); }
  100% { filter:hue-rotate(360deg); }
}
.topbar {
  isolation:isolate;
  position:relative;
  z-index:50;
}
.topbar::after {
  content:"";
  position:absolute;
  z-index:2;
  pointer-events:none;
  left:0;
  right:0;
  bottom:-5px;
  height:5px;
  background:linear-gradient(90deg,
    #ff1744 0%,#ff9100 12%,#ffee00 24%,#00e676 36%,
    #00e5ff 48%,#2979ff 60%,#651fff 72%,#d500f9 84%,#ff1744 100%);
  background-size:260% 100%;
  box-shadow:
    0 2px 5px rgba(255,255,255,.25),
    0 4px 12px rgba(0,229,255,.75),
    0 7px 22px rgba(41,121,255,.55),
    0 9px 30px rgba(213,0,249,.42),
    0 12px 38px rgba(255,23,68,.24);
  filter:blur(1.2px);
  animation:wowRgbFlow 5s linear infinite, wowRgbHue 9s linear infinite;
}
@keyframes wowRgbFlow {
  0% { background-position:0% 50%; }
  100% { background-position:260% 50%; }
}
.homepage-slider-hero {
  position:relative;
  border:2px solid transparent;
  box-shadow:
    0 0 5px #00e5ff,
    0 0 12px rgba(0,229,255,.95),
    0 0 22px rgba(41,121,255,.8),
    0 0 34px rgba(101,31,255,.7),
    0 0 46px rgba(213,0,249,.55),
    0 0 60px rgba(255,23,68,.35),
    0 0 74px rgba(255,238,0,.22),
    0 20px 55px rgba(15,23,42,.18);
  animation:wowSliderRgb 7s linear infinite, wowRgbHue 12s linear infinite;
}
@keyframes wowSliderRgb {
  0%,100% {
    border-color:#00e5ff;
    box-shadow:0 0 5px #00e5ff,0 0 13px rgba(0,229,255,.95),0 0 24px rgba(41,121,255,.8),0 0 36px rgba(101,31,255,.65),0 0 48px rgba(213,0,249,.5),0 0 60px rgba(255,23,68,.3),0 20px 55px rgba(15,23,42,.18);
  }
  25% {
    border-color:#d500f9;
    box-shadow:0 0 5px #d500f9,0 0 13px rgba(213,0,249,.95),0 0 24px rgba(255,23,68,.8),0 0 36px rgba(255,145,0,.65),0 0 48px rgba(255,238,0,.5),0 0 60px rgba(0,230,118,.3),0 20px 55px rgba(15,23,42,.18);
  }
  50% {
    border-color:#ffee00;
    box-shadow:0 0 5px #ffee00,0 0 13px rgba(255,238,0,.95),0 0 24px rgba(0,230,118,.8),0 0 36px rgba(0,229,255,.65),0 0 48px rgba(41,121,255,.5),0 0 60px rgba(101,31,255,.3),0 20px 55px rgba(15,23,42,.18);
  }
  75% {
    border-color:#ff1744;
    box-shadow:0 0 5px #ff1744,0 0 13px rgba(255,23,68,.95),0 0 24px rgba(213,0,249,.8),0 0 36px rgba(101,31,255,.65),0 0 48px rgba(41,121,255,.5),0 0 60px rgba(0,229,255,.3),0 20px 55px rgba(15,23,42,.18);
  }
}
:root[data-theme="dark"] .homepage-slider-hero {
  box-shadow:0 0 7px #00e5ff,0 0 18px rgba(41,121,255,.8),0 0 34px rgba(213,0,249,.65),0 0 50px rgba(255,23,68,.42),0 20px 55px rgba(0,0,0,.42);
}
@media (prefers-reduced-motion:reduce) {
  .topbar::after,.homepage-slider-hero { animation:none; }
}/* v1.6.6: twelve configurable slider LED colors */
.topbar{isolation:isolate;position:relative;z-index:50}
.topbar::after{
 content:"";position:absolute;z-index:2;pointer-events:none;left:0;right:0;bottom:0;height:2px;
 background:linear-gradient(90deg,var(--header-led-1,#00e5ff),var(--header-led-2,#651fff),var(--header-led-3,#d500f9),var(--header-led-1,#00e5ff));
 background-size:220% 100%;box-shadow:0 0 4px var(--header-led-1,#00e5ff),0 0 8px var(--header-led-2,#651fff),0 0 12px color-mix(in srgb,var(--header-led-3,#d500f9) 50%,transparent);
 animation:wowHeaderLedFlow 7s linear infinite
}
@keyframes wowHeaderLedFlow{0%{background-position:0% 50%}100%{background-position:220% 50%}}
.homepage-slider-hero{
 position:relative;border:2px solid var(--slider-led-1,#00e5ff);
 background-clip:padding-box;
 box-shadow:0 0 5px var(--slider-led-1,#00e5ff),0 0 12px var(--slider-led-2,#651fff),0 0 20px var(--slider-led-3,#d500f9),0 0 28px var(--slider-led-4,#ff1744),0 0 36px var(--slider-led-5,#ffee00),0 0 44px var(--slider-led-6,#00e676),0 0 52px var(--slider-led-7,#ff6d00),0 0 60px var(--slider-led-8,#00bfa5),0 0 68px var(--slider-led-9,#304ffe),0 0 76px var(--slider-led-10,#f50057),0 0 84px var(--slider-led-11,#c6ff00),0 0 92px color-mix(in srgb,var(--slider-led-12,#fff) 35%,transparent),0 20px 55px rgba(15,23,42,.18);
 animation:wowSliderLed 9s linear infinite
}
@keyframes wowSliderLed{
 0%,100%{border-color:var(--slider-led-1,#00e5ff);box-shadow:0 0 5px var(--slider-led-1,#00e5ff),0 0 14px var(--slider-led-2,#651fff),0 0 26px var(--slider-led-3,#d500f9),0 0 38px var(--slider-led-4,#ff1744),0 20px 55px rgba(15,23,42,.18)}
 16%{border-color:var(--slider-led-3,#d500f9);box-shadow:0 0 5px var(--slider-led-3,#d500f9),0 0 14px var(--slider-led-4,#ff1744),0 0 26px var(--slider-led-5,#ffee00),0 0 38px var(--slider-led-6,#00e676),0 20px 55px rgba(15,23,42,.18)}
 33%{border-color:var(--slider-led-5,#ffee00);box-shadow:0 0 5px var(--slider-led-5,#ffee00),0 0 14px var(--slider-led-6,#00e676),0 0 26px var(--slider-led-7,#ff6d00),0 0 38px var(--slider-led-8,#00bfa5),0 20px 55px rgba(15,23,42,.18)}
 50%{border-color:var(--slider-led-7,#ff6d00);box-shadow:0 0 5px var(--slider-led-7,#ff6d00),0 0 14px var(--slider-led-8,#00bfa5),0 0 26px var(--slider-led-9,#304ffe),0 0 38px var(--slider-led-10,#f50057),0 20px 55px rgba(15,23,42,.18)}
 66%{border-color:var(--slider-led-9,#304ffe);box-shadow:0 0 5px var(--slider-led-9,#304ffe),0 0 14px var(--slider-led-10,#f50057),0 0 26px var(--slider-led-11,#c6ff00),0 0 38px var(--slider-led-12,#fff),0 20px 55px rgba(15,23,42,.18)}
 83%{border-color:var(--slider-led-11,#c6ff00);box-shadow:0 0 5px var(--slider-led-11,#c6ff00),0 0 14px var(--slider-led-12,#fff),0 0 26px var(--slider-led-1,#00e5ff),0 0 38px var(--slider-led-2,#651fff),0 20px 55px rgba(15,23,42,.18)}
}
:root[data-theme="dark"] .homepage-slider-hero{box-shadow:0 0 8px var(--slider-led-1,#00e5ff),0 0 20px var(--slider-led-3,#d500f9),0 0 38px var(--slider-led-6,#00e676),0 0 54px var(--slider-led-9,#304ffe),0 20px 55px rgba(0,0,0,.42)}
@media(prefers-reduced-motion:reduce){.topbar::after,.homepage-slider-hero{animation:none}}
/* v1.7.0 configurable independent LED modes, reflection, thickness and glow */
.topbar::after{background:linear-gradient(90deg,var(--header-led-1,#00e5ff),var(--header-led-2,#651fff),var(--header-led-3,#d500f9),var(--header-led-4,#ff1744),var(--header-led-5,#ffee00),var(--header-led-6,#00e676),var(--header-led-7,#ff6d00),var(--header-led-8,#00bfa5),var(--header-led-9,#304ffe),var(--header-led-10,#f50057),var(--header-led-11,#c6ff00),var(--header-led-12,#fff),var(--header-led-1,#00e5ff));height:var(--header-led-thickness,3px)}


/* v1.7.1 responsive layout repairs */
html,body{max-width:100%;overflow-x:clip}
img,video,iframe,canvas,svg{max-width:100%}
.container,.admin-layout,.admin-content,.panel-card,.settings-layout,.settings-grid,.form-grid{min-width:0;max-width:100%}
.topbar{min-width:0;max-width:100%;box-sizing:border-box}
.topbar nav a,.brand,.top-actions{flex-shrink:0}
.homepage-slider-hero{min-width:0;max-width:100%;box-sizing:border-box;overflow:hidden}
.homepage-slider-hero .homepage-slides,.homepage-slider-hero .homepage-slide{min-width:0;max-width:100%;box-sizing:border-box}
.homepage-slider-hero .homepage-slide-copy{min-width:0;overflow-wrap:anywhere}
@media(max-width:760px){
 .topbar{width:100%;height:auto;min-height:0;padding:12px 15px;gap:9px;align-items:center}
 .topbar>.brand{min-width:0;max-width:calc(100% - 110px);gap:8px;font-size:15px;overflow-wrap:anywhere}
 .topbar>.brand>span:last-child{min-width:0;overflow-wrap:anywhere}
 .topbar nav{order:4;flex:0 0 100%;width:100%;max-width:100%;min-width:0;box-sizing:border-box;display:flex;gap:16px;padding:8px 0 5px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
 .topbar nav a{flex:0 0 auto;font-size:12px}
 .top-actions{margin-left:auto;min-width:0;gap:5px}
 .topbar>.nav-more{flex:0 0 auto}
 .nav-more-menu{z-index:1000;max-width:calc(100vw - 30px);box-sizing:border-box}
 .container{width:auto;max-width:100%;margin-left:15px;margin-right:15px;padding-left:0;padding-right:0}
 .homepage-slider-hero{border-radius:18px;margin-bottom:18px}
 .homepage-slider-hero,.homepage-slider-hero .homepage-slides,.homepage-slider-hero .homepage-slide{min-height:300px}
 .homepage-slider-hero .homepage-slide{padding:26px 20px 52px}
 .homepage-slider-hero .homepage-slide h2{font-size:clamp(1.7rem,8vw,2.5rem);letter-spacing:-.03em}
 .homepage-slider-hero .homepage-slide p{font-size:14px;line-height:1.55}
 .slider-arrow{width:34px;height:34px;font-size:23px}
 .slider-prev{left:6px}.slider-next{right:6px}
 .settings-grid{grid-template-columns:minmax(0,1fr)!important}
 .settings-grid .field{min-width:0}
 .settings-grid input,.settings-grid select,.settings-grid textarea{max-width:100%;box-sizing:border-box}
 .settings-actions{gap:10px}
}
@media(max-width:380px){.topbar>.brand{font-size:13px;max-width:calc(100% - 100px)}.brand small{font-size:8px}.top-actions .btn{padding:9px 10px;font-size:11px}.homepage-slider-hero .homepage-slide{padding-left:17px;padding-right:17px}}

/* v1.7.1: header follows normal document flow instead of sticking during scroll */
.topbar{position:static!important;top:auto!important;}


/* v1.7.1 scroll fix: force header into normal document flow on all screen sizes */
html body .topbar { position: static !important; top: auto !important; inset-block-start: auto !important; }

/* v1.7.1 scroll fix 3: never pin the site header during scrolling */
html body header.topbar, html body .topbar { position:relative!important; top:auto!important; inset-block-start:auto!important; z-index:1!important; }

/* v1.7.2 — Kaleye Gol At mini game */
.goal-game-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:22px;align-items:start;margin:24px 0 40px}
.goal-game-card,.goal-game-leaderboard{min-width:0}
.goal-game-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.goal-game-top h2{margin:5px 0 0;font-size:25px}
.goal-game-stat{width:70px;height:70px;border-radius:20px;background:linear-gradient(135deg,#4f46e5,#8b5cf6);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 10px 26px #4f46e533;flex:0 0 auto}
.goal-game-stat b{font-size:28px;line-height:1}.goal-game-stat small{font-size:11px;opacity:.85;margin-top:4px}
.goal-game-hud{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin:0 0 12px}
.goal-game-pitch{height:300px;position:relative;overflow:hidden;border-radius:18px;border:1px solid #ffffff50;background:linear-gradient(180deg,#15264b 0%,#254b6b 35%,#16834b 36%,#11733f 100%);cursor:crosshair;isolation:isolate}
.goal-game-crowd{position:absolute;top:0;left:0;right:0;height:45px;background:#172033;color:#fff;letter-spacing:4px;text-align:center;padding-top:9px;font-size:18px;opacity:.8}
.goal-game-net{position:absolute;left:9%;right:9%;top:45px;height:135px;background:repeating-linear-gradient(0deg,transparent 0 13px,#ffffff28 14px 15px),repeating-linear-gradient(90deg,transparent 0 17px,#ffffff28 18px 19px);border-radius:4px 4px 0 0}
.goal-game-goal{position:absolute;left:9%;right:9%;top:45px;height:145px;border-top:8px solid #f8fafc;border-left:8px solid #f8fafc;border-right:8px solid #f8fafc;box-shadow:0 0 0 2px #15203370;z-index:2}
.goal-game-post{position:absolute;top:0;bottom:0;width:6px;background:#fff;opacity:.6}.goal-game-post.left{left:33%}.goal-game-post.right{right:33%}.goal-game-crossbar{position:absolute;left:0;right:0;top:48%;height:4px;background:#ffffff70}
.goal-game-keeper{position:absolute;left:50%;top:27%;transform:translate(-50%,-50%);font-size:38px;filter:drop-shadow(0 4px 2px #0005);z-index:4;transition:left .08s linear;pointer-events:none}
.goal-game-ball{position:absolute;left:50%;top:88%;transform:translate(-50%,-50%);font-size:25px;z-index:5;transition:left .18s ease,top .18s ease;pointer-events:none;text-shadow:0 3px 4px #0005}.goal-game-ball.shot{transform:translate(-50%,-50%) scale(.75)}
.goal-game-message{position:absolute;z-index:7;left:50%;top:74%;transform:translate(-50%,-50%);background:#0f172acc;color:#fff;padding:9px 14px;border-radius:999px;font-size:13px;font-weight:800;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s}.goal-game-message.show{opacity:1}
.goal-game-grass{position:absolute;left:0;right:0;bottom:0;height:35%;background:repeating-linear-gradient(90deg,#16834b 0 70px,#1b8b50 70px 140px);border-top:2px solid #ffffff65;z-index:-1}
.goal-game-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px}.goal-game-hint{font-size:12px}.goal-game-submit{margin-top:14px}.goal-game-submit[hidden],#goalGameStart[hidden]{display:none!important}.goal-game-note{font-size:12px;color:var(--muted);margin:15px 0 0}
.goal-game-my-score{padding:15px;border-radius:14px;background:linear-gradient(135deg,#eef2ff,#f5f3ff);border:1px solid #c7d2fe;display:grid;gap:4px;margin:14px 0;color:#172033}.goal-game-my-score strong{font-size:25px;color:#4f46e5}.goal-game-my-score small{color:#64748b}
.goal-game-ranking-list{display:flex;flex-direction:column;gap:7px;margin-top:14px}.goal-game-rank-row{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:13px;min-width:0}.goal-game-rank-row.is-me{border-color:#818cf8;background:#eef2ff}.goal-game-rank-number{width:27px;text-align:center;font-weight:800;flex:0 0 auto}.goal-game-rank-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2,#eef2ff);font-size:12px;font-weight:800;overflow:hidden;flex:0 0 auto}.goal-game-rank-avatar img{width:100%;height:100%;object-fit:cover}.goal-game-rank-name{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.goal-game-rank-name b{font-size:13px;overflow-wrap:anywhere}.goal-game-rank-name small{font-size:11px;color:var(--muted)}.goal-game-rank-row>strong{font-size:22px;color:var(--primary);flex:0 0 auto}.goal-game-rank-row>strong small{font-size:11px;color:var(--muted)}
@media(max-width:900px){.goal-game-layout{grid-template-columns:minmax(0,1fr)}.goal-game-pitch{height:280px}}
@media(max-width:520px){.goal-game-layout{gap:14px;margin-top:14px}.goal-game-pitch{height:245px}.goal-game-goal{height:128px}.goal-game-net{height:120px}.goal-game-hud{font-size:11px}.goal-game-message{font-size:11px;max-width:92%;white-space:normal;text-align:center}.goal-game-top h2{font-size:21px}.goal-game-actions .btn{width:100%;justify-content:center}.goal-game-stat{width:60px;height:60px}}

/* v1.8.0 — Premium football club redesign */
:root{--bg:#f2f5f8;--surface:#ffffff;--ink:#111d2d;--muted:#6e7b8d;--line:#dfe6ec;--primary:#087f5b;--primary-dark:#066647;--green:#0c9b6b;--orange:#d7a84a;--shadow:0 18px 48px rgba(15,35,52,.075);--radius:18px}
body{background:radial-gradient(ellipse at 50% -20%,#e2f0e9 0,transparent 42%),var(--bg);color:var(--ink);font-size:14px;line-height:1.65}
.topbar{height:auto;min-height:82px;background:rgba(12,27,43,.97);color:#f7fafc;border-bottom:1px solid rgba(215,168,74,.45);box-shadow:0 12px 30px rgba(7,20,34,.16);gap:30px;padding:14px max(24px,calc((100% - 1320px)/2));backdrop-filter:blur(18px)}
.brand{font-size:19px;color:#fff;letter-spacing:-.6px}.brand small{color:#a9b8c6;letter-spacing:1.35px}.brand-mark{background:linear-gradient(135deg,#d8b15d,#a77c2d);color:#102536;border-radius:12px;box-shadow:0 8px 20px #d7a84a30}.site-logo-image{max-height:46px;max-width:180px;object-fit:contain}
.topbar nav{gap:clamp(12px,1.8vw,28px)}.topbar nav a,.notification-link{color:#d0d9e2;font-size:12px;font-weight:700;transition:color .2s}.topbar nav a:hover,.topbar nav a:focus,.text-link:hover{color:#f0c96e}.top-actions{gap:9px}.user-chip{background:#173b3b;color:#bdebd8;border:1px solid #28584d}.theme-toggle{border:1px solid #405264;background:#172b3e;color:#fff;border-radius:11px}
.nav-more>summary{background:#183447;border:1px solid #355267;color:#f4c96a;border-radius:12px}.nav-more-menu{background:#102235;border:1px solid #30475a;box-shadow:0 22px 55px #08182740;border-radius:16px;padding:9px}.nav-more-menu a{color:#e6edf3;border-radius:10px;padding:10px 13px}.nav-more-menu a:hover{background:#1b3c4c;color:#f4c96a}
.container{width:min(1320px,calc(100% - 56px))}.btn{border-radius:10px;letter-spacing:.05px;transition:transform .2s,box-shadow .2s,background .2s}.btn-primary{background:linear-gradient(135deg,#0a9066,#06684c);box-shadow:0 8px 18px #087f5b25;color:white}.btn-primary:hover{background:linear-gradient(135deg,#0b9c70,#087251);box-shadow:0 10px 24px #087f5b35}.btn-outline{border-color:#cdd8df;color:#24374a}.btn-ghost{background:#eaf0f2;color:#34485a}.btn-ghost:hover{background:#dfe9e9}
.hero{padding:72px 0 52px;min-height:490px;gap:55px}.eyebrow{color:#087f5b;letter-spacing:2px}.hero h1,.auth-side h1{letter-spacing:-2.4px;color:#102235}.hero h1 span,.auth-side h1 span{color:#087f5b}.hero-copy>p{color:#66788a;line-height:1.9}.hero-visual{filter:saturate(.95)}.pitch{background:linear-gradient(135deg,#147653,#064a3d);border:7px solid #f9fbfa;box-shadow:0 28px 70px #0c67482b}.floating-card{border:1px solid #e2e8eb;box-shadow:0 18px 44px #10223520;border-radius:17px}.team-crest{background:#e1f1e9;color:#087f5b}.crest-blue{background:#e5edf3;color:#294d67}.crest-orange{background:#fbf0d9;color:#9a6d20}
.stats-strip{border-color:#dce5e8;border-radius:20px;box-shadow:0 18px 45px rgba(16,34,53,.06);padding:25px 0}.stats-strip>div{padding:0 30px}.stats-strip b{color:#102235}.stats-strip span{color:#758394}.section-head{margin:70px 0 26px}.section-head h2,.panel-title h2{color:#122438;letter-spacing:-.7px}.section-head p,.panel-title p{color:#748293}.feature-grid,.team-grid,.player-grid,.news-grid{gap:20px}.feature-card,.team-card,.panel-card,.dash-tile,.player-card,.news-card,.today-match-card,.stat-card{background:linear-gradient(180deg,#fff,#fcfdfd);border:1px solid #dfe7e9;border-radius:19px;box-shadow:0 12px 34px rgba(16,34,53,.045);transition:transform .2s,border-color .2s,box-shadow .2s}.feature-card{padding:27px}.feature-card:hover,.team-card:hover,.player-card:hover,.news-card:hover{transform:translateY(-3px);border-color:#9dcbb8;box-shadow:0 20px 45px rgba(13,92,66,.10)}.feature-icon.purple{background:#e4f3ec;color:#087f5b}.feature-icon.green{background:#def4e9;color:#087f5b}.feature-icon.orange{background:#fbf0d9;color:#9b7228}.feature-icon.blue{background:#e5eef4;color:#315e78}.feature-card h3,.team-card h3{color:#13263a}.feature-card p,.team-card p{color:#738193}.feature-card>a,.text-link{color:#087f5b}.team-card-foot{border-color:#e4eaec;color:#758394}.team-card-foot b{color:#087f5b}
.page-heading{padding:52px 0 27px}.page-heading h1{color:#11253a;letter-spacing:-1.4px}.page-heading p{color:#718092}.panel-card{padding:27px;margin-bottom:22px}.panel-title{padding-bottom:15px;border-bottom:1px solid #e8edef}.table-wrap{border:1px solid #e3e9ec;border-radius:14px;overflow-x:auto}table{font-size:12px}th{background:#f1f6f4;color:#637568;font-size:10px;letter-spacing:.8px}th,td{padding:14px 13px;border-bottom-color:#e8edef}tbody tr:hover{background:#f7fbf9}input,select,textarea{border-color:#d8e1e5;border-radius:10px;background:#fff;color:#17283a}input:focus,select:focus,textarea:focus{outline:3px solid #087f5b20;border-color:#55a88b}.field>span,.field label{color:#4b5f70}.badge{border-radius:8px}.badge-active,.badge-accepted,.badge-completed,.badge-played{background:#e1f5eb;color:#08754f}.badge-pending,.badge-countered,.badge-scheduled,.badge-planned{background:#fbf1d9;color:#8a651d}.badge-rejected,.badge-cancelled,.badge-expired{background:#fce9e7;color:#a23e37}
.admin-side-nav{background:#10263a;border:1px solid #213d51;border-radius:18px;padding:10px;box-shadow:0 14px 34px #10223512}.admin-side-nav a{color:#d4e0e8;border-radius:11px;padding:11px 13px}.admin-side-nav a:hover,.admin-side-nav a.active{background:#1c4b49;color:#d7f3e6}.admin-subnav{border-bottom:1px solid #dce5e8}.settings-grid{gap:17px}.toggle-row{border:1px solid #e1e8e9;border-radius:14px;padding:15px;background:#fbfdfc}.alert{border-radius:13px}.alert-success{background:#e5f6ed;color:#146647;border-color:#c6e8d6}.alert-info{background:#eaf2f6;color:#315b70;border-color:#d6e5ec}
.homepage-slider-hero{border-radius:24px!important;box-shadow:0 22px 50px rgba(10,35,48,.14)!important}.today-matches-section{margin-top:58px}.today-match-empty{background:#fff;border:1px dashed #cbd9d9;border-radius:15px;color:#718092}.rank-1{background:#fbf0d7}.rank-2{background:#edf1f4}.rank-3{background:#f6e9df}.site-footer,footer{color:#aebdca}
/* Consistent premium look for game, profile, tables and auth pages */
.goal-game,.game-arena,.goal-game-card{border-radius:22px}.game-arena{border:1px solid #d9e5e2;box-shadow:0 18px 45px rgba(16,34,53,.08)}.profile-avatar{border:3px solid #d5eadf;box-shadow:0 8px 24px #087f5b18}.notification-row{border:1px solid #e1e8ea;border-radius:13px;background:#fff;margin-bottom:9px}.notification-unread{background:#f0f8f4;border-color:#a8d8c0}
@media(max-width:1100px){.topbar{gap:18px;padding-left:22px;padding-right:22px}.topbar nav{gap:12px}.brand{font-size:17px}.container{width:min(100% - 40px,1320px)}}
@media(max-width:900px){.topbar{flex-wrap:wrap;gap:12px;padding:12px 18px}.topbar nav{order:3;flex-basis:100%;overflow-x:auto;padding:7px 0 3px;gap:20px}.top-actions{margin-left:auto}.hero{gap:28px;padding-top:45px}.hero-visual{transform:scale(.9)}.stats-strip>div{padding:0 18px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){body{font-size:13px}.container{width:calc(100% - 28px)}.topbar{min-height:0;padding:11px 14px;gap:10px}.brand{font-size:15px;gap:8px}.brand-mark{width:34px;height:34px}.brand small{font-size:7px;letter-spacing:.9px}.topbar nav{gap:17px;margin:0 -1px;font-size:11px}.topbar nav a{font-size:11px}.top-actions{gap:6px}.top-actions .btn{padding:7px 9px}.user-chip{padding:7px 9px;font-size:10px}.theme-toggle{padding:7px 9px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:40px 0 30px;min-height:0;gap:8px}.hero h1{font-size:39px;letter-spacing:-1.8px}.hero-copy>p{font-size:13px}.hero-visual{height:300px;transform:scale(.84);transform-origin:top center;margin-bottom:-30px}.pitch{height:285px;width:245px}.card-match{left:-65px;top:45px;transform:scale(.83) rotate(4deg)}.card-stat{right:-20px;bottom:22px;transform:scale(.86) rotate(4deg)}.stats-strip{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px 0}.stats-strip>div{padding:13px 18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.stats-strip>div:nth-child(2){border-right:0}.stats-strip>div:nth-child(3),.stats-strip>div:nth-child(4){border-bottom:0}.stats-strip b{font-size:23px}.section-head{margin:45px 0 20px;align-items:flex-start;gap:12px}.section-head h2{font-size:22px}.feature-grid,.team-grid,.player-grid,.news-grid{grid-template-columns:1fr;gap:13px}.feature-card{padding:21px}.page-heading{padding:35px 0 20px}.page-heading h1{font-size:30px}.panel-card{padding:17px;border-radius:16px}.panel-title{align-items:flex-start;flex-direction:column}.settings-grid{grid-template-columns:1fr}.settings-grid .field.full{grid-column:auto}.admin-layout{grid-template-columns:1fr}.admin-side-nav{display:flex;overflow-x:auto;gap:6px}.admin-side-nav a{white-space:nowrap}.table-wrap{margin:0 -2px}th,td{padding:11px 9px}.nav-more-menu{right:0;max-width:calc(100vw - 24px)}.homepage-slider-hero{min-height:310px!important;border-radius:18px!important}.hero-actions .btn{flex:1}.section-head .text-link{white-space:nowrap}.goal-game,.game-arena,.goal-game-card{padding:14px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}


/* v1.8.1 — Premium hero refinement: balanced composition, contained artwork */
.hero{
  position:relative;isolation:isolate;overflow:hidden;
  display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);
  gap:clamp(28px,4vw,64px);align-items:center;
  width:100%;min-height:500px;margin:24px 0 26px;
  padding:clamp(34px,5vw,72px);
  border:1px solid rgba(218,184,103,.28);border-radius:32px;
  background:radial-gradient(ellipse at 78% 48%,rgba(21,111,84,.36),transparent 39%),linear-gradient(120deg,#0b1a2a 0%,#10283b 58%,#123d3a 100%);
  box-shadow:0 28px 75px rgba(9,27,43,.16),inset 0 1px 0 rgba(255,255,255,.07);
}
.hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 0 58%,rgba(216,177,93,.055) 58.1%,transparent 58.5%),radial-gradient(circle at 15% 0%,rgba(255,255,255,.055),transparent 36%)}
.hero-copy{position:relative;z-index:2;max-width:600px}
.hero .eyebrow{color:#e5c879;font-size:10px;letter-spacing:2.2px}
.hero .live-dot{background:#d9b45f;box-shadow:0 0 0 4px rgba(217,180,95,.16)}
.hero h1{font-size:clamp(2.7rem,4.4vw,4.35rem);line-height:1.02;letter-spacing:-.065em;color:#f7fafc;margin:22px 0 20px;text-wrap:balance}
.hero h1 span{color:#e3bd67;background:linear-gradient(90deg,#f1d68f,#cba34d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero-copy>p{max-width:500px;color:#bdcbd5;font-size:15px;line-height:1.85;margin-bottom:27px}
.hero .btn-primary{background:linear-gradient(135deg,#e5c16d,#bb8e37);color:#102235;box-shadow:0 10px 24px rgba(205,164,77,.22)}
.hero .btn-primary:hover{background:linear-gradient(135deg,#f0d58d,#d0a24a);box-shadow:0 14px 30px rgba(205,164,77,.28)}
.hero .btn-outline{background:rgba(255,255,255,.055);color:#f4f7fa;border-color:rgba(218,231,239,.28)}
.hero .btn-outline:hover{background:rgba(255,255,255,.11);border-color:rgba(227,189,103,.6)}
.hero-proof{margin-top:32px;padding-top:20px;border-top:1px solid rgba(220,231,239,.13);gap:14px}
.hero-proof .avatar-stack span{background:#1b3a4b;border-color:#10283b;color:#f1d58e}
.hero-proof b{color:#f3f6f8;font-size:12px}.hero-proof small{color:#9fb2c0;font-size:10px}
.hero-visual{height:390px;width:100%;max-width:490px;justify-self:center;position:relative;transform:none;filter:none;overflow:visible}
.pitch{width:clamp(245px,22vw,300px);height:clamp(300px,26vw,350px);border:6px solid #e8f0ee;border-radius:27px;background:linear-gradient(135deg,#167653,#064b3b);box-shadow:0 30px 65px rgba(0,0,0,.27),0 0 0 1px rgba(226,198,124,.35);transform:rotate(-5deg)}
.pitch:after{content:"";position:absolute;inset:0;border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 38%,rgba(0,0,0,.08));pointer-events:none}
.floating-card{z-index:3;background:rgba(255,255,255,.97);border:1px solid rgba(232,238,239,.95);box-shadow:0 22px 48px rgba(0,0,0,.22);border-radius:17px;backdrop-filter:blur(12px)}
.card-match{width:min(290px,75%);left:-26px;top:55px;transform:rotate(0deg)}
.card-stat{right:-12px;bottom:38px;transform:rotate(0deg);min-width:200px}
.hero-ball{right:clamp(14px,3vw,36px);top:4px;z-index:2}
.stats-strip{position:relative;z-index:1;margin-top:0}
@media(max-width:1000px){.hero{grid-template-columns:minmax(0,1fr) minmax(300px,.85fr);gap:24px;padding:38px}.hero-visual{transform:scale(.92);transform-origin:center}.card-match{left:-24px}.card-stat{right:-12px}}
@media(max-width:760px){.hero{grid-template-columns:minmax(0,1fr);min-height:0;margin:16px 0 20px;padding:30px 24px 22px;border-radius:24px;gap:8px}.hero h1{font-size:clamp(2.35rem,8vw,3.3rem);letter-spacing:-.055em}.hero-copy>p{font-size:13px;line-height:1.75}.hero-visual{height:310px;max-width:440px;width:100%;margin:0 auto;transform:none;overflow:visible}.pitch{width:230px;height:275px}.card-match{width:235px;left:-5px;top:32px;padding:13px}.card-stat{right:-2px;bottom:12px;min-width:180px;padding:11px}.hero-ball{right:28px;top:2px;font-size:35px}.hero-proof{margin-top:23px;padding-top:16px}.hero-actions .btn{flex:0 1 auto}}
@media(max-width:420px){.hero{padding:25px 17px 18px}.hero h1{font-size:36px}.hero-visual{height:285px;transform:scale(.94);transform-origin:top center;margin-bottom:-12px}.pitch{width:210px;height:255px}.card-match{left:-12px;top:27px;transform:scale(.9);transform-origin:left top}.card-stat{right:-10px;bottom:5px;transform:scale(.88);transform-origin:right bottom}.hero-actions{gap:8px}.hero-actions .btn{padding:12px 13px;font-size:11px}}


/* v1.9.2 — consistent footer layout and compact developer logo on every page */
.footer{background:#fff;border-top:1px solid #dfe6ec;margin-top:56px;color:#65758a}
.footer-inner{width:min(1240px,calc(100% - 48px));max-width:1240px;margin:0 auto;min-height:112px;padding:18px 0;display:grid;grid-template-columns:minmax(210px,1fr) minmax(220px,1.2fr) minmax(260px,1fr);align-items:center;gap:26px}
.footer-inner>.brand{justify-self:start;color:#172b3e;white-space:normal;min-width:0}
.footer-inner>.brand .site-logo-image{display:block;width:auto;max-width:150px;max-height:42px;object-fit:contain}
.footer-inner>p{margin:0;text-align:center;font-size:10px;line-height:1.6;color:#718096;min-width:0}
.footer-inner .developer-credit{display:inline-block;margin-top:5px;font-size:10px;color:#718096}
.footer-inner .developer-logo-link{display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;margin-left:5px;max-width:84px;max-height:27px;overflow:hidden}
.footer-inner .developer-logo-link img{display:block;width:auto;height:auto;max-width:82px;max-height:26px;object-fit:contain}
.footer-inner>div{justify-self:end;display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap;min-width:0}
.footer-inner>div a{font-size:10px;line-height:1.5;color:#66758a;white-space:nowrap}
.footer-inner>div a:hover{color:#087f5b}
@media(max-width:760px){.footer-inner{width:calc(100% - 30px);grid-template-columns:1fr;gap:12px;justify-items:center;text-align:center;padding:22px 0}.footer-inner>.brand{justify-self:center}.footer-inner>p{text-align:center}.footer-inner>div{width:100%;justify-self:center;justify-content:center;gap:12px}}

/* v1.9.3 footer logo fallback and alignment fix */
.footer-inner>.brand{display:flex;align-items:center;gap:10px;overflow:hidden}
.footer-inner>.brand .site-logo-image{flex:0 0 auto;max-width:150px;max-height:42px;width:auto;height:auto;object-fit:contain}
.footer-inner>.brand>span:last-child{min-width:0;overflow-wrap:anywhere}
.footer-inner>.brand .footer-brand-fallback{flex:0 0 39px;width:39px;height:39px;display:grid;place-items:center}
.footer-inner>p{overflow-wrap:anywhere}
.footer-inner .developer-logo-link{width:82px;max-width:82px;height:28px;max-height:28px;flex:0 0 auto;margin:4px auto 0;overflow:hidden}
.footer-inner .developer-logo-link img{width:100%;height:100%;max-width:82px;max-height:28px;object-fit:contain}
@media(max-width:760px){.footer-inner>.brand{max-width:100%;justify-content:center}.footer-inner>.brand .site-logo-image{max-width:120px;max-height:36px}.footer-inner>p{max-width:100%}}

/* v1.9.9 footer cleanup: keep the site name/tagline, remove the football logo from footer only. */
.footer-inner>.footer-brand-text-only{gap:0;white-space:normal;min-width:0}
.footer-inner>.footer-brand-text-only>span{min-width:0;overflow-wrap:anywhere}