@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Barlow:wght@400;500;600;700;800&display=swap');
:root{font-family:'Barlow',Arial,sans-serif;--navy:#071728;--navy2:#0c2943;--gold:#e1b33d;--text:#f5f7fa;--muted:#a9b7c7;--line:#29445d}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background:linear-gradient(rgba(3,14,25,.88),rgba(3,14,25,.96)),radial-gradient(circle at 50% 0,#164a72,#061523 55%,#030c15);background-attachment:fixed}body:before{content:"AFM";position:fixed;z-index:-1;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-10deg);font-family:Georgia,serif;font-size:min(42vw,520px);font-weight:900;color:rgba(225,179,61,.035);letter-spacing:-.08em;pointer-events:none}.app{min-height:100vh}.topbar{height:84px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1320px)/2));background:rgba(4,18,31,.91);border-bottom:1px solid rgba(225,179,61,.28);backdrop-filter:blur(14px)}.brand-row{display:flex;align-items:center;gap:12px}.brand-logo{width:66px;height:66px;object-fit:contain;display:block;filter:drop-shadow(0 5px 10px rgba(0,0,0,.45))}.brand-row strong{display:block;font-family:Georgia,serif;font-size:20px;letter-spacing:.02em}.brand-row small{display:block;color:var(--gold);font-size:10px;letter-spacing:.14em;text-transform:uppercase;margin-top:3px}.top-actions{display:flex;align-items:center;gap:10px}.icon-btn,.avatar{width:43px;height:43px;border-radius:50%;border:1px solid rgba(225,179,61,.6);background:#091c2f;color:white;display:grid;place-items:center}.avatar{font-weight:900}.shell{max-width:1380px;margin:auto;padding:32px 28px 54px}.home{width:min(94vw,1380px)}.welcome{min-height:330px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:40px 34px;margin-bottom:34px;border:1px solid rgba(225,179,61,.34);background:linear-gradient(90deg,rgba(4,17,29,.96),rgba(4,17,29,.62)),radial-gradient(circle at 80% 30%,#1e5579,transparent 38%);position:relative;overflow:hidden;box-shadow:0 20px 55px rgba(0,0,0,.28)}.welcome:before{content:"";position:absolute;inset:auto 0 0;height:42%;background:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 72px),linear-gradient(0deg,rgba(27,96,53,.38),transparent);clip-path:polygon(0 48%,100% 12%,100% 100%,0 100%)}.welcome:after{content:"AFM";position:absolute;right:-10px;top:8px;font-family:Georgia,serif;font-size:190px;font-weight:900;color:rgba(225,179,61,.055);transform:rotate(-8deg)}.welcome>div{position:relative;z-index:2}.eyebrow,.kicker{font-size:11px;letter-spacing:.16em;font-weight:900;color:var(--gold)}.welcome h1{font-family:Georgia,serif;font-size:clamp(45px,7vw,80px);line-height:.92;margin:10px 0 16px;max-width:680px;text-transform:uppercase}.welcome p{max-width:650px;color:#d3dce5;font-size:17px;line-height:1.5}.season-pill{position:relative;z-index:2;background:var(--gold);color:#071728;font-weight:900;padding:12px 15px;white-space:nowrap;text-transform:uppercase;letter-spacing:.08em}.season-pill i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#071728;margin-right:7px}.section-head,.panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.section-head{border-bottom:1px solid rgba(225,179,61,.38);padding-bottom:12px;margin-bottom:16px}.section-head h2,.panel h3{margin:5px 0 0}.section-head h2{font-family:Georgia,serif;font-size:30px;text-transform:uppercase}.muted{color:var(--gold);font-size:12px}.nation-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.nation-card{display:block;text-decoration:none;color:white;min-height:168px;border:1px solid var(--line);background:linear-gradient(160deg,#102f4a,#071a2c 62%);padding:14px 15px;position:relative;overflow:hidden;box-shadow:0 10px 24px rgba(0,0,0,.18);transition:.22s transform,.22s border-color}.nation-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(0deg,rgba(24,91,47,.28),transparent),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 34px);clip-path:polygon(0 38%,100% 8%,100% 100%,0 100%)}.nation-card:hover{transform:translateY(-4px);border-color:var(--gold)}.nation-top,.nation-card h3,.leagues{position:relative;z-index:2}.nation-top{display:flex;justify-content:space-between;align-items:center}.flag{font-size:34px}.arrow{width:30px;height:30px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold)}.nation-card h3{font-size:19px;margin:20px 0 10px;text-transform:uppercase}.leagues{display:flex;flex-wrap:wrap;gap:6px}.leagues span,.badge{border:1px solid #34516b;background:rgba(2,13,23,.72);color:#d5e0e9;border-radius:999px;padding:6px 9px;font-size:11px}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:34px}.panel{border:1px solid var(--line);background:rgba(5,22,37,.88);padding:20px;box-shadow:0 12px 30px rgba(0,0,0,.18)}.panel h3{font-size:20px;text-transform:uppercase}.empty{min-height:155px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted);padding:22px}.empty>span{font-size:29px}.empty strong{color:white;margin-top:7px}.empty p{max-width:360px;margin:6px 0;font-size:13px;line-height:1.5}.bulletin{margin-top:14px;border-left:4px solid var(--gold)}.notice{display:flex;gap:13px;align-items:center;margin-top:15px;padding-top:15px;border-top:1px solid #233e56}.notice-icon{font-size:25px}.notice p{margin:4px 0;color:var(--muted);font-size:13px}footer{display:flex;justify-content:space-between;color:#71869a;font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:32px 2px}.back-link{display:inline-block;color:#b7c6d4;text-decoration:none;margin:6px 0 24px}.country-hero,.competition-hero{border:1px solid rgba(225,179,61,.38);background:linear-gradient(135deg,#0d2b46,#061827);padding:28px;margin-bottom:18px;position:relative;overflow:hidden}.country-hero:after,.competition-hero:after{content:"AFM";position:absolute;right:-20px;top:-30px;font-family:Georgia,serif;font-size:150px;font-weight:900;color:rgba(225,179,61,.055)}.country-hero{display:flex;align-items:center;gap:20px}.country-flag{font-size:64px}.country-hero h1,.competition-hero h1{font-family:Georgia,serif;font-size:clamp(40px,7vw,68px);margin:5px 0;text-transform:uppercase}.country-hero p,.competition-hero p{color:var(--muted)}.competition-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.competition-card{display:block;text-decoration:none;color:white;border:1px solid var(--line);background:#081d30;padding:24px;transition:.2s}.competition-card:hover{border-color:var(--gold);transform:translateY(-3px)}.competition-card .tier{color:var(--gold);font-size:10px;font-weight:900;letter-spacing:.14em}.competition-card h2{font-family:Georgia,serif;font-size:29px;margin:10px 0 28px}.competition-card .go{color:#a8bbcb;font-size:13px}.tabs{display:flex;gap:7px;overflow:auto;padding:4px 0 14px}.tabs button{white-space:nowrap;border:1px solid #35516a;background:#081d30;color:#c0cfdb;padding:10px 13px}.tabs button.active{background:var(--gold);border-color:var(--gold);color:#061522;font-weight:900}.competition-body{min-height:260px}@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.nation-card,.panel,.country-hero,.competition-card{animation:rise .45s ease both}@media(max-width:900px){.nation-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:560px){html,body{max-width:100%;overflow-x:hidden}.topbar{height:66px;padding:0 10px;gap:8px}.brand-row{gap:7px;min-width:0;flex:1}.brand-logo{width:44px;height:44px;flex:0 0 44px}.brand-row strong{font-size:14px;line-height:1.05;white-space:normal;max-width:92px}.brand-row small{display:none}.top-actions{gap:5px;flex:0 0 auto}.icon-btn,.avatar{width:34px;height:34px;flex:0 0 34px}.shell{width:100%;max-width:100%;padding:12px 10px 34px;overflow:visible}.welcome{width:100%;max-width:100%;min-height:0;display:block;padding:22px 14px 20px;margin-bottom:24px;overflow:hidden}.welcome:after{font-size:82px;right:-8px;top:22px}.welcome h1{display:block;width:100%;max-width:100%;font-size:36px;line-height:1;letter-spacing:-.03em;overflow:visible;overflow-wrap:normal;word-break:keep-all;hyphens:none}.welcome p{font-size:14px;line-height:1.5;max-width:100%}.season-pill{display:inline-block;max-width:100%;margin-top:14px;font-size:10px;padding:9px 10px;white-space:normal}.nation-grid{grid-template-columns:1fr;gap:9px}.nation-card{min-height:142px;padding:12px 13px}.nation-card h3{font-size:18px;margin:14px 0 8px}.flag{font-size:30px}.arrow{width:28px;height:28px}.leagues span{font-size:10px;padding:5px 8px}.section-head h2{font-size:24px}.muted{display:none}.competition-grid{grid-template-columns:1fr}.country-flag{font-size:44px}.country-hero{padding:18px}.country-hero h1,.competition-hero h1{font-size:34px;line-height:1}.tabs{width:100%;padding-bottom:10px}.panel{width:100%}footer{flex-direction:column;gap:8px}.login-wrap{width:100%}.login-card{width:100%;padding:22px 16px}}@media(max-width:380px){.brand-row strong{font-size:12px;max-width:74px}.brand-logo{width:40px;height:40px;flex-basis:40px}.icon-btn,.avatar{width:31px;height:31px;flex-basis:31px}.welcome h1{font-size:31px;line-height:1.02}.welcome{padding:19px 12px}.season-pill{font-size:9px}}
/* Nation cards: stadium atmosphere + national color, no club logos */
.nation-card{background:
  linear-gradient(180deg,rgba(3,14,24,.16),rgba(3,14,24,.82)),
  radial-gradient(circle at 50% 110%,rgba(62,143,78,.28),transparent 38%),
  linear-gradient(135deg,#0e3550,#071827 72%);
}
.nation-card:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(circle at 22% 16%,rgba(255,255,255,.18) 0 2px,transparent 3px),
    radial-gradient(circle at 34% 14%,rgba(255,255,255,.12) 0 2px,transparent 3px),
    radial-gradient(circle at 68% 18%,rgba(255,255,255,.15) 0 2px,transparent 3px),
    linear-gradient(180deg,transparent 0 52%,rgba(26,102,47,.22) 53% 100%);
  opacity:.65;
}
.nation-ita{box-shadow:inset 4px 0 0 #1fa55b,0 10px 24px rgba(0,0,0,.18)}
.nation-eng{box-shadow:inset 4px 0 0 #d94343,0 10px 24px rgba(0,0,0,.18)}
.nation-esp{box-shadow:inset 4px 0 0 #f0c12d,0 10px 24px rgba(0,0,0,.18)}
.nation-ger{box-shadow:inset 4px 0 0 #e5e7eb,0 10px 24px rgba(0,0,0,.18)}
.nation-fra{box-shadow:inset 4px 0 0 #2f6ad9,0 10px 24px rgba(0,0,0,.18)}

/* Compact nation / competition detail pages */
.country-hero,.competition-hero{padding:22px 24px}
.country-flag{font-size:52px}
.country-hero h1,.competition-hero h1{font-size:clamp(34px,5vw,54px);line-height:1;margin:3px 0}
.country-hero p,.competition-hero p{margin:4px 0 0;font-size:14px}
.competition-card{padding:18px 20px}
.competition-card h2{font-size:24px;margin:8px 0 18px}
.competition-card .go{font-size:12px}
.tabs button{font-size:12px;padding:9px 11px}

@media(max-width:560px){
  .country-hero,.competition-hero{padding:14px 14px;margin-bottom:12px}
  .country-hero{gap:12px}
  .country-flag{font-size:34px}
  .country-hero h1,.competition-hero h1{font-size:28px;line-height:1.02}
  .country-hero p,.competition-hero p{font-size:12px;line-height:1.35}
  .back-link{margin:2px 0 14px;font-size:12px}
  .competition-grid{gap:9px}
  .competition-card{padding:14px 14px;min-height:112px}
  .competition-card .tier{font-size:9px}
  .competition-card h2{font-size:20px;line-height:1.08;margin:6px 0 12px}
  .competition-card .go{font-size:11px}
  .tabs{gap:5px}
  .tabs button{font-size:11px;padding:8px 9px}
  .competition-body{min-height:210px}
}
/* VARIANTE 1 VISIBILE: stadio realistico + colore nazionale */
.nation-card{
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
.nation-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:linear-gradient(90deg,rgba(3,12,21,.86) 0%,rgba(3,12,21,.58) 58%,rgba(3,12,21,.76) 100%);
  pointer-events:none;
}
.nation-card::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:46%;
  z-index:0;
  clip-path:none;
  pointer-events:none;
}
.nation-top,.nation-card h3,.leagues{position:relative;z-index:2}
.nation-ita{
  background-image:
    linear-gradient(90deg,rgba(0,115,62,.32),rgba(255,255,255,.02) 46%,rgba(206,43,55,.18)),
    url("https://images.unsplash.com/photo-1604239863082-ddc19d9dc38d?auto=format&fit=crop&w=1400&q=80");
}
.nation-ita::after{background:linear-gradient(0deg,rgba(0,115,62,.34),transparent)}
.nation-eng{
  background-image:
    linear-gradient(90deg,rgba(190,25,45,.28),rgba(3,12,21,.04) 52%,rgba(255,255,255,.05)),
    url("https://dulwichhamletfc.co.uk/images/2022/download_8.jpeg");
}
.nation-eng::after{background:linear-gradient(0deg,rgba(190,25,45,.30),transparent)}
.nation-esp{
  background-image:
    linear-gradient(90deg,rgba(170,15,35,.28),rgba(250,196,40,.10) 52%,rgba(170,15,35,.16)),
    url("https://media-public.fcbarcelona.com/20157/0/document_thumbnail/20197/102/191/4/100974438/1.0-2/100974438.jpg?t=1539277938000");
}
.nation-esp::after{background:linear-gradient(0deg,rgba(225,177,34,.28),transparent)}
.nation-ger{
  background-image:
    linear-gradient(90deg,rgba(0,0,0,.40),rgba(255,204,0,.10) 58%,rgba(0,0,0,.18)),
    url("https://assets.bundesliga.com/contender/2024/3/2324_MD28_BVB_AS__152.jpg?crop=333px%2C208px%2C3847px%2C3076px&fit=1200%2C700");
}
.nation-ger::after{background:linear-gradient(0deg,rgba(255,204,0,.22),transparent)}
.nation-fra{
  background-image:
    linear-gradient(90deg,rgba(25,76,160,.34),rgba(255,255,255,.04) 50%,rgba(210,35,55,.20)),
    url("https://pbs.twimg.com/media/HAo1Kp6bcAAPGrw.jpg");
}
.nation-fra::after{background:linear-gradient(0deg,rgba(25,76,160,.28),transparent)}
.nation-card .flag{
  filter:drop-shadow(0 3px 7px rgba(0,0,0,.65));
}
.nation-card h3{
  text-shadow:0 2px 8px rgba(0,0,0,.75);
}
.leagues span{
  backdrop-filter:blur(3px);
}
@media(max-width:560px){
  .nation-card{
    min-height:150px;
    background-position:center 42%;
  }
}
/* GLOBAL TYPOGRAPHY SAFETY CHECK — keep all UI text compact and mobile-safe */
:root{--fs-display:clamp(30px,5vw,54px);--fs-page:clamp(28px,4.5vw,46px);--fs-section:clamp(21px,3vw,28px);--fs-card:clamp(17px,2.2vw,22px)}
.welcome h1{font-size:var(--fs-display);line-height:1.02;letter-spacing:-.025em;max-width:720px}
.section-head h2{font-size:var(--fs-section)}
.country-hero h1,.competition-hero h1{font-size:var(--fs-page);line-height:1.04}
.competition-card h2{font-size:var(--fs-card);line-height:1.12}
.panel h3{font-size:clamp(16px,2vw,19px)}
.brand-row strong{font-size:clamp(14px,1.8vw,18px)}
.welcome p{font-size:clamp(14px,1.7vw,16px)}
body,button,input{overflow-wrap:break-word}
@media(max-width:560px){
 .welcome h1{font-size:clamp(29px,9.2vw,36px);line-height:1.04}
 .section-head h2{font-size:21px}
 .country-hero h1,.competition-hero h1{font-size:clamp(24px,7.5vw,29px);line-height:1.05}
 .competition-card h2{font-size:18px;line-height:1.1}
 .nation-card h3{font-size:17px}
 .panel h3{font-size:16px}
 .empty strong{font-size:14px}
 .empty p,.notice p{font-size:12px}
 .tabs button{font-size:10px}
}
@media(max-width:380px){
 .welcome h1{font-size:28px}
 .country-hero h1,.competition-hero h1{font-size:23px}
 .section-head h2{font-size:20px}
}
/* Final mobile readability guard: long labels must fit without oversized typography */
@media(max-width:560px){
 h1,h2,h3,strong,p,span,button,a{max-width:100%}
 .country-hero,.competition-hero,.competition-card,.panel{overflow:hidden}
 .country-hero h1,.competition-hero h1,.competition-card h2,.nation-card h3{overflow-wrap:anywhere;hyphens:auto}
 .tabs button{line-height:1.15}
}
@media(max-width:340px){
 .welcome h1{font-size:25px}
 .country-hero h1,.competition-hero h1{font-size:21px}
 .competition-card h2{font-size:17px}
 .tabs button{font-size:9px;padding:7px 8px}
}
/* Competition data views — compact typography first */
.table-wrap{width:100%;overflow-x:auto}.standings{width:100%;border-collapse:collapse;font-size:13px}.standings th{color:var(--gold);font-size:9px;letter-spacing:.08em;text-transform:uppercase;text-align:left;padding:9px 8px;border-bottom:1px solid #35516a}.standings td{padding:10px 8px;border-bottom:1px solid #1d3549}.standings th:not(:nth-child(2)),.standings td:not(:nth-child(2)){text-align:center}.team-cell{display:flex;align-items:center;gap:8px;min-width:145px}.team-cell img{width:25px;height:25px;object-fit:contain}.team-dot{width:10px;height:10px;border-radius:50%;background:var(--gold)}.rule-note{font-size:10px;color:var(--muted);margin:12px 0 0}.matchday{margin-bottom:18px}.matchday h3{font-size:15px;margin:0 0 8px;color:var(--gold)}.fixture{display:grid;grid-template-columns:1fr 58px 1fr;align-items:center;gap:8px;padding:10px 8px;border-bottom:1px solid #203b52;font-size:12px}.fixture span:last-child{text-align:right}.fixture strong{text-align:center}.teams-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.team-card{min-height:110px;border:1px solid #29445d;background:#081d30;padding:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:6px}.team-card img,.team-placeholder{width:38px;height:38px;object-fit:contain}.team-placeholder{border:1px solid #425e76;border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:9px}.team-card strong{font-size:12px}.team-card span{font-size:9px;color:var(--muted)}.honour-row{display:grid;grid-template-columns:100px 1fr;gap:12px;padding:11px 4px;border-bottom:1px solid #203b52;font-size:12px}.honour-row span{color:var(--gold)}
@media(max-width:700px){.teams-grid{grid-template-columns:repeat(2,1fr)}.standings{font-size:11px}.standings th,.standings td{padding:8px 6px}.fixture{font-size:11px;grid-template-columns:1fr 45px 1fr}.team-card strong{font-size:11px}}
@media(max-width:360px){.teams-grid{grid-template-columns:1fr 1fr}.fixture{font-size:10px}.standings{font-size:10px}}
/* Manager club summary — typography checked, compact on all screens */
.my-club-section{margin-top:24px}.my-club-picker-wrap{margin:0 0 10px}.my-club-picker-wrap label{display:block;margin:0 0 5px;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.my-club-picker-wrap select{width:100%;min-height:46px;border:1px solid #35506a;border-radius:10px;background:#06131f;color:#fff;padding:0 12px;font-size:13px;font-weight:800}.my-clubs-grid{display:grid;grid-template-columns:1fr;gap:10px;max-width:560px}.my-club-card{border:1px solid #29465e;background:linear-gradient(145deg,#0b2941,#071827);padding:15px;min-height:150px;display:flex;flex-direction:column;gap:12px}.my-club-head{display:flex;align-items:center;gap:10px;min-width:0}.my-club-head img,.club-mark{width:42px;height:42px;object-fit:contain;flex:0 0 42px}.club-mark{border:1px solid #49657a;border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:9px}.my-club-head div{min-width:0}.my-club-head span{display:block;color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.my-club-head strong{display:block;font-size:15px;line-height:1.15;margin-top:3px;overflow-wrap:anywhere}.club-stats{display:grid;grid-template-columns:1fr 1fr;gap:7px}.club-stats div{border:1px solid #244158;background:rgba(4,18,30,.48);padding:8px}.club-stats small{display:block;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.08em}.club-stats b{font-size:13px}.club-action{margin-top:auto;color:var(--gold);font-size:10px;font-weight:800;text-decoration:none}
@media(max-width:800px){.my-clubs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.my-club-section{margin-top:18px}.my-clubs-grid{grid-template-columns:1fr}.my-club-card{min-height:132px;padding:12px}.my-club-head strong{font-size:14px}.club-stats b{font-size:12px}}
/* Desktop manager layout inspired by the approved AFM mockup */
.dashboard-layout{min-height:100vh}.side-nav{position:fixed;left:0;top:0;bottom:0;width:220px;z-index:30;background:linear-gradient(180deg,#041522,#061c2c 70%,#071827);border-right:1px solid rgba(225,179,61,.2);padding:24px 0;display:flex;flex-direction:column}.side-title{font-family:Georgia,serif;font-size:24px;font-weight:900;color:var(--gold);padding:0 24px 22px}.side-nav nav{display:flex;flex-direction:column}.side-nav a{display:flex;align-items:center;gap:13px;min-height:52px;padding:0 22px;color:#d4dee7;text-decoration:none;border-left:3px solid transparent;font-size:16px;font-weight:650}.side-nav a:hover,.side-nav a.active{background:linear-gradient(90deg,rgba(225,179,61,.24),rgba(225,179,61,.04));border-left-color:var(--gold);color:#fff}.side-nav small{margin:auto 24px 0;color:#60778b;font-size:9px;line-height:1.7;letter-spacing:.12em}.dashboard-main{margin-left:220px;min-width:0}.dashboard-main .topbar{left:220px;padding:0 28px}.dashboard-main .home{width:100%;max-width:none;padding:18px 24px 42px}.dashboard-main .welcome{min-height:250px;margin-bottom:20px;padding:30px 28px}.dashboard-main .welcome h1{font-size:clamp(30px,4vw,46px)}.dashboard-main .nation-grid{gap:10px}.dashboard-main .nation-card{min-height:148px}.dashboard-main .dashboard-grid{margin-top:18px}.dashboard-main .bulletin{margin-top:12px}
@media(max-width:900px){.side-nav{width:72px}.side-title{font-size:16px;padding:0 16px 18px}.side-nav a{justify-content:center;padding:0;font-size:16px}.side-nav a span,.side-nav small{display:none}.dashboard-main{margin-left:72px}.dashboard-main .topbar{left:72px}}
@media(max-width:560px){.dashboard-layout{padding-bottom:58px}.side-nav{top:auto;right:0;width:auto;height:58px;padding:0;flex-direction:row;border-right:0;border-top:1px solid rgba(225,179,61,.25)}.side-title,.side-nav small{display:none}.side-nav nav{width:100%;display:grid;grid-template-columns:repeat(5,1fr)}.side-nav a{min-height:58px;font-size:17px;border-left:0;border-top:2px solid transparent}.side-nav a:nth-child(n+6){display:none}.side-nav a.active{border-top-color:var(--gold)}.dashboard-main{margin-left:0}.dashboard-main .topbar{left:0}.dashboard-main .home{padding:12px 10px 28px}.dashboard-main .welcome{min-height:0;padding:20px 14px}.dashboard-main .welcome h1{font-size:clamp(27px,8vw,34px)}.dashboard-main .nation-card{min-height:145px}}
/* Cinematic AFM hero — lightweight animated stadium treatment */
.cinematic-hero{position:relative;isolation:isolate;overflow:hidden;background:#061522!important;border:1px solid rgba(225,179,61,.24);box-shadow:inset 0 0 70px rgba(0,0,0,.4)}
.cinematic-hero:before{content:"";position:absolute;inset:-5%;z-index:-3;background:
linear-gradient(90deg,rgba(3,13,23,.96) 0%,rgba(3,13,23,.76) 38%,rgba(3,13,23,.18) 72%,rgba(3,13,23,.62) 100%),
url("https://images.unsplash.com/photo-1522778119026-d647f0596c20?auto=format&fit=crop&w=1800&q=82") center 58%/cover no-repeat;animation:afmHeroDrift 18s ease-in-out infinite alternate}
.cinematic-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 52%,rgba(4,15,25,.78)),repeating-linear-gradient(90deg,transparent 0 12%,rgba(255,255,255,.015) 12% 12.1%)}
.hero-atmosphere{position:absolute;inset:-30% 15% auto 35%;height:130%;z-index:-2;background:conic-gradient(from 180deg at 50% 0,transparent 0 40%,rgba(255,224,142,.11) 47%,transparent 54% 100%);filter:blur(7px);animation:afmLights 8s ease-in-out infinite alternate}
.hero-copy{position:relative;z-index:2;max-width:620px}.hero-copy h1 em{font-style:normal;color:var(--gold)}.hero-signature{margin-top:19px;padding-top:11px;border-top:1px solid rgba(225,179,61,.4);width:max-content;max-width:100%;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#d8c17b}.hero-side{position:absolute;right:30px;bottom:26px;z-index:2;text-align:right;opacity:.82}.hero-side strong{display:block;font-family:Georgia,serif;font-size:34px;line-height:.9;color:rgba(255,255,255,.92)}.hero-side span{font-size:8px;letter-spacing:.28em;color:var(--gold)}
@keyframes afmHeroDrift{from{transform:scale(1.02) translate3d(-.4%,0,0)}to{transform:scale(1.075) translate3d(.5%,-.4%,0)}}@keyframes afmLights{from{opacity:.35;transform:rotate(-3deg)}to{opacity:.78;transform:rotate(4deg)}}
@media(prefers-reduced-motion:reduce){.cinematic-hero:before,.hero-atmosphere{animation:none}}
@media(max-width:560px){.cinematic-hero:before{animation:none;background-position:62% center}.hero-copy{max-width:100%}.hero-signature{font-size:8px;line-height:1.4;letter-spacing:.08em}.hero-side{display:none}}
/* Full-bleed loop video hero */
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-4;pointer-events:none}
.hero-video-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(2,12,21,.88) 0%,rgba(2,12,21,.55) 45%,rgba(2,12,21,.34) 72%,rgba(2,12,21,.72) 100%),linear-gradient(180deg,rgba(3,14,24,.08),rgba(3,14,24,.62))}
.cinematic-hero:before{background:none!important;animation:none!important}
@media(max-width:560px){.hero-video{object-position:center}.hero-video-shade{background:linear-gradient(90deg,rgba(2,12,21,.82),rgba(2,12,21,.48)),linear-gradient(180deg,rgba(2,12,21,.12),rgba(2,12,21,.7))}}
@media(prefers-reduced-motion:reduce){.hero-video{display:none}.cinematic-hero:before{display:block!important;background:linear-gradient(90deg,rgba(3,13,23,.9),rgba(3,13,23,.5)),url("https://images.unsplash.com/photo-1522778119026-d647f0596c20?auto=format&fit=crop&w=1800&q=82") center/cover no-repeat!important}}
/* Approved dashboard reference refinement — typography checked */
.side-nav{width:230px}.dashboard-main{margin-left:230px}.dashboard-main .topbar{left:230px}.side-title{font-size:30px;letter-spacing:.04em;padding:0 24px 20px}.side-nav a{min-height:55px;font-size:16px}.dashboard-main .home{padding:0 20px 38px}.dashboard-main .welcome{min-height:325px;margin:0 -20px 14px;padding:38px 42px;display:flex;align-items:center}.hero-copy h1{font-size:clamp(34px,4vw,52px)!important;line-height:1.02;margin-bottom:8px}.hero-tagline{font-size:clamp(16px,1.6vw,21px)!important;line-height:1.25;color:#f3f5f7;margin:0}.hero-signature{font-size:10px}.hero-side{right:36px;bottom:auto;top:50%;transform:translateY(-50%)}.dashboard-main .nation-card{min-height:142px}
@media(max-width:900px){.side-nav{width:72px}.dashboard-main{margin-left:72px}.dashboard-main .topbar{left:72px}.side-title{font-size:17px}.dashboard-main .welcome{padding:30px 26px}.hero-copy h1{font-size:36px!important}}
@media(max-width:560px){.side-nav{width:auto}.dashboard-main{margin-left:0}.dashboard-main .topbar{left:0}.dashboard-main .home{padding:0 10px 28px}.dashboard-main .welcome{margin:0 -10px 12px;padding:22px 14px;min-height:230px}.hero-copy h1{font-size:clamp(27px,8vw,33px)!important}.hero-tagline{font-size:14px!important}.hero-signature{font-size:8px}}
/* Static premium hero approved after visual review */
.hero-static{background-image:linear-gradient(90deg,rgba(2,11,19,.92) 0%,rgba(2,11,19,.58) 46%,rgba(2,11,19,.28) 72%,rgba(2,11,19,.68) 100%),url("https://images.unsplash.com/photo-1522778119026-d647f0596c20?auto=format&fit=crop&w=2000&q=90")!important;background-size:cover!important;background-position:center 58%!important;background-repeat:no-repeat!important}
.hero-static .hero-video-shade{background:linear-gradient(180deg,rgba(3,14,24,.03),rgba(3,14,24,.48))}
.hero-static .hero-atmosphere{opacity:.55;animation:none}
@media(max-width:560px){.hero-static{background-position:58% center!important}.hero-static .hero-video-shade{background:linear-gradient(90deg,rgba(2,12,21,.82),rgba(2,12,21,.42)),linear-gradient(180deg,transparent,rgba(2,12,21,.62))}}
/* Mobile navigation drawer — keep desktop sidebar unchanged */
.mobile-menu-btn{display:none;border:1px solid rgba(225,179,61,.5);background:#071827;color:#fff;width:38px;height:38px;border-radius:8px;font-size:20px;align-items:center;justify-content:center;flex:0 0 38px}
@media(max-width:560px){
  .mobile-menu-btn{display:flex;position:relative;z-index:42}
  .dashboard-main .topbar{padding:0 10px;gap:8px}
  .side-nav{display:flex;position:fixed;left:0;top:0;bottom:0;width:min(82vw,290px);height:100vh;padding:18px 0 24px;z-index:41;transform:translateX(-104%);transition:transform .22s ease;background:linear-gradient(180deg,#041522,#061c2c 70%,#071827);border-right:1px solid rgba(225,179,61,.25);border-top:0;box-shadow:18px 0 45px rgba(0,0,0,.38);flex-direction:column}
  .side-nav.mobile-open{transform:translateX(0)}
  .side-nav .side-title{display:block;font-size:22px;padding:0 20px 16px}
  .side-nav nav{display:flex;width:100%;flex-direction:column}
  .side-nav a,.side-nav a:nth-child(n+6){display:flex;justify-content:flex-start;min-height:48px;padding:0 20px;font-size:15px;border-top:0;border-left:3px solid transparent}
  .side-nav a span{display:inline}
  .side-nav small{display:block;margin:auto 20px 0}
  .menu-open:after{content:"";position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:40}
  .dashboard-layout{padding-bottom:0}
}
/* Nation dashboard — richer but typography-safe */
.nation-dashboard{position:relative;padding-bottom:44px}.nation-dashboard-hero{position:relative;overflow:hidden;isolation:isolate;min-height:210px;padding:28px 32px;display:flex;align-items:center;border:1px solid rgba(225,179,61,.25);background-size:cover!important;background-position:center!important}.nation-dashboard-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,13,23,.92),rgba(3,13,23,.55) 55%,rgba(3,13,23,.76))}.nation-watermark-logo{position:absolute;right:4%;top:50%;transform:translateY(-50%);width:min(31vw,360px);height:auto;opacity:.095;filter:grayscale(1);z-index:0;pointer-events:none}.nation-hero-content{position:relative;z-index:2;display:flex;align-items:center;gap:16px}.nation-hero-content h1{font-size:clamp(30px,4vw,45px);line-height:1.02;margin:3px 0 6px}.nation-hero-content p{font-size:13px;max-width:560px;margin:0}.nation-detail-ita{background-image:url("https://images.unsplash.com/photo-1522778119026-d647f0596c20?auto=format&fit=crop&w=1800&q=84")!important}.nation-detail-eng{background-image:url("https://images.unsplash.com/photo-1522778119026-d647f0596c20?auto=format&fit=crop&w=1800&q=84")!important}.nation-detail-esp{background-image:url("https://images.unsplash.com/photo-1522778119026-d647f0596c20?auto=format&fit=crop&w=1800&q=84")!important}.nation-detail-ger{background-image:url("https://images.unsplash.com/photo-1522778119026-d647f0596c20?auto=format&fit=crop&w=1800&q=84")!important}.nation-detail-fra{background-image:url("https://images.unsplash.com/photo-1522778119026-d647f0596c20?auto=format&fit=crop&w=1800&q=84")!important}
.nation-competition-grid{margin-bottom:20px}.nation-division-card{min-height:165px;padding:18px;display:flex;flex-direction:column}.division-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.division-clubs{font-size:9px;color:#d8c17b;border:1px solid rgba(225,179,61,.32);padding:4px 7px;border-radius:20px}.nation-division-card h2{font-size:clamp(19px,2vw,23px);margin:18px 0 7px}.division-meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:9px}.nation-division-card .go{margin-top:auto;padding-top:14px}
.nation-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.nation-match-row{padding:11px 2px;border-bottom:1px solid #203b52}.nation-match-row:last-child{border-bottom:0}.nation-match-row strong{display:block;font-size:12px;line-height:1.3}.nation-match-row small{display:block;margin-top:3px;font-size:9px;color:var(--muted)}.nation-match-row .score{display:inline-block;color:var(--gold);padding:0 5px}.nation-honours{margin-top:12px}.nation-honours-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.honour-tile{border:1px solid #29445d;background:rgba(5,22,36,.72);padding:11px;min-width:0}.honour-tile span,.honour-tile small{display:block;font-size:8px;color:var(--muted)}.honour-tile strong{display:block;font-size:12px;margin:4px 0;overflow-wrap:anywhere}
@media(max-width:700px){.nation-dashboard-hero{min-height:170px;padding:20px}.nation-hero-content h1{font-size:29px}.nation-watermark-logo{width:42vw;right:-4%}.nation-overview-grid{grid-template-columns:1fr}.nation-honours-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.nation-dashboard{padding-left:10px;padding-right:10px}.nation-dashboard-hero{min-height:155px;padding:16px 14px}.nation-hero-content{gap:10px}.nation-hero-content h1{font-size:25px}.nation-hero-content p{font-size:11px;line-height:1.35}.nation-watermark-logo{width:48vw;opacity:.075}.nation-division-card{min-height:142px;padding:14px}.nation-division-card h2{font-size:18px}.division-meta{font-size:8px}.nation-match-row strong{font-size:11px}.nation-honours-grid{grid-template-columns:1fr 1fr}.honour-tile strong{font-size:11px}}
@media(max-width:340px){.nation-hero-content h1{font-size:22px}.nation-hero-content p{font-size:10px}.nation-honours-grid{grid-template-columns:1fr}}
/* RESPONSIVE DUAL LAYOUT: desktop/laptop vs smartphone.
   Uses viewport capability, not fragile device-name detection. */

/* Laptop / desktop */
@media(min-width:901px){
  .dashboard-main .home{max-width:none;width:100%}
  .dashboard-main .welcome.hero-static{
    min-height:320px;
    aspect-ratio:auto;
    padding:38px 42px;
    background-size:cover!important;
    background-position:center 56%!important;
  }
  .hero-copy{max-width:min(52vw,660px)}
  .hero-copy h1{font-size:clamp(36px,3.5vw,50px)!important;white-space:normal;overflow-wrap:normal;word-break:normal}
  .hero-tagline{max-width:620px}
  .nation-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
}

/* Tablet */
@media(min-width:561px) and (max-width:900px){
  .dashboard-main .welcome.hero-static{
    min-height:280px;
    padding:28px 24px;
    background-size:cover!important;
    background-position:center!important;
  }
  .hero-copy{max-width:70%}
  .hero-copy h1{font-size:34px!important;white-space:normal}
  .hero-tagline{font-size:16px!important}
}

/* Smartphone: image and text become two controlled layers so nothing is cropped */
@media(max-width:560px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  .dashboard-main,.home,.welcome,.nation-grid,.nation-card{max-width:100%;min-width:0}

  .dashboard-main .topbar{
    height:64px;
    padding:0 8px;
    gap:7px;
  }
  .mobile-menu-btn{width:36px;height:36px;flex-basis:36px}
  .brand-row{gap:6px;min-width:0;flex:1}
  .brand-logo{width:42px;height:42px;flex:0 0 42px}
  .brand-row strong{
    font-size:14px;
    line-height:1.05;
    max-width:none;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .brand-row small{display:none}
  .top-actions{gap:5px}
  .icon-btn,.avatar{width:34px;height:34px;flex:0 0 34px}

  .dashboard-main .home{width:100%;padding:0 10px 28px}

  .dashboard-main .welcome.hero-static{
    display:block;
    position:relative;
    width:100%;
    min-height:0;
    margin:0 0 14px;
    padding:0;
    overflow:hidden;
    background-image:none!important;
    border:1px solid rgba(225,179,61,.32);
  }
  .dashboard-main .welcome.hero-static:before{
    content:"";
    display:block!important;
    position:relative;
    inset:auto;
    width:100%;
    aspect-ratio:16/9;
    background:
      linear-gradient(180deg,rgba(2,12,21,.08),rgba(2,12,21,.3)),
      url("https://images.unsplash.com/photo-1522778119026-d647f0596c20?auto=format&fit=crop&w=1200&q=86") center/contain no-repeat,
      #071522!important;
    z-index:0;
  }
  .hero-static .hero-video-shade,.hero-static .hero-atmosphere{display:none}
  .hero-copy{
    position:relative;
    z-index:2;
    max-width:none;
    width:100%;
    padding:18px 16px 20px;
    background:linear-gradient(180deg,#081a2a,#061522);
  }
  .hero-copy .eyebrow{font-size:9px;letter-spacing:.12em}
  .hero-copy h1{
    width:100%;
    max-width:100%;
    margin:7px 0 8px;
    font-size:clamp(27px,8.5vw,34px)!important;
    line-height:1.03!important;
    letter-spacing:-.025em;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
  }
  .hero-copy h1 em{display:inline}
  .hero-tagline{
    width:100%;
    max-width:100%;
    margin:0;
    font-size:14px!important;
    line-height:1.4!important;
    overflow-wrap:normal;
    word-break:normal;
  }
  .hero-signature{
    width:100%;
    max-width:100%;
    margin-top:14px;
    padding-top:10px;
    font-size:8px;
    line-height:1.45;
    letter-spacing:.06em;
    white-space:normal;
  }
  .hero-side{display:none!important}

  .section-head{align-items:center}
  .section-head h2{font-size:21px;line-height:1.05}
  .nation-grid{grid-template-columns:1fr;gap:9px}
  .nation-card{width:100%;min-height:142px}

  /* Detail pages also use mobile-safe headings */
  .country-hero h1,.competition-hero h1,.nation-hero-content h1{
    font-size:clamp(23px,7vw,28px)!important;
    line-height:1.05!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
}

@media(max-width:360px){
  .brand-row strong{font-size:12px}
  .hero-copy h1{font-size:26px!important}
  .hero-tagline{font-size:13px!important}
}
/* Club area — complete responsive styling */
.club-page,.club-subpage{max-width:1280px}.club-hero,.subpage-head{position:relative;overflow:hidden;border:1px solid rgba(225,179,61,.3);background:linear-gradient(135deg,#0c2b45,#071522);padding:24px;margin-bottom:14px}.club-hero:after,.subpage-head:after{content:"AFM";position:absolute;right:-18px;top:-24px;font-family:Georgia,serif;font-size:120px;font-weight:900;color:rgba(225,179,61,.05);pointer-events:none}.club-identity{position:relative;z-index:2;display:flex;align-items:center;gap:16px}.club-identity img,.club-big-mark{width:78px;height:78px;object-fit:contain;flex:0 0 78px}.club-big-mark{display:grid;place-items:center;border:1px solid rgba(225,179,61,.45);border-radius:50%;color:var(--gold);font-weight:900}.club-identity h1,.subpage-head h1{font-family:Georgia,serif;font-size:clamp(28px,4vw,42px);line-height:1.03;margin:4px 0}.club-identity p,.subpage-head p{margin:0;color:var(--muted);font-size:12px}.club-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:10px}.club-metrics article{border:1px solid #29445d;background:#081d30;padding:14px}.club-metrics small{display:block;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.1em}.club-metrics strong{display:block;font-size:20px;margin-top:5px}.club-links{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:12px}.club-links a{min-height:122px;border:1px solid #29445d;background:linear-gradient(145deg,#0b2941,#071827);text-decoration:none;color:#fff;padding:14px;display:flex;flex-direction:column;gap:5px;transition:.18s}.club-links a:hover{border-color:var(--gold);transform:translateY(-2px)}.club-links a>span{font-size:24px}.club-links strong{font-size:14px}.club-links small{font-size:9px;color:var(--muted)}.club-moves{margin-top:0}.movement{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #203b52}.movement:last-child{border-bottom:0}.movement strong{display:block;font-size:11px}.movement small{display:block;color:var(--muted);font-size:8px;margin-top:3px}.movement b{font-size:12px;color:var(--gold)}

.roster-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.roster-summary>div{border:1px solid #29445d;background:#081d30;padding:12px}.roster-summary small{display:block;color:var(--muted);font-size:8px;text-transform:uppercase}.roster-summary strong{display:block;font-size:17px;margin-top:4px}.role-group{margin-bottom:18px}.role-group h3{font-size:14px;color:var(--gold);margin:0 0 8px}.role-group h3 span{color:var(--muted);font-size:10px}.player-row{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid #203b52}.player-row img,.player-avatar{width:34px;height:34px;object-fit:cover;border-radius:50%}.player-avatar{display:grid;place-items:center;background:#102d45;color:var(--gold);font-size:9px}.player-row strong{display:block;font-size:11px}.player-row small{display:block;color:var(--muted);font-size:8px}.player-row b{font-size:11px}

.credit-balance{border:1px solid rgba(225,179,61,.35);background:linear-gradient(135deg,#0c2b45,#071522);padding:22px;margin-bottom:12px}.credit-balance small{display:block;color:var(--gold);font-size:9px;letter-spacing:.12em}.credit-balance strong{display:inline-block;font-size:32px;margin:7px 7px 0 0}.credit-balance span{color:var(--muted);font-size:11px}.positive{color:#76d891!important}.negative{color:#ff8d8d!important}

.stadium-current{display:flex;align-items:center;gap:16px;border:1px solid rgba(225,179,61,.35);background:linear-gradient(135deg,#0c2b45,#071522);padding:20px;margin-bottom:12px}.stadium-current>span{font-size:42px}.stadium-current small{display:block;color:var(--gold);font-size:8px;letter-spacing:.12em}.stadium-current strong{display:block;font-size:28px;margin:4px 0}.stadium-current p{margin:0;color:var(--muted);font-size:10px}.stadium-levels{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.stadium-level{border:1px solid #29445d;background:#081d30;padding:9px;text-align:center}.stadium-level.current{border-color:var(--gold);box-shadow:inset 0 0 0 1px rgba(225,179,61,.28)}.stadium-level b{display:block;font-size:10px;color:var(--gold);margin-bottom:5px}.stadium-level span{display:block;font-size:8px;color:var(--muted);margin-top:2px}

@media(max-width:800px){.club-links{grid-template-columns:repeat(2,1fr)}.stadium-levels{grid-template-columns:repeat(4,1fr)}}
@media(max-width:560px){.club-page,.club-subpage{padding-left:10px;padding-right:10px}.club-hero,.subpage-head{padding:16px 14px}.club-identity{gap:10px}.club-identity img,.club-big-mark{width:54px;height:54px;flex-basis:54px}.club-identity h1,.subpage-head h1{font-size:24px!important;line-height:1.05}.club-identity p,.subpage-head p{font-size:10px}.club-metrics{grid-template-columns:1fr 1fr 1fr}.club-metrics article{padding:10px}.club-metrics strong{font-size:15px}.club-links{grid-template-columns:1fr 1fr;gap:7px}.club-links a{min-height:100px;padding:11px}.club-links a>span{font-size:20px}.club-links strong{font-size:12px}.club-links small{font-size:8px}.roster-summary{grid-template-columns:1fr 1fr 1fr}.roster-summary strong{font-size:14px}.credit-balance strong{font-size:27px}.stadium-current{padding:14px;gap:10px}.stadium-current>span{font-size:32px}.stadium-current strong{font-size:22px}.stadium-levels{grid-template-columns:repeat(2,1fr)}}
@media(max-width:350px){.club-links{grid-template-columns:1fr}.club-metrics,.roster-summary{grid-template-columns:1fr}.stadium-levels{grid-template-columns:1fr 1fr}}
/* AFM official identity — recurring watermark without visual clutter */
.afm-page-watermark{position:fixed;right:3vw;bottom:3vh;width:min(32vw,390px);height:auto;opacity:.045;filter:grayscale(1);pointer-events:none;z-index:0}.shell,.dashboard-main{position:relative;z-index:1}@media(max-width:560px){.afm-page-watermark{width:54vw;right:-7vw;bottom:8vh;opacity:.035}}
/* === AFM PREMIUM MOBILE SYSTEM v137 === */
:root{
 --afm-bg:#03111d;--afm-bg2:#061a2a;--afm-card:#071d2e;--afm-card2:#0a2940;
 --afm-line:#1f4966;--afm-blue:#1187e8;--afm-blue2:#0b63b7;--afm-gold:#e7b941;
 --afm-text:#f7fbff;--afm-muted:#9db0c1;--afm-soft:#c9d6e1;
}
body{background:
 radial-gradient(circle at 50% -10%,rgba(20,98,154,.30),transparent 32%),
 linear-gradient(180deg,#03111d 0%,#041522 48%,#020b13 100%);color:var(--afm-text)}
body:before{display:none}
.panel,.manager-card,.agenda-card,.control-card,.m-card,.f-card{
 border:1px solid var(--afm-line)!important;
 border-radius:16px!important;
 background:linear-gradient(160deg,rgba(9,35,55,.96),rgba(5,22,36,.96))!important;
 box-shadow:0 16px 38px rgba(0,0,0,.20)!important;
}
.club-subpage,.club-page{max-width:980px}
.subpage-head,.club-hero,.manager-hero,.agenda-hero,.control-hero,.m-hero,.f-hero{
 border:1px solid #2c6a91!important;border-radius:18px!important;
 background:
 radial-gradient(circle at 78% 18%,rgba(17,135,232,.24),transparent 34%),
 linear-gradient(135deg,#0b3555 0%,#061a2b 65%,#04131f 100%)!important;
 box-shadow:0 18px 42px rgba(0,0,0,.24)!important;
 overflow:hidden;
}
.subpage-head h1,.club-hero h1,.manager-hero h1,.agenda-hero h1,.control-hero h1{
 font-family:'Barlow Condensed','Barlow',Arial,sans-serif!important;font-weight:900!important;letter-spacing:-.03em!important;
 text-transform:uppercase!important;color:#fff!important;
}
.eyebrow,.kicker{color:#78bfff!important;letter-spacing:.13em!important}
.back-link{color:#8fc9f7!important;font-weight:800}
.roster-summary,.club-metrics{
 display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:14px 0 16px!important;
}
.roster-summary>div,.club-metrics>article,.club-stats>div{
 min-width:0;border:1px solid var(--afm-line)!important;border-radius:14px!important;
 background:linear-gradient(180deg,#0a2940,#071d2e)!important;padding:14px!important;
}
.roster-summary small,.club-metrics small,.club-stats small{
 display:block;color:var(--afm-muted)!important;font-size:10px!important;letter-spacing:.05em!important;text-transform:uppercase!important
}
.roster-summary strong,.club-metrics strong,.club-stats b{
 display:block;margin-top:7px;color:white!important;font-size:22px!important;line-height:1.05!important;font-weight:900!important
}
.role-filters{display:flex;gap:8px;overflow-x:auto;padding:2px 0 12px;scrollbar-width:none}
.role-filters::-webkit-scrollbar{display:none}
.role-filters button{
 flex:0 0 auto;border:1px solid #285979;background:#071d2e;color:#d8e6f2;
 border-radius:999px;padding:10px 14px;font-weight:800;font-size:12px
}
.role-filters button.active{background:linear-gradient(180deg,#168eea,#0b67c1);border-color:#168eea;color:#fff;box-shadow:0 6px 18px rgba(17,135,232,.28)}
.role-group{border:1px solid var(--afm-line);border-radius:15px;overflow:hidden;margin:12px 0;background:#061a2a}
.role-group h3{
 margin:0!important;padding:13px 16px!important;background:linear-gradient(90deg,#0c5f99,#0b3555 72%)!important;
 color:white!important;font-size:18px!important;display:flex;align-items:center;justify-content:space-between;
 text-transform:uppercase;letter-spacing:.01em
}
.role-group h3 span{color:#ffd360;font-size:15px}
.player-row{
 display:grid!important;grid-template-columns:52px minmax(0,1fr) auto!important;align-items:center!important;
 gap:12px!important;min-height:74px!important;padding:10px 14px!important;text-decoration:none!important;color:white!important;
 border-top:1px solid rgba(41,83,111,.55)!important;background:linear-gradient(90deg,rgba(7,29,46,.94),rgba(5,22,36,.94))!important;
}
.player-row:hover{background:#0a2940!important}
.player-row>img,.player-avatar{
 width:50px!important;height:50px!important;border-radius:14px!important;object-fit:cover!important;
 background:linear-gradient(145deg,#0f4166,#08243a)!important;border:1px solid #245779!important;
 display:grid!important;place-items:center!important;color:#f0c651!important;font-weight:900!important
}
.player-row>div:nth-child(2){min-width:0}
.player-row strong{display:block!important;color:#fff!important;font-size:15px!important;line-height:1.15!important}
.player-row small{display:flex!important;align-items:center!important;color:#91a9bc!important;font-size:11px!important;margin-top:4px!important}
.player-row b{color:#fff!important;font-size:17px!important;background:#0a2940;border:1px solid #285979;border-radius:10px;min-width:42px;padding:8px;text-align:center}
.credit-balance,.stadium-current{
 border:1px solid #2c6a91!important;border-radius:18px!important;
 background:radial-gradient(circle at 80% 20%,rgba(17,135,232,.24),transparent 35%),linear-gradient(145deg,#0b3555,#061827)!important;
 box-shadow:0 18px 42px rgba(0,0,0,.24)!important;
}
.credit-balance strong{color:#fff!important;font-size:clamp(48px,10vw,82px)!important}
.credit-balance small,.credit-balance span{color:#9ec8e6!important}
.movement{border-color:#1e4058!important}
.movement b.positive{color:#67d395!important}.movement b.negative{color:#ff7f86!important}
.stadium-levels{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.stadium-level{border:1px solid var(--afm-line)!important;border-radius:12px!important;background:#061a2a!important}
.stadium-level.current{border-color:var(--afm-blue)!important;background:linear-gradient(145deg,#0b4168,#08263b)!important;box-shadow:0 0 0 1px rgba(17,135,232,.22) inset}
.club-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
.club-links a{border:1px solid var(--afm-line)!important;border-radius:14px!important;background:linear-gradient(145deg,#0a2940,#061a2a)!important}
.club-bottom-nav,.section-bottom-nav,.mobile-bottom-nav{
 background:rgba(3,16,27,.96)!important;border-top:1px solid #1f4966!important;backdrop-filter:blur(16px)!important;
}
.club-bottom-nav a,.section-bottom-nav a,.section-bottom-nav button,.mobile-bottom-nav a{color:#8098ab!important}
.club-bottom-nav .active,.section-bottom-nav .active,.mobile-bottom-nav .active{color:#53aef2!important;background:rgba(17,135,232,.08)!important}
.team-card{border-radius:14px!important;background:linear-gradient(145deg,#0a2940,#061a2a)!important}
.tabs button{border-radius:999px!important;background:#071d2e!important;border-color:#285979!important;color:#c8d8e5!important}
.tabs button.active{background:linear-gradient(180deg,#168eea,#0b67c1)!important;border-color:#168eea!important;color:#fff!important}
@media(max-width:700px){
 body{padding-bottom:76px}
 .shell,.club-subpage,.club-page{padding-left:10px!important;padding-right:10px!important}
 .subpage-head,.club-hero{border-radius:15px!important;padding:15px!important}
 .afm-head-logo{width:54px!important;height:54px!important}
 .roster-summary,.club-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 .roster-summary>div,.club-metrics>article{padding:12px!important}
 .roster-summary strong,.club-metrics strong{font-size:20px!important}
 .player-row{grid-template-columns:46px minmax(0,1fr) auto!important;gap:10px!important;min-height:68px!important;padding:9px 10px!important}
 .player-row>img,.player-avatar{width:44px!important;height:44px!important;border-radius:12px!important}
 .player-row strong{font-size:14px!important}.player-row b{font-size:15px!important;min-width:38px;padding:7px}
 .role-group h3{font-size:16px!important;padding:12px 13px!important}
 .stadium-levels{grid-template-columns:1fr!important}
 .club-links{grid-template-columns:1fr 1fr!important}
}
.club-mark{overflow:hidden;background:#071d2e!important}.club-mark img{width:100%;height:100%;object-fit:contain;padding:5px;display:block}
/* Real club marks: no circles, no decorative containers */
.my-club-head .club-real-logo{
  width:58px;height:58px;object-fit:contain;flex:0 0 58px;
  background:transparent;border:0;border-radius:0;padding:0;box-shadow:none;
}

/* Stadium cards: simple rows instead of narrow micro-columns */
.stadium-level{padding:14px!important;text-align:left!important}
.stadium-level>b{display:block!important;margin:0 0 9px!important;font-size:15px!important}
.stadium-level>.stadium-stat{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:0!important;padding:5px 0!important;border-top:1px solid rgba(151,177,197,.10)}
.stadium-level>.stadium-stat i{font-style:normal;color:var(--muted);font-size:12px;white-space:nowrap}
.stadium-level>.stadium-stat strong{color:#fff;font-size:13px;white-space:nowrap}
.stadium-level>.stadium-results{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:0!important;padding:6px 0 0!important;border-top:1px solid rgba(151,177,197,.10)}
.stadium-level>.stadium-results i{font-style:normal;color:var(--muted);font-size:11px;white-space:nowrap}
.stadium-level>.stadium-results strong{color:#fff;font-size:12px;margin-left:3px}
.my-club-head .club-logo-fallback{
  width:58px;height:58px;display:grid;place-items:center;flex:0 0 58px;
  background:transparent;border:0;border-radius:0;color:var(--afm-gold);font-weight:900;font-size:11px;
}
@media(max-width:560px){
  .my-club-head .club-real-logo,.my-club-head .club-logo-fallback{width:54px;height:54px;flex-basis:54px}
}

/* AFM approved player avatars are always circular everywhere in the app. */
img[src*="/api/player-avatar/"]{
  border-radius:50%!important;
  clip-path:circle(50% at 50% 50%)!important;
  object-fit:cover!important;
  object-position:center!important;
}