:root{--bg:#050812;--panel:#0c1222;--panel2:#121a31;--line:rgba(255,255,255,.1);--text:#f5f7fb;--muted:#8d97ad;--gold:#f7c948;--purple:#6d35ff;--cyan:#3bdcff;--green:#2fe08b;--red:#ff5467;--glass:rgba(12,18,34,.78)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -10%,rgba(109,53,255,.36),transparent 35%),radial-gradient(circle at 90% 10%,rgba(247,201,72,.16),transparent 30%),linear-gradient(180deg,#050812,#07101e 55%,#04060c);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}.app-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,rgba(9,13,26,.92),rgba(4,6,12,.96));border-right:1px solid var(--line);padding:22px 16px;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;margin-bottom:28px}.brand img{width:78px;border-radius:12px;box-shadow:0 0 22px rgba(109,53,255,.55)}.brand b{font-size:22px}.brand span{display:block;color:var(--muted);font-size:12px;margin-top:2px}nav{display:grid;gap:8px}.navbtn{border:0;background:transparent;color:#c9d0e4;border-radius:14px;padding:13px 14px;text-align:left;font-weight:700;cursor:pointer;display:flex;gap:10px;align-items:center}.navbtn.active,.navbtn:hover{background:linear-gradient(90deg,rgba(109,53,255,.95),rgba(109,53,255,.18));color:#fff}.side-card{position:absolute;left:16px;right:16px;bottom:20px;background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:18px;padding:14px;display:flex;gap:12px;align-items:center}.pulse{width:11px;height:11px;background:var(--green);border-radius:50%;box-shadow:0 0 18px var(--green)}small{color:var(--muted)}main{padding:24px;min-width:0}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--gold);font-size:12px;font-weight:900}h1{margin:4px 0 0;font-size:34px}.account{display:flex;gap:10px;align-items:center}.btn{border:1px solid var(--line);background:linear-gradient(180deg,#202a44,#11182b);color:white;border-radius:13px;padding:11px 15px;font-weight:900;cursor:pointer}.btn.primary{background:linear-gradient(135deg,var(--purple),#9c62ff);border:0}.btn.gold{background:linear-gradient(135deg,#f7c948,#a86c08);border:0;color:#120b00}.btn.ghost{background:rgba(255,255,255,.06)}.btn:disabled{opacity:.45;cursor:not-allowed}.grid{display:grid;gap:16px}.dash{grid-template-columns:minmax(0,1.7fr) minmax(330px,.9fr)}.hero{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:28px;min-height:330px;background:linear-gradient(180deg,rgba(9,13,26,.35),rgba(5,8,18,.94)),radial-gradient(circle at 50% 0,rgba(247,201,72,.28),transparent 35%),radial-gradient(circle at 10% 80%,rgba(109,53,255,.26),transparent 34%);box-shadow:0 18px 70px rgba(0,0,0,.38)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 64%,rgba(30,90,45,.18)),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 80px);opacity:.75}.hero-content{position:relative;display:grid;grid-template-columns:1fr 220px;gap:20px;height:100%;padding:30px}.logo-title img{width:120px;border-radius:14px;margin-bottom:16px}.hero h2{font-size:45px;line-height:1;margin:0 0 10px;letter-spacing:-.04em}.hero p{color:#ccd4e8;max-width:600px;font-size:16px}.trophy{font-size:170px;filter:drop-shadow(0 0 34px rgba(247,201,72,.45));align-self:center;text-align:center;animation:float 4s ease-in-out infinite}@keyframes float{50%{transform:translateY(-10px)}}.hero-actions{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}.countdown{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}.countdown span{background:rgba(255,255,255,.08);border:1px solid var(--line);border-radius:14px;padding:10px 12px;font-weight:900}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.stat,.card{background:var(--glass);border:1px solid var(--line);border-radius:22px;box-shadow:0 16px 55px rgba(0,0,0,.2)}.stat{padding:16px}.stat b{font-size:26px;display:block}.stat small{font-weight:800}.card{padding:18px}.card h3{margin:0 0 14px;font-size:17px}.match{display:grid;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:12px;border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:18px;padding:13px;margin-bottom:10px}.team{display:flex;gap:10px;align-items:center;font-weight:900}.flag{font-size:24px}.vs{color:var(--gold);font-weight:1000}.meta{color:var(--muted);font-size:12px}.rank{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;background:rgba(255,255,255,.045);margin-bottom:8px}.rank .pos{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);font-weight:1000}.rank:first-of-type .pos{background:linear-gradient(135deg,#f7c948,#b77c12);color:#1b1000}.rank b{margin-left:auto}.feeditem{display:flex;gap:10px;border-left:3px solid var(--purple);padding:10px 10px;margin-bottom:8px;background:rgba(255,255,255,.04);border-radius:12px}.tables{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}.table-row{display:grid;grid-template-columns:1fr 40px 40px 40px;gap:8px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.07);align-items:center}.table-row.head{color:var(--muted);font-size:12px;font-weight:900}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:14px}.tipbox{display:flex;gap:8px;align-items:center}.tipbox input{width:50px;background:#080d19;color:white;border:1px solid var(--line);border-radius:10px;padding:10px;text-align:center;font-weight:900}.locked{color:var(--red);font-weight:900}.success{color:var(--green);font-weight:900}.ko-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.ko{min-height:380px;position:relative;overflow:hidden}.ko .cup{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:150px;opacity:.55;filter:drop-shadow(0 0 30px rgba(247,201,72,.35))}.bracket{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;z-index:2}.round{display:grid;gap:14px;align-content:center}.ko-match{background:rgba(7,11,22,.82);border:1px solid var(--line);border-radius:16px;padding:14px;min-height:82px}.form{display:grid;gap:10px}.form input,.form select{background:#090e1b;color:white;border:1px solid var(--line);border-radius:13px;padding:12px}.modal{position:fixed;inset:0;background:radial-gradient(circle at 50% 20%,rgba(109,53,255,.28),transparent 35%),rgba(2,4,10,.86);display:grid;place-items:center;z-index:10}.modal.hidden{display:none}.auth-card{width:min(440px,92vw);background:rgba(12,18,34,.92);border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:0 40px 120px rgba(0,0,0,.5)}.auth-hero{padding:28px;text-align:center;background:linear-gradient(180deg,rgba(109,53,255,.28),transparent)}.auth-hero img{width:130px;border-radius:14px}.auth-hero h2{margin:14px 0 8px}.tabs{display:grid;grid-template-columns:1fr 1fr;padding:0 22px;gap:8px}.tabs button{padding:12px;border:0;border-radius:13px;background:rgba(255,255,255,.06);color:#dce4f8;font-weight:900}.tabs button.active{background:var(--purple);color:white}#authForm{padding:22px}.mobilebar{display:none}@media(max-width:1000px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:5;bottom:0;top:auto;height:auto;left:0;right:0;padding:8px;display:block}.brand,.side-card{display:none}nav{grid-template-columns:repeat(4,1fr)}.navbtn{font-size:0;justify-content:center}.navbtn span{font-size:21px}main{padding:16px 16px 78px}.dash{grid-template-columns:1fr}.hero-content{grid-template-columns:1fr}.trophy{font-size:112px}.stats{grid-template-columns:repeat(2,1fr)}.match{grid-template-columns:1fr auto}.match .btn{grid-column:1/-1}.hero h2{font-size:34px}.bracket{grid-template-columns:1fr}.games-grid{grid-template-columns:1fr}} 
.group-teams{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:10px 0 12px}.group-teams span{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:7px 9px;font-weight:700}.table-row.qualify{background:linear-gradient(90deg,rgba(32,201,151,.16),rgba(255,255,255,.03));border-left:3px solid #20c997}.ko-stage-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:14px 0 18px;padding:18px;border-radius:22px;background:radial-gradient(circle at 80% 30%,rgba(255,205,90,.18),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.08)}.ko-stage-head h2{margin:0;font-size:28px}.ko-stage-head p{max-width:700px;color:var(--muted);margin:6px 0 0}.bracket.single{display:block}.active-round{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.ko-match{position:relative;overflow:hidden}.ko-match:before{content:'';position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,#ffcc64,#7d4dff,transparent)}.match .meta:after{content:' deutsche Zeit';color:#ffcc64;font-weight:800}.source-note{font-size:12px;color:var(--muted);margin-top:10px}
.flag-badge{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.14);font-size:21px;margin-right:7px;vertical-align:middle;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 8px 20px rgba(0,0,0,.22)}
.match-card{background:linear-gradient(180deg,rgba(15,22,42,.92),rgba(8,12,24,.92));border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:18px;box-shadow:0 18px 50px rgba(0,0,0,.25)}
.match-head{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.match-teams{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin:10px 0}.team.big{font-size:17px}.big span:last-child{font-weight:1000}.trophy-small{font-size:80px;filter:drop-shadow(0 0 18px rgba(247,201,72,.45))}.mini-group{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:14px}.checkrow{display:flex;align-items:center;gap:8px;margin:8px 0;padding:8px;border-radius:12px;background:rgba(255,255,255,.04);cursor:pointer}.checkrow input{width:18px;height:18px;accent-color:#f7c948}.barrow{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:10px 12px;margin:8px 0}.barrow span{position:absolute;left:0;bottom:0;height:3px;background:linear-gradient(90deg,#f7c948,#6d35ff)}.big-score{font-size:54px;color:var(--gold);display:block}.form label{font-weight:900;color:#dbe3fa;margin-top:4px}.source-note{background:rgba(247,201,72,.08);border:1px solid rgba(247,201,72,.18);padding:12px;border-radius:14px}.navbtn{white-space:nowrap}.table-row{grid-template-columns:1fr 58px 58px 58px}.group-teams span{display:flex;align-items:center;gap:4px}.ko-tabs .btn{min-width:130px}
/* V5 flag fix: real image flags instead of Windows emoji country-code letters */
.flag-img{
  width:34px;height:34px;min-width:34px;object-fit:cover;border-radius:50%;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.08);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 8px 20px rgba(0,0,0,.26);
  vertical-align:middle;margin-right:8px;display:inline-block;
}
.flag-fallback{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.08);margin-right:8px}
.team,.team.big,.group-teams span,.table-row span:first-child,.checkrow,.barrow div,.match-title{display:flex;align-items:center;gap:8px}
.match-title{flex-wrap:wrap;line-height:1.3}.vs-inline{color:var(--gold);font-weight:1000;margin:0 2px}.checkrow .flag-img{margin-right:2px}.barrow .flag-img{width:28px;height:28px;min-width:28px}.group-teams .flag-img,.table-row .flag-img{width:28px;height:28px;min-width:28px}.team.big .flag-img{width:42px;height:42px;min-width:42px}
/* hide old emoji badge styling if cached markup appears */
.flag-badge{display:none!important}

/* V6: professional KO bracket + intelligent highlight feed */
.ko-pro{position:relative;overflow:hidden;min-height:520px;background:radial-gradient(circle at 50% 28%,rgba(247,201,72,.16),transparent 28%),linear-gradient(180deg,rgba(14,22,42,.92),rgba(6,10,20,.98));}
.ko-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;border-radius:22px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.025));margin-bottom:22px}
.ko-hero h2{margin:0;font-size:32px;letter-spacing:-.03em}.ko-hero p{color:var(--muted);margin:6px 0 0}.ko-cup{font-size:86px;filter:drop-shadow(0 0 26px rgba(247,201,72,.45));animation:float 4s ease-in-out infinite}
.bracket-pro{position:relative;display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:30px 48px;align-items:center;padding:24px 12px 16px}
.bracket-pro:before{content:"";position:absolute;left:8%;right:8%;top:50%;height:2px;background:linear-gradient(90deg,transparent,rgba(247,201,72,.5),rgba(125,77,255,.5),transparent);opacity:.7}
.ko-node{position:relative;z-index:1;background:rgba(6,10,20,.9);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:13px;box-shadow:0 16px 42px rgba(0,0,0,.34)}
.ko-node:after{content:"";position:absolute;right:-49px;top:50%;width:49px;height:2px;background:linear-gradient(90deg,rgba(247,201,72,.55),rgba(125,77,255,.45))}.ko-node:nth-child(4n):after,.final-only .ko-node:after{display:none}
.ko-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--gold);font-weight:1000;margin-bottom:8px}.ko-team{display:flex;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:12px;background:rgba(255,255,255,.055);margin:6px 0;font-weight:900}.ko-team b{color:var(--gold)}.ko-node small{display:block;color:var(--muted);margin-top:8px}.final-only{display:flex;justify-content:center}.final-only .ko-node{width:min(420px,100%)}
.feeditem.leader{border-left-color:#f7c948;background:linear-gradient(90deg,rgba(247,201,72,.12),rgba(255,255,255,.04))}.feeditem.overtake{border-left-color:#20c997}.feeditem.exact{border-left-color:#4dabf7}.feeditem.trend{border-left-color:#9c62ff}.feeditem.result{border-left-color:#adb5bd}.feeditem.bonus{border-left-color:#ffd43b}
@media(max-width:1000px){.bracket-pro{grid-template-columns:1fr;gap:14px}.bracket-pro:before,.ko-node:after{display:none}.ko-cup{font-size:62px}.ko-hero{align-items:flex-start}.ko-hero h2{font-size:26px}}
.saved-box{margin:14px 0;padding:14px;border:1px solid rgba(255,211,105,.28);border-radius:18px;background:linear-gradient(135deg,rgba(255,211,105,.11),rgba(255,255,255,.04));box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.saved-box p{margin:8px 0 0;color:#e9edf7;line-height:1.7}
.action-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0 18px}
.action-row small{color:#9aa6bd}.wide{width:100%;justify-content:center;margin-top:10px}.locked{color:#ffd369;font-weight:700}

/* V8 finish */
.warning-card{border-color:rgba(255,199,89,.28);box-shadow:0 0 0 1px rgba(255,199,89,.08) inset}.success{color:#71f0a3}.hof{display:grid;grid-template-columns:70px 1fr;gap:4px 14px;align-items:center;padding:12px;border-radius:16px;background:linear-gradient(135deg,rgba(255,199,89,.14),rgba(255,255,255,.04));border:1px solid rgba(255,199,89,.18)}.hof span{grid-row:span 2;color:#ffd36a;font-weight:900;font-size:22px}.hof b{font-size:18px}.hof small{opacity:.75}.table-row{grid-template-columns:minmax(150px,1.5fr) .5fr .7fr .6fr .6fr}.table-row.head{opacity:.8}.qualify{background:rgba(70,255,160,.08);border-radius:12px}.bracket-pro{position:relative}.bracket-pro:before{content:"";position:absolute;left:50%;top:14px;bottom:14px;width:1px;background:linear-gradient(transparent,rgba(255,211,106,.45),transparent)}.ko-node{position:relative}.ko-node:after{content:"";position:absolute;right:-22px;top:50%;width:22px;height:1px;background:rgba(255,211,106,.35)}.ko-node:nth-child(even):before{content:"";position:absolute;left:-22px;top:-34px;width:1px;height:68px;background:rgba(255,211,106,.25)}@media(max-width:800px){.table-row{grid-template-columns:1.5fr .4fr .6fr .5fr .5fr}.bracket-pro:before,.ko-node:before,.ko-node:after{display:none}}

/* V11 final sport polish */
.hero-v11{min-height:360px;border-color:rgba(255,211,106,.18);box-shadow:0 24px 90px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.08)}
.hero-v11 .hero-content{grid-template-columns:minmax(0,1fr) 260px}.hero-v11 h2{font-size:54px;max-width:720px}.trophy-v11{font-size:190px}.stats-v11 .stat{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.11)}
.scoreline{font-size:26px;color:#ffd369;font-weight:1000;letter-spacing:.04em}.muted-score{color:#68728a}.status-pill{display:inline-flex;align-items:center;margin-left:8px;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.06em}.status-pill.open{background:rgba(47,224,139,.13);color:#71f0a3}.status-pill.done{background:rgba(247,201,72,.14);color:#ffd369}.status-pill.locked{background:rgba(255,84,103,.13);color:#ff8b98}.favorite-line{display:flex;align-items:center;gap:10px}.favorite-line b{font-size:22px}.favorite-line span{margin-left:auto;font-weight:1000;color:#ffd369}.podium-card .rank{border:1px solid rgba(255,255,255,.08)}
.bracket-full{display:grid;grid-template-columns:1.35fr 1.05fr .85fr .75fr;gap:24px;align-items:center;margin-top:18px;position:relative}.bracket-col{position:relative}.bracket-col h3{margin:0 0 12px;color:#ffd369;text-transform:uppercase;letter-spacing:.08em;font-size:13px}.bracket-stack{display:grid;gap:14px}.bracket-col:nth-child(2) .bracket-stack{gap:38px}.bracket-col:nth-child(3) .bracket-stack{gap:82px}.bracket-col:nth-child(4) .bracket-stack{gap:0}.active-round-col h3{color:#fff}.active-round-col .ko-node{border-color:rgba(255,211,106,.34);box-shadow:0 18px 55px rgba(247,201,72,.08)}.ko-focus{margin-top:26px;padding-top:18px;border-top:1px solid rgba(255,255,255,.09)}.ko-focus h3{margin:0 0 12px}.bracket-full .ko-node:after{content:"";position:absolute;right:-24px;top:50%;width:24px;height:1px;background:linear-gradient(90deg,rgba(255,211,106,.55),rgba(125,77,255,.4))}.bracket-col:last-child .ko-node:after{display:none}.bracket-full .ko-node:before{display:none!important}.prognosis-premium h4{margin:18px 0 8px}.sync-status{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}.sync-status span{padding:7px 10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);border-radius:999px;font-weight:900;font-size:12px}.sport-match .tipbox{margin-top:14px}.sport-center .match-card{box-shadow:none;background:rgba(255,255,255,.035)}
@media(max-width:1100px){.hero-v11 .hero-content{grid-template-columns:1fr}.trophy-v11{font-size:120px}.hero-v11 h2{font-size:36px}.bracket-full{grid-template-columns:1fr}.bracket-full .ko-node:after{display:none}.dash-v11 .grid[style*="1fr 1fr"]{grid-template-columns:1fr!important}}

/* V12 true KO engine polish */
.ko-v12 .true-bracket{align-items:stretch;gap:18px;overflow-x:auto;padding-bottom:12px}
.ko-node-v12{position:relative;min-width:210px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));box-shadow:0 16px 40px rgba(0,0,0,.22)}
.ko-node-v12:after{content:"";position:absolute;right:-19px;top:50%;width:18px;height:1px;background:linear-gradient(90deg,rgba(250,204,21,.55),rgba(250,204,21,0))}
.bracket-col:last-child .ko-node-v12:after{display:none}
.ko-node-v12.done{border-color:rgba(250,204,21,.38);box-shadow:0 0 0 1px rgba(250,204,21,.08),0 20px 55px rgba(0,0,0,.28)}
.ko-team.winner{background:rgba(250,204,21,.12);border-color:rgba(250,204,21,.35)}
.placeholder-team{opacity:.55;font-style:italic}
.ko-tipbox{margin-top:12px}
.ko-tipbox input{max-width:60px}
.ko-admin-grid{margin:10px 0 22px}
.ko-admin-card select{min-width:150px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#fff;padding:10px}
.admin-round-title{margin-top:20px;color:#facc15}
@media(max-width:900px){.ko-v12 .true-bracket{display:flex}.ko-node-v12{min-width:240px}.ko-node-v12:after{display:none}}

/* ===== V13 SkySport-inspired KO poster tree ===== */
.ko-poster-card{
  overflow:hidden;
  padding:0!important;
  background:
    radial-gradient(circle at 50% 22%, rgba(69,118,255,.38), transparent 28%),
    radial-gradient(circle at 50% 55%, rgba(30,95,255,.25), transparent 34%),
    linear-gradient(90deg, rgba(12,2,27,.98), rgba(12,37,92,.96) 48%, rgba(11,2,28,.98));
  border-color:rgba(185,255,74,.18)!important;
  box-shadow:0 30px 100px rgba(0,0,0,.45), inset 0 0 90px rgba(40,112,255,.18);
  position:relative;
}
.ko-poster-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 18%,rgba(0,0,0,.28)),radial-gradient(circle at 50% 95%,rgba(40,180,90,.22),transparent 28%);pointer-events:none}
.ko-poster-head{position:relative;z-index:2;text-align:center;padding:28px 18px 10px}.ko-poster-head span{display:inline-block;color:#c8ff23;font-weight:1000;letter-spacing:.16em;font-size:12px;text-transform:uppercase}.ko-poster-head h2{margin:8px 0 8px;font-size:clamp(30px,5vw,66px);line-height:.98;letter-spacing:.03em;color:#fff;text-shadow:0 8px 35px rgba(0,0,0,.55)}.ko-poster-head h2 b{font-size:1.25em}.ko-poster-head p{margin:0 auto;color:#d6e3ff;max-width:760px;font-weight:700}.ko-poster-scroll{position:relative;z-index:2;overflow:auto;padding:18px 18px 26px}.ko-poster-bracket{min-width:1180px;display:grid;grid-template-columns:1fr 320px 1fr;gap:24px;align-items:center;min-height:650px}.poster-side{display:grid;grid-template-columns:1.18fr .9fr .75fr;gap:26px;align-items:center}.right-side{grid-template-columns:.75fr .9fr 1.18fr}.poster-col h3,.final-title{color:#c8ff23;text-transform:uppercase;letter-spacing:.08em;font-size:18px;font-weight:1000;text-shadow:0 0 14px rgba(200,255,35,.25);margin:0 0 14px}.poster-stack{display:grid;gap:22px}.level-2 .poster-stack{gap:58px}.level-3 .poster-stack{gap:0}.poster-match{position:relative;background:linear-gradient(180deg,rgba(9,18,38,.92),rgba(4,9,22,.92));border:1px solid rgba(255,255,255,.38);border-radius:10px;box-shadow:0 18px 42px rgba(0,0,0,.38), inset 0 0 0 1px rgba(255,255,255,.04);padding:8px;min-height:96px}.poster-match-label{position:absolute;right:10px;top:8px;color:#c8ff23;font-size:11px;font-weight:1000;opacity:.9}.poster-team{display:grid;grid-template-columns:32px 1fr 26px;gap:8px;align-items:center;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:8px 8px;margin:6px 0;font-weight:1000;color:white}.poster-team.is-winner{background:linear-gradient(90deg,rgba(200,255,35,.18),rgba(255,255,255,.055));border-color:rgba(200,255,35,.38)}.poster-team.is-open{color:#cfd7ea}.poster-flag .flag,.poster-flag{display:flex;align-items:center;justify-content:center}.poster-flag .flag{width:24px!important;height:18px!important;border-radius:4px}.poster-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.poster-team b{text-align:right;color:#c8ff23}.poster-match.left:after,.poster-match.right:after{content:"";position:absolute;top:50%;width:27px;height:2px;background:rgba(255,255,255,.78)}.poster-match.left:after{right:-27px}.poster-match.right:after{left:-27px}.poster-col.left.level-1 .poster-match:nth-child(odd):before,.poster-col.left.level-2 .poster-match:nth-child(odd):before{content:"";position:absolute;right:-27px;top:50%;height:calc(100% + 22px);width:2px;background:rgba(255,255,255,.68)}.poster-col.right.level-1 .poster-match:nth-child(odd):before,.poster-col.right.level-2 .poster-match:nth-child(odd):before{content:"";position:absolute;left:-27px;top:50%;height:calc(100% + 22px);width:2px;background:rgba(255,255,255,.68)}.poster-center{text-align:center;display:grid;place-items:center;gap:14px}.poster-final{width:100%}.poster-final .poster-match{border-color:rgba(200,255,35,.65);box-shadow:0 0 36px rgba(200,255,35,.12),0 22px 55px rgba(0,0,0,.48)}.poster-final .poster-match:after,.poster-final .poster-match:before{display:none}.poster-cup{font-size:94px;line-height:1;filter:drop-shadow(0 0 24px rgba(255,207,72,.65));animation:float 4s ease-in-out infinite}.champion-box{border:1px solid rgba(200,255,35,.28);background:rgba(0,0,0,.23);border-radius:16px;padding:12px 18px;width:100%}.champion-box small{display:block;color:#c8ff23;font-size:11px;font-weight:1000;letter-spacing:.1em}.champion-box b{display:block;font-size:20px;margin-top:4px}.third-place{margin-top:8px;color:#c8ff23;font-weight:1000;letter-spacing:.06em}.third-place small{display:block;color:#d6e3ff;font-weight:800;margin-top:4px}.ko-legend-v13{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 18px 18px;padding:14px;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:rgba(3,8,20,.58);color:#eef4ff;font-weight:900}.ko-focus-v13{margin-top:18px}@media(max-width:900px){.ko-poster-head{text-align:left}.ko-poster-bracket{min-width:1050px;min-height:590px}.ko-legend-v13{grid-template-columns:1fr}.poster-cup{font-size:70px}}

/* ===== V16 Premium Dashboard ===== */
.dashboard-v16{display:grid;gap:18px}.hero-v16{position:relative;overflow:hidden;min-height:430px;border:1px solid rgba(255,255,255,.12);border-radius:30px;padding:28px;display:grid;grid-template-columns:1.05fr 280px 1fr;gap:22px;align-items:center;background:radial-gradient(circle at 50% 45%,rgba(56,112,255,.35),transparent 29%),radial-gradient(circle at 50% 100%,rgba(33,200,120,.20),transparent 30%),linear-gradient(90deg,#080414,#071938 48%,#080414);box-shadow:0 28px 100px rgba(0,0,0,.42),inset 0 0 80px rgba(70,120,255,.12)}.hero-v16:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 35%,rgba(0,0,0,.28)),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 92px);pointer-events:none}.hero-bg-lines{position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(180deg,transparent,rgba(35,155,90,.18)),repeating-linear-gradient(90deg,transparent 0 55px,rgba(255,255,255,.08) 56px 57px);opacity:.65}.hero-left-v16,.hero-cup-v16,.hero-live-v16{position:relative;z-index:2}.hero-logo-v16{width:116px;border-radius:16px;box-shadow:0 14px 40px rgba(0,0,0,.35),0 0 28px rgba(110,70,255,.35);margin-bottom:16px}.hero-kicker{display:inline-block;color:#c8ff23;font-weight:1000;letter-spacing:.18em;font-size:12px;text-transform:uppercase;margin-bottom:10px}.hero-v16 h2{margin:0;font-size:clamp(42px,5vw,76px);line-height:.93;letter-spacing:.02em;text-shadow:0 10px 40px rgba(0,0,0,.5)}.hero-v16 h2 b{color:#fff}.hero-cta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.hero-cup-v16{text-align:center;display:grid;place-items:center;gap:12px}.cup-glow{font-size:168px;line-height:1;filter:drop-shadow(0 0 38px rgba(247,201,72,.65));animation:float 4s ease-in-out infinite}.hero-cup-v16 small{font-weight:800;color:#dbe5ff;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:12px 18px}.hero-cup-v16 b{color:#c8ff23;font-size:18px}.hero-live-v16{background:rgba(4,9,22,.72);border:1px solid rgba(255,255,255,.16);border-radius:24px;padding:18px;box-shadow:0 18px 50px rgba(0,0,0,.35)}.hero-live-v16 h3{margin:0 0 12px}.dash-match-hero{display:grid;gap:10px}.dash-team{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:1000;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:12px}.dash-team.right{justify-content:flex-end}.dash-vs{text-align:center;color:#c8ff23;font-weight:1000}.dash-vs span{display:block;font-size:20px}.dash-vs small{color:#b9c5dd}.dash-match-meta{font-size:12px;color:#93a0bb;text-align:center}.dash-metrics-v16{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.metric-v16{background:linear-gradient(180deg,rgba(18,28,55,.86),rgba(8,13,27,.86));border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:16px;box-shadow:0 16px 45px rgba(0,0,0,.22)}.metric-v16 span{font-size:22px}.metric-v16 b{display:block;font-size:28px;margin-top:8px}.metric-v16 small{font-weight:900}.dash-grid-v16{display:grid;grid-template-columns:1.15fr .9fr .95fr;gap:16px}.dash-grid-v16 .card{min-height:160px}.player-card-v16{display:flex;gap:14px;align-items:center;padding:14px;border-radius:18px;background:linear-gradient(135deg,rgba(109,53,255,.22),rgba(255,255,255,.045));border:1px solid rgba(255,255,255,.1);margin-bottom:14px}.avatar-v16{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-size:30px;background:rgba(255,255,255,.1)}.player-card-v16 b{font-size:20px}.player-card-v16 small{display:block;margin-top:4px}.open-box,.done-box{display:grid;gap:10px}.open-box>b{font-size:22px;color:#facc15}.done-box{padding:16px;border-radius:18px;background:rgba(47,224,139,.10);border:1px solid rgba(47,224,139,.22);font-weight:1000}.podium-v16{display:grid;grid-template-columns:1fr;gap:10px}.podium-place{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:13px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08)}.podium-place.p1{background:linear-gradient(90deg,rgba(247,201,72,.22),rgba(255,255,255,.05));border-color:rgba(247,201,72,.34)}.podium-place.p2{background:linear-gradient(90deg,rgba(210,220,240,.16),rgba(255,255,255,.05))}.podium-place.p3{background:linear-gradient(90deg,rgba(201,126,54,.18),rgba(255,255,255,.05))}.podium-medal{font-size:26px}.podium-place span{font-weight:1000;color:#c8ff23}.trend-card-v16 .barline{margin:10px 0}.trend-card-v16 .btn,.group-card-v16 .btn,.ko-card-v16 .btn{margin-top:12px}.mini-table{display:grid;gap:8px}.mini-row{display:grid;grid-template-columns:24px 1fr 34px;gap:8px;align-items:center;padding:10px;border-radius:14px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07)}.mini-row.q{border-color:rgba(47,224,139,.24);background:linear-gradient(90deg,rgba(47,224,139,.12),rgba(255,255,255,.035))}.mini-row span:first-child{font-weight:1000;color:#c8ff23}.mini-row b{display:flex;align-items:center;gap:8px;min-width:0}.mini-row em{text-align:right;font-style:normal;font-weight:1000}.ko-preview-v16{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:18px;border-radius:18px;background:radial-gradient(circle at 50% 20%,rgba(247,201,72,.16),rgba(255,255,255,.045));border:1px solid rgba(255,255,255,.09)}.ko-preview-v16 span,.ko-preview-v16 b{font-size:12px;font-weight:1000;text-transform:uppercase;color:#fff;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:9px 10px}.ko-preview-v16 b{color:#facc15}.ko-preview-v16 i{height:2px;width:26px;background:#63d5ff;box-shadow:0 0 12px #63d5ff}.feed-card-v16{max-height:360px;overflow:auto}@media(max-width:1200px){.hero-v16{grid-template-columns:1fr}.hero-cup-v16{display:none}.dash-metrics-v16{grid-template-columns:repeat(2,1fr)}.dash-grid-v16{grid-template-columns:1fr 1fr}}@media(max-width:760px){.dash-grid-v16{grid-template-columns:1fr}.dash-metrics-v16{grid-template-columns:1fr 1fr}.hero-v16{padding:20px;min-height:auto}.hero-v16 h2{font-size:38px}.hero-logo-v16{width:92px}.dash-team.right{justify-content:flex-start}}

/* ===== V18 Dashboard Rebuild ===== */
.dashboard-v18{display:grid;gap:18px}.hero-v18{position:relative;min-height:390px;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:32px;padding:28px;display:grid;grid-template-columns:1.05fr 300px 1fr;gap:26px;align-items:center;background:radial-gradient(circle at 50% 48%,rgba(28,105,255,.42),transparent 30%),radial-gradient(circle at 52% 100%,rgba(45,214,133,.20),transparent 30%),linear-gradient(90deg,#070313,#071a3a 48%,#070313);box-shadow:0 28px 100px rgba(0,0,0,.45),inset 0 0 100px rgba(68,112,255,.15)}.hero-v18:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 35%,rgba(0,0,0,.42)),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 92px);pointer-events:none}.stadium-lights-v18{position:absolute;inset:auto 0 0;height:44%;background:linear-gradient(180deg,transparent,rgba(21,163,96,.17)),repeating-linear-gradient(90deg,transparent 0 52px,rgba(255,255,255,.08) 53px 54px);opacity:.65}.hero-title-v18,.cup-stage-v18,.live-panel-v18{position:relative;z-index:2}.hero-title-v18 img{width:108px;border-radius:16px;margin-bottom:14px;filter:drop-shadow(0 0 20px rgba(124,58,237,.55))}.hero-title-v18 span{display:inline-block;color:#c8ff23;font-size:12px;font-weight:1000;letter-spacing:.18em;text-transform:uppercase;margin-bottom:8px}.hero-title-v18 h2{margin:0;max-width:620px;font-size:clamp(38px,4.8vw,64px);line-height:.98;letter-spacing:.01em;text-transform:uppercase;text-shadow:0 14px 45px rgba(0,0,0,.6)}.hero-title-v18 p{font-weight:800;color:#b8c7e7;margin:14px 0 0}.hero-actions-v18{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.cup-stage-v18{display:grid;place-items:center;gap:12px}.real-cup-v18{position:relative;width:180px;height:210px;filter:drop-shadow(0 0 40px rgba(250,204,21,.55));animation:float 4s ease-in-out infinite}.cup-bowl-v18{position:absolute;left:37px;top:14px;width:106px;height:92px;background:linear-gradient(135deg,#fff3a8 0,#facc15 30%,#d97706 72%,#7c2d12 100%);border-radius:40% 40% 28% 28%;box-shadow:inset 16px 0 22px rgba(255,255,255,.35),inset -16px -10px 25px rgba(80,29,0,.28)}.cup-bowl-v18:before,.cup-bowl-v18:after{content:"";position:absolute;top:20px;width:52px;height:56px;border:13px solid #facc15;border-radius:50%;z-index:-1}.cup-bowl-v18:before{left:-44px}.cup-bowl-v18:after{right:-44px}.cup-stem-v18{position:absolute;left:73px;top:94px;width:34px;height:64px;background:linear-gradient(90deg,#92400e,#facc15,#92400e);clip-path:polygon(20% 0,80% 0,100% 100%,0 100%)}.cup-base-v18{position:absolute;left:42px;bottom:18px;width:96px;height:30px;background:linear-gradient(90deg,#5b2606,#d97706,#facc15,#7c2d12);border-radius:16px 16px 8px 8px}.cup-shine-v18{position:absolute;left:88px;top:25px;width:10px;height:72px;background:rgba(255,255,255,.45);border-radius:999px;filter:blur(1px)}.countdown-pill-v18{text-align:center;background:rgba(3,7,18,.55);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:12px 18px}.countdown-pill-v18 small{display:block;color:#9fb0ce;font-weight:900}.countdown-pill-v18 b{color:#c8ff23;font-size:18px}.live-panel-v18{background:rgba(3,7,18,.72);border:1px solid rgba(255,255,255,.16);border-radius:26px;padding:18px;box-shadow:0 18px 55px rgba(0,0,0,.38)}.live-panel-v18 h3{margin:0 0 12px}.live-match-v18{display:grid;gap:10px}.team-live-v18{display:flex;align-items:center;gap:10px;min-height:54px;font-size:18px;font-weight:1000;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:12px 14px}.team-live-v18.away{justify-content:flex-end}.center-live-v18{text-align:center;color:#c8ff23;font-weight:1000}.center-live-v18 b{display:block;font-size:22px}.center-live-v18 span,.center-live-v18 strong{display:block;color:#c7d2fe;font-size:13px}.match-meta-v18{text-align:center;color:#93a0bb;font-size:12px}.metrics-v18{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.metrics-v18>div{background:linear-gradient(180deg,rgba(18,28,55,.92),rgba(8,13,27,.92));border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:18px;min-height:92px;box-shadow:0 16px 40px rgba(0,0,0,.2)}.metrics-v18 small{display:block;color:#94a3b8;font-weight:1000}.metrics-v18 b{display:block;margin-top:8px;font-size:32px;line-height:1;color:#fff}.dashboard-grid-v18{display:grid;grid-template-columns:1.1fr .9fr .95fr;gap:16px}.card-v18{min-height:170px}.wide-v18{display:grid;gap:16px}.player-pro-v18{background:linear-gradient(135deg,rgba(124,58,237,.26),rgba(255,255,255,.045));border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:16px}.player-head-v18{display:flex;align-items:center;gap:14px}.avatar-pro-v18{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;background:rgba(255,255,255,.12);font-size:30px}.player-head-v18 small{display:block;color:#a6b4d3;font-weight:1000}.player-head-v18 b{font-size:22px}.player-stats-v18{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.player-stats-v18 span{background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:12px}.player-stats-v18 b{display:block;font-size:22px}.player-stats-v18 small{font-weight:900;color:#9fb0ce}.champion-pick-v18{margin-top:12px;background:rgba(0,0,0,.18);border-radius:14px;padding:12px}.champion-pick-v18 small{display:block;color:#9fb0ce;font-weight:900}.champion-pick-v18 b{display:flex;align-items:center;gap:8px;margin-top:5px}.next-tip-v18{display:grid;gap:9px;padding:16px;border:1px solid rgba(250,204,21,.22);background:linear-gradient(135deg,rgba(250,204,21,.12),rgba(255,255,255,.035));border-radius:20px}.next-tip-v18 small{font-weight:1000;color:#facc15}.next-tip-v18>b{font-size:18px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.next-tip-v18 em{font-style:normal;color:#c8ff23}.next-tip-v18.done{border-color:rgba(47,224,139,.25);background:rgba(47,224,139,.10)}.podium-v18{display:grid;gap:10px}.podium-card-v18{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:12px;border-radius:18px;padding:13px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08)}.podium-card-v18.place-1{background:linear-gradient(90deg,rgba(250,204,21,.24),rgba(255,255,255,.045));border-color:rgba(250,204,21,.34)}.podium-card-v18.place-2{background:linear-gradient(90deg,rgba(203,213,225,.18),rgba(255,255,255,.045))}.podium-card-v18.place-3{background:linear-gradient(90deg,rgba(180,83,9,.18),rgba(255,255,255,.045))}.medal-v18{font-size:26px}.podium-card-v18 span{color:#c8ff23;font-weight:1000}.trend-bars-v18{display:grid;gap:12px}.trend-line-v18>div{display:flex;justify-content:space-between;gap:8px}.trend-line-v18 b{display:flex;align-items:center;gap:7px}.trend-line-v18 i{display:block;height:9px;margin-top:7px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.trend-line-v18 em{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#7c3aed,#facc15)}.mini-group-v18{display:grid;gap:8px}.mini-team-v18{display:grid;grid-template-columns:24px 1fr 32px;align-items:center;gap:8px;padding:10px;border-radius:14px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07)}.mini-team-v18.qualified{background:linear-gradient(90deg,rgba(47,224,139,.12),rgba(255,255,255,.035));border-color:rgba(47,224,139,.24)}.mini-team-v18 span{color:#c8ff23;font-weight:1000}.mini-team-v18 b{display:flex;align-items:center;gap:7px}.mini-team-v18 em{text-align:right;font-style:normal;font-weight:1000}.ko-mini-v18{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:18px;border-radius:18px;background:radial-gradient(circle at 50% 30%,rgba(250,204,21,.16),rgba(255,255,255,.045));border:1px solid rgba(255,255,255,.09)}.ko-mini-v18 span,.ko-mini-v18 b{font-size:12px;font-weight:1000;text-transform:uppercase;border-radius:999px;padding:9px 10px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.11)}.ko-mini-v18 b{color:#facc15}.ko-mini-v18 i{height:2px;width:22px;background:#67e8f9;box-shadow:0 0 12px #67e8f9}.feed-block-v18{max-height:370px;overflow:auto}@media(max-width:1250px){.hero-v18{grid-template-columns:1fr}.cup-stage-v18{display:none}.dashboard-grid-v18{grid-template-columns:1fr 1fr}.metrics-v18{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.hero-v18{padding:20px;min-height:auto}.hero-title-v18 h2{font-size:36px}.hero-title-v18 img{width:90px}.dashboard-grid-v18{grid-template-columns:1fr}.metrics-v18{grid-template-columns:1fr 1fr}.team-live-v18.away{justify-content:flex-start}.player-stats-v18{grid-template-columns:1fr}}

/* ===== V19: cleaner dashboard, no cartoon look ===== */
.dashboard-v19{display:grid;gap:18px}.hero-v19{position:relative;display:grid;grid-template-columns:1.05fr 260px 1fr;gap:24px;align-items:center;min-height:330px;padding:28px;border:1px solid rgba(255,255,255,.11);border-radius:30px;overflow:hidden;background:radial-gradient(circle at 50% 60%,rgba(12,110,255,.30),transparent 32%),radial-gradient(circle at 50% 105%,rgba(34,197,94,.15),transparent 28%),linear-gradient(105deg,#070312,#0b1431 48%,#070312);box-shadow:0 28px 90px rgba(0,0,0,.36),inset 0 0 80px rgba(85,119,255,.10)}.hero-v19:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 35%,rgba(0,0,0,.35)),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 96px);pointer-events:none}.hero-main-v19,.hero-center-v19,.live-card-v19{position:relative;z-index:1}.brand-v19{display:flex;align-items:center;gap:12px;margin-bottom:18px}.brand-v19 img{width:92px;border-radius:14px;filter:drop-shadow(0 0 16px rgba(124,58,237,.45))}.brand-v19 span{font-size:12px;text-transform:uppercase;letter-spacing:.2em;color:#facc15;font-weight:1000}.hero-v19 h1{margin:0;max-width:680px;font-size:clamp(38px,4.5vw,58px);line-height:1.02;letter-spacing:-.03em;text-transform:uppercase}.hero-v19 p{margin:12px 0 0;color:#b7c4e0;font-size:16px;font-weight:800}.actions-v19{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.hero-center-v19{display:grid;place-items:center;gap:12px}.trophy-v19{width:150px;height:185px;display:grid;place-items:center;filter:drop-shadow(0 18px 55px rgba(250,204,21,.30));animation:float 5s ease-in-out infinite}.trophy-v19 svg{width:100%;height:100%}.countdown-v19{background:rgba(2,6,23,.64);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:12px 18px;text-align:center}.countdown-v19 span{display:block;color:#9fb0ce;font-size:12px;font-weight:1000;text-transform:uppercase}.countdown-v19 b{display:block;margin-top:3px;color:#c8ff23;font-size:18px}.live-card-v19{background:rgba(3,7,18,.72);border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:18px;box-shadow:0 18px 55px rgba(0,0,0,.30)}.live-card-v19 h3{margin:0 0 12px;font-size:18px}.match-v19{display:grid;grid-template-columns:1fr 96px 1fr;gap:10px;align-items:center}.team-v19{display:flex;align-items:center;gap:10px;min-height:62px;padding:12px 14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10);border-radius:16px;font-size:18px;font-weight:1000}.team-v19.away{justify-content:flex-end}.versus-v19{text-align:center}.versus-v19 b{display:block;color:#c8ff23;font-size:22px}.versus-v19 span,.versus-v19 strong{display:block;color:#cbd5e1;font-size:12px}.meta-v19{grid-column:1/-1;text-align:center;color:#95a3bc;font-size:12px;margin-top:2px}.status-row-v19{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.status-row-v19>div{padding:18px;border-radius:22px;background:linear-gradient(180deg,rgba(18,28,55,.92),rgba(7,12,25,.92));border:1px solid rgba(255,255,255,.09);min-height:84px}.status-row-v19 span{display:block;color:#93a4c2;font-size:13px;font-weight:1000}.status-row-v19 b{display:block;margin-top:7px;font-size:30px;line-height:1;color:#fff}.grid-v19{display:grid;grid-template-columns:1.1fr .88fr .95fr;gap:16px}.grid-v19>.card{min-height:175px}.profile-v19{display:grid;gap:14px}.profile-head-v19{display:flex;align-items:center;gap:14px;padding:16px;border-radius:20px;background:linear-gradient(135deg,rgba(124,58,237,.22),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.09)}.profile-head-v19>div{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-size:28px;background:rgba(255,255,255,.10)}.profile-head-v19 p{margin:0}.profile-head-v19 span{display:block;color:#9fb0ce;font-weight:1000;font-size:12px}.profile-head-v19 b{display:block;font-size:22px}.profile-data-v19{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.profile-data-v19 span{padding:12px;border-radius:15px;background:rgba(0,0,0,.20);border:1px solid rgba(255,255,255,.07)}.profile-data-v19 b{display:block;font-size:22px}.profile-data-v19 small{font-weight:900;color:#9fb0ce}.tip-progress-v19{display:grid;gap:8px}.tip-progress-v19>div{display:flex;justify-content:space-between;color:#cbd5e1;font-weight:1000}.tip-progress-v19 i{height:10px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.tip-progress-v19 em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7c3aed,#22c55e)}.next-tip-clean-v19{display:grid;gap:8px;padding:15px;border-radius:18px;background:rgba(250,204,21,.09);border:1px solid rgba(250,204,21,.20)}.next-tip-clean-v19>span{color:#facc15;font-size:12px;text-transform:uppercase;font-weight:1000}.next-tip-clean-v19 b{font-size:17px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.next-tip-clean-v19 em{font-style:normal;color:#c8ff23}.next-tip-clean-v19 small{color:#aebbd4}.next-tip-clean-v19.done{background:rgba(34,197,94,.10);border-color:rgba(34,197,94,.22)}.podium-v19{display:grid;gap:10px}.pod-v19{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.05)}.pod-v19 span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:1000;background:rgba(255,255,255,.11)}.pod-v19.p1{background:linear-gradient(90deg,rgba(250,204,21,.24),rgba(255,255,255,.04));border-color:rgba(250,204,21,.35)}.pod-v19.p2{background:linear-gradient(90deg,rgba(203,213,225,.17),rgba(255,255,255,.04))}.pod-v19.p3{background:linear-gradient(90deg,rgba(180,83,9,.18),rgba(255,255,255,.04))}.pod-v19 em{font-style:normal;color:#c8ff23;font-weight:1000}.feed-v19{max-height:375px;overflow:auto}.fav-v19{display:grid;gap:12px}.fav-v19 p{display:flex;justify-content:space-between;gap:8px;margin:0}.fav-v19 b{display:flex;align-items:center;gap:7px}.fav-v19 i{display:block;height:9px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;margin-top:7px}.fav-v19 em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7c3aed,#facc15)}.group-v19{display:grid;gap:8px}.group-v19>div{display:grid;grid-template-columns:26px 1fr 34px;align-items:center;gap:8px;padding:10px;border-radius:14px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07)}.group-v19>div.go{background:rgba(34,197,94,.10);border-color:rgba(34,197,94,.22)}.group-v19 span{color:#c8ff23;font-weight:1000}.group-v19 b{display:flex;align-items:center;gap:7px}.group-v19 em{text-align:right;font-style:normal;font-weight:1000}.ko-preview-clean-v19{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:18px;border-radius:18px;background:radial-gradient(circle at 50% 30%,rgba(250,204,21,.14),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.08)}.ko-preview-clean-v19 span,.ko-preview-clean-v19 b{font-size:12px;font-weight:1000;text-transform:uppercase;border-radius:999px;padding:9px 10px;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.11)}.ko-preview-clean-v19 b{color:#facc15}.ko-preview-clean-v19 i{height:2px;width:26px;background:#67e8f9;box-shadow:0 0 12px #67e8f9}@media(max-width:1250px){.hero-v19{grid-template-columns:1fr}.hero-center-v19{display:none}.grid-v19{grid-template-columns:1fr 1fr}.status-row-v19{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.hero-v19{padding:20px;min-height:auto}.hero-v19 h1{font-size:34px}.brand-v19 img{width:82px}.match-v19{grid-template-columns:1fr}.team-v19.away{justify-content:flex-start}.grid-v19{grid-template-columns:1fr}.status-row-v19{grid-template-columns:1fr 1fr}.profile-data-v19{grid-template-columns:1fr}}


/* ===== V20 REAL SPORT DASHBOARD ===== */
.dashboard-v20{display:grid;gap:18px}.hero-v20{position:relative;min-height:355px;display:grid;grid-template-columns:1.1fr 260px .92fr;gap:24px;align-items:center;padding:34px;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.13);background:linear-gradient(90deg,rgba(5,10,22,.96),rgba(9,18,35,.86) 48%,rgba(5,10,22,.96)),radial-gradient(circle at 54% 46%,rgba(22,163,74,.18),transparent 33%);box-shadow:0 25px 80px rgba(0,0,0,.38),inset 0 0 70px rgba(80,120,255,.08)}.hero-v20:before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(255,255,255,.08),transparent 33%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:auto,80px 80px,80px 80px;opacity:.55}.hero-v20:after{content:"";position:absolute;inset:22px 34px;border:1px solid rgba(255,255,255,.07);border-radius:22px;background:radial-gradient(ellipse at center,transparent 0 12%,rgba(255,255,255,.07) 12.2% 12.8%,transparent 13%),linear-gradient(90deg,transparent 0 49.8%,rgba(255,255,255,.08) 50%,transparent 50.2%),linear-gradient(0deg,transparent 0 49.8%,rgba(255,255,255,.045) 50%,transparent 50.2%);opacity:.6;pointer-events:none}.hero-copy-v20,.hero-cup-v20,.live-match-v20{position:relative;z-index:2}.brand-v20{display:flex;align-items:center;gap:14px;margin-bottom:18px}.brand-v20 img{width:104px;filter:drop-shadow(0 0 18px rgba(124,58,237,.55))}.brand-v20 span{color:#a855f7;text-transform:uppercase;letter-spacing:.16em;font-weight:1000;font-size:12px}.hero-v20 h1{margin:0;text-transform:uppercase;max-width:720px;font-size:clamp(42px,4.3vw,64px);line-height:.98;letter-spacing:-.04em;text-shadow:0 4px 24px rgba(0,0,0,.55)}.hero-v20 h1 strong{color:#8b5cf6}.hero-v20 p{font-size:17px;color:#c4cee5;font-weight:800;margin:18px 0 0}.hero-actions-v20{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.hero-actions-v20 .btn{min-width:145px;border-radius:12px}.hero-cup-v20{display:grid;place-items:center;align-self:stretch}.cup-real-v20{width:210px;height:285px;display:grid;place-items:center;filter:drop-shadow(0 0 44px rgba(245,158,11,.24));animation:float 6s ease-in-out infinite}.cup-real-v20 svg{width:100%;height:100%}.live-match-v20{align-self:center;background:linear-gradient(180deg,rgba(8,13,28,.92),rgba(3,7,18,.86));border:1px solid rgba(255,255,255,.13);border-radius:22px;padding:20px;box-shadow:0 18px 55px rgba(0,0,0,.34)}.live-head-v20{display:flex;align-items:center;gap:10px;margin-bottom:16px}.live-head-v20 b{font-size:20px}.live-head-v20 em{margin-left:auto;font-style:normal;font-size:11px;font-weight:1000;color:#fff;background:rgba(239,68,68,.9);padding:5px 8px;border-radius:999px}.live-dot-v20{width:9px;height:9px;border-radius:50%;background:#ef4444;box-shadow:0 0 14px #ef4444}.live-teams-v20{display:grid;grid-template-columns:1fr 58px 1fr;align-items:center;gap:12px}.live-teams-v20>div{min-height:58px;padding:12px 14px;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.09);border-radius:14px;font-size:17px;font-weight:1000}.live-teams-v20>div:last-child{justify-content:flex-end}.live-teams-v20 strong{text-align:center;color:#8b5cf6;font-size:22px}.live-meta-v20{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:18px;color:#cbd5e1;font-size:13px;font-weight:800}.live-count-v20{text-align:center;margin-top:18px;color:#a855f7;font-size:20px;font-weight:1000}.status-v20{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.stat-v20{display:flex;gap:16px;align-items:center;padding:18px 16px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:linear-gradient(180deg,rgba(17,26,48,.9),rgba(6,12,26,.92));box-shadow:0 14px 42px rgba(0,0,0,.20)}.stat-icon-v20{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(139,92,246,.55),rgba(139,92,246,.16));font-weight:1000;color:#fff;font-size:24px}.stat-v20 span{display:block;text-transform:uppercase;letter-spacing:.04em;color:#9fb0ce;font-size:12px;font-weight:1000}.stat-v20 b{display:block;margin-top:4px;font-size:32px;line-height:1}.stat-v20 small{display:block;margin-top:4px;color:#9ca9c1;font-weight:800}.content-v20{display:grid;grid-template-columns:1.05fr .8fr .9fr .9fr;gap:16px}.card-v20{padding:18px;border-radius:22px;background:linear-gradient(180deg,rgba(12,20,38,.92),rgba(6,12,26,.92));border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 48px rgba(0,0,0,.22)}.card-v20 h3{font-size:18px;text-transform:uppercase;letter-spacing:-.02em}.profile-v20{display:grid;gap:16px}.profile-main-v20{display:flex;align-items:center;gap:14px;padding:16px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}.avatar-v20,.mini-avatar-v20{border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#111827,#374151);border:1px solid rgba(255,255,255,.14)}.avatar-v20{width:64px;height:64px;font-size:30px}.profile-main-v20 span{display:block;color:#9fb0ce;font-size:12px;text-transform:uppercase;font-weight:1000}.profile-main-v20 b{font-size:22px}.profile-main-v20 small{display:block}.profile-main-v20 em{margin-left:auto;font-style:normal;background:#6d35ff;padding:9px 14px;border-radius:12px;font-weight:1000}.profile-row-v20{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.profile-row-v20 div{padding:13px;border-radius:15px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.07)}.profile-row-v20 b{display:block;font-size:22px}.profile-row-v20 span{font-size:12px;color:#9fb0ce;font-weight:900}.profile-progress-v20 p{display:flex;justify-content:space-between;margin:0 0 8px;font-weight:1000}.profile-progress-v20 i{height:11px;display:block;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.profile-progress-v20 em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7c3aed,#a855f7,#22c55e)}.podium-v20{height:245px;display:flex;align-items:end;justify-content:center;gap:18px;padding-top:14px}.podium-step-v20{width:118px;text-align:center;border-radius:18px 18px 8px 8px;padding:12px;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.1)}.podium-step-v20.p1{height:210px;background:linear-gradient(180deg,rgba(139,92,246,.45),rgba(139,92,246,.15));order:2}.podium-step-v20.p2{height:170px;order:1}.podium-step-v20.p3{height:145px;order:3}.podium-step-v20 span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#facc15;color:#1b1000;font-weight:1000;margin-top:-28px;box-shadow:0 8px 22px rgba(250,204,21,.25)}.mini-avatar-v20{width:52px;height:52px;margin:12px auto 8px}.podium-step-v20 b,.podium-step-v20 em{display:block}.podium-step-v20 em{font-style:normal;color:#c8ff23;font-weight:1000;margin-top:4px}.fav-v20-clean{gap:13px}.fav-v20-clean i{height:8px}.feed-v20{max-height:300px;overflow:auto}.wide-v20{width:100%;margin-top:14px}.feed-card-v20 .feeditem{background:rgba(255,255,255,.045);border-left-color:#a855f7}@media(max-width:1320px){.hero-v20{grid-template-columns:1fr}.hero-cup-v20{display:none}.content-v20{grid-template-columns:1fr 1fr}.status-v20{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.hero-v20{padding:22px}.hero-v20 h1{font-size:36px}.live-teams-v20{grid-template-columns:1fr}.content-v20{grid-template-columns:1fr}.status-v20{grid-template-columns:1fr}.podium-v20{height:auto;align-items:stretch;flex-direction:column}.podium-step-v20,.podium-step-v20.p1,.podium-step-v20.p2,.podium-step-v20.p3{width:100%;height:auto;order:unset}.live-meta-v20{display:grid}.brand-v20 img{width:92px}}


/* V21 real dashboard: clean sport app hero with real field texture */
.dashboard-pro{display:flex;flex-direction:column;gap:18px}
.hero-pro{position:relative;min-height:300px;border:1px solid rgba(255,255,255,.11);border-radius:28px;overflow:hidden;background:#07101b;display:grid;grid-template-columns:1.1fr 260px 430px;align-items:center;padding:34px;box-shadow:0 24px 80px rgba(0,0,0,.28)}
.hero-field{position:absolute;inset:0;background:
 linear-gradient(90deg,rgba(5,8,18,.96) 0%,rgba(5,8,18,.72) 46%,rgba(5,8,18,.88) 100%),
 url('assets/hero-field.jpg') center/cover no-repeat;opacity:.98}
.hero-field:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.055),transparent 45%,rgba(0,0,0,.25)),radial-gradient(circle at 54% 46%,rgba(116,61,255,.18),transparent 42%);box-shadow:inset 0 0 90px rgba(0,0,0,.82)}
.hero-copy,.hero-trophy-wrap,.live-pro{position:relative;z-index:1}
.hero-kicker{color:#9d6cff;letter-spacing:.14em;text-transform:uppercase;font-size:13px;font-weight:900;margin-bottom:12px}
.hero-copy h1{font-size:52px;line-height:.98;margin:0 0 16px;font-weight:950;letter-spacing:-.045em;text-shadow:0 5px 30px rgba(0,0,0,.48)}
.hero-copy h1 span{color:#8f5bff}
.hero-copy p{margin:0 0 24px;color:#c8d0df;font-size:16px;font-weight:700}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-actions .btn{height:44px;padding:0 22px;border-radius:11px;font-weight:900}
.hero-actions .ghost{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);color:#fff}
.hero-trophy-wrap{height:255px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 26px 28px rgba(0,0,0,.6))}
.real-trophy{height:250px;max-width:190px;animation:trophyFloat 6s ease-in-out infinite}
@keyframes trophyFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.live-pro{background:rgba(6,10,20,.76);border:1px solid rgba(255,255,255,.13);border-radius:21px;padding:22px;backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 22px 60px rgba(0,0,0,.3)}
.live-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.live-head b{font-size:18px}.live-head b:first-letter{color:#ff4e5d}.live-head span{font-size:11px;background:#b72735;color:white;border-radius:999px;padding:6px 10px;font-weight:900}
.live-teams{display:grid;grid-template-columns:1fr 54px 1fr;gap:12px;align-items:center}.live-teams>div{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);border-radius:13px;padding:14px 16px;font-weight:900}.live-teams>div:last-child{justify-content:flex-end}.live-teams strong{text-align:center;color:#9d67ff;font-size:18px}
.live-meta{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:10px;color:#c7d0df;font-size:13px;margin:18px 0 0;border-top:1px solid rgba(255,255,255,.09);padding-top:16px}
.live-countdown{text-align:center;font-size:20px;font-weight:950;color:#9c5cff;margin-top:14px}
.dash-stats-pro{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.stat-pro{min-height:112px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:linear-gradient(180deg,rgba(17,25,45,.92),rgba(8,13,25,.92));display:flex;align-items:center;gap:18px;padding:20px;box-shadow:0 16px 35px rgba(0,0,0,.22)}.stat-pro>span{width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 30% 25%,rgba(142,94,255,.72),rgba(71,45,146,.45));font-size:24px}.stat-pro b{display:block;font-size:32px;line-height:1;font-weight:950}.stat-pro small{display:block;color:#a9b4c8;font-weight:800;margin-top:6px;line-height:1.35}
.dashboard-lower-pro{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;gap:14px}.panel-pro{border:1px solid rgba(255,255,255,.1);border-radius:18px;background:linear-gradient(180deg,rgba(14,23,40,.94),rgba(6,12,23,.96));padding:18px;min-height:320px;box-shadow:0 18px 45px rgba(0,0,0,.22)}.panel-pro h3{text-transform:uppercase;letter-spacing:-.02em;margin:0 0 16px;font-size:17px}
.profile-head{display:grid;grid-template-columns:64px 1fr auto;gap:14px;align-items:center;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px}.profile-avatar{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-size:28px;background:#121b2d}.profile-head b{font-size:20px}.profile-head small{display:block;color:#aeb8ca}.profile-head span{background:#703cff;border-radius:10px;padding:9px 12px;font-weight:900}
.champ-pick{border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.18);border-radius:14px;padding:14px;margin:14px 0}.champ-pick small{display:block;color:#9ea9bd;text-transform:uppercase;font-weight:900;margin-bottom:8px}.champ-pick b{display:flex;align-items:center;gap:8px;font-size:19px}.progress-label{display:flex;justify-content:space-between;margin:12px 0 8px;color:#cbd4e2;font-weight:900}.progress{height:8px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,#753dff,#b573ff)}
.podium-pro{height:210px;display:grid;grid-template-columns:1fr 1.25fr 1fr;align-items:end;gap:12px}.podium-card{border:1px solid rgba(255,255,255,.1);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px;position:relative;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025))}.podium-card.p1{height:190px;background:linear-gradient(180deg,rgba(116,61,255,.5),rgba(50,30,110,.45))}.podium-card.p2{height:145px}.podium-card.p3{height:128px}.podium-medal{position:absolute;top:-13px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#f7c948;color:#151515;font-weight:950}.podium-avatar{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#111b2d;font-size:25px}.podium-card b{font-size:16px}.podium-card small{color:#d2d9e7;font-weight:900}
.trendline{display:grid;grid-template-columns:135px 1fr 42px;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}.trendline .flag-img{width:28px}.trendline>span,.trendline>span span{font-weight:900}.trendbar{height:7px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.trendbar i{display:block;height:100%;background:linear-gradient(90deg,#7340ff,#a968ff);border-radius:inherit}.trendline b{text-align:right}.feed-pro .feeditem{background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.07);border-radius:0;padding:13px 0}.wide-link{width:100%;height:44px;border-radius:11px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#fff;font-weight:900;margin-top:16px;cursor:pointer}
@media(max-width:1250px){.hero-pro{grid-template-columns:1fr;gap:20px}.hero-trophy-wrap{position:absolute;right:30px;top:44px;opacity:.55}.live-pro{max-width:none}.dash-stats-pro{grid-template-columns:repeat(2,1fr)}.dashboard-lower-pro{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.hero-pro{padding:22px}.hero-copy h1{font-size:36px}.hero-trophy-wrap{display:none}.live-teams{grid-template-columns:1fr}.live-meta{grid-template-columns:1fr}.dash-stats-pro,.dashboard-lower-pro{grid-template-columns:1fr}}


/* V22 DASHBOARD FINAL: sichtbares Spielfeld + realistischerer Hero */
.hero-pro{
  min-height: 335px !important;
  grid-template-columns: minmax(470px, 1fr) 260px minmax(360px, 460px) !important;
  padding: 34px 30px !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  background: #06100d !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.07) !important;
}
.hero-field{
  opacity: 1 !important;
  background:
    linear-gradient(90deg,
      rgba(2,5,10,.58) 0%,
      rgba(2,5,10,.28) 42%,
      rgba(2,5,10,.48) 67%,
      rgba(2,5,10,.76) 100%
    ),
    linear-gradient(180deg,
      rgba(2,5,10,.28) 0%,
      rgba(2,5,10,.10) 42%,
      rgba(2,5,10,.48) 100%
    ),
    url("assets/hero-field.jpg") center center / cover no-repeat !important;
}
.hero-field:after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    radial-gradient(circle at 47% 50%, rgba(255,255,255,.16), transparent 19%),
    radial-gradient(circle at 53% 54%, rgba(36,224,139,.18), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.04), transparent 42%, rgba(0,0,0,.25)) !important;
  box-shadow: inset 0 0 55px rgba(0,0,0,.55) !important;
  pointer-events:none !important;
}
.hero-field:before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(90deg, transparent 0 49.65%, rgba(255,255,255,.55) 49.85% 50.15%, transparent 50.35%),
    radial-gradient(ellipse at 50% 50%, transparent 0 13%, rgba(255,255,255,.32) 13.25% 13.75%, transparent 14%) !important;
  opacity:.62 !important;
  mix-blend-mode:screen !important;
  pointer-events:none !important;
}
.hero-copy h1{
  font-size: 50px !important;
  line-height: .99 !important;
  letter-spacing: -.055em !important;
  text-shadow: 0 8px 26px rgba(0,0,0,.66) !important;
}
.hero-copy p{
  color: rgba(255,255,255,.83) !important;
  text-shadow: 0 3px 16px rgba(0,0,0,.55) !important;
}
.hero-kicker{
  color:#a46dff !important;
  text-shadow: 0 3px 14px rgba(0,0,0,.65) !important;
}
.hero-trophy-wrap{
  align-self: center !important;
  justify-self: center !important;
  height: 282px !important;
  filter: drop-shadow(0 30px 25px rgba(0,0,0,.72)) drop-shadow(0 0 32px rgba(255,203,77,.28)) !important;
}
.real-trophy{
  height: 280px !important;
  max-width: 210px !important;
}
.live-pro{
  background: rgba(5,10,20,.78) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 25px 65px rgba(0,0,0,.38) !important;
}
.live-teams>div{
  background: rgba(255,255,255,.07) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
}
.dash-stats-pro{
  margin-top: 2px !important;
}
@media(max-width:1250px){
  .hero-pro{grid-template-columns:1fr !important}
  .hero-trophy-wrap{position:absolute !important; right:34px !important; top:54px !important; opacity:.78 !important}
}
@media(max-width:760px){
  .hero-trophy-wrap{display:none !important}
  .hero-copy h1{font-size:35px !important}
  .hero-pro{padding:22px !important}
}


/* =========================
   V24 HARD FIX: STADIUM HERO
   überschreibt alle alten Dashboard-Hintergründe
   ========================= */

.hero,
.hero-pro,
section.hero,
section.hero-pro {
  position: relative !important;
  overflow: hidden !important;
  background-image:
    linear-gradient(90deg,
      rgba(4, 7, 14, .52) 0%,
      rgba(4, 7, 14, .20) 42%,
      rgba(4, 7, 14, .46) 68%,
      rgba(4, 7, 14, .72) 100%
    ),
    url("assets/hero-stadium.png") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.hero::before,
.hero::after,
.hero-pro::before,
.hero-pro::after {
  background: none !important;
  opacity: 0 !important;
  display: none !important;
}

.hero-field {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  opacity: 1 !important;
  background-image:
    linear-gradient(90deg,
      rgba(4, 7, 14, .50) 0%,
      rgba(4, 7, 14, .18) 42%,
      rgba(4, 7, 14, .45) 68%,
      rgba(4, 7, 14, .72) 100%
    ),
    url("assets/hero-stadium.png") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.hero-field::before,
.hero-field::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  background: none !important;
}

.hero-content,
.hero-copy,
.hero-trophy-wrap,
.live-pro,
.live-center,
.hero .match-card,
.hero > *,
.hero-pro > * {
  position: relative !important;
  z-index: 2 !important;
}

/* altes Grid/Graustufen-Muster komplett entfernen */
.logo-title,
.hero-content {
  background: transparent !important;
}

/* V24 Marker */
.hero-pro:after,
.hero:after {
  content: "V24 STADIUM HERO AKTIV" !important;
  display: block !important;
  position: absolute !important;
  right: 18px !important;
  bottom: 10px !important;
  z-index: 5 !important;
  color: rgba(255,255,255,.35) !important;
  font-size: 10px !important;
  letter-spacing: .12em !important;
  background: transparent !important;
  opacity: 1 !important;
}


/* =========================
   V25: echtes IMG im Hero, nicht nur CSS background
   ========================= */
.stadium-visible{
  position: relative !important;
  overflow: hidden !important;
  background: #07100d !important;
  isolation: isolate !important;
}
.stadium-visible .hero-bg-img{
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  z-index:0 !important;
  opacity:1 !important;
  filter:saturate(1.12) contrast(1.08) brightness(.82) !important;
}
.stadium-visible::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  background:
    linear-gradient(90deg, rgba(4,7,14,.58) 0%, rgba(4,7,14,.22) 42%, rgba(4,7,14,.48) 68%, rgba(4,7,14,.75) 100%),
    linear-gradient(180deg, rgba(4,7,14,.12) 0%, rgba(4,7,14,.05) 52%, rgba(4,7,14,.45) 100%) !important;
  opacity:1 !important;
}
.stadium-visible::after{
  content:"V25 STADION-BILD AKTIV" !important;
  display:block !important;
  position:absolute !important;
  right:18px !important;
  bottom:10px !important;
  z-index:10 !important;
  color:rgba(255,255,255,.45) !important;
  font-size:10px !important;
  letter-spacing:.12em !important;
  background:rgba(0,0,0,.25) !important;
  padding:4px 7px !important;
  border-radius:999px !important;
  opacity:1 !important;
}
.stadium-visible > *:not(.hero-bg-img){
  position:relative !important;
  z-index:2 !important;
}
.stadium-visible .hero-field{
  display:none !important;
}


/* V26 STADIUM FORCE FIX */
.hero-bg-img{
 position:absolute !important;
 inset:0 !important;
 width:100% !important;
 height:100% !important;
 object-fit:cover !important;
 object-position:center center !important;
 z-index:0 !important;
 opacity:.42 !important;
 display:block !important;
}

.hero-field{
 background:none !important;
 opacity:0 !important;
}

.hero-copy,
.hero-trophy-wrap,
.live-pro{
 position:relative !important;
 z-index:5 !important;
}


/* V28 Rangliste clean: keine Info-Box oben, nur Podium + Tabelle */
.rank-clean-page{display:flex;flex-direction:column;gap:18px}
.rank-podium-wrap{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:16px;align-items:end}
.rank-podium-card{position:relative;overflow:hidden;min-height:245px;border-radius:24px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025));padding:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 18px 60px rgba(0,0,0,.25)}
.rank-podium-card:before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 36%);transform:rotate(18deg)}
.rank-podium-1{min-height:310px;border-color:rgba(247,201,72,.42);background:radial-gradient(circle at 50% 0,rgba(247,201,72,.32),transparent 35%),linear-gradient(180deg,rgba(109,53,255,.35),rgba(8,13,25,.96))}
.rank-podium-2{min-height:265px}.rank-podium-3{min-height:245px}
.rank-medal{position:absolute;top:16px;left:16px;font-size:32px;z-index:2}.rank-avatar{position:relative;z-index:2;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font-size:38px;margin-bottom:12px}
.rank-podium-card h2{position:relative;z-index:2;margin:0;font-size:28px}.rank-podium-card p{position:relative;z-index:2;margin:5px 0 12px;color:#aeb8ce;font-weight:800}.rank-podium-card strong{position:relative;z-index:2;font-size:34px;color:#f7c948}
.rank-mini-stats{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;margin-top:18px}.rank-mini-stats span{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:10px}.rank-mini-stats b{display:block;font-size:19px}.rank-mini-stats small{font-size:11px;color:#aab4ca;font-weight:900}
.rank-pro-grid{display:grid;grid-template-columns:minmax(0,1.5fr) 360px;gap:16px}.rank-table-card{overflow:auto}.rank-pro-head,.rank-pro-row{display:grid;grid-template-columns:minmax(210px,1.5fr) repeat(7,minmax(72px,.55fr));gap:10px;align-items:center;min-width:900px}
.rank-pro-head{color:#8f9bb2;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:1000;padding:0 10px 10px;border-bottom:1px solid rgba(255,255,255,.08)}
.rank-pro-row{padding:12px 10px;border-bottom:1px solid rgba(255,255,255,.07);border-radius:14px}.rank-pro-row:hover{background:rgba(255,255,255,.04)}
.rank-player{display:flex;align-items:center;gap:12px}.rank-number{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);font-weight:1000}.rank-player-avatar{font-size:24px}.rank-player small{display:block;margin-top:2px}
.rank-pro-row>span,.rank-pro-row>b{text-align:center;font-weight:900}.rank-pro-row>b{font-size:20px;color:#f7c948}
.rank-side{display:grid;gap:16px;align-content:start}.leader-big{display:flex;align-items:center;gap:12px;font-size:30px;margin:10px 0}.leader-big b{font-size:24px}.hall-card{border:1px solid rgba(247,201,72,.22);border-radius:22px;padding:18px;background:linear-gradient(135deg,rgba(247,201,72,.13),rgba(255,255,255,.04));box-shadow:0 18px 50px rgba(0,0,0,.2)}.hall-card h3{margin:3px 0 12px;font-size:26px}.hall-card strong{display:block;font-size:24px;color:#f7c948;margin-bottom:10px}.hall-card p{color:#b8c2d8;margin:0}
.rank-hero-card{display:none!important}
@media(max-width:1050px){.rank-podium-wrap{grid-template-columns:1fr}.rank-podium-card,.rank-podium-1,.rank-podium-2,.rank-podium-3{min-height:220px}.rank-pro-grid{grid-template-columns:1fr}}
 
.tips-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}
.tips-stats .stat{text-align:center}
.tips-stats h2{font-size:36px;margin:0;color:#f7c948}
.tips-filter{margin:12px 0 18px;font-weight:900;font-size:22px}
.games-grid.pro{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.match-pro{min-height:130px}
.tip-status{margin-top:12px;font-weight:800}
.tip-points{margin-top:10px;color:#f7c948;font-weight:900}
.match-pro.offen{border:1px solid rgba(247,201,72,.3)}
.match-pro.getippt{border:1px solid rgba(0,255,120,.25)}

.tips-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:16px 0;padding:12px}
.tips-toolbar button{background:#1c2340;border:0;padding:10px 14px;border-radius:12px;color:#fff}
.tips-toolbar .active{background:#6d35ff}
.sort{margin-left:auto}
.next-games-row{display:flex;gap:14px;overflow:auto}
.next-card{min-width:260px;background:#10182d;padding:16px;border-radius:16px;border:1px solid rgba(255,255,255,.08)}
.tips-table{width:100%;border-collapse:collapse}
.tips-table th,.tips-table td{padding:12px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}
.open{color:#f7c948}.ok{color:#3ddc84}

/* V33 polish */
.filter-active{background:#6d35ff!important}
.search-box{width:100%;padding:12px 14px;border-radius:12px;background:#10182d;color:#fff;border:1px solid rgba(255,255,255,.1);margin-bottom:12px}
.modal-tip{position:fixed;inset:0;background:rgba(0,0,0,.6)}


/* V34 Premium Tabs */
.tips-toolbar{
 display:flex;
 gap:14px;
 flex-wrap:wrap;
 background:transparent!important;
 padding:0!important;
}
.tips-toolbar button{
 border:none;
 border-radius:18px;
 padding:14px 18px;
 font-weight:900;
 color:#fff;
 transition:.25s;
 box-shadow:0 8px 25px rgba(0,0,0,.25);
}
.tips-toolbar button:nth-child(1){
 background:linear-gradient(135deg,#7c4dff,#5b2cff);
}
.tips-toolbar button:nth-child(2){
 background:linear-gradient(135deg,#f7c948,#d69e2e);
 color:#111;
}
.tips-toolbar button:nth-child(3){
 background:linear-gradient(135deg,#22c55e,#16a34a);
}
.tips-toolbar button:nth-child(4){
 background:linear-gradient(135deg,#38bdf8,#2563eb);
}
.tips-toolbar button:hover{
 transform:translateY(-2px) scale(1.03);
}
.tips-toolbar button.active{
 outline:3px solid rgba(255,255,255,.4);
 box-shadow:0 0 25px rgba(255,255,255,.25);
}

.premium-banner{background:linear-gradient(135deg,#2a0d4f,#12082c)}
.bonus3{display:grid;grid-template-columns:repeat(3,1fr);text-align:center}
.bonus3 div{padding:20px}
.premium-prognose h2{color:#ffd54a}
.final-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.champ-card{background:linear-gradient(135deg,#4b2b08,#2d0f3d);padding:30px;border-radius:18px;text-align:center}
.champ-card h1{color:#fff000}
.finalists{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.finalists div,.gcard{background:#151c35;padding:18px;border-radius:16px}
.group-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}


/* V36 Prognosen sauber neu aufgebaut */
.prognose-page-v36{display:flex;flex-direction:column;gap:18px}
.pro-v36-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;border:1px solid rgba(255,255,255,.12);border-radius:26px;padding:24px;background:radial-gradient(circle at 85% 15%,rgba(247,201,72,.16),transparent 28%),linear-gradient(135deg,rgba(109,53,255,.30),rgba(10,14,28,.94));box-shadow:0 22px 70px rgba(0,0,0,.28)}
.pro-v36-kicker{text-transform:uppercase;letter-spacing:.16em;color:#f7c948;font-size:12px;font-weight:1000}
.pro-v36-hero h2{font-size:44px;margin:6px 0 6px;letter-spacing:-.05em}
.pro-v36-hero p{margin:0;color:#c2ccde;font-weight:700;max-width:760px}
.pro-v36-lock{padding:11px 15px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);font-weight:1000;white-space:nowrap}
.bonus-banner-v36{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.bonus-banner-v36>div{display:flex;align-items:center;gap:14px;border-radius:20px;padding:18px;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.11);box-shadow:0 16px 45px rgba(0,0,0,.22)}
.bonus-banner-v36 span{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;font-size:25px;background:radial-gradient(circle at 35% 25%,rgba(247,201,72,.48),rgba(109,53,255,.35))}
.bonus-banner-v36 b{font-size:35px;color:#f7c948}.bonus-banner-v36 small{font-weight:900;color:#c5cee0}
.pro-v36-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px}.pro-v36-main{display:flex;flex-direction:column;gap:16px}.pro-v36-side{display:flex;flex-direction:column;gap:16px}
.pro-card-v36{border:1px solid rgba(255,255,255,.11);border-radius:24px;padding:20px;background:linear-gradient(180deg,rgba(18,26,49,.92),rgba(8,12,24,.96));box-shadow:0 18px 55px rgba(0,0,0,.24)}
.panel-title{display:flex;align-items:center;gap:13px;margin-bottom:18px}.panel-title>span{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,rgba(247,201,72,.28),rgba(109,53,255,.25));font-size:25px}.panel-title h3{margin:0;font-size:21px}.panel-title small{color:#aeb8cc;font-weight:800}
.saved-final-v36{display:grid;grid-template-columns:.95fr 1.05fr;gap:14px;margin-bottom:18px}.champion-display-v36{min-height:170px;border-radius:22px;border:1px solid rgba(247,201,72,.22);background:radial-gradient(circle at 50% 0,rgba(247,201,72,.30),transparent 40%),linear-gradient(180deg,rgba(109,53,255,.22),rgba(7,12,25,.95));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px}.champion-display-v36 small,.finalists-display-v36 small{text-transform:uppercase;letter-spacing:.11em;color:#aeb8cc;font-size:11px;font-weight:1000}.champion-display-v36 strong{font-size:30px;color:#f7c948;margin-top:10px;display:flex;gap:10px;align-items:center}.champion-display-v36 .flag-img{width:40px;height:40px;min-width:40px}
.finalists-display-v36{display:grid;gap:12px}.finalists-display-v36>div{border-radius:18px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.045);padding:18px}.finalists-display-v36 b{display:flex;align-items:center;gap:10px;font-size:18px;margin-top:8px}
.empty-pick{color:#7f8aa3;font-style:italic}.two-selects{display:grid;grid-template-columns:1fr 1fr;gap:12px}.final-form-v36 select{min-height:46px}
.qualifier-progress-v36{display:flex;align-items:baseline;gap:10px;margin:-4px 0 16px}.qualifier-progress-v36 b{font-size:28px;color:#f7c948}.qualifier-progress-v36 span{color:#aeb8cc;font-weight:900}
.group-pick-grid-v36{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:12px}.group-pick-card-v36{border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(255,255,255,.035);padding:14px}.group-pick-card-v36 h4{margin:0 0 12px;color:#f7c948;letter-spacing:.08em;text-transform:uppercase}
.team-pick-v36{display:grid;grid-template-columns:auto 28px 1fr 24px;align-items:center;gap:8px;margin:7px 0;padding:10px;border-radius:13px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);cursor:pointer;font-weight:850}.team-pick-v36:hover{background:rgba(255,255,255,.075)}.team-pick-v36.selected{border-color:rgba(47,224,139,.42);background:rgba(47,224,139,.10)}.team-pick-v36 input{accent-color:#2fe08b}.team-pick-v36 .flag-img{width:28px;height:28px;min-width:28px;margin:0}.team-pick-v36 b{color:#2fe08b}
.pro-actions-v36{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.pro-actions-v36 .btn{min-height:46px}
.bonus-potential-v36{text-align:center;background:radial-gradient(circle at 50% 0,rgba(247,201,72,.22),transparent 42%),linear-gradient(180deg,rgba(109,53,255,.20),rgba(8,12,24,.96))}.bonus-potential-v36 small{text-transform:uppercase;letter-spacing:.12em;font-weight:1000}.bonus-potential-v36 strong{display:block;font-size:48px;color:#f7c948;margin:10px 0}.bonus-potential-v36 p{color:#b9c3d8;margin:0;line-height:1.45}
.status-list-v36{display:grid;gap:10px}.status-list-v36 span{padding:11px;border-radius:13px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);font-weight:900}
.pro-v36-side .barrow{grid-template-columns:1fr auto}.pro-v36-side h4{margin:18px 0 8px;color:#dfe6f5}
@media(max-width:1100px){.pro-v36-grid{grid-template-columns:1fr}.saved-final-v36{grid-template-columns:1fr}.bonus-banner-v36{grid-template-columns:1fr}.two-selects{grid-template-columns:1fr}.pro-v36-hero{align-items:flex-start;flex-direction:column}}


/* V37 Demo-Cleanup */
.pro-v36-hero h2{margin-bottom:0!important}
.auth-hero small,.auth-card small:empty{display:none!important}
.pro-v36-kicker{color:#c9a8ff!important}
.side-card small{opacity:.82}
.hall-card small{text-transform:uppercase;letter-spacing:.12em;font-weight:900}


/* V38 KO-Tipps */
.ko-tip-panel{margin-top:16px}
.ko-tip-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px}
.ko-tip-head h3{margin:0 0 6px;font-size:20px}.ko-tip-head p{margin:0;color:#aeb8cc;font-weight:700;max-width:780px}
.ko-tip-stats{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.ko-tip-stats span{padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);font-weight:900;font-size:12px}
.ko-tip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}
.ko-tip-card{border:1px solid rgba(255,255,255,.11);border-radius:18px;padding:14px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));box-shadow:0 14px 36px rgba(0,0,0,.18)}
.ko-tip-card.locked{opacity:.68;background:rgba(255,255,255,.035)}.ko-tip-card.saved{border-color:rgba(47,224,139,.34);background:linear-gradient(180deg,rgba(47,224,139,.10),rgba(255,255,255,.025))}
.ko-tip-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.ko-tip-top b{color:#f7c948}.ko-tip-top span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#aeb8cc;font-weight:1000}
.ko-tip-card p{margin:8px 0 12px;font-weight:900}.ko-choice-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ko-choice-row .btn{min-height:42px}
.ko-winner{margin:10px 0;padding:10px;border-radius:12px;background:rgba(47,224,139,.10);border:1px solid rgba(47,224,139,.22);font-weight:900}
@media(max-width:850px){.ko-tip-head{flex-direction:column}.ko-choice-row{grid-template-columns:1fr}}


/* V39 KO-Sieger-Tipps unten im KO-Baum */
.ko-winner-tip{margin-top:12px;padding:12px;border-radius:14px;background:rgba(255,255,255,.055);border:1px solid rgba(247,201,72,.20)}
.ko-winner-tip b{display:block;color:#f7c948;margin-bottom:8px}
.ko-winner-tip small{display:block;color:#aeb8cc;margin-top:8px;font-weight:800;line-height:1.35}
.ko-winner-tip.saved{border-color:rgba(47,224,139,.35);background:rgba(47,224,139,.10)}
.ko-winner-tip.saved b{color:#2fe08b}.ko-winner-tip.saved span{font-weight:1000}
.ko-winner-tip.locked{opacity:.76;border-color:rgba(255,255,255,.10)}
.ko-winner-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ko-winner-buttons .btn{min-height:42px;white-space:normal;line-height:1.25}
@media(max-width:850px){.ko-winner-buttons{grid-template-columns:1fr}}


/* V40 Dashboard Live Edition */
.content-v40{display:grid;grid-template-columns:minmax(0,1.35fr) 430px;gap:16px;margin-top:16px}
.left-v40,.right-v40{display:flex;flex-direction:column;gap:16px}
.feed-card-v40{min-height:430px}
.feed-card-v40 .feeditem,.feed-card-v40 .feed-item{padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);margin-bottom:10px}
.feed-list-v40{max-height:560px;overflow:auto;padding-right:6px}
.panel-head-v40{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.panel-head-v40 h3{margin:0}.panel-head-v40 small{color:#9fabca;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:10px}
.live-chat-card-v40{min-height:360px;display:flex;flex-direction:column}
.chat-list-v40{display:flex;flex-direction:column;gap:10px;min-height:220px;max-height:330px;overflow:auto;padding-right:4px;margin-bottom:12px}
.chat-empty-v40{color:#9fabca;background:rgba(255,255,255,.04);border:1px dashed rgba(255,255,255,.12);border-radius:16px;padding:18px;text-align:center;font-weight:800}
.chat-msg-v40{display:flex;gap:10px;align-items:flex-start}
.chat-avatar-v40{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,rgba(109,53,255,.38),rgba(247,201,72,.18));border:1px solid rgba(255,255,255,.12);flex:0 0 34px}
.chat-bubble-v40{flex:1;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:10px 12px}
.chat-bubble-v40>div{display:flex;justify-content:space-between;gap:8px;align-items:center}
.chat-bubble-v40 small{color:#8996b3;font-size:11px;font-weight:900}.chat-bubble-v40 p{margin:5px 0 0;color:#eef3ff;line-height:1.35}
.chat-input-v40{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:auto}
.chat-input-v40 input{background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.12);color:#fff;border-radius:14px;padding:12px 13px;font-weight:800;outline:none}
.chat-input-v40 input:focus{border-color:rgba(109,53,255,.7);box-shadow:0 0 0 3px rgba(109,53,255,.18)}
.dashboard-live-v40 .trends-card-v20{display:none!important}
@media(max-width:1150px){.content-v40{grid-template-columns:1fr}.right-v40{grid-template-columns:1fr}.feed-card-v40{min-height:auto}}


/* V41 Mobile first: KBO-Karte kleiner, Chat & Feed gleich groß */
.dashboard-live-v41 .profile-strip-v41{margin-top:14px}
.profile-mini-v41{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.03));padding:12px 14px;box-shadow:0 12px 30px rgba(0,0,0,.18)}
.profile-mini-avatar-v41{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,rgba(109,53,255,.38),rgba(247,201,72,.16));border:1px solid rgba(255,255,255,.14);font-size:24px}
.profile-mini-main-v41{min-width:0}.profile-mini-main-v41 b{display:block;font-size:17px}.profile-mini-main-v41 span,.profile-mini-main-v41 small{display:block;color:#aeb8cc;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-mini-v41 .btn{padding:9px 12px;border-radius:12px}
.live-grid-v41{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.live-panel-v41{height:520px;display:flex;flex-direction:column;min-height:0}
.feed-list-v41,.chat-list-v41{flex:1;overflow:auto;min-height:0;padding-right:4px}
.feed-list-v41 .feeditem,.feed-list-v41 .feed-item{padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);margin-bottom:10px}
.chat-list-v41{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}
.bottom-grid-v41{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}

/* Handy optimiert */
@media(max-width:900px){
  main{padding:12px 12px 86px!important}
  .topbar{margin-bottom:12px}
  .hero-v20{min-height:auto!important;padding:18px!important;border-radius:20px!important;grid-template-columns:1fr!important}
  .hero-copy-v20 h1{font-size:31px!important;line-height:1.02!important}
  .hero-copy-v20 p{font-size:14px!important}
  .hero-cup-v20{display:none!important}
  .hero-actions-v20{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:8px!important}
  .hero-actions-v20 .btn{padding:10px 8px!important;font-size:12px!important}
  .status-v20{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;margin-top:12px!important}
  .status-v20 .stat,.status-v20 .metric-v16,.status-v20 .stat-card-v20{min-height:86px!important;padding:12px!important}
  .profile-mini-v41{grid-template-columns:42px 1fr!important;padding:12px!important}
  .profile-mini-v41 .btn{grid-column:1/-1;width:100%;margin-top:4px}
  .profile-mini-avatar-v41{width:42px;height:42px;font-size:22px}
  .live-grid-v41{grid-template-columns:1fr!important;gap:12px!important;margin-top:12px!important}
  .live-panel-v41{height:420px!important;border-radius:18px!important}
  .bottom-grid-v41{grid-template-columns:1fr!important;gap:12px!important;margin-top:12px!important}
  .panel-head-v40{align-items:flex-start!important}
  .chat-input-v40{grid-template-columns:1fr!important}
  .chat-input-v40 .btn{width:100%}
}
@media(max-width:430px){
  .status-v20{grid-template-columns:1fr 1fr!important}
  .status-v20 b{font-size:22px!important}
  .live-panel-v41{height:390px!important}
  .brand-v20 span{font-size:11px!important}
  .hero-copy-v20 h1{font-size:27px!important}
}


/* V42: kompakter Dashboard-Header, mobile first */
.dashboard-v42{display:flex;flex-direction:column;gap:12px}
.hero-compact-v42{display:grid;grid-template-columns:1fr 1.05fr;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:14px;background:linear-gradient(135deg,rgba(109,53,255,.26),rgba(8,12,24,.96));box-shadow:0 18px 55px rgba(0,0,0,.23)}
.hero-title-v42{display:flex;gap:10px;align-items:center}.hero-title-v42>span{width:44px;height:44px;display:grid;place-items:center;border-radius:15px;background:rgba(247,201,72,.12);border:1px solid rgba(247,201,72,.22);font-size:22px}.hero-title-v42 b{display:block;font-size:18px;line-height:1.1}.hero-title-v42 small{color:#aeb8cc;font-weight:900}
.hero-mini-stats-v42{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.hero-mini-stats-v42 span{font-size:12px;font-weight:900;color:#dfe6f5;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.09);border-radius:999px;padding:6px 9px}
.next-match-v42{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:12px}.next-match-v42 small{display:block;text-transform:uppercase;letter-spacing:.12em;color:#f7c948;font-weight:1000;font-size:10px;margin-bottom:6px}.next-match-v42 b{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:15px}.next-match-v42 em{color:#f7c948;font-style:normal;font-size:12px}.next-match-v42 span{display:block;color:#aeb8cc;font-weight:900;margin-top:6px}
.status-v42{margin-top:0!important}
.status-v42{grid-template-columns:repeat(4,1fr)!important}
.dashboard-v42 .hero-v20,.dashboard-v42 .hero-cup-v20{display:none!important}
.dashboard-v42 .profile-strip-v41{margin-top:0}
.dashboard-v42 .live-grid-v42{margin-top:0}
.dashboard-v42 .live-panel-v41{height:560px}
.dashboard-v42 .bottom-grid-v42{margin-top:0}
@media(max-width:900px){
  .hero-compact-v42{grid-template-columns:1fr!important;padding:12px!important;border-radius:18px}
  .hero-title-v42 b{font-size:16px}
  .hero-title-v42>span{width:40px;height:40px}
  .next-match-v42{padding:11px}
  .status-v42{grid-template-columns:repeat(2,1fr)!important}
  .dashboard-v42 .live-panel-v41{height:440px!important}
}
@media(max-width:430px){
  .hero-mini-stats-v42 span{font-size:11px;padding:5px 7px}
  .next-match-v42 b{font-size:14px}
  .dashboard-v42 .live-panel-v41{height:410px!important}
}


/* V43 Dashboard Clean/Premium */
.dashboard-v43{display:flex;flex-direction:column;gap:12px}
.hero-premium-v43{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.95fr) auto;gap:14px;align-items:center;border:1px solid rgba(255,255,255,.13);border-radius:22px;padding:16px;background:
 radial-gradient(circle at 12% 20%,rgba(247,201,72,.18),transparent 28%),
 radial-gradient(circle at 80% 12%,rgba(109,53,255,.35),transparent 34%),
 linear-gradient(135deg,rgba(8,12,24,.98),rgba(19,18,48,.96));box-shadow:0 20px 70px rgba(0,0,0,.28)}
.hero-premium-v43:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.055),transparent 40%,rgba(255,255,255,.035));pointer-events:none}
.hero-brand-v43,.hero-next-v43,.hero-actions-mini-v43{position:relative;z-index:1}
.hero-brand-v43{display:flex;align-items:center;gap:13px;min-width:0}.hero-brand-v43 img{width:58px;height:58px;object-fit:contain;border-radius:14px;box-shadow:0 10px 28px rgba(0,0,0,.35)}.hero-brand-v43 span{display:block;color:#f7c948;font-size:11px;font-weight:1000;letter-spacing:.12em;text-transform:uppercase}.hero-brand-v43 h1{margin:4px 0 0;font-size:24px;line-height:1.05;letter-spacing:-.035em}
.hero-next-v43{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.055);border-radius:17px;padding:12px}.hero-next-v43 small{display:block;color:#f7c948;text-transform:uppercase;letter-spacing:.10em;font-size:10px;font-weight:1000;margin-bottom:6px}.hero-next-v43 b{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:14px}.hero-next-v43 em{font-style:normal;color:#f7c948;font-size:12px}.hero-next-v43 span{display:block;color:#aeb8cc;margin-top:5px;font-weight:900}
.hero-actions-mini-v43{display:flex;gap:8px}.hero-actions-mini-v43 .btn{padding:10px 13px;border-radius:13px}
.status-v43{grid-template-columns:repeat(4,1fr)!important;margin-top:0!important}
.live-grid-v43{display:grid;grid-template-columns:1fr 1fr;gap:14px}.live-panel-v43{height:500px;display:flex;flex-direction:column;min-height:0}.feed-list-v43,.chat-list-v41{flex:1;overflow:auto;min-height:0}.feed-list-v43 .feeditem{padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);margin-bottom:10px}.feed-list-v43 .feeditem span{line-height:1.35}
.top-only-v43{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.dashboard-v43 .hall-card,.dashboard-v43 [class*="hall"]{display:none!important}
.dashboard-v43 .profile-strip-v41{margin-top:0}
.dashboard-v43 .profile-mini-v41{box-shadow:none}
@media(max-width:900px){
  .hero-premium-v43{grid-template-columns:1fr!important;padding:13px!important;border-radius:19px}
  .hero-brand-v43 img{width:48px;height:48px}
  .hero-brand-v43 h1{font-size:20px}
  .hero-actions-mini-v43{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .status-v43{grid-template-columns:repeat(2,1fr)!important;gap:9px!important}
  .live-grid-v43{grid-template-columns:1fr!important;gap:12px}
  .live-panel-v43{height:430px!important}
}
@media(max-width:430px){
  .hero-brand-v43 h1{font-size:18px}
  .hero-next-v43 b{font-size:13px}
  .live-panel-v43{height:400px!important}
}


/* V44: KBO-Karte raus, Hero mit wichtigen Infos, Feed sauber */
.dashboard-v44 .profile-strip-v41,
.dashboard-v44 .status-v20,
.dashboard-v44 .status-v43,
.dashboard-v44 .hall-card,
.dashboard-v44 [class*="hall"]{display:none!important}
.hero-v44{grid-template-columns:minmax(0,1.2fr) auto minmax(260px,.95fr)!important}
.hero-stats-v44{display:flex;gap:8px;align-items:center;position:relative;z-index:1}
.hero-stats-v44>div{min-width:74px;text-align:center;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.055);border-radius:15px;padding:9px 10px}
.hero-stats-v44 b{display:block;font-size:22px;color:#f7c948;line-height:1}.hero-stats-v44 small{display:block;color:#aeb8cc;font-weight:1000;text-transform:uppercase;letter-spacing:.08em;font-size:10px;margin-top:5px}
.live-grid-v44{margin-top:0!important}
.live-grid-v44 .live-panel-v43{height:560px}
.top-only-v44{margin-top:0!important}
.feed-list-v43 .feeditem{border-left:3px solid rgba(247,201,72,.7)}
.feed-list-v43 .feeditem.leader{border-left-color:#f7c948;background:linear-gradient(90deg,rgba(247,201,72,.13),rgba(255,255,255,.04))}
.feed-list-v43 .feeditem.overtake{border-left-color:#2fe08b}
.feed-list-v43 .feeditem.exact{border-left-color:#4dabf7}
.feed-list-v43 .feeditem.result{border-left-color:#ff7a45}
@media(max-width:900px){
  .hero-v44{grid-template-columns:1fr!important}
  .hero-stats-v44{display:grid;grid-template-columns:repeat(3,1fr);width:100%}
  .hero-stats-v44>div{min-width:0}
  .live-grid-v44 .live-panel-v43{height:430px!important}
}
@media(max-width:430px){
  .hero-stats-v44 b{font-size:20px}
  .hero-stats-v44 small{font-size:9px}
  .live-grid-v44 .live-panel-v43{height:405px!important}
}


/* V45 smarter Highlight Feed */
.feed-empty-v45{padding:18px;border-radius:16px;border:1px dashed rgba(255,255,255,.14);background:rgba(255,255,255,.035);color:#aeb8cc;font-weight:850;line-height:1.45;text-align:center}
.dashboard-v45 .feed-list-v43 .feeditem.trend{border-left-color:#9c62ff;background:linear-gradient(90deg,rgba(156,98,255,.12),rgba(255,255,255,.04))}
.dashboard-v45 .feed-list-v43 .feeditem.exact{border-left-color:#4dabf7;background:linear-gradient(90deg,rgba(77,171,247,.10),rgba(255,255,255,.04))}
.dashboard-v45 .feed-list-v43 .feeditem.result{border-left-color:#2fe08b;background:linear-gradient(90deg,rgba(47,224,139,.10),rgba(255,255,255,.04))}
.dashboard-v45 .feed-list-v43 .feeditem.leader{border-left-color:#f7c948;background:linear-gradient(90deg,rgba(247,201,72,.13),rgba(255,255,255,.04))}


/* V46 Spiele-Rework */
.games-page-v46{display:flex;flex-direction:column;gap:16px}
.games-tabs-v46{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.games-tab-v46{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,255,255,.10);border-radius:16px;padding:12px 10px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));color:#fff;font-weight:1000;cursor:pointer;box-shadow:0 12px 32px rgba(0,0,0,.18)}
.games-tab-v46 span{font-size:17px}.games-tab-v46 em{font-style:normal;min-width:28px;padding:3px 8px;border-radius:999px;background:rgba(255,255,255,.09);color:#dfe6f5}
.games-tab-v46.active{transform:translateY(-1px);box-shadow:0 16px 42px rgba(0,0,0,.25),0 0 0 1px rgba(255,255,255,.08)}
.games-tab-v46.active.all{background:linear-gradient(135deg,#6d35ff,#2b1a66)}
.games-tab-v46.active.open{background:linear-gradient(135deg,#f7c948,#8c5b00);color:#080c18}
.games-tab-v46.active.tipped{background:linear-gradient(135deg,#2fe08b,#075f3d)}
.games-tab-v46.active.done{background:linear-gradient(135deg,#4dabf7,#124d87)}
.games-grid-v46{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:14px}
.match-v46{padding:16px!important;min-height:0!important;border-radius:20px!important}
.match-v46.done{background:linear-gradient(180deg,rgba(47,224,139,.07),rgba(255,255,255,.025));border-color:rgba(47,224,139,.22)}
.match-v46.tipped{border-color:rgba(247,201,72,.22)}
.match-head-v46{font-size:11px!important;text-transform:uppercase;letter-spacing:.08em;color:#9fabca;margin-bottom:12px}
.match-line-v46{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}
.team-v46{font-size:17px;font-weight:1000;min-width:0}.team-v46.right{text-align:right}.team-v46 .flag-img{width:33px;height:33px;min-width:33px}
.score-v46{font-size:22px;font-weight:1000;color:#f7c948;white-space:nowrap}
.meta-v46{font-size:12px;color:#96a2bd;margin:10px 0 12px!important}
.match-bottom-v46{display:flex;justify-content:space-between;gap:8px;align-items:center;flex-wrap:wrap}
.status-pill-v46{padding:6px 9px;border-radius:999px;font-size:11px;font-weight:1000}.status-pill-v46.open{background:rgba(247,201,72,.16);color:#f7c948}.status-pill-v46.tipped{background:rgba(47,224,139,.14);color:#2fe08b}.status-pill-v46.done{background:rgba(77,171,247,.14);color:#74c0fc}
.tip-state-v46{color:#aeb8cc;font-size:12px;font-weight:850}
.tipbox-v46{margin-top:12px!important;grid-template-columns:48px auto 48px 1fr!important}.tipbox-v46 input{height:38px!important}.tipbox-v46 .btn{min-height:38px!important}
.saved-tip-v46{margin-top:12px;padding:9px 10px;border-radius:12px;background:rgba(47,224,139,.10);border:1px solid rgba(47,224,139,.22);color:#2fe08b;font-weight:1000;text-align:center}
.empty-v46{padding:22px;text-align:center;color:#aeb8cc;font-weight:900}
@media(max-width:700px){
  .games-tabs-v46{grid-template-columns:repeat(2,1fr)}
  .games-tab-v46{padding:11px 8px}
  .games-grid-v46{grid-template-columns:1fr;gap:12px}
  .match-v46{padding:14px!important}
  .team-v46{font-size:15px}
  .score-v46{font-size:19px}
}


/* V47 KO Account-Fix */
.ko-userbar-v47{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;margin-bottom:0!important;padding:13px 16px!important}
.ko-userbar-v47 b{color:#f7c948}
.ko-userbar-v47 .btn{padding:9px 12px;border-radius:12px}
@media(max-width:700px){.ko-userbar-v47{flex-direction:column;align-items:stretch}.ko-userbar-v47 .btn{width:100%}}


/* V48 KO clean: Reset/Userbar komplett ausblenden */
.ko-userbar-v47{display:none!important}

/* V49 Admin 2.0 */
.admin-tabs-v49{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:14px}
.admin-tab-v49{padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#fff;font-weight:900}
.admin-tab-v49.active{background:linear-gradient(135deg,#6d35ff,#2b1a66)}
.admin-cards-v49{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}


/* V50 Admin Center Full */
.admin-v50 textarea{width:100%;min-height:140px;margin-top:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:14px;color:#fff;padding:12px}
.admin-list-v50{display:grid;gap:10px;margin-top:14px}
.admin-row-v50{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);border-radius:14px;padding:12px}
.admin-row-v50 em{color:#f7c948;font-style:normal;margin-left:8px;font-weight:900}
.danger-v50{background:#7f1d1d!important;color:white!important;border:0!important}
.admin-match-v50{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);border-radius:14px;padding:12px;margin:8px 0}
.admin-match-v50 small{display:block;color:#9fabca;margin-top:4px}
.admin-score-v50{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.admin-score-v50 input{width:54px;text-align:center}.admin-score-v50 select{max-width:160px}
.admin-ko-grid-v50{display:grid;grid-template-columns:1fr;gap:6px}
@media(max-width:800px){.admin-row-v50,.admin-match-v50{grid-template-columns:1fr;display:grid}.admin-row-v50>span:last-child{display:flex;flex-wrap:wrap;gap:8px}.admin-score-v50 input{width:48px}}


/* V51 Live Sync Auto */
.sync-status-v51{border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:14px;margin-bottom:14px;background:rgba(255,255,255,.05);display:grid;gap:6px}
.sync-status-v51.on{border-color:rgba(47,224,139,.35);background:rgba(47,224,139,.08)}
.sync-status-v51.off{border-color:rgba(247,201,72,.28);background:rgba(247,201,72,.06)}
.sync-status-v51 b{font-size:18px}.sync-status-v51 span,.sync-status-v51 small{color:#aeb8cc;font-weight:850}
.live-sync-admin-v51 .action-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}
.sync-checklist-v51{display:grid;gap:8px;margin-top:14px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);border-radius:16px;padding:14px}
.sync-checklist-v51 span{font-weight:850;color:#dfe6f5}
@media(max-width:700px){.live-sync-admin-v51 .action-row .btn{width:100%}}


/* V52 GLOBAL MOBILE + GROUPS FIX */
html,body{max-width:100%;overflow-x:hidden!important}
*{box-sizing:border-box}
main{min-width:0!important}
.card{min-width:0}
.groups-page-v52{display:grid;grid-template-columns:repeat(auto-fit,minmax(265px,1fr));gap:14px;align-items:start}
.group-card-v52{padding:16px!important;border-radius:20px!important;overflow:hidden}
.group-card-v52 h3{margin:0 0 12px;font-size:18px}
.group-team-pills-v52{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}
.group-team-pills-v52 span{display:flex;align-items:center;gap:8px;min-width:0;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.05);border-radius:12px;padding:8px 9px}
.group-team-pills-v52 b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.group-team-pills-v52 .flag-img{width:26px;height:26px;min-width:26px}
.group-table-v52{display:grid;gap:4px}
.g-head-v52,.g-row-v52{display:grid;grid-template-columns:minmax(0,1fr) 30px 46px 38px 32px;gap:6px;align-items:center}
.g-head-v52{color:#9fabca;font-size:11px;font-weight:1000;text-transform:uppercase;padding:0 4px 6px}
.g-row-v52{padding:8px 7px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.04);font-weight:850}
.g-row-v52.qualify{background:rgba(47,224,139,.10);border-color:rgba(47,224,139,.14)}
.team-name-v52{display:flex;align-items:center;gap:7px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.team-name-v52 .flag-img{width:24px;height:24px;min-width:24px}
.g-row-v52 span:not(.team-name-v52),.g-row-v52 b{text-align:center;font-size:13px}
@media(max-width:900px){
  body{font-size:14px}
  .app,.layout{max-width:100vw!important;overflow-x:hidden!important}
  aside.sidebar{width:76px!important;min-width:76px!important}
  aside.sidebar .brand h2,aside.sidebar .brand p,aside.sidebar nav a span:not(.icon),aside.sidebar .userbox small{display:none!important}
  main{padding:12px 10px 82px!important}
  .topbar h1,.page-title,h1{font-size:28px!important}
  .grid,.tables,.games-grid{grid-template-columns:1fr!important}
  .groups-page-v52{grid-template-columns:1fr!important;gap:12px}
  .group-team-pills-v52{grid-template-columns:1fr 1fr}
  .group-card-v52{padding:14px!important}
  .g-head-v52,.g-row-v52{grid-template-columns:minmax(0,1fr) 26px 42px 34px 30px;gap:4px}
  .g-row-v52{padding:8px 6px}
  .team-name-v52{font-size:13px}
  .team-name-v52 .flag-img{width:22px;height:22px;min-width:22px}
}
@media(max-width:430px){
  aside.sidebar{width:64px!important;min-width:64px!important}
  main{padding:10px 8px 78px!important}
  .topbar{gap:8px}
  .topbar h1,.page-title,h1{font-size:24px!important}
  .group-team-pills-v52 span{padding:7px 6px}
  .group-team-pills-v52 b{font-size:12px}
  .g-head-v52{font-size:10px}
  .g-row-v52 span:not(.team-name-v52),.g-row-v52 b{font-size:12px}
}


/* V53 Groups Perfect */
.groups-page-v53{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:16px;align-items:start}
.group-card-v53{padding:16px!important;border-radius:22px!important;overflow:hidden;background:linear-gradient(180deg,rgba(18,26,49,.96),rgba(8,12,24,.96))!important}
.group-head-v53{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.group-head-v53 h3{margin:0;font-size:20px}
.group-head-v53 span{font-size:11px;color:#f7c948;font-weight:1000;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}
.group-table-v53{display:grid;gap:6px}
.group-row-v53{display:grid;grid-template-columns:minmax(145px,1fr) 34px 58px 44px 38px;gap:8px;align-items:center;padding:9px 10px;border-radius:13px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.055);font-weight:850}
.group-row-v53.header{padding:0 10px 4px;background:transparent;border:0;color:#9fabca;font-size:11px;text-transform:uppercase;font-weight:1000}
.group-row-v53.qualified{background:linear-gradient(90deg,rgba(47,224,139,.13),rgba(255,255,255,.045));border-color:rgba(47,224,139,.18)}
.group-row-v53 span:not(.team-cell-v53),.group-row-v53 b{text-align:center;white-space:nowrap}
.team-cell-v53{display:flex;align-items:center;gap:8px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.team-cell-v53 .flag-img{width:26px;height:26px;min-width:26px}
.group-row-v53 b{color:#f7c948;font-size:15px}
.groups-page-v52,.group-card-v52{display:none!important}
@media(min-width:1450px){.groups-page-v53{grid-template-columns:repeat(4,minmax(330px,1fr))}}
@media(max-width:900px){
  .groups-page-v53{grid-template-columns:1fr;gap:12px}
  .group-card-v53{padding:14px!important;border-radius:18px!important}
  .group-row-v53{grid-template-columns:minmax(125px,1fr) 28px 50px 38px 32px;gap:5px;padding:8px 7px}
  .team-cell-v53{font-size:13px;gap:6px}
  .team-cell-v53 .flag-img{width:22px;height:22px;min-width:22px}
}
@media(max-width:430px){
  .group-row-v53{grid-template-columns:minmax(105px,1fr) 24px 44px 34px 28px;font-size:12px}
  .group-row-v53.header{font-size:10px}
  .group-head-v53 h3{font-size:18px}
  .group-head-v53 span{display:none}
}


/* V54: Gruppen wie echte Tipp-App, klassisch aber sauber */
.groups-page-v54{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px;align-items:start}
.group-card-v54{display:block!important;padding:16px!important;border-radius:22px!important;overflow:hidden;background:linear-gradient(180deg,rgba(18,26,49,.96),rgba(8,12,24,.96))!important;border:1px solid rgba(255,255,255,.10)!important}
.group-head-v54{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:10px}
.group-head-v54 h3{margin:0;font-size:20px}.group-head-v54 span{font-size:11px;color:#f7c948;font-weight:1000;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}
.group-pills-v54{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}
.group-pills-v54 span{display:flex;align-items:center;gap:8px;min-width:0;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:8px 10px}
.group-pills-v54 b{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}
.group-pills-v54 .flag-img{width:26px;height:26px;min-width:26px}
.group-table-v54{display:grid;gap:6px}
.group-row-v54{display:grid;grid-template-columns:minmax(145px,1fr) 32px 56px 42px 36px;gap:8px;align-items:center;padding:9px 9px;border-radius:13px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.055);font-weight:850}
.group-row-v54.header{background:transparent;border:0;padding:0 9px 4px;color:#9fabca;text-transform:uppercase;font-size:11px;font-weight:1000}
.group-row-v54.qualify{background:linear-gradient(90deg,rgba(47,224,139,.13),rgba(255,255,255,.045));border-color:rgba(47,224,139,.18)}
.group-row-v54 span:not(.team-v54),.group-row-v54 strong{text-align:center;white-space:nowrap}
.team-v54{display:flex;align-items:center;gap:8px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.team-v54 b{min-width:0;overflow:hidden;text-overflow:ellipsis}
.team-v54 .flag-img{width:24px;height:24px;min-width:24px}
.group-row-v54 strong{color:#f7c948}
.groups-page-v53,.groups-page-v52{display:none!important}
@media(min-width:1450px){.groups-page-v54{grid-template-columns:repeat(4,minmax(340px,1fr))}}
@media(max-width:900px){
  .groups-page-v54{grid-template-columns:1fr!important;gap:12px}
  .group-card-v54{padding:14px!important}
  .group-row-v54{grid-template-columns:minmax(128px,1fr) 28px 50px 38px 32px;gap:5px;padding:8px 7px}
  .group-pills-v54{grid-template-columns:1fr 1fr}
  .team-v54,.group-pills-v54 b{font-size:13px}
  .team-v54 .flag-img{width:22px;height:22px;min-width:22px}
}
@media(max-width:430px){
  .group-pills-v54 span{padding:7px 7px}
  .group-row-v54{grid-template-columns:minmax(112px,1fr) 24px 44px 32px 28px;font-size:12px}
  .group-row-v54.header{font-size:10px}
  .group-head-v54 h3{font-size:18px}
}


/* V55 Profil Center */
.profile-page-v55{display:flex;flex-direction:column;gap:16px}
.profile-hero-v55{display:flex;align-items:center;gap:16px;border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:20px;background:linear-gradient(135deg,rgba(109,53,255,.25),rgba(8,12,24,.96));box-shadow:0 18px 55px rgba(0,0,0,.24)}
.profile-big-avatar-v55{width:86px;height:86px;border-radius:24px;display:grid;place-items:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);font-size:42px;overflow:hidden;flex:0 0 86px}
.profile-big-avatar-v55 img{width:100%;height:100%;object-fit:cover}
.profile-hero-v55 span{color:#f7c948;font-weight:1000;text-transform:uppercase;letter-spacing:.12em;font-size:12px}
.profile-hero-v55 h2{margin:4px 0;font-size:34px}.profile-hero-v55 p{margin:0;color:#aeb8cc;font-weight:850}
.profile-grid-v55{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.profile-card-v55{display:flex;flex-direction:column;gap:10px}
.profile-card-v55 input{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:13px;padding:12px;color:#fff;font-weight:850}
.profile-card-v55 label{color:#aeb8cc;font-weight:1000;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.profile-stats-v55{display:grid;grid-template-columns:1fr 1fr;align-content:start}
.profile-stats-v55 h3,.profile-stats-v55 p{grid-column:1/-1}
.profile-stats-v55 div{padding:14px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);text-align:center}
.profile-stats-v55 b{display:block;color:#f7c948;font-size:26px}.profile-stats-v55 small{font-weight:900;color:#aeb8cc}
@media(max-width:800px){.profile-grid-v55{grid-template-columns:1fr}.profile-hero-v55{padding:16px}.profile-big-avatar-v55{width:70px;height:70px;flex-basis:70px}.profile-hero-v55 h2{font-size:27px}}


/* V56 Profilbild überall */
.avatar-v56{width:42px;height:42px;min-width:42px;border-radius:50%;object-fit:cover;display:inline-grid;place-items:center;background:linear-gradient(135deg,rgba(109,53,255,.35),rgba(247,201,72,.16));border:1px solid rgba(255,255,255,.14);font-size:22px}
.avatar-v56.small{width:34px;height:34px;min-width:34px;font-size:18px}
.avatar-v56.podium{width:52px;height:52px;min-width:52px;font-size:24px;margin-bottom:8px}
.rank-avatar-img-v56{position:relative;z-index:2;width:76px;height:76px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font-size:38px;margin-bottom:12px}
.rank-v56{display:grid!important;grid-template-columns:auto auto 1fr auto!important;align-items:center;gap:10px}
.rank-player .avatar-v56{margin-right:0}
.profile-mini-avatar-v41.imgmode{width:48px;height:48px;border-radius:50%;object-fit:cover}
.chat-avatar-v56{width:34px;height:34px;min-width:34px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:linear-gradient(135deg,rgba(109,53,255,.38),rgba(247,201,72,.18));border:1px solid rgba(255,255,255,.12);font-size:18px}
.profile-big-avatar-v55 img{width:100%;height:100%;object-fit:cover}
.podium-v56 .podium-place{display:flex;flex-direction:column;align-items:center}
@media(max-width:700px){
  .rank-pro-row .avatar-v56{width:36px;height:36px;min-width:36px}
  .rank-avatar-img-v56{width:68px;height:68px}
}


/* V57 Release Clean */
.feed-empty-v45{padding:18px;border-radius:16px;border:1px dashed rgba(255,255,255,.14);background:rgba(255,255,255,.035);color:#aeb8cc;font-weight:850;line-height:1.45;text-align:center}


/* V58 Regeln */
.rules-page-v58{max-width:1100px;margin:0 auto}
.rules-card-v58{padding:22px!important}
.rules-card-v58 h2{margin-bottom:18px}
.rules-card-v58 h3{margin-top:18px;color:#f7c948}
.rules-table-v58{display:grid;gap:8px}
.rules-table-v58 div{display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.rules-table-v58 span{font-weight:1000;color:#f7c948}
.rules-list-v58{padding-left:18px;color:#dfe6f5}
.rules-list-v58 li{margin:6px 0}

/* V59 Supabase Status */
.supabase-note-v59{padding:10px;border-radius:12px;background:rgba(47,224,139,.08);border:1px solid rgba(47,224,139,.22);color:#dfe6f5}


/* V61 Feed sichtbarer machen */
.feed-card-v43 .feeditem,.feed-list-v43 .feeditem{border-left:3px solid rgba(247,201,72,.65)}
.feeditem.leader{border-left-color:#f7c948!important;background:linear-gradient(90deg,rgba(247,201,72,.14),rgba(255,255,255,.04))!important}
.feeditem.overtake{border-left-color:#2fe08b!important;background:linear-gradient(90deg,rgba(47,224,139,.10),rgba(255,255,255,.04))!important}
.feeditem.exact{border-left-color:#4dabf7!important;background:linear-gradient(90deg,rgba(77,171,247,.12),rgba(255,255,255,.04))!important}
.feeditem.result{border-left-color:#ff8a3d!important;background:linear-gradient(90deg,rgba(255,138,61,.10),rgba(255,255,255,.04))!important}


/* ===== V62 MOBILE FINAL CSS ===== */
#mobileNavV62{display:none}
@media(max-width:760px){
  html,body{max-width:100%;overflow-x:hidden!important}
  body{padding-bottom:86px!important}
  aside.sidebar,#nav,.sidebar{display:none!important}
  main{padding:12px 12px 92px!important;width:100%!important;margin:0!important;max-width:100vw!important}
  .app,.layout{display:block!important;width:100%!important;max-width:100vw!important;overflow-x:hidden!important}
  #mobileNavV62{display:block;position:fixed;left:0;right:0;bottom:0;z-index:99999;pointer-events:none}
  #mobileNavV62 .bar-v62{pointer-events:auto;margin:0 auto 8px;max-width:430px;width:calc(100% - 18px);height:64px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(8,12,24,.92);backdrop-filter:blur(18px);display:grid;grid-template-columns:repeat(6,1fr);box-shadow:0 -14px 40px rgba(0,0,0,.45);overflow:hidden}
  #mobileNavV62 button{border:0;background:transparent;color:#9fabca;font-weight:900;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:10px}
  #mobileNavV62 button b{font-size:20px;line-height:1}
  #mobileNavV62 button.active{color:#fff;background:linear-gradient(180deg,rgba(109,53,255,.65),rgba(109,53,255,.25))}
  #mobileNavV62 .more-sheet-v62{pointer-events:auto;position:absolute;left:50%;bottom:78px;transform:translateX(-50%) translateY(12px);width:calc(100% - 24px);max-width:400px;background:rgba(8,12,24,.96);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:10px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;opacity:0;visibility:hidden;transition:.18s;box-shadow:0 -18px 45px rgba(0,0,0,.45)}
  body.more-open-v62 #mobileNavV62 .more-sheet-v62{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
  #mobileNavV62 .more-sheet-v62 button{height:52px;border-radius:15px;background:rgba(255,255,255,.055);flex-direction:row;gap:8px;font-size:13px;justify-content:flex-start;padding-left:14px}
  #mobileNavV62 .more-sheet-v62 button b{font-size:20px}

  /* Header kompakt */
  .topbar,.header{min-height:58px!important;gap:8px!important}
  #pageTitle,h1,.page-title{font-size:32px!important;line-height:1.05!important}
  #accountBox{gap:8px!important}
  #accountBox .btn,#accountBox button{padding:10px 14px!important;border-radius:16px!important}

  /* Dashboard */
  .hero-v44,.hero-premium-v43{padding:14px!important;border-radius:22px!important;grid-template-columns:1fr!important;gap:12px!important}
  .hero-brand-v43 img{width:48px!important;height:48px!important}
  .hero-brand-v43 h1{font-size:25px!important}
  .hero-stats-v44{grid-template-columns:repeat(3,1fr)!important;width:100%!important}
  .hero-next-v43{padding:12px!important}
  .live-grid-v43,.live-grid-v44{grid-template-columns:1fr!important;gap:12px!important}
  .live-panel-v43{height:auto!important;min-height:360px!important}
  .feed-list-v43{max-height:none!important}
  .top-only-v43,.bottom-grid-v41,.hall-card,[class*="hall"]{display:none!important}

  /* KO mobile */
  .ko-poster-card,.ko-poster-scroll,.ko-poster-bracket,.ko-legend-v13{display:none!important}
  .ko-tabs{display:none!important}
  .ko-mobile-tabs-v62{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:12px}
  .ko-mobile-tabs-v62 button{padding:13px 8px;border-radius:16px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.05);color:#fff;font-weight:1000}
  .ko-mobile-tabs-v62 button.active{background:linear-gradient(135deg,#f7c948,#b87900);color:#080c18}
  .ko-mobile-list-v62{display:grid;gap:12px}
  .ko-mobile-list-v62 .ko-node{width:100%!important;max-width:100%!important}
  .ko-winner-buttons{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .ko-winner-buttons .btn{width:100%!important}

  /* Rangliste mobil */
  .rank-mobile-v62{display:grid;gap:12px}
  .rank-head-v62 h2{margin:0 0 5px}.rank-head-v62 p{margin:0;color:#aeb8cc}
  .rank-player-v62{display:grid!important;grid-template-columns:auto auto 1fr!important;gap:12px;align-items:center;padding:14px!important;border-radius:18px!important}
  .rank-player-v62.top{background:linear-gradient(90deg,rgba(247,201,72,.10),rgba(255,255,255,.035))!important}
  .rank-num-v62{font-size:24px;font-weight:1000;min-width:34px;text-align:center}
  .rank-info-v62 b{display:block;font-size:19px}
  .rank-info-v62 span{display:block;color:#f7c948;font-weight:1000}
  .rank-info-v62 small{display:block;color:#aeb8cc;font-weight:800}

  /* Meine Tipps */
  .tips-mobile-v62 .stat,.tips-mobile-v62 .metric,.tips-mobile-v62 [class*="stat"]{min-height:auto!important}
  .tips-mobile-v62 .games-tabs-v46{grid-template-columns:repeat(4,1fr)!important;gap:6px!important}
  .tips-mobile-v62 .games-tab-v46{padding:9px 5px!important;border-radius:13px!important;font-size:11px!important;gap:3px!important}
  .tips-mobile-v62 .games-tab-v46 em{display:none!important}
  .tips-mobile-v62 table,.tips-mobile-v62 .table{font-size:13px!important}
  .tips-mobile-v62 .next-games,.tips-mobile-v62 .next-matches{overflow:hidden!important}

  /* Prognosen */
  .prognosis-mobile-v62 .hero,.prognosis-mobile-v62 .prognosis-hero,.prognosis-mobile-v62 [class*="hero"]{border-radius:22px!important}
  .prognosis-mobile-v62 .stat,.prognosis-mobile-v62 .card:has(.points){min-height:auto!important}
  .prognosis-mobile-v62 h1,.prognosis-mobile-v62 h2{font-size:32px!important}

  /* Tabellen/Spiele allgemein */
  .card{max-width:100%!important}
  .games-grid,.grid,.tables{grid-template-columns:1fr!important}
  .match-card,.match-v46{padding:14px!important;border-radius:18px!important}
  .group-card-v54,.group-card-v53{border-radius:18px!important}
}

/* ===== V63 MEINE TIPPS MOBILE ===== */
@media(max-width:760px){

/* obere statistik kleiner */
.tips-mobile-rebuild-v63 [class*="stats"],
.tips-mobile-rebuild-v63 [class*="hero-stats"],
.tips-mobile-rebuild-v63 .hero-stats-v44{
  display:grid!important;
  grid-template-columns:repeat(2,1fr)!important;
  gap:8px!important;
}
.tips-mobile-rebuild-v63 [class*="stat-card"],
.tips-mobile-rebuild-v63 .stat{
  min-height:90px!important;
  padding:10px!important;
}
.tips-mobile-rebuild-v63 .stat h2,
.tips-mobile-rebuild-v63 .stat .num{
  font-size:28px!important;
}

/* nächste spiele deutlich kleiner */
.tips-mobile-rebuild-v63 [class*="next-games"],
.tips-mobile-rebuild-v63 [class*="carousel"]{
  max-height:220px!important;
  overflow:auto!important;
}

/* große tabelle verstecken */
.tips-mobile-rebuild-v63 table,
.tips-mobile-rebuild-v63 .table,
.tips-mobile-rebuild-v63 [class*="games-table"],
.tips-mobile-rebuild-v63 [class*="search"]{
  display:none!important;
}

/* neue karten */
.mobile-only-v63{
 display:block!important;
 margin-top:14px;
}
.tips-cards-v63{
 display:grid;
 gap:10px;
}
.tip-card-v63{
 background:rgba(9,18,44,.92);
 border:1px solid rgba(255,255,255,.08);
 border-radius:18px;
 padding:12px;
}
.tip-top-v63{
 display:flex;
 justify-content:space-between;
 gap:8px;
 font-size:15px;
}
.tip-top-v63 span{
 opacity:.7;
}
.tip-meta-v63{
 margin-top:6px;
 color:#aeb8cc;
 font-size:12px;
}
.tip-bottom-v63{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:8px;
 margin-top:10px;
}
.tip-bottom-v63 small{
 display:block;
 color:#9fb0c9;
}
.tip-bottom-v63 strong{
 display:block;
 color:#fff;
 margin-top:2px;
}

/* filter chips */
.games-tab-v46,
[class*="filter"] button{
 min-height:40px!important;
 padding:6px 10px!important;
 border-radius:12px!important;
 font-size:12px!important;
}
}


/* ===== V64 Meine Tipps Mobile Filter ===== */
@media(max-width:760px){
  .tips-mobile-rebuild-v63{display:none!important}
  .mobile-tips-v64{display:flex;flex-direction:column;gap:12px}
  .tips-summary-v64{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
  .tips-summary-v64 span{background:rgba(9,18,44,.92);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:14px 8px;text-align:center}
  .tips-summary-v64 b{display:block;font-size:28px;color:#f7c948;line-height:1}
  .tips-summary-v64 small{display:block;color:#dfe6f5;margin-top:6px;font-weight:900}
  .tips-filter-v64{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
  .tips-filter-v64 button{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.055);color:#fff;border-radius:14px;padding:10px 4px;font-weight:1000;font-size:12px}
  .tips-filter-v64 button.active{background:linear-gradient(135deg,#6d35ff,#2b1a66);box-shadow:0 8px 22px rgba(109,53,255,.28)}
  .tips-filter-v64 button b{display:inline-block;background:rgba(255,255,255,.12);border-radius:999px;padding:2px 6px;margin-left:2px}
  .tips-cards-v64{display:grid;gap:10px}
  .tip-card-v64{background:rgba(9,18,44,.92);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:13px;overflow:hidden}
  .tip-card-v64.tipped{border-left:3px solid #2fe08b}
  .tip-card-v64.done{border-left:3px solid #4dabf7}
  .tip-card-v64.open{border-left:3px solid #f7c948}
  .tip-match-v64{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:15px;min-width:0}
  .tip-match-v64 b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .tip-match-v64 em{color:#f7c948;font-style:normal;font-size:12px;font-weight:1000}
  .tip-date-v64{color:#aeb8cc;font-size:12px;margin-top:7px;font-weight:800}
  .tip-info-v64{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:11px}
  .tip-info-v64 span{background:rgba(255,255,255,.045);border-radius:12px;padding:8px;text-align:center}
  .tip-info-v64 small{display:block;color:#9fabca;font-size:10px;text-transform:uppercase;font-weight:1000}
  .tip-info-v64 b{display:block;color:#fff;margin-top:3px}
  .tip-empty-v64{padding:18px;text-align:center;border-radius:16px;border:1px dashed rgba(255,255,255,.14);color:#aeb8cc;background:rgba(255,255,255,.035)}
}