@import url("all-pages-premium.css?v=nav-clean");

*{box-sizing:border-box}
:root{
  --bg:#020817;--panel:#071632;--line:rgba(83,150,255,.34);--text:#f8fbff;
  --muted:#9eb0cf;--blue:#1e77ff;--cyan:#29d8ff;--purple:#a43bff;--gold:#ffc83d
}
html,body{margin:0;min-height:100%;background:#020817;color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}
body{background:
 radial-gradient(circle at 50% -10%,rgba(40,95,255,.18),transparent 35%),
 linear-gradient(180deg,#020817,#04102a 58%,#020817)}
a{text-decoration:none;color:inherit}

.mm-topbar{
 position:sticky;top:0;z-index:10000;height:80px;display:grid;
 grid-template-columns:280px 1fr auto;align-items:center;gap:18px;
 padding:0 clamp(18px,4vw,110px);
 background:rgba(2,8,24,.96);border-bottom:1px solid rgba(45,107,255,.48);
 box-shadow:0 8px 30px rgba(0,0,0,.18)
}
.mm-brand{height:64px;display:flex;align-items:center;overflow:hidden}
.mm-brand img{width:260px;height:74px;object-fit:cover;object-position:left center;mix-blend-mode:screen}
.mm-nav{height:100%;display:flex;align-items:center;justify-content:center;gap:12px}
.mm-nav>a,.mm-nav>button{
 min-height:42px;padding:0 15px;border:0;border-radius:10px;background:transparent;
 color:#e7edfb;font-weight:700;font-size:.78rem;display:inline-flex;align-items:center;gap:8px;cursor:pointer
}
.mm-nav>a.active{border:1px solid #8d38ff;background:linear-gradient(135deg,rgba(31,87,255,.32),rgba(151,46,255,.27));box-shadow:0 0 20px rgba(98,61,255,.2)}
.mm-auth{display:flex;gap:10px}
.mm-login,.mm-signup{min-height:42px;padding:0 16px;border-radius:10px;display:inline-flex;align-items:center;font-size:.75rem;font-weight:800}
.mm-login{border:1px solid rgba(78,133,255,.55);background:#071635}
.mm-signup{border:1px solid #5ebeff;background:linear-gradient(135deg,#0872ff,#8b34ff);box-shadow:0 0 24px rgba(54,109,255,.34)}
.mm-hamburger{display:none}

.mm-more-menu{
 position:fixed;z-index:11000;top:70px;left:64%;width:190px;display:none;padding:8px;
 background:#07142f;border:1px solid rgba(84,146,255,.45);border-radius:10px;box-shadow:0 18px 45px rgba(0,0,0,.45)
}
.mm-more-menu.open{display:grid}
.mm-more-menu a{padding:11px 12px;border-radius:8px;font-size:.74rem;color:#e9eef9}
.mm-more-menu a:hover{background:rgba(255,255,255,.05)}
.mm-more-menu .admin{margin-top:6px;color:#ffd64c;border:1px solid rgba(255,197,55,.34);background:rgba(255,188,45,.07)}

.mm-hero{
 position:relative;min-height:455px;overflow:hidden;border-bottom:1px solid rgba(34,104,255,.45);
 background:
  linear-gradient(180deg,rgba(1,8,28,.16),rgba(0,7,25,.36)),
  url("assets/football-stadium-bg.png") center 54%/cover no-repeat;
}
.mm-hero::before{
 content:"";position:absolute;inset:-4%;background:
 radial-gradient(circle at 14% 42%,rgba(77,126,255,.20),transparent 28%),
 radial-gradient(circle at 86% 47%,rgba(153,57,255,.22),transparent 29%);
 animation:mmHeroPan 15s ease-in-out infinite alternate
}
.mm-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,24,.22),transparent 30%,transparent 70%,rgba(2,8,24,.18))}
.mm-hero-content{position:relative;z-index:2;min-height:455px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 20px;text-align:center}
.mm-main-emblem{position:relative;width:128px;height:110px;margin-bottom:6px}
.mm-crown{position:absolute;top:-4px;left:50%;transform:translateX(-50%);font-size:3.9rem;color:#ffc532;text-shadow:0 0 24px rgba(255,185,26,.55)}
.mm-ball{position:absolute;bottom:0;left:50%;transform:translateX(-50%);font-size:4.6rem;filter:drop-shadow(0 0 18px #318dff)}
.mm-hero h1{
 margin:0;font-size:clamp(3rem,6vw,5.8rem);line-height:.92;font-weight:1000;letter-spacing:-.055em;
 font-style:italic;color:#f8f9ff;text-shadow:0 4px 0 #5f6780,0 12px 25px rgba(0,0,0,.65)
}
.mm-season{font-size:1.05rem;font-weight:900;font-style:italic;letter-spacing:.05em;color:#e6e9f2}
.mm-hero p{margin:20px 0 20px;font-weight:900;letter-spacing:.09em;font-size:1.02rem;color:#e6eeff}
.mm-enter{
 min-width:350px;min-height:62px;border-radius:18px;padding:0 28px;display:inline-flex;align-items:center;justify-content:space-between;
 border:2px solid white;background:linear-gradient(100deg,#0674ff,#384cff 55%,#d340ff);
 box-shadow:0 0 28px rgba(65,114,255,.6),0 0 30px rgba(211,58,255,.35);font-size:1.05rem;font-weight:900
}

.mm-feature-row{
 width:min(1320px,calc(100% - 40px));margin:-5px auto 20px;position:relative;z-index:3;
 display:grid;grid-template-columns:repeat(4,1fr);gap:20px
}
.mm-feature{
 min-height:100px;border-radius:15px;display:grid;grid-template-columns:60px 1fr 20px;align-items:center;gap:12px;padding:16px 18px;
 background:linear-gradient(180deg,rgba(6,20,51,.96),rgba(4,13,36,.96));box-shadow:0 12px 30px rgba(0,0,0,.28)
}
.mm-feature.cyan{border:1px solid #25baff;box-shadow:inset 0 0 22px rgba(0,150,255,.08)}
.mm-feature.magenta{border:1px solid #c95cff;box-shadow:inset 0 0 22px rgba(202,65,255,.08)}
.mm-feature.gold{border:1px solid #ffc536;box-shadow:inset 0 0 22px rgba(255,192,34,.08)}
.mm-feature.blue{border:1px solid #2788ff;box-shadow:inset 0 0 22px rgba(44,128,255,.08)}
.mm-feature-icon{font-size:2.4rem;text-align:center}
.mm-feature strong{display:block;font-size:.78rem}
.mm-feature strong em{font-style:normal;font-size:.62rem;background:#ff1d55;border-radius:4px;padding:2px 4px;margin-right:3px}
.mm-feature small{display:block;margin-top:8px;color:#8fa4c4;font-size:.63rem;line-height:1.35}
.mm-feature>b{font-size:1.3rem;font-weight:400}

.mm-dashboard{
 width:min(1320px,calc(100% - 40px));margin:0 auto 26px;display:grid;grid-template-columns:1.05fr 1fr 1.25fr;gap:18px
}
.mm-panel{min-height:260px;border:1px solid rgba(61,126,255,.45);border-radius:14px;background:linear-gradient(180deg,rgba(6,21,51,.96),rgba(3,13,34,.98));padding:14px}
.mm-panel>header{font-size:.82rem;margin-bottom:13px;color:#eaf0ff}
.mm-match-card{height:205px;border:1px solid rgba(52,118,255,.45);border-radius:12px;background:linear-gradient(180deg,#0a2050,#06183e);padding:13px;display:flex;flex-direction:column;align-items:center}
.mm-match-card>small{font-size:.58rem;color:#a8b8d1}
.mm-versus{width:100%;display:grid;grid-template-columns:1fr 60px 1fr;align-items:center;text-align:center;margin-top:11px}
.mm-versus>div{display:grid;justify-items:center;gap:6px;font-size:.72rem}
.mm-club-logo{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;border:2px solid #5ea2ff;background:rgba(255,255,255,.06);font-size:1.4rem}
.mm-versus>b{font-size:1.2rem}
.mm-match-date{font-size:.6rem;color:#c5d1e3;margin:9px 0}
.mm-match-card>a{margin-top:auto;min-width:190px;height:31px;border:1px solid #8e5cff;border-radius:999px;display:flex;align-items:center;justify-content:center;gap:35px;font-size:.62rem}

.mm-ranking-guest{height:215px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:10px;background:linear-gradient(180deg,#0a214d,#06183b)}
.mm-lock{font-size:1.7rem}.mm-ranking-guest p{font-size:.72rem;margin:8px 0 11px}
.mm-ranking-guest>a{min-width:180px;height:42px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(100deg,#067bff,#1b5fff 50%,#d13eff);font-size:.72rem;font-weight:900}
.mm-ranking-guest small{margin-top:9px;font-size:.55rem;color:#8298b8}.mm-ranking-guest small a{color:#48a8ff;text-decoration:underline}
.mm-ranking-user{display:grid;gap:6px}
.mm-rank-row{min-height:34px;display:grid;grid-template-columns:28px 1fr 50px;align-items:center;border-bottom:1px solid rgba(255,255,255,.06);font-size:.68rem}
.mm-rank-row b{text-align:right;color:#55dcff}

.mm-player-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:16px 2px 9px;text-align:center}
.mm-player-grid a{display:grid;justify-items:center;gap:6px}
.mm-player-grid span{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;border:1px solid #9bb6ff;background:rgba(255,255,255,.04);font-size:2rem;color:#b6c6e5}
.mm-player-grid strong{font-size:.68rem}.mm-player-grid small{font-size:.6rem;color:#ffd347}
.mm-join{margin:9px 0 0;padding:11px;border-top:1px solid rgba(255,255,255,.08);font-size:.59rem;color:#7fa8ec;text-align:center}

.mm-footer{
 min-height:104px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:15px clamp(20px,4vw,110px);
 border-top:1px solid rgba(43,103,255,.32);background:linear-gradient(180deg,#020817,#031024)
}
.mm-footer>div:first-child{display:grid;gap:4px;color:#7186a8;font-size:.56rem}
.mm-footer-logo{text-align:center;display:grid;gap:2px}.mm-footer-logo span{font-size:2rem}.mm-footer-logo strong{font-style:italic;font-size:.75rem}
.mm-footer-right{display:flex;justify-content:flex-end;align-items:center;gap:16px}.mm-footer-right>span{font-size:.6rem;color:#62e8a0}
.mm-admin-card{width:205px;padding:11px;border:1px solid rgba(255,194,49,.45);border-radius:12px;background:#07142f;display:grid;gap:6px}
.mm-admin-card b{font-size:.7rem;color:#ffd247}.mm-admin-card small{font-size:.53rem;color:#b8c2d4}.mm-admin-card strong{margin-top:3px;padding:8px;border:1px solid #ffc832;border-radius:8px;text-align:center;font-size:.6rem;color:#ffd247}

.mm-mobile-drawer{display:none}

@keyframes mmHeroPan{from{transform:scale(1.02) translateX(-1%)}to{transform:scale(1.07) translateX(1%)}}

@media(max-width:1100px){
 .mm-topbar{height:68px;grid-template-columns:1fr auto;padding:0 12px}
 .mm-brand img{width:215px;height:64px}
 .mm-nav,.mm-auth{display:none}
 .mm-hamburger{display:block;position:relative;width:44px;height:44px;border:1px solid rgba(84,146,255,.5);border-radius:10px;background:#07142f}
 .mm-hamburger span{position:absolute;left:12px;right:12px;height:2px;background:#fff;border-radius:9px}
 .mm-hamburger span:nth-child(1){top:13px}.mm-hamburger span:nth-child(2){top:21px}.mm-hamburger span:nth-child(3){top:29px}
 .mm-feature-row{grid-template-columns:1fr 1fr}
 .mm-dashboard{grid-template-columns:1fr 1fr}.mm-players{grid-column:1/-1}
 .mm-mobile-drawer{position:fixed;inset:0;z-index:50000;padding:10px;background:rgba(1,5,14,.8);backdrop-filter:blur(15px)}
 .mm-mobile-drawer.open{display:flex;align-items:flex-end}
 .mm-mobile-panel{width:100%;max-height:88vh;overflow:auto;padding:15px;border-radius:20px;background:#06132e;border:1px solid rgba(86,151,255,.45)}
 .mm-mobile-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.mm-mobile-head button{width:38px;height:38px;border-radius:10px;background:#0b1a38;color:#fff;border:1px solid #294d8d;font-size:1.2rem}
 .mm-mobile-panel nav{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mm-mobile-panel nav a{min-height:52px;padding:11px;border:1px solid #1d4384;border-radius:11px;background:#081936;font-size:.7rem;display:flex;align-items:center}
}
@media(max-width:700px){
 .mm-hero,.mm-hero-content{min-height:420px}
 .mm-main-emblem{transform:scale(.82);margin-bottom:-6px}
 .mm-hero h1{font-size:3rem}.mm-season{font-size:.76rem}.mm-hero p{font-size:.68rem;margin:14px 0 18px}
 .mm-enter{min-width:min(310px,94vw);min-height:54px;font-size:.85rem}
 .mm-feature-row,.mm-dashboard{width:calc(100% - 18px);grid-template-columns:1fr;gap:10px}
 .mm-feature{min-height:82px;grid-template-columns:48px 1fr 20px;padding:12px}.mm-feature-icon{font-size:1.8rem}
 .mm-players{grid-column:auto}.mm-player-grid{grid-template-columns:repeat(3,1fr);row-gap:14px}
 .mm-player-grid span{width:52px;height:52px}
 .mm-footer{grid-template-columns:1fr;justify-items:center;text-align:center;padding:18px}.mm-footer-right{justify-content:center;flex-wrap:wrap}
}

.mm-topbar,.mm-mobile-drawer,.mm-more-menu{display:none!important}


.mm-admin-nav{
  color:#ffd34a!important;
  border:1px solid rgba(255,198,48,.34)!important;
  background:rgba(255,190,35,.06)!important;
}
.mm-admin-mobile{
  color:#ffd34a!important;
  border-color:rgba(255,198,48,.34)!important;
  background:rgba(255,190,35,.06)!important;
}


.home-results-premium{
  width:min(1320px,calc(100% - 34px));
  margin:22px auto 30px;
  padding:22px;
  border:1px solid rgba(75,141,255,.30);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(7,24,57,.96),rgba(3,13,34,.98));
  box-shadow:0 26px 80px rgba(0,0,0,.28)
}
.home-results-head{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:16px}
.home-results-head small{color:#55d4ff;font-size:.58rem;font-weight:950;letter-spacing:.14em}
.home-results-head h2{margin:5px 0;font-size:2rem;letter-spacing:-.045em}
.home-results-head p{margin:0;color:#93a9c8;font-size:.72rem}
.home-results-rule{padding:9px 12px;border:1px solid rgba(255,204,58,.28);border-radius:999px;color:#ffd54d;background:rgba(255,190,35,.06);font-size:.62rem;font-weight:900}
.home-finished-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.home-finished-card{padding:17px;border:1px solid rgba(78,144,255,.22);border-radius:17px;background:linear-gradient(180deg,#081c40,#05142f)}
.home-finished-top{display:flex;justify-content:space-between;gap:10px;color:#879dbc;font-size:.57rem}
.home-finished-top span{color:#75f0bf;font-weight:950}
.home-final-score{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin:17px 0 12px}
.home-final-score>div{display:flex;align-items:center;gap:8px}
.home-final-score>div:last-child{justify-content:flex-end;text-align:right}
.home-final-score img{width:30px;height:30px;object-fit:contain}
.home-final-score strong{font-size:.74rem}
.home-final-score>b{font-size:2rem;white-space:nowrap}
.home-final-score i{color:#6d85aa;font-style:normal}
.home-penalty{margin-bottom:11px;padding:8px 10px;border:1px solid rgba(255,205,62,.19);border-radius:10px;color:#d7c37a;background:rgba(255,191,36,.04);font-size:.62rem;text-align:center}
.home-points-list{display:grid;gap:6px}
.home-point-row{display:grid;grid-template-columns:90px 1fr auto;gap:8px;align-items:center;padding:8px 9px;border-radius:9px;background:rgba(255,255,255,.025);font-size:.59rem}
.home-point-row strong{color:#eaf2ff}.home-point-row span{color:#8ea3c3}.home-point-row b{min-width:52px;text-align:right}
.home-point-row b.exact{color:#78f2bf}.home-point-row b.outcome{color:#66cfff}.home-point-row b.miss{color:#8b9ab2}
.home-results-empty{grid-column:1/-1;padding:28px;border:1px dashed rgba(86,151,255,.22);border-radius:14px;color:#8da2c1;text-align:center;font-size:.72rem}
@media(max-width:820px){.home-finished-grid{grid-template-columns:1fr}.home-results-head{display:block}.home-results-rule{display:inline-block;margin-top:10px}}