/* V14.56 native system-bar safe areas.
   Capacitor 8 SystemBars injects --safe-area-inset-* on Android when needed. */
:root{
  --sp-safe-top:var(--safe-area-inset-top,env(safe-area-inset-top,0px));
  --sp-safe-bottom:var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px));
  --sp-safe-left:var(--safe-area-inset-left,env(safe-area-inset-left,0px));
  --sp-safe-right:var(--safe-area-inset-right,env(safe-area-inset-right,0px));
}
html{
  background:#090e18;
  padding-top:var(--sp-safe-top);
  padding-bottom:var(--sp-safe-bottom);
  padding-left:var(--sp-safe-left);
  padding-right:var(--sp-safe-right);
}
body{
  min-height:calc(100dvh - var(--sp-safe-top) - var(--sp-safe-bottom));
}
.screen{
  min-height:calc(100dvh - var(--sp-safe-top) - var(--sp-safe-bottom));
}


:root{--bg:#090e18;--card:#111a2a;--card2:#172238;--line:#26344d;--text:#f6f8fc;--muted:#94a2b9;--lime:#ccf83e;--blue:#5c83ff;--red:#ff667d}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -15%,#21335c 0,transparent 33%),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;min-height:100vh}
button,input,select{font:inherit}.hidden{display:none!important}.screen{min-height:100vh;padding:20px}.center{display:grid;place-items:center}.auth-card{width:min(430px,100%);padding:30px;border:1px solid var(--line);border-radius:30px;background:linear-gradient(180deg,#151f33,#0e1624);box-shadow:0 24px 70px #0007}
.logo{width:58px;height:58px;border-radius:18px;background:var(--lime);display:grid;place-items:center;font-size:28px;margin-bottom:22px}.eyebrow{color:var(--lime);font-size:11px;font-weight:900;letter-spacing:.15em}.auth-card h1{font-size:46px;line-height:.94;margin:9px 0 15px}.auth-card h2{font-size:31px;margin:8px 0}.auth-card p,.muted,.auth-card small{color:var(--muted);line-height:1.5}.auth-card small{display:block;margin-top:14px}
.segmented{display:grid;grid-template-columns:1fr 1fr;background:#0a111d;border-radius:14px;padding:5px;margin:22px 0 13px}.seg{border:0;background:transparent;color:var(--muted);padding:11px;border-radius:10px;font-weight:900}.seg.active{background:var(--card2);color:var(--text)}
.auth-form,.stack{display:grid;gap:10px}input,select{width:100%;border:1px solid var(--line);background:#0a111d;color:var(--text);border-radius:13px;padding:13px 14px;outline:none}input:focus,select:focus{border-color:var(--blue)}
.primary,.secondary,.ghost,.link-btn{border:0;border-radius:13px;padding:13px 15px;font-weight:900;cursor:pointer}.primary{background:var(--lime);color:#172000}.secondary{background:var(--card2);border:1px solid var(--line);color:var(--text)}.ghost{background:var(--card);border:1px solid var(--line);color:var(--muted);padding:9px 12px}.link-btn{background:transparent;color:var(--muted);width:100%;margin-top:12px}.full{width:100%;margin-top:10px}.or{display:flex;align-items:center;gap:10px;color:var(--muted);margin:18px 0}.or:before,.or:after{content:"";height:1px;background:var(--line);flex:1}
.app{max-width:800px;margin:auto;padding:20px 16px 100px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.header h2{margin:4px 0 0}.hero{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#2444a3,#527fff);border-radius:27px;padding:24px;box-shadow:0 18px 55px #0006}.hero small{display:block;opacity:.8}.hero strong{display:block;font-size:55px;line-height:1;margin-top:6px}.rank{width:82px;height:82px;background:#ffffff1c;border-radius:24px;display:grid;place-items:center;align-content:center}.rank b{font-size:28px}.rank span{font-size:12px;opacity:.8}
.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;position:sticky;top:7px;z-index:5;margin:18px 0;padding:7px;border-radius:16px;background:#090e18e8;backdrop-filter:blur(15px)}.tab{border:0;border-radius:11px;background:transparent;color:var(--muted);padding:11px 4px;font-size:12px;font-weight:900}.tab.active{background:var(--card2);color:var(--text)}.view{display:none}.view.active{display:block}
.chips,.rules{display:flex;gap:8px;overflow:auto;padding-bottom:4px}.chip{white-space:nowrap;border:1px solid var(--line);background:var(--card);color:var(--muted);padding:10px 14px;border-radius:999px;font-weight:800;font-size:14px}.chip.active{background:var(--lime);color:#172000;border-color:var(--lime)}.rules{margin:13px 0}.rules span{white-space:nowrap;padding:9px 11px;border:1px solid var(--line);background:var(--card);border-radius:12px;font-size:12px;color:var(--muted)}.rules b{color:var(--text)}
.cards{display:grid;gap:12px}.match,.panel{background:linear-gradient(180deg,#ffffff05,transparent),var(--card);border:1px solid var(--line);border-radius:20px;padding:16px}.match-top,.panel-head,.info-row{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.league-name{font-size:11px;color:var(--lime);font-weight:900;text-transform:uppercase;letter-spacing:.09em}.date{font-size:11px;color:var(--muted);text-align:right}.teams{display:grid;grid-template-columns:1fr 58px 1fr;align-items:center;gap:8px;margin-top:15px}.team{text-align:center;font-weight:900;font-size:14px}.team img{display:block;width:42px;height:42px;object-fit:contain;margin:0 auto 8px}.score{text-align:center;font-weight:900;font-size:22px}.pick{display:flex;justify-content:center;align-items:center;gap:8px;border-top:1px solid var(--line);padding-top:14px;margin-top:15px}.score-input{width:58px;text-align:center;font-size:20px;font-weight:900}.save{border:0;background:var(--blue);color:white;border-radius:11px;padding:11px 13px;font-weight:900}.save:disabled,.score-input:disabled{opacity:.4}.pick-note{text-align:center;color:var(--muted);font-size:11px;margin-top:9px}
.panel{margin-bottom:12px}.panel-head{align-items:flex-end;margin-bottom:12px}.panel-head b{font-size:20px}.panel-head small{color:var(--muted)}.row{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;padding:13px 3px;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.pos{width:30px;height:30px;border-radius:10px;background:var(--card2);display:grid;place-items:center;font-weight:900}.row.me{color:var(--lime)}.points{text-align:right}.points b{display:block;font-size:19px}.points small{color:var(--muted)}.reveal{margin-top:13px;padding-top:10px;border-top:1px solid var(--line)}.person-pick{display:flex;justify-content:space-between;padding:6px 0;color:var(--muted);font-size:13px}.person-pick b{color:var(--text)}.admin-score{display:flex;align-items:center;gap:8px;margin-top:13px}.admin-score input{width:58px;text-align:center}.empty{text-align:center;color:var(--muted);padding:25px;border:1px dashed var(--line);border-radius:18px}
#toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(30px);opacity:0;transition:.25s;background:#efffc1;color:#172000;padding:12px 16px;border-radius:13px;font-weight:900;z-index:99;max-width:90%;text-align:center;pointer-events:none}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:520px){.auth-card h1{font-size:41px}.teams{grid-template-columns:1fr 44px 1fr}.team{font-size:13px}.hero strong{font-size:48px}}
.header-actions{display:flex;align-items:center;gap:8px}.league-switcher{width:auto;max-width:230px;padding:9px 34px 9px 11px;border-radius:12px;font-weight:800}.tabs{grid-template-columns:repeat(5,1fr)}.league-list{display:grid;gap:9px}.league-item{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;border:1px solid var(--line);background:#0a111d;color:var(--text);border-radius:15px;padding:14px;cursor:pointer}.league-item span{display:grid;gap:4px}.league-item small{color:var(--muted)}.league-item strong{font-size:12px;color:var(--muted)}.league-item.active{border-color:var(--lime);background:#ccf83e10}.league-item.active strong{color:var(--lime)}
@media(max-width:620px){.header{align-items:flex-start}.header-actions{display:grid;justify-items:end}.league-switcher{max-width:175px}.tabs{overflow-x:auto;display:flex}.tab{min-width:86px}.tab.hidden{display:none!important}}

.picks-title{font-size:11px;color:var(--muted);font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px}.picks-loading{color:var(--muted);font-size:13px}.match.live{border-color:var(--lime)}

.player-row{width:100%;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.player-row:hover{background:#ffffff05}.player-row:active{transform:scale(.995)}
.countdown{text-align:center;margin:10px auto 0;width:max-content;max-width:100%;padding:6px 11px;border:1px solid var(--line);border-radius:999px;color:var(--lime);background:#ccf83e0c;font-size:12px;font-weight:900}.countdown.live-label{color:#ff8798;border-color:#ff667d55;background:#ff667d15}
.creator-credit{text-align:center;color:var(--muted);font-size:12px;margin:28px 0 2px}.creator-credit b{color:var(--lime)}
.modal{position:fixed;inset:0;background:#02050bd9;display:grid;place-items:center;padding:18px;z-index:100;backdrop-filter:blur(8px)}.modal-card{width:min(520px,100%);max-height:88vh;overflow:auto;background:linear-gradient(180deg,#172238,#0d1523);border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:0 25px 90px #000b}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.modal-head b{font-size:20px}.modal-close{width:36px;height:36px;padding:0;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--text);font-size:22px}.stats-loading{padding:35px;text-align:center;color:var(--muted)}.player-title{display:flex;align-items:center;gap:12px;margin-bottom:16px}.player-avatar{width:54px;height:54px;border-radius:17px;background:var(--lime);display:grid;place-items:center;font-size:25px}.player-title h3{margin:0 0 3px;font-size:24px}.player-title span{color:var(--muted);font-size:13px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat-tile{background:#0a111d;border:1px solid var(--line);border-radius:14px;padding:12px;text-align:center}.stat-tile b{display:block;font-size:21px;color:var(--text)}.stat-tile span{display:block;color:var(--muted);font-size:10px;margin-top:4px}.stats-heading{margin:19px 0 9px}.competition-stats{display:grid;gap:7px}.competition-stats>div{display:flex;justify-content:space-between;padding:10px 12px;background:#0a111d;border:1px solid var(--line);border-radius:12px}.competition-stats span{color:var(--muted)}.form-row{display:flex;gap:7px;flex-wrap:wrap}.form-dot{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;font-weight:900;color:#08100a}.form-dot.exact,.form-legend i.exact{background:#ccf83e}.form-dot.outcome,.form-legend i.outcome{background:#ffcf55}.form-dot.miss,.form-legend i.miss{background:#ff667d}.form-legend{display:flex;gap:13px;flex-wrap:wrap;margin-top:10px;color:var(--muted);font-size:11px}.form-legend span{display:flex;align-items:center;gap:5px}.form-legend i{width:9px;height:9px;border-radius:50%;display:inline-block}
@media(max-width:430px){.stats-grid{grid-template-columns:repeat(2,1fr)}}

/* V6.2: izdvojeni prikaz današnjih utakmica */
.today-row{display:flex;margin:18px 0 10px;padding-top:2px}.today-chip{width:100%;justify-content:center;font-weight:800}.today-chip.active{box-shadow:0 0 0 2px rgba(255,255,255,.18) inset}
.round-name{font-size:12px;opacity:.75;margin-top:3px}

.results-chips{margin-bottom:14px}

.prediction-progress{margin:12px 0;padding:13px 15px;border-radius:14px;background:#eef5ff;display:flex;justify-content:center;gap:10px;align-items:center}.prediction-progress b{font-size:9px}.mvp-highlights{margin:12px 0}.mvp-title{font-weight:800;margin-bottom:8px}.mvp-card{display:grid;grid-template-columns:1fr auto;gap:3px 12px;padding:12px 14px;margin-bottom:8px;border-radius:14px;background:#fff7db;border:1px solid #efd46f}.mvp-card div{display:flex;flex-direction:column}.mvp-card small,.mvp-card span{font-size:12px;color:#6c6245}.mvp-card strong{grid-row:1/3;grid-column:2;align-self:center;font-size:20px}.mvp-empty{padding:12px;border-radius:14px;background:#f5f6f8;color:#667085}.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px;border:1px solid #e3e7ee;border-radius:12px}.toggle-row span{display:flex;flex-direction:column}.toggle-row small,.field-label{font-size:13px;color:#667085}.field-label{display:flex;flex-direction:column;gap:7px}


/* V6.5.7: ikonice, zastave i urednija navigacija */
.tabs{border:1px solid var(--line);background:#090e18f2;padding:5px}
.tab{display:flex;align-items:center;justify-content:center;gap:6px;min-height:46px}
.tab-icon{font-size:15px;line-height:1;opacity:.95}
.tab.active{background:transparent;color:var(--text);box-shadow:inset 0 -2px 0 var(--lime);border-radius:10px 10px 0 0}
.competition-chips{gap:8px;margin-top:2px;padding-bottom:7px}
.competition-chips .chip{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:12px;padding:10px 13px;background:#0d1625;color:var(--muted)}
.competition-chips .chip.active{background:#0d1625;color:var(--lime);border-color:var(--lime);box-shadow:0 0 0 1px #ccf83e22 inset}
.chip-icon{font-size:14px;line-height:1}
.today-chip{width:auto;box-shadow:none}
@media(max-width:620px){.tabs{display:grid;grid-template-columns:repeat(4,minmax(74px,1fr));overflow:visible}.tab{min-width:0;font-size:11px}.competition-chips .chip{font-size:11px;padding:9px 11px}}

/* V6.5.10 – Sve/Danas u prvom redu, lige u drugom redu */
.competition-chips{display:grid!important;gap:8px;overflow:visible!important;padding-bottom:4px}
.competition-chip-row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:1px}
.competition-chip-row::-webkit-scrollbar{display:none}
.competition-chip-main .chip{flex:0 0 auto}
.competition-chip-leagues .chip{flex:0 0 auto}
@media(max-width:620px){
  .competition-chips{display:grid!important;grid-template-columns:1fr!important}
  .competition-chip-row{width:100%}
}


/* V6.6.0 – UI dorade */
.cards{gap:16px}
.match,.panel{box-shadow:0 10px 28px rgba(0,0,0,.22)}
.primary,.secondary,.ghost,.link-btn,.save,.tab,.chip,.league-item{border-radius:14px}
.save{transition:transform .22s ease,background .22s ease,box-shadow .22s ease,opacity .22s ease;min-width:86px}
.save.is-saving{transform:scale(.96);opacity:.8}
.save.is-saved{background:var(--lime);color:#172000;transform:scale(1.04);box-shadow:0 0 0 5px rgba(204,248,62,.13)}
.view-enter{animation:viewEnter .24s ease both}
@keyframes viewEnter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.row.me{color:var(--text);background:linear-gradient(90deg,rgba(92,131,255,.18),rgba(204,248,62,.08));border:1px solid rgba(92,131,255,.48);border-radius:14px;padding-left:10px;padding-right:10px;margin:5px 0;box-shadow:0 7px 20px rgba(0,0,0,.16)}
.row.me .muted{color:#bac6d9}
.pos.medal-pos{background:transparent;font-size:22px;width:34px;height:34px}
@media(max-width:620px){.cards{gap:15px}.match{padding:17px 16px}}

/* V6.6.2: naglašeni rezultat i minuta uživo */
.live-score{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:64px}.live-score strong{font-size:24px;line-height:1}.live-score small{font-size:11px;color:#ff8798;font-weight:900;white-space:nowrap}.match.live{border-color:#ff667d55;box-shadow:0 10px 28px #00000020,0 0 0 1px #ff667d12 inset}

/* V6.6.3 */
.competition-chip-live{justify-content:flex-start}
.live-filter-chip.active{box-shadow:0 0 0 1px rgba(239,68,68,.45),0 5px 16px rgba(239,68,68,.16)}


/* V6.6.4 – čišći LIVE prikaz i mobilni raspored */
.live-filter-chip{font-size:11px;padding:8px 11px!important}
.live-filter-chip .chip-icon{font-size:9px}
.live-score small{color:#ff8798}
@media(max-width:620px){
  .competition-chip-main{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}
  .competition-chip-main .chip{width:100%}
  .competition-chip-live{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}
  .competition-chip-live .live-filter-chip{grid-column:2;width:100%;font-size:10px;padding:7px 9px!important}
  .competition-chip-live .chip-icon{font-size:8px}
}


/* V6.6.5 – Uživo ispod Danas; minuta samo u LIVE oznaci */
.live-score{gap:0}
.live-score small{display:none!important}
@media(max-width:620px){
  .competition-chip-main{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .competition-chip-main .chip{width:100%}
  .competition-chip-live{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .competition-chip-live .live-filter-chip{grid-column:2;width:100%;justify-self:stretch}
}


/* V6.6.6 – dva uredna reda filtera: Sve/Danas/Uživo pa lige */
.competition-chip-main,.competition-chip-leagues{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  width:100%;
  overflow:visible!important;
}
.competition-chip-main .chip,.competition-chip-leagues .chip{
  width:100%;
  min-width:0;
  white-space:nowrap;
}
.competition-chip-main .live-filter-chip{
  font-size:11px;
  padding:8px 10px!important;
}
@media(max-width:620px){
  .competition-chip-main,.competition-chip-leagues{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .competition-chip-main .chip,.competition-chip-leagues .chip{font-size:10px;padding:8px 5px!important;gap:4px}
  .competition-chip-main .live-filter-chip{font-size:10px;padding:8px 5px!important}
  .competition-chip-main .chip-icon,.competition-chip-leagues .chip-icon{font-size:11px}
  .competition-chip-main .live-filter-chip .chip-icon{font-size:8px}
}

/* V6.6.7 – fiksno dva reda filtera na svim širinama */
.competition-chips{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:8px!important;
  width:100%!important;
  overflow:visible!important;
}
.competition-chips .competition-chip-row{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  width:100%!important;
  overflow:visible!important;
  padding:0!important;
}
.competition-chips .competition-chip-row .chip{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  justify-content:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  padding:8px 6px!important;
  font-size:11px!important;
  gap:4px!important;
}
.competition-chips .competition-chip-row .chip-icon{
  flex:0 0 auto!important;
  font-size:11px!important;
}
.competition-chips .competition-chip-main .live-filter-chip,
.competition-chips .competition-chip-main .today-chip{
  grid-column:auto!important;
}
@media(max-width:620px){
  .competition-chips .competition-chip-row{gap:6px!important}
  .competition-chips .competition-chip-row .chip{font-size:9px!important;padding:8px 3px!important;gap:3px!important}
  .competition-chips .competition-chip-row .chip-icon{font-size:9px!important}
  .competition-chips .competition-chip-main .live-filter-chip{font-size:9px!important;padding:8px 3px!important}
}
@media(max-width:390px){
  .competition-chips .competition-chip-row{gap:5px!important}
  .competition-chips .competition-chip-row .chip{font-size:8.5px!important;padding:7px 2px!important;letter-spacing:-.15px!important}
  .competition-chips .competition-chip-row .chip-icon{font-size:8px!important}
}

/* V6.7.0 – tri reda po dvije stavke: Sve/HNL, Danas/Premier League, Uživo/Liga prvaka */
.competition-chips.competition-chips-paired{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
}
.competition-chips.competition-chips-paired .competition-chip-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:8px!important;
}
.competition-chips.competition-chips-paired .competition-chip-row .chip{
  width:100%!important;
  min-width:0!important;
  justify-content:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  font-size:12px!important;
  padding:9px 6px!important;
  gap:4px!important;
}
.competition-chips.competition-chips-paired .competition-chip-row .chip-icon{
  font-size:12px!important;
}
.competition-chips.competition-chips-paired .live-filter-chip{
  font-size:12px!important;
  padding:9px 6px!important;
}
@media(max-width:620px){
  .competition-chips.competition-chips-paired{gap:7px!important}
  .competition-chips.competition-chips-paired .competition-chip-row{gap:7px!important}
  .competition-chips.competition-chips-paired .competition-chip-row .chip,
  .competition-chips.competition-chips-paired .live-filter-chip{
    font-size:11px!important;
    padding:9px 5px!important;
  }
  .competition-chips.competition-chips-paired .competition-chip-row .chip-icon{font-size:11px!important}
}

/* V6.8.8 – Zajednička liga */
.tabs{grid-template-columns:repeat(6,1fr)}
.global-league-panel{overflow:hidden}.global-table-head{display:none}.global-table{display:block}.global-row{grid-template-columns:38px 1fr auto}.global-player-info{min-width:0}.global-player-info b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-player-info .muted{margin-top:3px;font-size:12px;line-height:1.35}.global-points{min-width:64px}.global-points b{color:var(--lime)}.global-row.me .global-points b{color:var(--lime)}.global-rule{margin-top:12px;padding:11px 12px;border-radius:12px;background:#0a111d;color:var(--muted);font-size:11px;line-height:1.45}
@media(max-width:620px){.tabs{grid-template-columns:repeat(3,minmax(88px,1fr))}.tab{font-size:10px;padding-left:2px;padding-right:2px}.global-player-info .muted{font-size:11px}.global-points{min-width:55px}}

/* V6.9.7: app modal za Ligu prvaka */

.champions-info-card{width:min(390px,100%);text-align:center;padding:28px 22px 22px}.champions-info-icon{width:64px;height:64px;margin:0 auto 15px;border-radius:20px;background:var(--lime);color:#172000;display:grid;place-items:center;font-size:31px;box-shadow:0 12px 35px #ccf83e2c}.champions-info-card h3{margin:0 0 10px;font-size:25px}.champions-info-card p{margin:0;color:var(--muted);font-size:16px;line-height:1.55}.champions-info-card .primary{margin-top:22px}

/* V6.9.9: APP obavijest nakon automatskog kopiranja prognoze */
.copy-success-card .champions-info-icon{font-weight:900;font-size:38px}


/* V6.10.0: zaboravljena lozinka */
#forgotPasswordBtn.forgot-password-link{appearance:none;-webkit-appearance:none;width:100%;border:1px solid var(--line);border-radius:13px;background:var(--card2);color:var(--lime);padding:12px 15px;margin-top:2px;font-weight:900;cursor:pointer;text-decoration:none;box-shadow:none}
#forgotPasswordBtn.forgot-password-link:hover{border-color:var(--lime);background:#ccf83e12;filter:none}
#forgotPasswordBtn.forgot-password-link:active{transform:scale(.99)}
#forgotPasswordBtn.forgot-password-link:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
.password-reset-card{width:min(430px,100%);text-align:center}
.password-reset-card .stack{margin-top:16px}
.password-reset-card .secondary{background:#111c2d;color:var(--text);border:1px solid var(--line)}

/* V6.10.9 – kompaktan custom filter Poretka u bojama aplikacije */
.standings-head{align-items:center;position:relative;overflow:visible}
.standings-dropdown{position:relative;margin-left:auto;z-index:30}
.standings-dropdown-button{
  appearance:none;-webkit-appearance:none;display:flex;align-items:center;justify-content:space-between;
  gap:14px;width:auto;min-width:142px;max-width:190px;padding:7px 10px 7px 12px;
  border-radius:10px;border:1px solid rgba(91,145,255,.48);background:#0d1728;color:var(--text);
  font:inherit;font-size:11px;font-weight:850;line-height:1.15;cursor:pointer;
  box-shadow:0 5px 18px rgba(0,0,0,.18);transition:border-color .18s,background .18s,transform .12s;
}
.standings-dropdown-button:hover,.standings-dropdown.open .standings-dropdown-button{background:#111f35;border-color:var(--accent)}
.standings-dropdown-button:active{transform:scale(.985)}
.standings-dropdown-button:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
.standings-dropdown-arrow{font-size:9px;color:#dce7fa;transition:transform .18s;flex:0 0 auto}
.standings-dropdown.open .standings-dropdown-arrow{transform:rotate(180deg)}
.standings-dropdown-menu{
  display:none;position:absolute;top:calc(100% + 6px);right:0;width:205px;overflow:hidden;
  border-radius:11px;border:1px solid rgba(91,145,255,.4);background:#0b1526;
  box-shadow:0 16px 38px rgba(0,0,0,.46);padding:0;z-index:100;
}
.standings-dropdown.open .standings-dropdown-menu{display:block;animation:standingsDropIn .14s ease-out}
@keyframes standingsDropIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
.standings-dropdown-option{
  appearance:none;-webkit-appearance:none;width:100%;display:grid;grid-template-columns:22px 1fr 18px;
  align-items:center;gap:7px;padding:10px 11px;border:0;border-bottom:1px solid rgba(255,255,255,.07);
  background:transparent;color:var(--text);font:inherit;font-size:11px;font-weight:750;text-align:left;cursor:pointer;
}
.standings-dropdown-option:last-child{border-bottom:0}
.standings-dropdown-option:hover,.standings-dropdown-option:focus-visible{background:#14233a;outline:none}
.standings-dropdown-option.active{color:var(--lime);font-weight:900;background:rgba(204,248,62,.045)}
.standings-dropdown-icon{font-size:14px;display:grid;place-items:center}
.standings-dropdown-check{font-size:14px;color:var(--lime);text-align:right;font-weight:900}
@media(max-width:430px){
  .standings-head{align-items:center;flex-direction:row}
  .standings-dropdown-button{min-width:132px;max-width:165px;padding:7px 9px 7px 10px;font-size:10.5px}
  .standings-dropdown-menu{width:190px}
  .standings-dropdown-option{padding:9px 10px;font-size:10.5px}
}


/* V6.10.20 – postupno prikazivanje kola */
.load-more-rounds{
  appearance:none;-webkit-appearance:none;width:100%;margin:4px 0 2px;padding:14px 16px;
  border:1px solid rgba(204,248,62,.42);border-radius:14px;background:#101b2c;color:var(--lime);
  font:inherit;font-size:14px;font-weight:900;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.22);
  transition:background .18s,border-color .18s,transform .12s;
}
.load-more-rounds:hover{background:#15243a;border-color:var(--lime)}
.load-more-rounds:active{transform:scale(.99)}
.load-more-rounds:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
.all-rounds-shown{margin:5px 0 2px;padding:12px 14px;text-align:center;border:1px solid var(--line);border-radius:14px;background:#0b1422;color:var(--muted);font-size:13px;font-weight:800}

/* V6.10.22 */
.round-display-button{display:block;margin-top:8px;text-align:center}

/* V6.10.25 – odgođene utakmice / isključivanje iz bodovanja */
.excluded-match{opacity:.82;border-style:dashed!important}
.excluded-badge{display:inline-flex;margin-top:6px;padding:4px 8px;border-radius:999px;background:rgba(245,158,11,.14);color:#b45309;font-size:11px;font-weight:800}
.round-exclude-toggle{width:100%;display:flex;align-items:center;gap:10px;margin:12px 0 4px;padding:11px 12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2,#f8fafc);color:var(--text);text-align:left;cursor:pointer}
.round-exclude-toggle:hover{transform:translateY(-1px)}
.round-exclude-toggle.is-excluded{border-color:#f59e0b;background:rgba(245,158,11,.10)}
.round-exclude-check{width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center;border:2px solid var(--primary);border-radius:7px;color:white;background:white;font-weight:900}
.round-exclude-toggle.is-excluded .round-exclude-check{background:#f59e0b;border-color:#f59e0b}
.round-exclude-toggle span:last-child{display:flex;flex-direction:column;gap:2px}
.round-exclude-toggle small{font-weight:500;color:var(--muted)}

/* V6.10.26 – potvrde i gumbi u bojama aplikacije */
.round-exclude-toggle{background:linear-gradient(135deg,#172238,#111a2a)!important;border-color:#355078!important;transition:transform .15s,border-color .15s,background .15s}
.round-exclude-toggle:hover{border-color:var(--blue)!important}
.round-exclude-toggle.is-excluded{border-color:#ffb84d!important;background:linear-gradient(135deg,#4b3515,#221b13)!important}
.round-exclude-check{border-color:var(--blue)!important;background:#0a111d!important;color:#172000!important;box-shadow:inset 0 0 0 2px #0a111d}
.round-exclude-toggle.is-excluded .round-exclude-check{background:var(--lime)!important;border-color:var(--lime)!important;color:#172000!important}
.app-confirm-card{width:min(430px,100%);text-align:center;padding:24px}
.app-confirm-icon{width:56px;height:56px;margin:0 auto 13px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),#2444a3);color:#fff;font-size:28px;font-weight:900;box-shadow:0 12px 30px #2444a355}
.app-confirm-card h3{margin:0 0 9px;font-size:22px}
.app-confirm-card p{margin:0;color:var(--muted);line-height:1.55;white-space:pre-line}
.app-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}
.app-confirm-actions button{width:100%}
.app-confirm-actions .confirm-danger{background:var(--red);color:#fff}
@media(max-width:420px){.app-confirm-actions{grid-template-columns:1fr}.app-confirm-actions #appConfirmOk{order:-1}}


/* V6.10.27 – bijeli tekst gumba i zadržavanje kola kod odgođene utakmice */
.round-exclude-toggle,
.round-exclude-toggle b,
.round-exclude-toggle small,
.round-exclude-toggle span{color:#fff!important}
.round-exclude-toggle.is-excluded,
.round-exclude-toggle.is-excluded b,
.round-exclude-toggle.is-excluded small,
.round-exclude-toggle.is-excluded span{color:#fff!important}
.round-exclude-toggle .round-exclude-check{color:#fff!important}
.round-exclude-toggle.is-excluded .round-exclude-check{color:#172000!important}


/* V6.10.28 – prisilno bijeli tekst ADMIN gumba za izuzimanje */
#adminMatches .round-exclude-toggle,
#adminMatches .round-exclude-toggle *,
#adminMatches .round-exclude-toggle b,
#adminMatches .round-exclude-toggle small{color:#fff!important;-webkit-text-fill-color:#fff!important}
#adminMatches .round-exclude-toggle.is-excluded .round-exclude-check{color:#172000!important;-webkit-text-fill-color:#172000!important}

/* V6.10.29 — izuzeta utakmica ostaje vidljiva, ali prognoza nije dostupna */
.excluded-pick{justify-content:center;opacity:.72}
.excluded-pick .score-input:disabled{cursor:not-allowed;opacity:.68;background:#0a111d!important;border-color:#355078!important;color:#fff!important;-webkit-text-fill-color:#fff!important}

/* V6.11.0 – MVP popup i ADMIN MVP obavijest */
.mvp-celebration-card{max-width:390px;text-align:center;padding:24px 20px 18px;border:1px solid rgba(251,191,36,.38);background:linear-gradient(180deg,#101b30 0%,#09111f 100%);box-shadow:0 24px 70px rgba(0,0,0,.55)}
.mvp-celebration-icon{width:62px;height:62px;margin:0 auto 10px;border-radius:20px;display:grid;place-items:center;font-size:34px;background:linear-gradient(145deg,rgba(251,191,36,.25),rgba(245,158,11,.08));border:1px solid rgba(251,191,36,.35)}
.mvp-celebration-kicker{color:#fbbf24;font-size:11px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase}
.mvp-celebration-card h2{margin:8px 0 2px;font-size:23px}.mvp-celebration-round{color:var(--muted);font-size:13px}
.mvp-winner-box{margin:17px 0 14px;padding:15px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid var(--line)}
.mvp-winner-label{font-size:11px;color:#fbbf24;font-weight:900;letter-spacing:1px}.mvp-winner-name{font-size:25px;font-weight:950;margin:5px 0 10px}
.mvp-winner-stats{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.mvp-winner-stats span{padding:7px 10px;border-radius:999px;background:#0b1424;border:1px solid var(--line);font-size:12px;font-weight:800}
.mvp-popup-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:8px}.mvp-popup-actions button{margin:0}
.mvp-admin-preview{padding:13px;border-radius:15px;background:#0a111d;border:1px solid var(--line);font-size:13px;line-height:1.45}.mvp-admin-preview strong{color:#fbbf24}
@media(max-width:430px){.mvp-celebration-card{margin:14px;padding:21px 16px 16px}.mvp-popup-actions{grid-template-columns:1fr}.mvp-winner-name{font-size:22px}}

/* V6.11.1 – prozračniji i moderniji MVP popup */
#mvpCelebrationModal{padding:22px;background:rgba(2,7,16,.82);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.mvp-celebration-card{
  width:min(100%,410px);
  max-width:410px;
  padding:30px 24px 22px;
  border-radius:28px;
  border:1px solid rgba(251,191,36,.34);
  background:
    radial-gradient(circle at 50% -12%,rgba(251,191,36,.16),transparent 38%),
    linear-gradient(180deg,#13213a 0%,#0a1323 58%,#07101d 100%);
  box-shadow:0 30px 90px rgba(0,0,0,.68),0 0 0 1px rgba(255,255,255,.025) inset;
  overflow:hidden;
}
.mvp-celebration-icon{
  width:72px;height:72px;margin:0 auto 16px;border-radius:24px;
  font-size:39px;
  background:linear-gradient(145deg,rgba(251,191,36,.30),rgba(245,158,11,.08));
  border:1px solid rgba(251,191,36,.42);
  box-shadow:0 12px 32px rgba(245,158,11,.12),inset 0 1px 0 rgba(255,255,255,.10)
}
.mvp-celebration-kicker{font-size:11px;letter-spacing:1.8px;margin-bottom:9px}
.mvp-celebration-card h2{margin:0 0 8px;font-size:25px;line-height:1.18;letter-spacing:-.35px}
.mvp-celebration-round{font-size:13px;line-height:1.4;margin-bottom:21px;color:#9eabc0}
.mvp-winner-box{
  margin:0 0 22px;padding:20px 16px 18px;border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.028));
  border:1px solid rgba(255,255,255,.09);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)
}
.mvp-winner-label{font-size:11px;letter-spacing:1.35px;margin-bottom:8px}
.mvp-winner-name{font-size:28px;line-height:1.1;margin:0 0 16px;letter-spacing:-.35px}
.mvp-winner-stats{gap:10px}
.mvp-winner-stats span{
  min-height:36px;padding:9px 13px;border-radius:999px;
  background:rgba(5,12,23,.72);border:1px solid rgba(148,163,184,.18);
  display:inline-flex;align-items:center;justify-content:center;
  font-size:12px;font-weight:850;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)
}
.mvp-popup-actions{grid-template-columns:1fr 1.12fr;gap:12px;margin-top:0}
.mvp-popup-actions button{
  min-height:48px;padding:0 14px;border-radius:15px!important;
  font-size:13px;font-weight:900;letter-spacing:.1px;
  transition:transform .16s ease,filter .16s ease,box-shadow .16s ease
}
.mvp-popup-actions button:active{transform:scale(.975)}
#mvpViewResultsBtn{
  color:#eaf2ff!important;-webkit-text-fill-color:#eaf2ff!important;
  background:rgba(46,116,255,.10)!important;
  border:1px solid rgba(85,145,255,.48)!important;
  box-shadow:none!important
}
#mvpViewResultsBtn:hover{background:rgba(46,116,255,.17)!important}
#mvpCelebrationOkBtn{
  color:#07111f!important;-webkit-text-fill-color:#07111f!important;
  background:linear-gradient(135deg,#b9f42f,#83d80f)!important;
  border:1px solid rgba(202,255,91,.62)!important;
  box-shadow:0 10px 24px rgba(132,216,15,.20)!important
}
#mvpCelebrationOkBtn:hover{filter:brightness(1.055)}
@media(max-width:430px){
  #mvpCelebrationModal{padding:14px}
  .mvp-celebration-card{margin:0;padding:26px 18px 18px;border-radius:24px}
  .mvp-celebration-icon{width:66px;height:66px;border-radius:22px;font-size:36px;margin-bottom:14px}
  .mvp-celebration-card h2{font-size:23px}
  .mvp-celebration-round{margin-bottom:18px}
  .mvp-winner-box{padding:18px 13px 16px;margin-bottom:18px}
  .mvp-winner-name{font-size:25px;margin-bottom:14px}
  .mvp-popup-actions{grid-template-columns:1fr 1.08fr;gap:9px}
  .mvp-popup-actions button{min-height:46px;padding:0 9px;font-size:12px;border-radius:14px!important}
}

/* V6.11.2 – premium MVP popup, isti za sve korisnike i konfeti pri svakom prikazu */
#mvpCelebrationModal{
  padding:18px;
  background:rgba(1,5,14,.90);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  overflow:hidden;
}
.mvp-celebration-card{
  position:relative;
  isolation:isolate;
  width:min(100%,560px);
  max-width:560px;
  max-height:94vh;
  padding:24px 30px 24px;
  border-radius:30px;
  border:1px solid rgba(250,204,21,.58);
  background:
    radial-gradient(circle at 50% -10%,rgba(251,191,36,.26),transparent 36%),
    radial-gradient(circle at 8% 42%,rgba(59,130,246,.12),transparent 36%),
    linear-gradient(180deg,#101d36 0%,#091525 62%,#06101e 100%);
  box-shadow:0 34px 110px rgba(0,0,0,.80),0 0 40px rgba(245,158,11,.08),inset 0 1px 0 rgba(255,255,255,.08);
  overflow:auto;
  text-align:center;
}
.mvp-celebration-card::before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;
  background:linear-gradient(115deg,transparent 15%,rgba(255,255,255,.045) 48%,transparent 72%);
}
.mvp-glow{position:absolute;top:70px;width:150px;height:310px;filter:blur(25px);opacity:.18;z-index:-1;pointer-events:none;background:linear-gradient(#ffd66b,transparent);transform:rotate(18deg)}
.mvp-glow-left{left:-80px}.mvp-glow-right{right:-80px;transform:rotate(-18deg)}
.mvp-trophy-wrap{height:94px;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:3px}
.mvp-celebration-icon{
  width:86px;height:86px;margin:0;border-radius:28px;display:grid;place-items:center;font-size:52px;
  background:radial-gradient(circle at 35% 25%,#fff2a8 0%,#f59e0b 44%,#9a4d03 100%);
  border:1px solid rgba(255,232,146,.85);
  box-shadow:0 14px 36px rgba(245,158,11,.35),inset 0 2px 0 rgba(255,255,255,.36);
  animation:mvpTrophyFloat 2.6s ease-in-out infinite;
}
.mvp-laurel{font-size:43px;color:#fbbf24;transform:rotate(-38deg) scaleX(1.2);filter:drop-shadow(0 5px 8px rgba(245,158,11,.28))}
.mvp-laurel-right{transform:rotate(38deg) scaleX(-1.2)}
.mvp-celebration-kicker{
  display:inline-flex;align-items:center;justify-content:center;min-height:31px;padding:6px 19px;margin:2px auto 12px;
  border-radius:999px;color:#ffe37b;background:linear-gradient(90deg,#442182,#1d4fa2);border:1px solid rgba(255,255,255,.10);
  font-size:12px;font-weight:950;letter-spacing:1.6px;text-transform:uppercase;box-shadow:0 8px 22px rgba(17,32,95,.28)
}
.mvp-celebration-card h2{margin:0 0 6px;font-size:30px;line-height:1.08;font-weight:950;letter-spacing:-.65px;text-transform:uppercase;color:#f8fafc}
.mvp-celebration-round{margin:0 0 17px;color:#d5ddea;font-size:13px;font-weight:800;letter-spacing:.45px;text-transform:uppercase}
.mvp-winner-box{
  display:flex;align-items:center;justify-content:center;gap:16px;margin:0 0 15px;padding:17px 20px;border-radius:23px;
  background:linear-gradient(110deg,rgba(58,31,70,.84),rgba(16,20,35,.86),rgba(71,43,13,.68));
  border:1px solid rgba(250,204,21,.66);box-shadow:0 13px 30px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.08)
}
.mvp-medal{font-size:57px;line-height:1;filter:drop-shadow(0 10px 13px rgba(245,158,11,.28))}
.mvp-winner-copy{text-align:left;min-width:0}
.mvp-winner-label{margin:0 0 3px;color:#facc15;font-size:12px;font-weight:950;letter-spacing:1.55px;text-transform:uppercase}
.mvp-winner-name{
  margin:0;font-size:42px;line-height:1;font-weight:1000;letter-spacing:.6px;text-transform:uppercase;
  color:#fff7db;text-shadow:0 2px 0 #8c5b00,0 7px 22px rgba(245,158,11,.30);white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;word-break:normal;max-width:100%
}
.mvp-winner-stats{
  display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;gap:14px;margin:0 0 19px;padding:13px 16px;
  border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border:1px solid rgba(148,163,184,.18)
}
.mvp-stat-box{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:9px;align-items:center;justify-content:center}
.mvp-stat-icon{grid-row:1/3;font-size:31px;filter:drop-shadow(0 5px 8px rgba(0,0,0,.25))}
.mvp-stat-box strong{font-size:28px;line-height:1;font-weight:1000;color:#fb7185;text-align:left}
.mvp-stat-box:nth-child(3) strong{color:#67e56f}
.mvp-stat-box small{margin-top:4px;font-size:10px;color:#e5e7eb;font-weight:900;letter-spacing:.85px;text-align:left}
.mvp-stat-separator{height:42px;background:rgba(148,163,184,.22)}
.mvp-popup-actions{display:grid;grid-template-columns:1fr 1.05fr;gap:13px;margin:0}
.mvp-popup-actions button{
  min-height:53px;margin:0;padding:0 16px;border-radius:17px!important;font-size:13px;font-weight:950;letter-spacing:.25px;text-transform:uppercase;
  display:flex;align-items:center;justify-content:center;gap:9px;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease
}
.mvp-popup-actions button span{font-size:20px;line-height:1}
#mvpViewResultsBtn{color:#4b9bff!important;-webkit-text-fill-color:#4b9bff!important;background:rgba(7,28,55,.90)!important;border:2px solid #2f83f7!important;box-shadow:0 0 18px rgba(47,131,247,.17)!important}
#mvpCelebrationOkBtn{color:#fff!important;-webkit-text-fill-color:#fff!important;background:linear-gradient(180deg,#33dc62,#0bac3e)!important;border:1px solid rgba(132,255,163,.64)!important;box-shadow:0 11px 27px rgba(16,185,74,.27)!important}
.mvp-popup-actions button:hover{filter:brightness(1.08)}.mvp-popup-actions button:active{transform:scale(.975)}
.mvp-confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:102}
.mvp-confetti-piece{position:absolute;top:-24px;width:9px;height:16px;border-radius:2px;opacity:.95;animation:mvpConfettiFall linear forwards;box-shadow:0 2px 4px rgba(0,0,0,.16)}
@keyframes mvpConfettiFall{0%{transform:translate3d(0,-25px,0) rotate(0deg);opacity:0}8%{opacity:1}100%{transform:translate3d(var(--drift),105vh,0) rotate(var(--spin));opacity:.88}}
@keyframes mvpTrophyFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}}
@media(max-width:600px){
  #mvpCelebrationModal{padding:10px}
  .mvp-celebration-card{width:100%;max-height:96vh;padding:18px 16px 17px;border-radius:24px}
  .mvp-trophy-wrap{height:74px}.mvp-celebration-icon{width:67px;height:67px;border-radius:22px;font-size:41px}.mvp-laurel{font-size:31px}
  .mvp-celebration-kicker{min-height:27px;padding:5px 13px;margin-bottom:9px;font-size:9px;letter-spacing:1.2px}
  .mvp-celebration-card h2{font-size:24px}.mvp-celebration-round{font-size:11px;margin-bottom:13px}
  .mvp-winner-box{gap:11px;padding:14px 12px;margin-bottom:12px;border-radius:19px}.mvp-medal{font-size:43px}
  .mvp-winner-label{font-size:10px}.mvp-winner-name{font-size:31px;max-width:260px}
  .mvp-winner-stats{padding:11px 7px;gap:7px;margin-bottom:14px}.mvp-stat-icon{font-size:25px}.mvp-stat-box strong{font-size:23px}.mvp-stat-box small{font-size:8px;letter-spacing:.45px}.mvp-stat-separator{height:35px}
  .mvp-popup-actions{gap:8px}.mvp-popup-actions button{min-height:47px;padding:0 8px;border-radius:14px!important;font-size:10px;gap:6px}.mvp-popup-actions button span{font-size:17px}
}
@media(max-width:365px){.mvp-winner-name{font-size:27px;max-width:210px}.mvp-medal{font-size:38px}.mvp-popup-actions{grid-template-columns:1fr}.mvp-celebration-card{padding-top:14px}}
@media(prefers-reduced-motion:reduce){.mvp-celebration-icon{animation:none}.mvp-confetti-piece{animation-duration:1ms!important}}

/* V6.12.1 – moderna i stabilna Zajednička liga */
.global-league-panel{
  overflow:hidden!important;
  padding:20px!important;
  border:1px solid rgba(91,145,255,.24)!important;
  background:linear-gradient(145deg,#111c31 0%,#0c1628 100%)!important;
  border-radius:20px!important;
}
.global-league-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}
.global-league-title{display:flex;align-items:center;gap:11px;min-width:max-content}
.global-title-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#2764ff,#7c3cff);font-size:22px;box-shadow:0 8px 22px rgba(67,94,255,.25)}
.global-league-title b{font-size:21px;line-height:1.1;color:var(--text)}
.global-competitions-note{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px;color:var(--muted);font-size:11px;line-height:1.25;text-align:right}
.global-note-label{margin-right:2px}
.global-note-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid rgba(145,168,205,.22);border-radius:999px;background:rgba(7,15,28,.45);color:#e9f0fb;font-weight:750;white-space:nowrap}
.global-note-icon,.global-comp-icon{display:inline-grid;place-items:center;line-height:1}
.global-league-summary{display:flex;align-items:center;gap:7px;min-height:50px;padding:0 14px;margin:0 0 14px;border:1px solid rgba(145,168,205,.16);border-radius:14px;background:rgba(7,15,28,.38);color:var(--text)}
.global-summary-icon{font-size:19px}.global-league-summary b{font-size:14px}.global-league-summary span:last-child{font-size:12px;color:var(--muted)}
.global-table{display:grid!important;gap:8px!important}
.global-player-card{
  width:100%;display:grid!important;grid-template-columns:44px 48px minmax(0,1fr) 78px!important;align-items:center!important;gap:12px!important;
  min-height:76px!important;padding:10px 12px!important;border:1px solid rgba(145,168,205,.15)!important;border-radius:15px!important;
  background:linear-gradient(90deg,rgba(17,29,49,.92),rgba(12,23,40,.92))!important;color:var(--text)!important;text-align:left!important;
  box-shadow:none!important;cursor:pointer!important;transition:transform .16s ease,border-color .16s ease,background .16s ease!important;
}
.global-player-card:hover{transform:translateY(-1px);border-color:rgba(91,145,255,.5)!important;background:linear-gradient(90deg,rgba(21,37,62,.98),rgba(14,28,48,.98))!important}
.global-player-card.leader{border-color:rgba(255,188,31,.55)!important;background:linear-gradient(90deg,rgba(48,38,13,.55),rgba(12,23,40,.94))!important;box-shadow:inset 0 0 24px rgba(255,184,0,.05)!important}
.global-player-card.me{border-color:#2f7fff!important;background:linear-gradient(90deg,rgba(20,58,116,.48),rgba(12,28,53,.96))!important;box-shadow:inset 0 0 26px rgba(46,119,255,.09)!important}
.global-rank{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#101c30;color:#e8eef9;font-size:15px;font-weight:900}
.global-rank.rank-1,.global-rank.rank-2,.global-rank.rank-3{background:transparent;font-size:27px}
.global-avatar{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#315fcf,#5932a8);font-size:19px;font-weight:900;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.09)}
.global-player-main{min-width:0;display:flex;flex-direction:column;gap:7px}
.global-player-name{font-size:15px;font-weight:900;color:#f4f7fc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.global-player-name em{font-style:normal;color:#5b91ff}
.global-competition-points{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.global-comp-chip{display:inline-flex;align-items:center;gap:5px;min-height:27px;padding:3px 8px;border:1px solid rgba(145,168,205,.2);border-radius:8px;background:rgba(7,15,28,.52);color:#cbd5e5;font-size:11px;white-space:nowrap}
.global-comp-chip b{color:#fff;font-size:11px}.global-comp-name{max-width:95px;overflow:hidden;text-overflow:ellipsis}
.global-total{width:72px;min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(91,145,255,.25);border-radius:11px;background:rgba(7,15,28,.54)}
.global-total b{font-size:23px;line-height:1;color:#f7f9fd}.global-total small{margin-top:5px;font-size:10px;color:var(--muted)}
.global-player-card.leader .global-total b{color:#ffc62b}.global-player-card.me .global-total b{color:#5b91ff}
.global-rule{display:flex!important;align-items:flex-start!important;gap:8px!important;margin-top:12px!important;padding:10px 12px!important;border-radius:12px!important;background:rgba(7,15,28,.42)!important;color:#8fa0b9!important;font-size:10px!important;line-height:1.4!important}
.global-rule>span:first-child{color:#5b91ff;font-size:15px;line-height:1.05}
@media(max-width:700px){
  .global-league-panel{padding:14px!important;border-radius:17px!important}
  .global-league-head{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:12px}
  .global-competitions-note{justify-content:flex-start;text-align:left}
  .global-note-label{width:100%}
  .global-league-title b{font-size:20px}.global-title-icon{width:38px;height:38px;font-size:20px}
  .global-player-card{grid-template-columns:36px 40px minmax(0,1fr) 58px!important;gap:8px!important;min-height:70px!important;padding:9px 8px!important}
  .global-rank{width:32px;height:32px;font-size:13px}.global-rank.rank-1,.global-rank.rank-2,.global-rank.rank-3{font-size:23px}
  .global-avatar{width:38px;height:38px;font-size:16px}
  .global-player-name{font-size:13px}.global-comp-chip{font-size:9px;padding:3px 6px;gap:4px}.global-comp-chip b{font-size:9px}.global-comp-name{max-width:72px}
  .global-total{width:55px;min-height:48px}.global-total b{font-size:19px}.global-total small{font-size:8px}
}
@media(max-width:420px){
  .global-player-card{grid-template-columns:30px 34px minmax(0,1fr) 49px!important;gap:6px!important;padding:8px 6px!important}
  .global-rank{width:28px;height:28px}.global-avatar{width:32px;height:32px;font-size:14px}
  .global-comp-name{max-width:58px}.global-comp-chip{padding:2px 5px}
  .global-total{width:47px}.global-total b{font-size:17px}
}

/* V6.12.2 – MVP naslov klikabilan */
button.mvp-home-title{width:auto;margin:0;background:transparent;color:inherit;text-align:left;border-top:0;border-bottom:0;border-left:0;cursor:pointer;font:inherit}
button.mvp-home-title:hover{filter:brightness(1.08)}
button.mvp-home-title:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:14px}


/* V6.12.3 – Poredak u istom modernom stilu kao Zajednička liga */
.standings-modern-panel{
  overflow:visible!important;
  padding:20px!important;
  border:1px solid rgba(91,145,255,.24)!important;
  background:linear-gradient(145deg,#111c31 0%,#0c1628 100%)!important;
  border-radius:20px!important;
}
.standings-modern-head{margin-bottom:16px!important}
.standings-modern-panel #standingsList{display:grid;gap:8px}
.standings-player-card .global-comp-name{max-width:125px}
.standings-player-card .global-comp-chip:first-child{border-color:rgba(91,145,255,.35);background:rgba(33,66,120,.24)}
@media(max-width:700px){
  .standings-modern-panel{padding:14px!important;border-radius:17px!important}
  .standings-modern-head{align-items:center!important;flex-direction:row!important;gap:10px!important}
  .standings-modern-head .global-league-title b{font-size:20px}
  .standings-modern-head .standings-dropdown{margin-left:auto}
  .standings-player-card .global-comp-name{max-width:78px}
}
@media(max-width:480px){
  .standings-player-card .global-competition-points{gap:4px}
  .standings-player-card .global-comp-chip{padding:2px 5px}
  .standings-player-card .global-comp-chip:nth-child(2) .global-comp-name,
  .standings-player-card .global-comp-chip:nth-child(3) .global-comp-name{display:none}
}

.global-player-sub{display:flex;flex-direction:column;gap:2px;margin-top:4px;font-size:.83rem;color:#9fb0d3}
.global-player-sub b{color:#fff}
.sub-label{color:#8ea0c8}


/* V6.12.13 – promjena pozicije nakon završenog kola */
.global-player-name-row{display:flex;align-items:center;gap:7px;min-width:0}
.global-player-name-row .global-player-name{min-width:0;flex:1}
.rank-movement{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:31px;height:22px;padding:0 6px;border-radius:999px;font-size:10px;font-weight:950;letter-spacing:.1px;border:1px solid transparent}
.rank-movement.rank-up{color:#61e995;background:rgba(36,190,104,.13);border-color:rgba(64,222,132,.28);box-shadow:0 0 12px rgba(50,214,122,.07)}
.rank-movement.rank-down{color:#ff747d;background:rgba(219,54,70,.13);border-color:rgba(255,91,104,.27);box-shadow:0 0 12px rgba(255,73,89,.06)}
.rank-movement.rank-same{color:#9aabc2;background:rgba(119,140,170,.10);border-color:rgba(145,168,205,.18)}
@media(max-width:480px){.rank-movement{min-width:27px;height:20px;padding:0 5px;font-size:9px}.global-player-name-row{gap:4px}}


/* V6.12.14 – ADMIN pozivni link */
.invite-admin-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#14223a 0%,#0b1425 72%);border-color:#2b4264}
.invite-admin-card:before{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-85px;top:-105px;background:radial-gradient(circle,#8b5cf633,transparent 70%);pointer-events:none}
.invite-field{position:relative;background:#081426;border:1px solid #243a5b;border-radius:16px;padding:12px 14px;margin-top:10px}
.invite-label{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#8ea0ba;font-weight:900;margin-bottom:7px}
.invite-value-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.invite-code{font-size:24px;letter-spacing:.12em;color:var(--lime);line-height:1}
.invite-icon-btn{width:38px;height:38px;border-radius:11px;border:1px solid #35547d;background:#142642;color:#fff;font-size:17px;cursor:pointer}
.invite-link-text{font-size:12px;line-height:1.45;color:#d9e5f7;overflow-wrap:anywhere;word-break:break-word}
.invite-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:11px}.invite-actions .primary,.invite-actions .secondary{margin:0;min-height:44px}
.invite-help{margin:10px 2px 0;color:#7f91aa;font-size:11px;line-height:1.45}
@media(max-width:420px){.invite-code{font-size:21px}.invite-actions{grid-template-columns:1fr}.invite-link-text{font-size:11px}}


/* V14.1 settings + offline */
.settings-language-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.settings-language-option{position:relative;display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 13px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#101a2c,#0a1220);color:var(--text);font-weight:900;cursor:pointer;transition:.18s}
.settings-language-option:hover{border-color:#5b7cff;transform:translateY(-1px)}
.settings-language-option.active{border-color:var(--lime);background:linear-gradient(180deg,rgba(200,255,61,.12),#0b1622);box-shadow:0 0 0 2px rgba(200,255,61,.07)}
.settings-language-flag{font-size:20px;line-height:1}.settings-language-check{margin-left:auto;color:var(--lime);opacity:0}.settings-language-option.active .settings-language-check{opacity:1}
.legal-settings-links{display:grid;gap:8px}.settings-link-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:#0a111d;color:var(--text);text-decoration:none}.settings-link-row:hover{border-color:#5b7cff;background:#0e1830}.settings-link-row>span:first-child{display:grid;gap:3px}.settings-link-row small{color:var(--muted);font-size:11px}.settings-link-row>span:last-child{font-size:24px;color:#7183a6}
body.offline-mode::before{content:"OFFLINE";position:fixed;left:50%;top:7px;transform:translateX(-50%);z-index:9999;padding:4px 9px;border-radius:999px;background:#f59e0b;color:#101010;font-size:9px;font-weight:1000;letter-spacing:.8px;box-shadow:0 5px 18px rgba(0,0,0,.35)}
@media(max-width:440px){.settings-language-options{grid-template-columns:1fr}.settings-language-option{min-height:44px}}

/* V14.1 */
.notification-shortcut{min-width:42px;height:40px;border:1px solid #34415a;background:linear-gradient(180deg,#121d31,#0a1322);color:#eef4ff;border-radius:11px;font-size:20px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.notification-shortcut:hover{border-color:#5b7cff;background:linear-gradient(180deg,#182746,#0d1930)}
.settings-link-row{width:100%;font:inherit;text-align:left;cursor:pointer}
.legal-internal-view{max-width:860px;margin:0 auto}.legal-back-btn{margin:0 0 12px;border:0;background:transparent;color:var(--lime);font-weight:950;font-size:15px;cursor:pointer;padding:8px 2px}.legal-document-card{padding:22px}.legal-document-card h2{margin:0 0 5px;font-size:26px}.legal-document-card h3{margin:22px 0 7px;font-size:17px}.legal-document-card p,.legal-document-card li{color:var(--muted);line-height:1.65}.legal-document-card ul{padding-left:22px}
@media(max-width:620px){.header-actions{grid-template-columns:auto auto auto!important}.notification-shortcut{grid-column:1;grid-row:1}.header-language{grid-column:2;grid-row:1}.leagues-menu-btn{grid-column:3;grid-row:1}#logoutBtn{grid-column:3;grid-row:2}}


/* V14.3 – rotating Round MVP: one enabled competition at a time */
#mvpHighlights .mvp-home-grid.mvp-home-rotating{
  grid-template-columns:minmax(145px,.75fr) minmax(0,2fr)!important;
  align-items:stretch;
}
#mvpHighlights .mvp-rotation-wrap{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  position:relative;
}
#mvpHighlights .mvp-rotation-stage{
  min-height:86px;
  display:flex;
  align-items:stretch;
  opacity:1;
  transform:translateY(0);
  transition:opacity .18s ease,transform .18s ease;
}
#mvpHighlights .mvp-rotation-stage.is-fading{
  opacity:0;
  transform:translateY(4px);
}
#mvpHighlights .mvp-rotation-stage .mvp-home-item{
  width:100%;
  border-left:0!important;
}
#mvpHighlights .mvp-rotation-dots{
  height:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  margin-top:-2px;
}
#mvpHighlights .mvp-rotation-dot{
  width:5px;
  height:5px;
  border-radius:999px;
  background:rgba(148,163,184,.38);
  transition:width .2s ease,background .2s ease,box-shadow .2s ease;
}
#mvpHighlights .mvp-rotation-dot.active{
  width:15px;
  background:#fbbf24;
  box-shadow:0 0 9px rgba(251,191,36,.35);
}
@media(max-width:700px){
  #mvpHighlights .mvp-home-grid.mvp-home-rotating{grid-template-columns:1fr!important}
  #mvpHighlights .mvp-home-grid.mvp-home-rotating .mvp-home-title{grid-column:1!important}
  #mvpHighlights .mvp-rotation-stage{min-height:74px}
}
@media(prefers-reduced-motion:reduce){
  #mvpHighlights .mvp-rotation-stage{transition:none!important}
}

/* V14.5 - polished push notification settings */
.notification-settings-panel{overflow:hidden;position:relative}
.notification-settings-panel:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--lime),#7ea2ff);opacity:.9}
.notification-panel-head{align-items:center}
.notification-bell-mark{width:10px;height:10px;border-radius:999px;background:var(--lime);box-shadow:0 0 14px rgba(200,255,61,.45);font-size:0;flex:0 0 auto}
.notification-master-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 15px;border:1px solid rgba(91,124,255,.3);border-radius:16px;background:linear-gradient(180deg,#111d31,#0b1423);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.notification-master-copy{display:grid;gap:4px;min-width:0}
.notification-master-copy b{font-size:14px;color:var(--text)}
.notification-master-copy small{font-size:11px;line-height:1.35;color:var(--muted)}
.notification-master-btn{width:auto!important;min-width:152px;min-height:42px;border-radius:12px!important;padding:10px 14px!important;white-space:nowrap}
.notification-master-btn.danger{border-color:rgba(255,93,115,.45)!important;background:rgba(255,93,115,.1)!important;color:#ff8798!important}
.notification-preferences{display:grid;gap:10px;margin-top:16px;padding-top:15px;border-top:1px solid var(--line)}
.notification-pref-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 2px 1px}
.notification-pref-heading>span{font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--lime)}
.notification-pref-heading>small{font-size:10px;color:var(--muted);text-align:right}
.notification-pref-row{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:66px;padding:12px 13px 12px 14px;border:1px solid #26344a;border-radius:15px;background:linear-gradient(180deg,#0f1929,#0a121f);cursor:pointer;transition:border-color .18s ease,transform .18s ease,background .18s ease,box-shadow .18s ease}
.notification-pref-row:hover{border-color:rgba(200,255,61,.35);background:linear-gradient(180deg,#122034,#0b1524);transform:translateY(-1px)}
.notification-pref-row:has(input:checked){border-color:rgba(200,255,61,.28);box-shadow:inset 3px 0 0 rgba(200,255,61,.9)}
.notification-pref-copy{display:grid;gap:4px;min-width:0;padding-right:4px}
.notification-pref-copy b{font-size:13px;line-height:1.25;color:var(--text)}
.notification-pref-copy small{font-size:10.5px;line-height:1.4;color:var(--muted)}
.notification-pref-row .switch{width:50px;height:28px;flex:0 0 50px}
.notification-pref-row .switch-slider{border-color:#36445b;background:#202c3f;box-shadow:inset 0 1px 2px rgba(0,0,0,.25)}
.notification-pref-row .switch-slider:after{width:20px;height:20px;left:3px;top:3px;background:#dce4f4}
.notification-pref-row .switch input:checked+.switch-slider{background:var(--lime);border-color:var(--lime);box-shadow:0 0 0 3px rgba(200,255,61,.08)}
.notification-pref-row .switch input:checked+.switch-slider:after{transform:translateX(22px);background:#152000}
.notification-preferences.is-disabled{opacity:.47;filter:saturate(.65)}
.notification-preferences.is-disabled .notification-pref-row{pointer-events:none;transform:none}
.notification-pref-status{min-height:17px;margin:0 2px;font-size:10px}
@media(max-width:520px){
  .notification-master-card{align-items:flex-start;flex-direction:column}
  .notification-master-btn{width:100%!important;min-width:0}
  .notification-pref-heading{align-items:flex-start;flex-direction:column;gap:3px}
  .notification-pref-heading>small{text-align:left}
  .notification-pref-row{min-height:64px;padding:11px 12px}
}

.competition-chip-top{grid-template-columns:repeat(3,minmax(0,1fr))!important;}

/* V14.14 - keep All / Today / Live in one row on mobile */
.competition-chips.competition-chips-paired .competition-chip-row.competition-chip-top{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
}
.competition-chips.competition-chips-paired .competition-chip-row.competition-chip-top .chip,
.competition-chips.competition-chips-paired .competition-chip-row.competition-chip-top .live-filter-chip{
  min-width:0!important;
  width:100%!important;
  padding:8px 4px!important;
  font-size:10px!important;
  gap:3px!important;
  white-space:nowrap!important;
}
.competition-chips.competition-chips-paired .competition-chip-row.competition-chip-top .chip-icon{
  font-size:10px!important;
}
@media(max-width:420px){
  .competition-chips.competition-chips-paired .competition-chip-row.competition-chip-top{
    gap:4px!important;
  }
  .competition-chips.competition-chips-paired .competition-chip-row.competition-chip-top .chip,
  .competition-chips.competition-chips-paired .competition-chip-row.competition-chip-top .live-filter-chip{
    padding:7px 2px!important;
    font-size:9px!important;
    letter-spacing:-.1px!important;
  }
  .competition-chips.competition-chips-paired .competition-chip-row.competition-chip-top .chip-icon{
    font-size:9px!important;
  }
}
@media(max-width:340px){
  .competition-chips.competition-chips-paired .competition-chip-row.competition-chip-top .chip,
  .competition-chips.competition-chips-paired .competition-chip-row.competition-chip-top .live-filter-chip{
    font-size:8px!important;
    padding:6px 1px!important;
    gap:2px!important;
  }
  .competition-chips.competition-chips-paired .competition-chip-row.competition-chip-top .chip-icon{
    font-size:8px!important;
  }
}

/* V14.20 – custom Overall groups */
.overall-settings-card{position:relative;overflow:hidden;border-color:rgba(200,255,61,.18);background:linear-gradient(145deg,rgba(17,28,47,.96),rgba(9,16,29,.98))}.overall-settings-card:before{content:"";position:absolute;right:-52px;top:-62px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(200,255,61,.12),transparent 68%);pointer-events:none}.overall-settings-head{align-items:center}.overall-settings-badge{font-size:9px;font-weight:950;letter-spacing:.9px;color:#dfff77;border:1px solid rgba(200,255,61,.25);background:rgba(200,255,61,.08);border-radius:999px;padding:5px 8px}.overall-settings-note{margin:4px 0 14px;color:#9dacbf;font-size:12px;line-height:1.5}.overall-group-picker{display:grid;gap:9px;margin-bottom:12px}.overall-group-option{display:flex;align-items:center;gap:11px;width:100%;min-height:58px;padding:11px 12px;border:1px solid #293752;border-radius:15px;background:linear-gradient(180deg,#101b2e,#0a1423);cursor:pointer;transition:.18s;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.overall-group-option:hover{border-color:#46618d;transform:translateY(-1px)}.overall-group-option.selected{border-color:rgba(200,255,61,.52);background:linear-gradient(180deg,rgba(39,55,50,.95),rgba(13,26,30,.98));box-shadow:0 0 0 2px rgba(200,255,61,.06),inset 0 1px 0 rgba(255,255,255,.04)}.overall-group-option input{position:absolute;opacity:0;pointer-events:none}.overall-group-check{display:grid;place-items:center;width:22px;height:22px;flex:0 0 22px;border-radius:7px;border:1px solid #44516a;background:#09111e;color:#08110d;font-size:13px;font-weight:1000}.overall-group-option.selected .overall-group-check{background:var(--lime);border-color:var(--lime)}.overall-group-copy{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.overall-group-copy b{font-size:13px;color:#f5f8ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overall-group-copy small{font-size:10px;color:#8291a8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overall-group-role{font-size:9px;font-weight:900;color:#b7c5d9;border:1px solid #34425a;border-radius:999px;padding:4px 7px}.overall-save-btn{width:100%;min-height:44px}.overall-settings-status{margin:9px 2px 0;font-size:10px}.overall-edit-btn{margin-left:auto;border:1px solid #34445f;background:linear-gradient(180deg,#17243a,#0c1727);color:#eaf1ff;border-radius:11px;padding:7px 10px;font-size:10px;font-weight:900;cursor:pointer}.overall-edit-btn:hover{border-color:rgba(200,255,61,.45);color:#e9ff9c}.overall-group-summary{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.overall-group-chip{display:inline-flex;align-items:center;gap:5px;border:1px solid #31415d;background:#0c1728;border-radius:999px;padding:5px 8px;color:#d9e4f5;font-size:9px;font-weight:850}.overall-empty-action{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 14px;text-align:center}.overall-empty-action .overall-empty-icon{font-size:31px}.overall-empty-action b{font-size:14px}.overall-empty-action span{max-width:320px;color:#91a0b5;font-size:11px;line-height:1.5}.overall-empty-action button{margin-top:2px}
@media(max-width:620px){.overall-group-option{min-height:54px;padding:10px}.overall-group-role{display:none}.overall-edit-btn{padding:7px 9px}.global-league-head .overall-edit-btn{margin-left:auto}}

/* V14.21 – shared Overall + Global Ranking */
.ranking-mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 10px;padding:4px;border:1px solid #26354d;border-radius:16px;background:#0a1422;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.ranking-mode-btn{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;text-align:left;border:1px solid transparent;border-radius:12px;padding:9px 11px;background:transparent;color:#8f9eb3;cursor:pointer;transition:.18s}
.ranking-mode-btn>span{grid-row:1/3;font-size:20px}.ranking-mode-btn>b{font-size:12px;color:#b8c5d7}.ranking-mode-btn>small{font-size:9px;color:#718198}.ranking-mode-btn.active{border-color:rgba(200,255,61,.34);background:linear-gradient(180deg,rgba(43,61,45,.9),rgba(15,29,31,.95));box-shadow:0 0 0 2px rgba(200,255,61,.04)}.ranking-mode-btn.active>b{color:#efffb3}.ranking-mode-btn.active>small{color:#a8b987}
.global-app-head .global-league-title>div{display:flex;flex-direction:column;gap:2px}.global-app-head .global-league-title small{font-size:9px;color:#7f8ea4;font-weight:700}.global-filter-row{display:flex;gap:6px;overflow-x:auto;padding:2px 0 11px;scrollbar-width:none}.global-filter-row::-webkit-scrollbar{display:none}.global-filter-chip{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;border:1px solid #2c3a52;border-radius:999px;background:#0b1626;color:#a8b5c8;padding:7px 10px;font-size:9px;font-weight:850;cursor:pointer}.global-filter-chip.active{border-color:rgba(200,255,61,.46);background:rgba(200,255,61,.1);color:#eaff9e}.global-filter-chip span{font-size:10px}
@media(max-width:420px){.ranking-mode-btn{padding:8px 9px;column-gap:6px}.ranking-mode-btn>span{font-size:16px}.ranking-mode-btn>b{font-size:11px}.ranking-mode-btn>small{font-size:8px}.global-filter-chip{padding:6px 8px}}


/* V14.27 – configurable scoring */
.scoring-settings-card{background:linear-gradient(180deg,rgba(22,34,56,.98),rgba(11,18,31,.98));border-color:rgba(94,234,212,.17)}
.scoring-settings-head{align-items:center}.scoring-settings-badge{font-size:10px;font-weight:900;letter-spacing:.08em;color:var(--lime);border:1px solid rgba(94,234,212,.28);background:rgba(94,234,212,.08);padding:6px 8px;border-radius:999px}
.scoring-settings-note{color:var(--muted);font-size:12px;line-height:1.5;margin:0 0 12px}.scoring-settings-list{display:grid;gap:9px}
.scoring-rule-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025)}
.scoring-rule-copy{min-width:0}.scoring-rule-copy b{display:block;font-size:13px}.scoring-rule-copy small{display:block;color:var(--muted);font-size:10px;margin-top:3px;line-height:1.35}
.scoring-rule-points{display:flex;align-items:center;gap:5px;background:var(--card2);border:1px solid var(--line);border-radius:11px;padding:4px 7px}.scoring-rule-points input{width:38px;border:0;background:transparent;color:var(--text);font-weight:900;text-align:center;padding:4px 0;outline:0}.scoring-rule-points span{font-size:10px;color:var(--muted);font-weight:800}
.scoring-rule-row.disabled .scoring-rule-points{opacity:.42}.scoring-rule-row.locked-rule .switch{opacity:.75}.scoring-save-btn{width:100%;margin-top:12px}
.advanced-picks{margin:10px 0 0;padding:11px;border:1px solid var(--line);border-radius:14px;background:rgba(7,14,25,.45);display:grid;gap:8px}.advanced-picks-title{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:var(--lime);font-weight:900}
.advanced-pick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.advanced-field{display:grid;gap:5px}.advanced-field.full{grid-column:1/-1}.advanced-field label{font-size:10px;color:var(--muted);font-weight:800}.advanced-field input,.advanced-field select{width:100%;min-width:0;background:var(--card2);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:9px;font-size:12px}
.admin-advanced-result{margin-top:10px;padding:10px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025)}.admin-advanced-result summary{cursor:pointer;font-size:11px;font-weight:900;color:var(--lime)}.admin-advanced-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:9px}.admin-advanced-grid label{display:grid;gap:4px;color:var(--muted);font-size:10px}.admin-advanced-grid input,.admin-advanced-grid select{width:100%;background:var(--card2);border:1px solid var(--line);color:var(--text);border-radius:9px;padding:8px;font-size:12px}.admin-advanced-grid .full{grid-column:1/-1}
.home-bonus-rules{grid-column:1/-1;margin-top:3px;display:flex;gap:6px;flex-wrap:wrap}.home-bonus-chip{font-size:9px;color:var(--muted);border:1px solid var(--line);background:rgba(255,255,255,.025);padding:5px 7px;border-radius:999px}.home-bonus-chip b{color:var(--text);font-size:9px}
@media(max-width:560px){.scoring-rule-row{grid-template-columns:minmax(0,1fr) auto;gap:8px}.scoring-rule-points{grid-column:2}.scoring-rule-row .switch{grid-column:1;grid-row:2;justify-self:start}.advanced-pick-grid,.admin-advanced-grid{grid-template-columns:1fr}.advanced-field.full,.admin-advanced-grid .full{grid-column:auto}}


/* V14.28 – modern lineup pitch modal */
.lineups-modal{z-index:120;padding:12px;background:rgba(1,6,15,.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.lineups-modal-card{width:min(920px,100%);max-height:94dvh;padding:18px;border-radius:26px;background:radial-gradient(circle at 50% -15%,rgba(57,124,255,.16),transparent 34%),linear-gradient(180deg,#101c31,#08111e);border:1px solid rgba(116,147,190,.25);box-shadow:0 30px 100px rgba(0,0,0,.72)}
.lineups-modal-head{margin-bottom:15px;padding:0 2px}.lineups-modal-head>div{display:flex;flex-direction:column;gap:2px}.lineups-modal-head small{font-size:9px;font-weight:950;letter-spacing:1.8px;color:#68a4ff}.lineups-modal-head b{font-size:clamp(17px,4vw,24px);line-height:1.15}
.lineup-pitches{display:grid;grid-template-columns:1fr 1fr;gap:14px}.lineup-side{min-width:0}.lineup-team-head{display:flex;align-items:center;gap:10px;margin:0 3px 9px}.lineup-team-head img{width:34px;height:34px;object-fit:contain}.lineup-team-head div{min-width:0;display:flex;flex-direction:column}.lineup-team-head strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lineup-team-head span{font-size:11px;color:var(--lime);font-weight:900}
.football-pitch{position:relative;height:480px;overflow:hidden;border-radius:20px;border:2px solid rgba(225,255,224,.62);background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 60px,rgba(0,0,0,.035) 60px,rgba(0,0,0,.035) 120px),linear-gradient(180deg,#187241,#0f6135);box-shadow:inset 0 0 45px rgba(0,0,0,.22),0 14px 28px rgba(0,0,0,.22)}
.football-pitch:before{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.55);border-radius:2px;pointer-events:none}.pitch-half{position:absolute;left:10px;right:10px;top:50%;height:1px;background:rgba(255,255,255,.62)}.pitch-circle{position:absolute;left:50%;top:50%;width:88px;height:88px;border:1px solid rgba(255,255,255,.62);border-radius:50%;transform:translate(-50%,-50%)}.pitch-circle:after{content:"";position:absolute;left:50%;top:50%;width:4px;height:4px;border-radius:50%;background:#fff;transform:translate(-50%,-50%)}
.pitch-box{position:absolute;left:50%;width:48%;height:17%;border:1px solid rgba(255,255,255,.6);transform:translateX(-50%)}.pitch-box-top{top:10px;border-top:0}.pitch-box-bottom{bottom:10px;border-bottom:0}.pitch-goal{position:absolute;left:50%;width:20%;height:10px;border:1px solid rgba(255,255,255,.65);transform:translateX(-50%)}.pitch-goal-top{top:0}.pitch-goal-bottom{bottom:0}
.pitch-player{position:absolute;width:76px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;z-index:3;text-align:center;filter:drop-shadow(0 3px 5px rgba(0,0,0,.35))}.pitch-player-number{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#eef5ff,#bcd2ef);border:2px solid #fff;color:#071427;font-size:10px;font-weight:1000;box-shadow:0 3px 9px rgba(0,0,0,.35)}.pitch-player-name{max-width:76px;margin-top:3px;padding:2px 5px;border-radius:7px;background:rgba(3,12,22,.82);color:#fff;font-size:8.5px;font-weight:900;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid rgba(255,255,255,.13)}
.lineup-modal-loading,.lineup-modal-empty{min-height:250px;display:flex;align-items:center;justify-content:center;gap:9px;text-align:center;color:var(--muted);font-weight:800}.lineup-ball{font-size:25px;animation:lineupBall 1.1s ease-in-out infinite alternate}@keyframes lineupBall{to{transform:translateY(-7px) rotate(18deg)}}
@media(max-width:720px){.lineups-modal-card{padding:13px;border-radius:22px}.lineup-pitches{grid-template-columns:1fr;gap:20px}.football-pitch{height:430px}.lineup-side+ .lineup-side{padding-top:16px;border-top:1px solid rgba(148,163,184,.18)}}
@media(max-width:390px){.football-pitch{height:400px}.pitch-player{width:66px}.pitch-player-name{max-width:66px;font-size:7.7px}.pitch-player-number{width:26px;height:26px}.lineups-modal{padding:7px}}


/* V14.29 modern bonus prediction controls */
.modern-select-wrap{position:relative}.modern-select-wrap select{appearance:none;-webkit-appearance:none;padding-right:38px!important;border-color:rgba(55,211,153,.32)!important;background:linear-gradient(180deg,rgba(19,34,47,.98),rgba(11,22,33,.98))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.select-chevron{pointer-events:none;position:absolute;right:13px;top:50%;transform:translateY(-55%);color:var(--lime);font-size:19px;font-weight:900}.scorer-field small{font-size:9px;color:var(--muted);line-height:1.35}
.bonus-choice-group{display:flex;flex-wrap:wrap;gap:7px}.bonus-choice{min-height:37px;flex:1 1 auto;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:linear-gradient(180deg,rgba(25,39,52,.92),rgba(15,27,39,.92));color:var(--muted);font-size:11px;font-weight:850;padding:8px 10px;box-shadow:none;transition:.16s ease}.bonus-choice span{margin-right:5px}.bonus-choice:hover{border-color:rgba(55,211,153,.34);color:var(--text);transform:translateY(-1px)}.bonus-choice.active{border-color:rgba(55,211,153,.72);background:linear-gradient(135deg,rgba(55,211,153,.22),rgba(55,211,153,.08));color:#eafff7;box-shadow:0 0 0 1px rgba(55,211,153,.10),0 7px 22px rgba(0,0,0,.18)}
.modern-number{border-color:rgba(55,211,153,.28)!important;background:linear-gradient(180deg,rgba(19,34,47,.98),rgba(11,22,33,.98))!important;font-weight:800}
@media(max-width:560px){.bonus-choice{min-width:72px}.advanced-field.full .bonus-choice{flex:1 1 calc(50% - 7px)}}

/* V14.30 — safe prediction editing + modern numeric selectors */
.score-select-wrap{position:relative;display:inline-flex;align-items:center}.score-select{appearance:none;-webkit-appearance:none;padding-right:24px!important;cursor:pointer;text-align:center;font-weight:900}.score-select-chevron{position:absolute;right:7px;pointer-events:none;color:var(--primary,#37d399);font-size:12px;font-weight:900}.modern-number-select{appearance:none;-webkit-appearance:none;width:100%;min-width:0;background:linear-gradient(180deg,rgba(19,34,47,.98),rgba(11,22,33,.98));border:1px solid rgba(55,211,153,.28);color:var(--text);border-radius:10px;padding:10px 30px 10px 10px;font-size:12px;font-weight:800;cursor:pointer}


/* V14.31 — first-click scorer picker + ScorePredict dropdown menus */
.scorer-picker{position:relative}.scorer-picker-button{width:100%;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(55,211,153,.34);border-radius:11px;padding:10px 12px;background:linear-gradient(180deg,rgba(19,34,47,.98),rgba(11,22,33,.98));color:var(--text);font-size:12px;font-weight:850;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 24px rgba(0,0,0,.12)}.scorer-picker-button:hover,.scorer-picker.open .scorer-picker-button{border-color:rgba(204,248,62,.7);box-shadow:0 0 0 3px rgba(204,248,62,.07),inset 0 1px 0 rgba(255,255,255,.04)}.scorer-picker-button:disabled{opacity:.75;cursor:wait}.scorer-picker-value{color:#9dadc3;text-align:left;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scorer-picker-value.has-value{color:#f7fbff}.select-chevron-inline{color:var(--lime);font-size:20px;font-weight:1000;line-height:1}.scorer-picker-loading{color:#c7d4e6}.scorer-menu{display:none;position:absolute;z-index:80;left:0;right:0;top:calc(100% + 7px);max-height:330px;overflow:auto;border:1px solid rgba(204,248,62,.28);border-radius:14px;padding:7px;background:linear-gradient(180deg,#101a2b,#09111d);box-shadow:0 22px 60px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.025)}.scorer-menu.open{display:block}.scorer-menu-team+.scorer-menu-team{margin-top:8px;padding-top:8px;border-top:1px solid #26344d}.scorer-menu-team-title{padding:5px 7px 7px;color:var(--lime);font-size:9px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase}.scorer-menu-player{display:flex;align-items:center;gap:9px;width:100%;border:0;border-radius:10px;padding:8px;background:transparent;color:#f5f8ff;text-align:left;cursor:pointer}.scorer-menu-player:hover,.scorer-menu-player.active{background:linear-gradient(90deg,rgba(204,248,62,.13),rgba(55,211,153,.06))}.scorer-menu-number{width:27px;height:27px;flex:0 0 27px;display:grid;place-items:center;border-radius:8px;background:#17243a;border:1px solid #30415e;color:#dce7f7;font-size:10px;font-weight:1000}.scorer-menu-player.active .scorer-menu-number{background:var(--lime);border-color:var(--lime);color:#172000}.scorer-menu-copy{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.scorer-menu-copy b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.scorer-menu-copy small{color:#8191a8;font-size:8px}.scorer-menu-check{color:var(--lime);font-weight:1000}.scorer-menu-empty{padding:15px;text-align:center;color:#8f9eb2;font-size:11px}
.modern-select-wrap select,.score-select{background:linear-gradient(180deg,#142236,#0b1625)!important;border-color:rgba(204,248,62,.3)!important;color:#f4f8ff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 6px 16px rgba(0,0,0,.10)!important}.modern-select-wrap select:focus,.score-select:focus{border-color:var(--lime)!important;box-shadow:0 0 0 3px rgba(204,248,62,.08)!important}.modern-select-wrap select option,.score-select option,.modern-number-select option,.admin-advanced-grid select option{background:#101a2b;color:#f4f8ff}.modern-select-wrap select option:checked,.score-select option:checked,.modern-number-select option:checked,.admin-advanced-grid select option:checked{background:#283b31;color:#eaffaa}

/* V14.33 — fully custom ScorePredict numeric dropdowns */
.app-number-picker{position:relative;width:100%;min-width:0;z-index:12}.app-number-picker.compact{width:68px;flex:0 0 68px}.app-number-picker-btn{width:100%;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid rgba(204,248,62,.30);border-radius:11px;padding:10px 11px;background:linear-gradient(180deg,#142236,#0b1625);color:#f4f8ff;font-size:12px;font-weight:900;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 6px 16px rgba(0,0,0,.12);transition:.15s ease}.app-number-picker.compact .app-number-picker-btn{min-height:39px;padding:8px 8px;font-size:14px;text-align:center}.app-number-picker-btn:hover,.app-number-picker.open .app-number-picker-btn{border-color:var(--lime);box-shadow:0 0 0 3px rgba(204,248,62,.08),inset 0 1px 0 rgba(255,255,255,.04)}.app-number-picker-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#95a6bd}.app-number-picker.compact .app-number-picker-value{margin:auto;color:#f7fbff}.app-number-picker-value.has-value{color:#f7fbff}.app-number-picker-menu{display:none;position:absolute;z-index:150;left:0;right:0;top:calc(100% + 6px);max-height:255px;overflow:auto;padding:7px;border:1px solid rgba(204,248,62,.32);border-radius:14px;background:linear-gradient(180deg,#101a2b,#09111d);box-shadow:0 22px 60px rgba(0,0,0,.58),0 0 0 1px rgba(255,255,255,.025);scrollbar-width:thin;scrollbar-color:rgba(204,248,62,.45) #0b1422}.app-number-picker.open{z-index:170}.app-number-picker.open .app-number-picker-menu{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;animation:standingsDropIn .14s ease-out}.app-number-picker.compact .app-number-picker-menu{left:50%;right:auto;width:230px;transform:translateX(-50%);grid-template-columns:repeat(5,1fr)}.app-number-picker-option{min-height:38px;border:1px solid #263650;border-radius:9px;background:#111d30;color:#eaf1fb;font-size:12px;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:.12s ease}.app-number-picker-option:hover{border-color:rgba(204,248,62,.48);background:#182941;color:#fff}.app-number-picker-option.active{border-color:var(--lime);background:linear-gradient(135deg,rgba(204,248,62,.22),rgba(55,211,153,.12));color:#efffc0;box-shadow:inset 0 0 0 1px rgba(204,248,62,.08)}.app-number-picker-option.active span{color:var(--lime);font-size:10px}.app-number-picker.disabled{opacity:.46;pointer-events:none}.pick .app-number-picker{width:64px}.pick .app-number-picker-btn{min-height:40px;padding:7px 7px;font-size:15px}.pick .app-number-picker-menu{width:225px;left:50%;right:auto;transform:translateX(-50%)}
@media(max-width:390px){.app-number-picker.open .app-number-picker-menu{grid-template-columns:repeat(4,minmax(0,1fr))}.app-number-picker.compact .app-number-picker-menu,.pick .app-number-picker-menu{width:205px}}

/* V14.33 — simpler score dropdown */
.score-dropdown-picker{width:64px!important;flex:0 0 64px}.score-dropdown-picker .app-number-picker-btn{min-height:40px;border-radius:12px;padding:7px 9px;background:linear-gradient(180deg,#142236,#0b1625);font-size:16px}.score-dropdown-picker .select-chevron-inline{font-size:15px}.score-dropdown-picker.open .score-dropdown-menu{display:flex!important;flex-direction:column!important;gap:2px!important;left:50%!important;right:auto!important;width:92px!important;max-height:250px!important;padding:5px!important;transform:translateX(-50%)!important;border-radius:12px!important;overflow-y:auto!important}.score-dropdown-option{min-height:34px!important;width:100%;display:flex!important;justify-content:space-between!important;align-items:center!important;padding:0 10px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#eaf1fb!important;font-size:13px!important}.score-dropdown-option:hover{background:#17263b!important}.score-dropdown-option.active{background:linear-gradient(90deg,rgba(204,248,62,.18),rgba(55,211,153,.10))!important;color:#efffc0!important;box-shadow:none!important}.score-dropdown-number{font-weight:900}.score-dropdown-check{margin-left:auto;color:var(--lime)!important;font-size:11px!important}.score-dropdown-picker .app-number-picker-value{margin:auto 0 auto auto!important}.score-dropdown-picker .app-number-picker-value+span{margin-left:auto}


/* V14.34 — score reset + stable score dropdown */
.score-dropdown-clear{position:sticky;top:-5px;z-index:2;width:100%;min-height:38px;display:flex;align-items:center;gap:8px;padding:0 10px;margin-bottom:4px;border:0;border-bottom:1px solid rgba(204,248,62,.14);border-radius:8px;background:#101a2b;color:#b9c7da;font-size:11px;font-weight:900;cursor:pointer;text-align:left}.score-dropdown-clear:hover{background:linear-gradient(90deg,rgba(204,248,62,.14),rgba(55,211,153,.07));color:#efffc0}.score-clear-icon{width:23px;height:23px;display:grid;place-items:center;border-radius:7px;background:rgba(204,248,62,.10);color:var(--lime);font-size:16px;font-weight:1000}.app-number-picker-check{color:var(--lime);font-size:10px;font-weight:1000}


/* V14.35 — Google OAuth */
.auth-oauth-divider{display:flex;align-items:center;gap:11px;margin:3px 0;color:#728197;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.11em}.auth-oauth-divider:before,.auth-oauth-divider:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,#2a3951)}.auth-oauth-divider:after{background:linear-gradient(90deg,#2a3951,transparent)}.auth-oauth-divider span{padding:0 2px}.google-auth-btn{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;gap:11px;border:1px solid rgba(204,248,62,.38);border-radius:14px;padding:11px 14px;background:linear-gradient(180deg,#16243a,#0c1727);color:#f4f8ff;font-weight:950;font-size:13px;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 24px rgba(0,0,0,.18);transition:.16s ease}.google-auth-btn:hover{border-color:var(--lime);background:linear-gradient(180deg,#1b2d45,#102037);box-shadow:0 0 0 3px rgba(204,248,62,.07),inset 0 1px 0 rgba(255,255,255,.06)}.google-auth-btn:active{transform:scale(.985)}.google-auth-btn:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.google-auth-btn:disabled{opacity:.72;cursor:wait;transform:none}.google-auth-icon{width:25px;height:25px;display:grid;place-items:center;flex:0 0 25px;border-radius:8px;background:#fff;padding:4px;box-shadow:0 2px 8px rgba(0,0,0,.22)}.google-auth-icon svg{display:block;width:100%;height:100%}.google-auth-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.25);border-top-color:var(--lime);border-radius:50%;animation:googleAuthSpin .7s linear infinite}@keyframes googleAuthSpin{to{transform:rotate(360deg)}}@media(max-width:520px){.google-auth-btn{min-height:47px;font-size:12.5px;border-radius:13px}}


/* V14.37 – admin bonus controls + match point breakdown */
.admin-advanced-grid .app-number-picker,.admin-advanced-grid .scorer-picker{width:100%}.admin-bonus-choice{margin-top:6px}.admin-bonus-choice .bonus-choice{min-width:0;flex:1}.admin-scorer-menu{z-index:120}.prediction-breakdown-card{width:min(590px,100%)}.modal-kicker{display:block;color:var(--lime);font-size:9px;font-weight:1000;letter-spacing:.12em;margin-bottom:3px}.breakdown-score-head{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin-bottom:14px}.breakdown-score-head>div{background:#0a111d;border:1px solid var(--line);border-radius:14px;padding:11px 12px}.breakdown-score-head small{display:block;color:#8291a8;font-size:8px;font-weight:1000;letter-spacing:.08em}.breakdown-score-head b{display:block;margin-top:4px;font-size:20px}.breakdown-score-head .breakdown-total{border-color:rgba(204,248,62,.38);background:linear-gradient(180deg,rgba(204,248,62,.12),rgba(55,211,153,.05))}.breakdown-total b{color:var(--lime)}.breakdown-list{display:grid;gap:7px}.breakdown-row{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:9px;padding:10px 11px;border:1px solid var(--line);border-radius:13px;background:#0a111d}.breakdown-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-weight:1000;background:#17243a;color:#8ea0b8}.breakdown-row.hit{border-color:rgba(204,248,62,.25);background:linear-gradient(90deg,rgba(204,248,62,.08),rgba(10,17,29,.98))}.breakdown-row.hit .breakdown-icon{background:var(--lime);color:#152000}.breakdown-row.miss .breakdown-icon{background:rgba(255,102,125,.14);color:#ff7188}.breakdown-row.unavailable{opacity:.66}.breakdown-copy{min-width:0}.breakdown-copy b{display:block;font-size:12px}.breakdown-copy small{display:block;color:#8796ab;font-size:9px;margin-top:2px;white-space:normal}.breakdown-row>strong{font-size:14px;color:#8ea0b8}.breakdown-row.hit>strong{color:var(--lime)}@media(max-width:520px){.breakdown-score-head{grid-template-columns:1fr 1fr}.breakdown-score-head .breakdown-total{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}.breakdown-row{grid-template-columns:28px 1fr auto;padding:9px}.breakdown-copy small{font-size:8px}}

/* V14.38 LIVE bonus predictions */
.person-pick-button{width:100%;border:0;background:transparent;font:inherit;text-align:left;cursor:pointer;border-radius:10px;transition:.18s ease}
.person-pick-button:hover,.person-pick-button:focus-visible{background:rgba(204,248,62,.07);outline:none;padding-left:8px;padding-right:8px}
.person-pick-right{display:flex;align-items:center;gap:8px;justify-content:flex-end}
.person-pick-right i{font-style:normal;font-size:10px;font-weight:900;color:var(--lime);letter-spacing:.02em}
.live-prediction-head{display:grid;grid-template-columns:1fr auto;gap:9px;margin-bottom:13px}
.live-prediction-head>div{background:#0a111d;border:1px solid var(--line);border-radius:14px;padding:12px 13px}
.live-prediction-head small{display:block;color:#8494aa;font-size:9px;font-weight:900;letter-spacing:.07em}
.live-prediction-head b{display:block;margin-top:4px;font-size:20px}
.live-prediction-head>div:last-child{border-color:rgba(204,248,62,.35);background:linear-gradient(180deg,rgba(204,248,62,.11),rgba(55,211,153,.04))}
.live-prediction-head>div:last-child b{color:var(--lime)}
.live-prediction-list{display:grid;gap:7px}
.live-prediction-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 12px;background:#0a111d;border:1px solid var(--line);border-radius:12px}
.live-prediction-row span{color:#8f9db0;font-size:11px;font-weight:800}
.live-prediction-row b{color:var(--text);font-size:12px;text-align:right}
@media(max-width:520px){.person-pick-right i{display:none}.live-prediction-head{grid-template-columns:1fr}.live-prediction-row{padding:10px}}


/* V14.39 — Rules, legal & account deletion */
.rules-settings-card{padding:0;overflow:hidden;border-color:rgba(194,255,61,.28);background:linear-gradient(135deg,rgba(194,255,61,.08),rgba(16,26,44,.96) 42%,rgba(10,18,32,.98))}
.rules-settings-link{min-height:74px;padding:16px 17px;border:0;background:transparent;width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;text-align:left;color:var(--text)}
.rules-settings-link:hover{background:rgba(194,255,61,.06)}
.settings-row-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:rgba(194,255,61,.11);border:1px solid rgba(194,255,61,.26);font-size:21px}
.settings-row-copy{display:grid;gap:3px}.settings-row-copy b{font-size:15px}.settings-row-copy small{color:var(--muted);font-size:12px}.settings-row-arrow{font-size:28px;color:#c8ff3d;font-weight:700}
.rules-modal-card{width:min(620px,calc(100vw - 26px));max-height:min(84vh,760px);display:flex;flex-direction:column;overflow:hidden}
.rules-modal-body{overflow:auto;padding:2px 4px 8px;scrollbar-width:thin}
.rules-modal-body h3{margin:22px 0 8px;font-size:15px;color:#f4f7ff}.rules-modal-body p,.rules-modal-body li{color:var(--muted);line-height:1.55;font-size:13px}.rules-modal-body ul{padding-left:20px}
.rules-hero{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid rgba(194,255,61,.22);border-radius:16px;background:linear-gradient(135deg,rgba(194,255,61,.09),rgba(26,55,88,.22));margin:4px 0 18px}.rules-hero>span{font-size:30px}.rules-hero div{display:grid;gap:3px}.rules-hero b{font-size:16px}.rules-hero small{color:var(--muted)}
.rules-chip-grid{display:flex;flex-wrap:wrap;gap:7px}.rules-chip-grid span{padding:7px 9px;border-radius:999px;border:1px solid rgba(194,255,61,.22);background:rgba(194,255,61,.07);color:#dfffa0;font-size:11px;font-weight:750}
.rules-help-box{margin-top:22px;padding:13px 14px;border-radius:14px;background:#0b1424;border:1px solid #26344b;display:flex;justify-content:space-between;gap:10px;align-items:center}.rules-help-box span{font-size:12px;color:var(--muted)}.rules-help-box a,.legal-document-card a{color:#c8ff3d}
.delete-account-modal-card{width:min(500px,calc(100vw - 28px))}.delete-account-body{display:grid;gap:12px}.delete-account-body p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.delete-warning-icon{font-size:36px;text-align:center}.delete-request-link,.delete-web-link{display:flex;align-items:center;justify-content:center;text-decoration:none;min-height:44px;border-radius:12px;font-weight:850}.delete-request-link{background:rgba(255,77,92,.13);border:1px solid rgba(255,77,92,.45);color:#ff8e99}.delete-web-link{border:1px solid #34445e;color:#eef4ff;background:#111b2d}.delete-account-body small{text-align:center;color:var(--muted)}
.legal-document-card h3{margin-top:22px}.legal-document-card p,.legal-document-card li{line-height:1.6}
@media(max-width:560px){.rules-modal-card{max-height:88vh}.rules-settings-link{min-height:68px;padding:14px}.rules-help-box{align-items:flex-start;flex-direction:column}}


/* V1.2.0 – Play Store release polish */
@media(max-width:620px){.tabs{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:2px!important;padding:4px!important}.tab{min-width:0!important;padding:8px 2px!important;font-size:9px!important;gap:3px!important}.tab-icon{font-size:13px!important}.tab span:last-child{white-space:nowrap}.match{min-height:0}.header-actions{gap:5px}}
@media(max-width:390px){.tab{font-size:8px!important}.tab-icon{font-size:12px!important}}
.fixture-status{display:inline-flex;margin-top:3px;padding:2px 6px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.02em}.fixture-status.live{color:#ff8999;background:#ff667d18}.fixture-status.scheduled{color:#8fb8ff;background:#5c83ff18}.fixture-status.finished{color:#c0cad8;background:#ffffff10}.fixture-status.postponed{color:#ffd66b;background:#ffcf5518}.fixture-status.cancelled{color:#ff8999;background:#ff667d18}
.scoring-stepper{grid-column:1/-1;display:grid;grid-template-columns:42px 52px 42px 42px auto;align-items:center;gap:6px;margin-top:8px}.scoring-stepper>button{height:38px;border:1px solid #33435d;border-radius:11px;background:#0b1524;color:#e8eef9;font-weight:1000}.scoring-stepper>b{display:grid;place-items:center;height:38px;border:1px solid rgba(200,255,61,.3);border-radius:11px;background:rgba(200,255,61,.07);color:var(--lime);font-size:17px}.scoring-stepper .scoring-clear{border-radius:50%;font-size:20px}.scoring-stepper>span{font-size:11px;color:var(--muted);font-weight:900}
.home-bonus-rules{width:100%;grid-column:1/-1}.home-bonus-details{border:1px solid #293852;border-radius:14px;background:#0b1524;overflow:hidden}.home-bonus-details summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:10px 12px;cursor:pointer;font-size:11px;font-weight:900;color:#e8eef9}.home-bonus-details summary::-webkit-details-marker{display:none}.home-bonus-details summary:after{content:'⌄';color:var(--lime);margin-left:8px}.home-bonus-details[open] summary:after{transform:rotate(180deg)}.home-bonus-details summary>b{margin-left:auto;color:var(--muted);font-size:9px}.home-bonus-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:0 8px 9px}.home-bonus-chip{display:flex!important;justify-content:space-between;gap:6px;padding:7px 8px!important;border-radius:10px!important;font-size:9px!important}.home-bonus-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-bonus-chip b{color:var(--lime)}
.empty-state{display:grid!important;place-items:center;gap:5px;padding:28px 14px!important;text-align:center}.empty-state>span{font-size:28px}.empty-state>b{color:var(--text);font-size:13px}.empty-state>small{color:var(--muted);max-width:300px;line-height:1.4}
.skeleton-list{display:grid;gap:12px}.skeleton-list i{height:150px;border-radius:18px;background:linear-gradient(90deg,#0e1828 25%,#18253a 38%,#0e1828 55%);background-size:220% 100%;animation:skeletonPulse 1.2s linear infinite}@keyframes skeletonPulse{to{background-position:-220% 0}}
.last-updated-label{text-align:center;margin:-9px 0 10px;color:#65758e;font-size:9px;font-weight:750}.pull-refresh-indicator{position:fixed;z-index:80;top:58px;left:50%;transform:translate(-50%,-55px);opacity:0;transition:.18s;padding:8px 12px;border:1px solid #33435d;border-radius:999px;background:#0b1524e8;color:#cbd6e8;font-size:10px;font-weight:900;backdrop-filter:blur(10px)}.pull-refresh-indicator.visible{transform:translate(-50%,0);opacity:1}.pull-refresh-indicator.refreshing{color:var(--lime)}
.overall-filter-row{margin-top:6px;margin-bottom:8px}.global-league-head{flex-wrap:wrap}.global-competitions-note{width:100%}
.advanced-field>label,.admin-advanced-grid>label{display:flex;flex-direction:column;gap:7px}.app-number-picker{width:100%}
.tabs:not(.has-admin){grid-template-columns:repeat(5,minmax(0,1fr))!important}.tabs.has-admin{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.match-top{min-height:42px}.teams{min-height:86px}.live-earned{font-style:normal;color:var(--lime);margin-left:6px}.live-miss{font-style:normal;color:#ff8798;margin-left:6px}.live-pending{font-style:normal;color:#718198;margin-left:6px}


/* v1.0 FIX1 */
.last-updated-label{display:none!important}
.score-pick-row{align-items:center;gap:8px;flex-wrap:nowrap}
.score-arrow-picker{width:52px;flex:0 0 52px;display:grid;grid-template-rows:25px 40px 25px;align-items:stretch;border:1px solid rgba(204,248,62,.24);border-radius:14px;overflow:hidden;background:linear-gradient(180deg,#142236,#0b1625);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.score-arrow-picker.disabled{opacity:.45;pointer-events:none}.score-arrow-picker input{display:none}
.score-arrow-btn,.score-arrow-value{border:0;margin:0;padding:0;background:transparent;color:#eef5ff;font-weight:1000;cursor:pointer}
.score-arrow-btn{font-size:11px;color:var(--lime);transition:.12s ease}.score-arrow-btn:hover{background:rgba(204,248,62,.10)}
.score-arrow-value{font-size:20px;cursor:default;border-top:1px solid rgba(255,255,255,.035);border-bottom:1px solid rgba(255,255,255,.035)}.score-colon{font-size:20px}
.score-prediction-clear{width:36px;height:36px;flex:0 0 36px;border-radius:50%;border:1px solid rgba(204,248,62,.34);background:linear-gradient(180deg,#182842,#0d192a);color:var(--lime);font-size:20px;font-weight:1000;display:grid;place-items:center;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.score-prediction-clear:hover{border-color:var(--lime);background:#1b2c45;transform:rotate(-18deg)}
@media(max-width:410px){.score-pick-row{gap:6px}.score-arrow-picker{width:48px;flex-basis:48px}.score-prediction-clear{width:32px;height:32px;flex-basis:32px;font-size:20px}}
.global-rank-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:38px}.global-rank-wrap .rank-movement{font-size:8px;line-height:1;padding:2px 4px;border-radius:999px}.global-rank-wrap .rank-up{color:#dfff77;background:rgba(204,248,62,.10)}.global-rank-wrap .rank-down{color:#ff8397;background:rgba(255,102,125,.10)}.global-rank-wrap .rank-same{color:#8495aa;background:rgba(132,149,170,.09)}
.overall-main-head{gap:10px 14px}.overall-header-actions{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0}.overall-header-groups{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap;min-width:0}.overall-header-group{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid #31415d;background:#0c1728;border-radius:999px;padding:5px 8px;color:#d9e4f5;font-size:9px;font-weight:850}.overall-main-head .global-competitions-note{flex-basis:100%}
@media(max-width:620px){.overall-main-head{flex-direction:row!important;align-items:center!important}.overall-header-actions{width:auto;flex:1}.overall-header-groups{flex:1}.overall-header-group{max-width:100px;padding:4px 7px;font-size:8px}.overall-main-head .global-competitions-note{width:100%;flex-basis:100%}}
.scoring-settings-title{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}.scoring-settings-title small{display:block!important;line-height:1.35}
.admin-fixture-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 12px}.admin-match-action{min-width:0;display:flex;align-items:center;gap:9px;text-align:left;border:1px solid #31415a;border-radius:13px;padding:9px 10px;background:linear-gradient(180deg,#142238,#0c1727);color:#eef4ff;cursor:pointer}.admin-match-action:hover{border-color:#526889;background:linear-gradient(180deg,#192a43,#0f1d31)}.admin-match-action .admin-action-icon{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.05);font-size:14px}.admin-match-action span:last-child{min-width:0;display:flex;flex-direction:column;gap:2px}.admin-match-action b{font-size:11px;color:#f4f8ff}.admin-match-action small{font-size:8px;color:#8494a9;white-space:normal}.hide-game-action.is-active{border-color:rgba(71,181,255,.45);background:linear-gradient(180deg,rgba(25,62,91,.90),rgba(10,29,45,.96))}.exclude-game-action.is-active{border-color:rgba(255,112,132,.42);background:linear-gradient(180deg,rgba(74,30,42,.90),rgba(34,15,23,.96))}
@media(max-width:420px){.admin-fixture-actions{gap:6px}.admin-match-action{padding:8px}.admin-match-action small{font-size:7.5px}}

/* ScorePredict v1.0 FIX2 - force fresh requested UI */
.last-updated-label{display:none!important}
.score-arrow-picker{display:grid!important;grid-template-rows:26px 40px 26px!important;width:54px!important;min-width:54px!important;border:1px solid rgba(204,248,62,.30)!important;border-radius:14px!important;overflow:hidden!important;background:#101d30!important}
.score-arrow-btn{display:grid!important;place-items:center!important;min-height:26px!important;color:var(--lime)!important;background:transparent!important;border:0!important;font-size:13px!important;font-weight:1000!important;line-height:1!important}
.score-arrow-value{display:grid!important;place-items:center!important;height:40px!important;color:#fff!important;background:#0b1625!important;border:0!important;border-top:1px solid rgba(255,255,255,.06)!important;border-bottom:1px solid rgba(255,255,255,.06)!important;font-size:21px!important;font-weight:1000!important}
.score-prediction-clear{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;min-width:36px!important;border-radius:50%!important;border:1px solid rgba(204,248,62,.45)!important;color:var(--lime)!important;background:#101d30!important;font-size:21px!important;font-weight:1000!important}
.admin-fixture-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:10px 0 12px!important}
.admin-match-action{display:flex!important;align-items:center!important;gap:8px!important;border:1px solid #344762!important;border-radius:12px!important;padding:9px!important;background:#101d30!important;color:#fff!important}
.admin-match-action b{color:#fff!important}.admin-match-action small{display:block!important;color:#92a3b9!important}
.overall-main-head{display:flex!important;flex-wrap:wrap!important;align-items:center!important}
.overall-competitions-line{width:100%;display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px}
.overall-competitions-line .global-competitions-note{margin:0!important;padding:0!important;width:auto!important;flex:0 0 auto!important}
.overall-competitions-line .overall-filter-row{margin:0!important;padding:0!important;display:flex!important;gap:6px!important;flex-wrap:wrap!important}
.overall-header-actions,.overall-header-groups,.overall-header-group,.overall-edit-btn{display:none!important}


/* v1.0 FIX3 — compact score input + Overall movement beside rank */
.score-pick-row{
  gap:5px!important;
  align-items:center!important;
}
.score-arrow-picker{
  width:44px!important;
  flex:0 0 44px!important;
  grid-template-rows:19px 31px 19px!important;
  border-radius:11px!important;
}
.score-arrow-btn{
  font-size:9px!important;
  line-height:1!important;
}
.score-arrow-value{
  font-size:17px!important;
  line-height:31px!important;
}
.score-colon{
  font-size:16px!important;
  margin:0 1px!important;
}
.score-prediction-clear{
  width:30px!important;
  height:30px!important;
  flex:0 0 30px!important;
  font-size:16px!important;
}
.pick .save{
  min-width:0!important;
  width:auto!important;
  padding:7px 9px!important;
  border-radius:10px!important;
  font-size:9px!important;
  line-height:1!important;
  letter-spacing:.01em!important;
}
.pick .save.saved{
  padding-left:8px!important;
  padding-right:8px!important;
}
.global-rank-inline{
  min-width:54px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:5px;
  flex:0 0 54px;
}
.global-rank-inline .rank-movement{
  position:static!important;
  margin:0!important;
  font-size:8px!important;
  line-height:1!important;
  padding:2px 4px!important;
  border-radius:999px!important;
}
@media(max-width:410px){
  .score-arrow-picker{
    width:41px!important;
    flex-basis:41px!important;
    grid-template-rows:18px 29px 18px!important;
  }
  .score-arrow-value{
    font-size:16px!important;
    line-height:29px!important;
  }
  .score-prediction-clear{
    width:28px!important;
    height:28px!important;
    flex-basis:28px!important;
    font-size:15px!important;
  }
  .pick .save{
    padding:6px 8px!important;
    font-size:8px!important;
  }
  .global-rank-inline{
    min-width:50px;
    flex-basis:50px;
    gap:4px;
  }
}


/* v1.0 FIX4 — easier score arrows + Overall movement by points + hide Games played */
.score-arrow-picker{
  width:50px!important;
  flex:0 0 50px!important;
  grid-template-rows:24px 34px 24px!important;
  border-radius:12px!important;
}
.score-arrow-btn{
  font-size:12px!important;
  min-height:24px!important;
  touch-action:manipulation;
}
.score-arrow-value{
  font-size:20px!important;
  line-height:34px!important;
}
@media(max-width:410px){
  .score-arrow-picker{
    width:48px!important;
    flex-basis:48px!important;
    grid-template-rows:23px 33px 23px!important;
  }
  .score-arrow-btn{
    font-size:11px!important;
    min-height:23px!important;
  }
  .score-arrow-value{
    font-size:17px!important;
    line-height:33px!important;
  }
}

/* Overall movement should sit immediately to the left of points */
.overall-points-wrap{
  margin-left:auto;
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  white-space:nowrap;
}
.overall-points-wrap .rank-movement{
  position:static!important;
  margin:0!important;
  flex:0 0 auto;
}

/* Games played is intentionally hidden from Global ranking */
.global-games-played,
.games-played,
.global-player-games,
.global-stat-games{
  display:none!important;
}


/* v1.0 FIX6 — Overall movement exactly beside points */
.overall-player-card{
  grid-template-columns:36px 40px minmax(0,1fr) auto!important;
}
.overall-rank-total{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  min-width:0;
  justify-self:end;
}
.overall-rank-total .rank-movement{
  position:static!important;
  margin:0!important;
  flex:0 0 auto;
}
.overall-rank-total .global-total{
  flex:0 0 auto;
}
@media(max-width:480px){
  .overall-player-card{
    grid-template-columns:30px 34px minmax(0,1fr) auto!important;
    gap:6px!important;
  }
  .overall-rank-total{gap:5px}
  .overall-rank-total .rank-movement{
    min-width:24px!important;
    height:19px!important;
    padding:0 4px!important;
    font-size:8px!important;
  }
}


/* v1.0 FIX8 — larger mobile tab labels, all 5 stay on one row */
@media(max-width:620px){
  .tabs{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:2px!important;
    padding:4px!important;
    overflow-x:hidden!important;
  }
  .tab{
    min-width:0!important;
    padding:9px 2px!important;
    font-size:10.8px!important;
    letter-spacing:-.2px!important;
    gap:2px!important;
    white-space:nowrap!important;
  }
  .tab-icon{
    font-size:12px!important;
    flex:0 0 auto!important;
  }
}
@media(max-width:390px){
  .tab{
    font-size:9.8px!important;
    padding-left:1px!important;
    padding-right:1px!important;
    letter-spacing:-.3px!important;
  }
  .tab-icon{font-size:11px!important}
}
@media(max-width:350px){
  .tab{font-size:9.2px!important}
  .tab-icon{font-size:10px!important}
}


/* v1.1 HOME REDESIGN — mockup points 1 + 2 */

/* Header: compact, balanced controls in a single row */
.header-modern{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin-bottom:16px!important;
}
.header-greeting{
  min-width:0;
  flex:1 1 auto;
}
.header-greeting .eyebrow{
  letter-spacing:.13em!important;
}
.header-greeting h2{
  margin-top:4px!important;
}
.header-actions-modern{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex:0 0 auto;
}
.header-actions-modern .notification-shortcut{
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  padding:0!important;
  border-radius:13px!important;
  font-size:17px!important;
}
.header-actions-modern .leagues-menu-btn{
  width:auto!important;
  min-width:0!important;
  padding:10px 12px!important;
  border-radius:13px!important;
  white-space:nowrap!important;
}
.header-actions-modern #logoutBtn{
  width:auto!important;
  min-width:0!important;
  padding:10px 12px!important;
  border-radius:13px!important;
  white-space:nowrap!important;
}

/* Hero: dark premium card with subtle blue edge instead of a full blue block */
.hero-modern{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 1px minmax(116px,.58fr)!important;
  align-items:center!important;
  gap:20px!important;
  min-height:138px!important;
  padding:25px 28px!important;
  overflow:hidden!important;
  border-radius:24px!important;
  border:1px solid rgba(54,133,255,.72)!important;
  background:
    radial-gradient(circle at 82% 48%,rgba(46,98,255,.16),transparent 26%),
    radial-gradient(circle at 17% 34%,rgba(57,142,255,.08),transparent 31%),
    linear-gradient(135deg,#101c30 0%,#0b1424 54%,#0b1220 100%)!important;
  box-shadow:
    0 16px 42px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.hero-modern:before{
  content:"";
  position:absolute;
  left:0;
  top:18%;
  bottom:18%;
  width:3px;
  border-radius:0 99px 99px 0;
  background:linear-gradient(#48a2ff,#396dff);
  opacity:.9;
}
.hero-modern .hero-points{
  min-width:0;
  padding-left:7px;
}
.hero-modern .hero-points small{
  display:block!important;
  color:#c7d4e8!important;
  opacity:1!important;
  font-size:13px!important;
  font-weight:750!important;
  letter-spacing:.035em!important;
  text-transform:uppercase!important;
}
.hero-modern .hero-points strong{
  margin-top:8px!important;
  font-size:56px!important;
  line-height:.95!important;
  color:#fff!important;
  text-shadow:0 4px 18px rgba(53,113,255,.12);
}
.hero-modern .hero-divider{
  width:1px;
  height:72px;
  justify-self:center;
  background:linear-gradient(transparent,rgba(137,159,194,.35),transparent);
}
.hero-modern .rank-modern{
  width:auto!important;
  height:auto!important;
  min-height:90px!important;
  padding:14px 16px!important;
  border-radius:22px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  background:
    radial-gradient(circle at 50% 22%,rgba(47,99,255,.22),transparent 56%),
    rgba(12,23,42,.72)!important;
  border:1px solid rgba(67,124,255,.28)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.hero-modern .rank-trophy{
  font-size:26px;
  filter:saturate(.15) brightness(1.7);
}
.hero-modern .rank-modern b{
  font-size:27px!important;
  line-height:1.08!important;
  color:#fff!important;
  text-align:center!important;
}

/* Mobile layout mirrors the supplied mockup but stays usable on narrower phones */
@media(max-width:620px){
  .header-modern{
    align-items:flex-start!important;
    gap:9px!important;
  }
  .header-greeting{
    padding-top:1px;
  }
  .header-greeting h2{
    font-size:32px!important;
    white-space:nowrap;
  }
  .header-actions-modern{
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:flex-end!important;
    max-width:196px;
    gap:6px!important;
  }
  .header-actions-modern .notification-shortcut{
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
  }
  .header-actions-modern .leagues-menu-btn,
  .header-actions-modern #logoutBtn{
    padding:9px 10px!important;
    font-size:12px!important;
  }
  .header-actions-modern #logoutBtn{
    margin-left:auto!important;
  }

  .hero-modern{
    grid-template-columns:minmax(0,1fr) 1px minmax(105px,.58fr)!important;
    gap:14px!important;
    min-height:128px!important;
    padding:22px 20px!important;
    border-radius:22px!important;
  }
  .hero-modern .hero-points{
    padding-left:4px;
  }
  .hero-modern .hero-points small{
    font-size:11px!important;
  }
  .hero-modern .hero-points strong{
    font-size:50px!important;
  }
  .hero-modern .hero-divider{
    height:64px;
  }
  .hero-modern .rank-modern{
    min-height:78px!important;
    padding:11px 9px!important;
    gap:7px!important;
    border-radius:19px!important;
  }
  .hero-modern .rank-trophy{
    font-size:21px;
  }
  .hero-modern .rank-modern b{
    font-size:22px!important;
  }
}
@media(max-width:390px){
  .header-greeting h2{font-size:28px!important}
  .header-actions-modern{max-width:178px}
  .header-actions-modern .leagues-menu-btn,
  .header-actions-modern #logoutBtn{font-size:11px!important;padding:8px 8px!important}
  .hero-modern{
    grid-template-columns:minmax(0,1fr) 1px minmax(94px,.54fr)!important;
    gap:10px!important;
    padding:20px 16px!important;
  }
  .hero-modern .hero-points strong{font-size:46px!important}
  .hero-modern .rank-trophy{font-size:20px}
  .hero-modern .rank-modern b{font-size:20px!important}
}


/* HOME REDESIGN 2 — keep new layout, restore bright blue hero */
.hero-modern{
  border:0!important;
  background:linear-gradient(135deg,#2444a3 0%,#3f63d8 50%,#527fff 100%)!important;
  box-shadow:0 18px 55px rgba(0,0,0,.38)!important;
}
.hero-modern:before{
  display:none!important;
}
.hero-modern .hero-divider{
  background:linear-gradient(transparent,rgba(255,255,255,.34),transparent)!important;
}
.hero-modern .hero-points small{
  color:rgba(255,255,255,.82)!important;
}
.hero-modern .rank-modern{
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.hero-modern .rank-trophy{
  filter:none!important;
}

/* Header buttons — actually compact and aligned */
.header-actions-modern{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:7px!important;
  max-width:none!important;
}
.header-actions-modern .notification-shortcut,
.header-actions-modern .header-compact-btn{
  height:40px!important;
  border:1px solid #34415a!important;
  background:linear-gradient(180deg,#121d31,#0a1322)!important;
  color:#eef4ff!important;
  border-radius:12px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.header-actions-modern .notification-shortcut{
  width:40px!important;
  min-width:40px!important;
  padding:0!important;
}
.header-actions-modern .header-compact-btn{
  width:auto!important;
  min-width:0!important;
  padding:0 10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  font-size:11.5px!important;
  font-weight:850!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.header-actions-modern .header-btn-icon{
  font-size:13px!important;
  line-height:1!important;
}
.header-actions-modern .settings-compact-btn{
  border-color:#3b4c69!important;
}
.header-actions-modern .logout-compact-btn{
  border-color:#3b4c69!important;
  color:#dce7f8!important;
}
.header-actions-modern .header-compact-btn:hover,
.header-actions-modern .notification-shortcut:hover{
  border-color:#5b7cff!important;
  background:linear-gradient(180deg,#182746,#0d1930)!important;
}

@media(max-width:620px){
  .header-modern{
    align-items:flex-start!important;
  }
  .header-actions-modern{
    display:flex!important;
    flex-wrap:nowrap!important;
    justify-content:flex-end!important;
    gap:5px!important;
    max-width:none!important;
  }
  .header-actions-modern .notification-shortcut{
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    border-radius:11px!important;
    font-size:15px!important;
  }
  .header-actions-modern .header-compact-btn{
    height:36px!important;
    padding:0 8px!important;
    font-size:10.5px!important;
    border-radius:11px!important;
  }
  .header-actions-modern .header-btn-icon{
    font-size:12px!important;
  }
}
@media(max-width:390px){
  .header-actions-modern{
    gap:4px!important;
  }
  .header-actions-modern .notification-shortcut{
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
  }
  .header-actions-modern .header-compact-btn{
    height:34px!important;
    padding:0 6px!important;
    font-size:9.8px!important;
    gap:4px!important;
  }
}


/* Option 1 invitation flow */
.invite-link-clickable{
  display:block!important;
  color:#7eb1ff!important;
  text-decoration:none!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  cursor:pointer!important;
}
.invite-link-clickable:hover,.invite-link-clickable:focus{
  color:#acd0ff!important;
  text-decoration:underline!important;
}


/* V1.2 REAL LEAGUE GRID — targets actual competition-chip markup */
#matchesView .competition-chips.competition-chips-paired{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  width:100%!important;
  overflow:visible!important;
}

/* All / Today / Live stays as one full-width row */
#matchesView .competition-chips.competition-chips-paired > .competition-chip-row.competition-chip-top{
  grid-column:1 / -1!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  width:100%!important;
}

/* Flatten each old pair wrapper so every league button participates in one 2-col grid */
#matchesView .competition-chips.competition-chips-paired > .competition-chip-row:not(.competition-chip-top){
  display:contents!important;
}

#matchesView .competition-chips.competition-chips-paired > .competition-chip-row:not(.competition-chip-top) > .chip{
  width:100%!important;
  min-width:0!important;
  min-height:42px!important;
  margin:0!important;
  padding:9px 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  border-radius:12px!important;
  font-size:10.5px!important;
  font-weight:850!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Hidden competitions stay completely out of the grid */
#matchesView .competition-chips .chip.hidden{
  display:none!important;
}

/* Active competition gets the same clear lime treatment as the mockup */
#matchesView .competition-chips > .competition-chip-row:not(.competition-chip-top) > .chip.active{
  border-color:var(--lime)!important;
  box-shadow:0 0 0 1px rgba(204,248,62,.16), inset 0 1px 0 rgba(255,255,255,.03)!important;
  color:#f5ffd8!important;
}

/* Keep 2 columns on phones too */
@media(max-width:620px){
  #matchesView .competition-chips.competition-chips-paired{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  #matchesView .competition-chips.competition-chips-paired > .competition-chip-row.competition-chip-top{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
  }
  #matchesView .competition-chips.competition-chips-paired > .competition-chip-row:not(.competition-chip-top) > .chip{
    min-height:40px!important;
    padding:8px 6px!important;
    font-size:9.8px!important;
    gap:5px!important;
  }
}
@media(max-width:390px){
  #matchesView .competition-chips.competition-chips-paired{
    gap:6px!important;
  }
  #matchesView .competition-chips.competition-chips-paired > .competition-chip-row:not(.competition-chip-top) > .chip{
    min-height:38px!important;
    padding:7px 4px!important;
    font-size:9.2px!important;
    letter-spacing:-.15px!important;
  }
}


/* V1.2 LEAGUE GRID HIDDEN CLEANUP */
#matchesView .competition-chips .chip.hidden,
#matchesView .competition-chips [aria-hidden="true"]{
  display:none!important;
}

/* Hidden items never reserve grid space. Visible leagues always pack left-to-right:
   HNL | Premier League
   Champions League | Serie A
   If one disappears, the following league moves into its place. */
#matchesView .competition-chips.competition-chips-paired{
  grid-auto-flow:row!important;
  justify-items:stretch!important;
  align-items:stretch!important;
}

#matchesView .competition-chips.competition-chips-paired > .competition-chip-row:not(.competition-chip-top){
  display:contents!important;
}

#matchesView .competition-chips.competition-chips-paired > .competition-chip-row:not(.competition-chip-top) > .chip:not(.hidden){
  display:flex!important;
}

/* When only one visible league remains in the last row, keep it left-aligned.
   It should NOT stretch across two columns or jump to the right. */
#matchesView .competition-chips.competition-chips-paired > .competition-chip-row:not(.competition-chip-top) > .chip{
  grid-column:auto!important;
  justify-self:stretch!important;
}


/* V1.2 FORCE ADMIN VISIBILITY — remaining leagues always pack left */
#matchesView .competition-chips.competition-chips-paired > .competition-chip-row:not(.competition-chip-top){
  display:contents!important;
}
#matchesView .competition-chips.competition-chips-paired > .competition-chip-row:not(.competition-chip-top) > .match-chip{
  grid-column:auto!important;
  justify-self:stretch!important;
}
#matchesView .competition-chips.competition-chips-paired > .competition-chip-row:not(.competition-chip-top) > .match-chip[aria-hidden="true"]{
  display:none!important;
}

/* V1.2 SAVE BUTTON MOBILE COMFORT — final override */
#matchesView .pick .save{
  width:96px!important;
  min-width:96px!important;
  height:46px!important;
  min-height:46px!important;
  padding:0 16px!important;
  border-radius:13px!important;
  font-size:14px!important;
  line-height:46px!important;
  font-weight:950!important;
  letter-spacing:.02em!important;
  flex:0 0 96px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
}
#matchesView .pick .save.is-saved,
#matchesView .pick .save.saved{
  width:96px!important;
  min-width:96px!important;
  height:46px!important;
  min-height:46px!important;
  padding:0 16px!important;
  line-height:46px!important;
  transform:none!important;
}
@media(max-width:390px){
  #matchesView .pick .save,
  #matchesView .pick .save.is-saved,
  #matchesView .pick .save.saved{
    width:92px!important;
    min-width:92px!important;
    flex-basis:92px!important;
    height:44px!important;
    min-height:44px!important;
    padding:0 12px!important;
    font-size:13px!important;
    line-height:44px!important;
  }
}

/* Overall: keep Exact + Outcomes on one line on narrow/mobile screens */
.overall-player-card .global-player-sub{white-space:nowrap;font-size:.78rem;line-height:1.15}
.overall-player-card .global-player-sub b{font-size:inherit}
@media (max-width:420px){.overall-player-card .global-player-sub{font-size:.72rem;letter-spacing:-.01em}}


/* FINAL mobile home-header fix:
   actions stay top-right; greeting sits lower and may use the full row width */
@media(max-width:620px){
  .header-modern{
    position:relative!important;
    display:block!important;
    min-height:112px!important;
    margin-bottom:16px!important;
  }

  .header-actions-modern{
    position:absolute!important;
    top:0!important;
    right:0!important;
    z-index:2!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    justify-content:flex-end!important;
    width:auto!important;
    max-width:none!important;
  }

  .header-greeting{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding-top:6px!important;
    margin:0!important;
  }

  .header-greeting .eyebrow{
    /* Keep the small title clear of the controls */
    max-width:calc(100% - 210px)!important;
    min-height:42px!important;
    display:flex!important;
    align-items:center!important;
  }

  .header-greeting h2,
  #welcome{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:12px 0 0!important;
    padding:0!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
    line-height:1.06!important;
  }
}

@media(max-width:390px){
  .header-greeting .eyebrow{
    max-width:calc(100% - 190px)!important;
  }
  .header-greeting h2,
  #welcome{
    font-size:28px!important;
  }
}

/* Multiple fully tied Round MVPs: rotate names one-by-one every 3 seconds. */
.mvp-home-name .mvp-tied-name{display:none}
.mvp-home-name .mvp-tied-name.active{display:inline;animation:mvpTieIn .22s ease}
@keyframes mvpTieIn{from{opacity:.2;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}


/* Standings: overall/current/previous round filter */
.standings-round-filter{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 9px}
.standings-round-chip{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);color:inherit;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:750;cursor:pointer}
.standings-round-chip.active{background:linear-gradient(135deg,rgba(96,165,250,.25),rgba(168,85,247,.2));border-color:rgba(96,165,250,.55)}
.standings-round-context{font-size:12px;font-weight:700;opacity:.78;margin:0 0 9px}
.round-table-mvp{display:inline-flex;align-items:center;white-space:nowrap;font-size:10px;font-weight:800;padding:2px 5px;border-radius:999px;background:rgba(251,191,36,.14);margin-left:5px}
.results-round-context{display:flex;align-items:center;gap:7px;margin:8px 0 12px;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.045);font-size:12px}
.results-round-context b{min-width:0;flex:1}
.results-round-context button{border:0;background:transparent;color:inherit;text-decoration:underline;font-size:11px;white-space:nowrap}
@media(max-width:420px){.standings-round-filter{gap:5px}.standings-round-chip{font-size:11px;padding:7px 9px}}



/* v1.2.2 — keep toast messages above Android navigation bar */
@media(max-width:620px){
  #toast{
    bottom:calc(72px + env(safe-area-inset-bottom, 0px))!important;
    max-width:calc(100% - 28px)!important;
  }
}


/* v1.2.2 — settings subtitles always start on a new line */
.notification-panel-head > div,
.overall-settings-head > div{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:3px;
  min-width:0;
}
.notification-panel-head > div > small,
.overall-settings-head > div > small{
  display:block;
  width:100%;
  line-height:1.35;
}


/* v1.2.2 — tied MVP popup list */
#mvpCelebrationModal .mvp-winner-name.mvp-winner-name-list{
  width:100%;
}
#mvpCelebrationModal .mvp-popup-winner-list{
  display:flex;
  flex-direction:column;
  gap:8px;
  width:100%;
  margin-top:2px;
}
#mvpCelebrationModal .mvp-popup-winner-row{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:9px;
  width:100%;
  padding:7px 10px;
  border-radius:12px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(251,191,36,.18);
  font-size:20px;
  font-weight:800;
  line-height:1.2;
}
#mvpCelebrationModal .mvp-popup-winner-rank{
  flex:0 0 24px;
  width:24px;
  text-align:center;
  font-size:18px;
}
#mvpCelebrationModal .mvp-popup-winner-row > span:last-child{
  flex:1 1 auto;
  min-width:0;
  text-align:left;
}


/* v1.2.2 — Overall has fixed 7/2 scoring; scorer choices follow predicted score */
.overall-fixed-scoring{margin-left:auto;font-size:12px;font-weight:700;color:var(--muted);white-space:nowrap;padding:5px 9px;border-radius:999px;border:1px solid rgba(148,163,184,.22);background:rgba(148,163,184,.07)}
.global-league-title{display:flex;align-items:center;gap:8px;width:100%}
.scorer-menu-player.scorer-option-disabled{opacity:.42;cursor:not-allowed;filter:saturate(.55)}
.scorer-menu-team.scorer-team-disabled .scorer-menu-team-title{opacity:.62}
@media(max-width:620px){.overall-fixed-scoring{font-size:10px;padding:4px 7px;white-space:normal;text-align:right;line-height:1.15}}


/* Home current-round points preview */
.home-round-points{
  margin-top:8px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  width:max-content;
  max-width:100%;
  padding:7px 13px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:999px;
  background:rgba(15,37,88,.18);
  color:rgba(255,255,255,.92);
  font-size:13px;
  line-height:1;
}
.home-round-points.hidden{display:none!important}
.home-round-points b{font-size:14px;color:#fff;white-space:nowrap;flex:0 0 auto}
.home-round-points span:last-child{opacity:.86}
.home-round-live-dot{
  width:8px;height:8px;border-radius:50%;
  background:rgba(255,255,255,.55);
  flex:0 0 auto;
}
.home-round-live-dot.is-live{
  background:#b8ff28;
  box-shadow:0 0 8px rgba(184,255,40,.75);
}


/* Current / Previous round prediction matrix */
.round-points-open{
  cursor:pointer;
  transition:transform .15s ease,border-color .15s ease,background .15s ease;
}
.round-points-open:hover{
  transform:translateY(-1px);
}
.round-points-open small{
  white-space:nowrap;
}
.round-matrix-modal{
  z-index:10020;
  padding:14px;
}
.round-matrix-card{
  position:relative;
  width:min(980px,96vw);
  max-width:980px;
  max-height:88vh;
  overflow:hidden;
  padding:22px 18px 18px;
  border-radius:22px;
}
.round-matrix-close{
  position:absolute;
  right:14px;
  top:10px;
  z-index:5;
}
.round-matrix-title-wrap{
  padding-right:42px;
  margin-bottom:14px;
}
.round-matrix-title-wrap h3{
  margin:0 0 4px;
  font-size:22px;
}
.round-matrix-title-wrap p{
  margin:0;
  opacity:.65;
  font-size:13px;
}
.round-matrix-scroll{
  overflow:auto;
  max-height:62vh;
  border:1px solid rgba(148,163,184,.14);
  border-radius:16px;
  background:rgba(7,17,38,.48);
  -webkit-overflow-scrolling:touch;
}
.round-matrix-table{
  border-collapse:separate;
  border-spacing:0;
  width:max-content;
  min-width:100%;
  font-size:13px;
}
.round-matrix-table th,
.round-matrix-table td{
  padding:9px 8px;
  text-align:center;
  border-bottom:1px solid rgba(148,163,184,.10);
  border-right:1px solid rgba(148,163,184,.08);
  background:#0b1830;
}
.round-matrix-table thead th{
  position:sticky;
  top:0;
  z-index:4;
  background:#0d1d39;
  color:#dce8ff;
}
.round-matrix-table .sticky-left{
  position:sticky;
  left:0;
  z-index:3;
  min-width:128px;
  max-width:150px;
  text-align:left;
  background:#0d1d39;
}
.round-matrix-table thead .sticky-left{z-index:6}
.round-matrix-table .sticky-right{
  position:sticky;
  right:0;
  z-index:3;
  min-width:58px;
  background:#0d1d39;
}
.round-matrix-table thead .sticky-right{z-index:6}
.matrix-match-head{
  min-width:72px;
}
.matrix-match-head b{
  display:block;
  font-size:12px;
}
.matrix-match-head small{
  display:block;
  margin-top:3px;
  font-size:10px;
  opacity:.55;
}
.matrix-player{
  font-weight:700;
  color:#e9f1ff;
}
.matrix-player em{
  font-size:10px;
  opacity:.6;
  font-style:normal;
}
.matrix-score{
  display:inline-flex;
  min-width:42px;
  min-height:31px;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  padding:5px 7px;
  font-weight:800;
  border:1px solid rgba(148,163,184,.14);
  background:rgba(255,255,255,.035);
  color:#e8eef9;
}
.matrix-score.matrix-exact{
  background:rgba(34,197,94,.17);
  border-color:rgba(34,197,94,.52);
  color:#71f09b;
}
.matrix-score.matrix-outcome{
  background:rgba(245,158,11,.16);
  border-color:rgba(245,158,11,.50);
  color:#f7c55b;
}
.matrix-score.matrix-miss{
  /* Miss intentionally uses the normal/default app colors. */
}
.matrix-score.matrix-unplayed{
  color:rgba(226,232,240,.42);
}
.matrix-total b{
  display:block;
  font-size:15px;
  color:#7ca9ff;
}
.matrix-total small{
  display:block;
  font-size:9px;
  opacity:.55;
}
.round-matrix-table tr.matrix-highlight th.matrix-player{
  box-shadow:inset 3px 0 0 #3b82f6;
  background:#10274d;
}
.round-matrix-table tr.matrix-highlight td{
  background-color:rgba(59,130,246,.035);
}
.round-matrix-table tr.matrix-highlight td.sticky-right{
  background:#10274d;
}
.round-matrix-legend{
  display:flex;
  flex-wrap:wrap;
  gap:9px 14px;
  padding:12px 3px 0;
  font-size:11px;
  opacity:.78;
}
.round-matrix-legend span{
  display:inline-flex;
  align-items:center;
  gap:5px;
}
.matrix-legend-dot{
  width:10px;
  height:10px;
  border-radius:3px;
  border:1px solid rgba(148,163,184,.25);
  background:rgba(255,255,255,.05);
}
.matrix-legend-dot.matrix-exact{
  background:rgba(34,197,94,.65);
  border-color:rgba(34,197,94,.8);
}
.matrix-legend-dot.matrix-outcome{
  background:rgba(245,158,11,.65);
  border-color:rgba(245,158,11,.8);
}
.matrix-legend-dot.matrix-miss{
  background:rgba(255,255,255,.05);
}
.matrix-legend-dot.matrix-unplayed{
  background:rgba(148,163,184,.10);
}
@media(max-width:620px){
  .round-matrix-modal{padding:8px}
  .round-matrix-card{
    width:98vw;
    max-height:91vh;
    padding:18px 10px 12px;
    border-radius:18px;
  }
  .round-matrix-title-wrap h3{font-size:19px}
  .round-matrix-scroll{max-height:68vh}
  .round-matrix-table th,.round-matrix-table td{padding:8px 6px}
  .round-matrix-table .sticky-left{min-width:112px;max-width:128px}
  .matrix-match-head{min-width:66px}
}


/* Round matrix refinements */
.matrix-player-name-wrap{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  line-height:1.12;
}
.matrix-name-line{
  display:block;
  max-width:100%;
  white-space:normal;
  overflow-wrap:anywhere;
}
.matrix-name-last{
  margin-top:2px;
  opacity:.88;
  font-weight:700;
}
.matrix-player-name-wrap em{
  margin-top:3px;
  font-size:9px;
  opacity:.6;
  font-style:normal;
}
.matrix-actual-score{
  display:block;
  margin-top:4px;
  font-size:11px;
  font-weight:800;
  color:#e8eef9;
}
.round-matrix-table tr.matrix-highlight th.matrix-player{
  box-shadow:inset 3px 0 0 #3b82f6;
  background:#10274d;
}
.round-matrix-table tr.matrix-highlight td{
  background-color:rgba(59,130,246,.035);
}
.round-matrix-table tr.matrix-highlight td.sticky-right{
  background:#10274d;
}


/* Round matrix: Total points scrolls horizontally and stays at the end */
.round-matrix-table .matrix-total.sticky-right,
.round-matrix-table thead .matrix-total.sticky-right{
  position:static !important;
  right:auto !important;
  z-index:auto !important;
}

.round-matrix-table .matrix-total{
  min-width:46px !important;
  width:46px !important;
  max-width:50px !important;
  padding-left:4px !important;
  padding-right:4px !important;
  background:#0d1d39;
}

.round-matrix-table thead .matrix-total{
  white-space:normal;
  line-height:1.05;
  font-size:11px;
}

.round-matrix-table .matrix-total b{
  font-size:14px;
}

.round-matrix-table .matrix-total small{
  font-size:8px;
}

/* Keep only Player fixed while horizontal scrolling */
.round-matrix-table .sticky-left{
  position:sticky;
  left:0;
}


/* v1.2.4 — Player Statistics modal locks the app underneath */
html.player-stats-open,
body.player-stats-open{
  overflow:hidden !important;
  overscroll-behavior:none !important;
}
#playerStatsModal{
  overflow-y:auto;
  overscroll-behavior:contain;
  touch-action:pan-y;
}
#playerStatsModal .modal-card{
  overscroll-behavior:contain;
}

/* v1.2.6 — score-dependent bonus choices */
.bonus-choice-group.prediction-derived-lock .bonus-choice.active{
  opacity:1;
}
.bonus-choice-group .bonus-choice:disabled{
  cursor:not-allowed;
  opacity:.42;
}
.bonus-choice-group.prediction-derived-lock .bonus-choice.active:disabled{
  opacity:1;
}
.app-number-picker-option:disabled{
  cursor:not-allowed;
  opacity:.30;
  border-color:#263650;
  background:#0d1726;
  color:#6f7f96;
}


/* v1.2.7 — compact Round Predictions popup */
.round-matrix-modal{padding:8px}
.round-matrix-card{
  width:min(900px,95vw);
  max-width:900px;
  max-height:92vh;
  padding:14px 12px 10px;
  border-radius:18px;
}
.round-matrix-close{
  right:10px;
  top:8px;
  width:36px;
  height:36px;
  min-width:36px;
  padding:0;
}
.round-matrix-title-wrap{
  padding-right:38px;
  margin-bottom:8px;
}
.round-matrix-title-wrap h3{
  margin:0 0 2px;
  font-size:18px;
  line-height:1.15;
}
.round-matrix-title-wrap p{
  font-size:11px;
  line-height:1.2;
}
.round-matrix-scroll{
  max-height:72vh;
  border-radius:12px;
}
.round-matrix-table{
  font-size:11px;
}
.round-matrix-table th,
.round-matrix-table td{
  padding:5px 4px;
  line-height:1.12;
}
.round-matrix-table .sticky-left{
  min-width:92px;
  max-width:106px;
}
.matrix-match-head{
  min-width:57px;
}
.matrix-match-head b{
  font-size:10px;
  line-height:1.05;
}
.matrix-match-head small{
  margin-top:1px;
  font-size:8px;
}
.matrix-actual-score{
  margin-top:2px;
  font-size:9px;
}
.matrix-player-name-wrap{
  line-height:1.05;
}
.matrix-name-last{
  margin-top:1px;
}
.matrix-player-name-wrap em{
  margin-top:2px;
  font-size:8px;
}
.matrix-score{
  min-width:34px;
  min-height:24px;
  border-radius:7px;
  padding:3px 5px;
  font-size:11px;
}
.round-matrix-legend{
  gap:5px 10px;
  padding:7px 2px 0;
  font-size:9px;
  line-height:1.15;
}
.round-matrix-legend span{
  gap:4px;
}
.matrix-legend-dot{
  width:8px;
  height:8px;
  border-radius:2px;
}
.round-matrix-table .matrix-total{
  min-width:39px !important;
  width:39px !important;
  max-width:42px !important;
  padding-left:2px !important;
  padding-right:2px !important;
}
.round-matrix-table thead .matrix-total{font-size:9px}
.round-matrix-table .matrix-total b{font-size:11px}
.round-matrix-table .matrix-total small{font-size:7px}

@media(max-width:620px){
  .round-matrix-modal{padding:5px}
  .round-matrix-card{
    width:97vw;
    max-height:94vh;
    padding:11px 7px 8px;
    border-radius:15px;
  }
  .round-matrix-close{
    right:7px;
    top:6px;
    width:32px;
    height:32px;
    min-width:32px;
  }
  .round-matrix-title-wrap{
    padding-right:34px;
    margin-bottom:6px;
  }
  .round-matrix-title-wrap h3{font-size:16px}
  .round-matrix-title-wrap p{font-size:10px}
  .round-matrix-scroll{
    max-height:76vh;
    border-radius:10px;
  }
  .round-matrix-table{font-size:10px}
  .round-matrix-table th,
  .round-matrix-table td{padding:4px 3px}
  .round-matrix-table .sticky-left{
    min-width:84px;
    max-width:94px;
  }
  .matrix-match-head{min-width:52px}
  .matrix-match-head b{font-size:9px}
  .matrix-match-head small{font-size:7px}
  .matrix-actual-score{font-size:8px}
  .matrix-score{
    min-width:31px;
    min-height:22px;
    padding:2px 4px;
    font-size:10px;
    border-radius:6px;
  }
  .round-matrix-legend{
    gap:4px 8px;
    padding-top:6px;
    font-size:8px;
  }
}


/* v1.2.8 — always-visible Google Play update shortcut */
.app-update-shortcut{
  position:relative;
  width:42px;height:42px;min-width:42px;
  display:inline-grid;place-items:center;
  padding:0;border:1px solid rgba(148,163,184,.24);
  border-radius:11px;
  background:linear-gradient(180deg,#15213a,#0d1728);
  color:#eaf1ff;cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.app-update-shortcut:hover{border-color:#527fff}
.app-update-icon{
  font-size:24px;font-weight:900;line-height:1;
  transform:translateY(-1px);
}
.app-update-dot{
  position:absolute;right:5px;top:5px;
  width:8px;height:8px;border-radius:50%;
  background:#5d6677;
  border:2px solid #0f192b;
  opacity:.7;
}
.app-update-shortcut.update-available .app-update-dot{
  background:#8dff2a;
  opacity:1;
  box-shadow:0 0 0 2px rgba(141,255,42,.13),0 0 9px rgba(141,255,42,.9);
}
.app-update-shortcut.update-checking .app-update-icon{opacity:.55}
.app-update-card{
  position:relative;
  width:min(390px,92vw);
  text-align:center;
  padding:28px 22px 20px;
}
.app-update-close{position:absolute;right:10px;top:8px}
.app-update-modal-icon{
  width:58px;height:58px;margin:0 auto 12px;
  display:grid;place-items:center;
  border-radius:18px;
  background:rgba(82,127,255,.13);
  border:1px solid rgba(82,127,255,.28);
  font-size:31px;font-weight:950;
}
.app-update-card h3{margin:0 0 7px;font-size:21px}
.app-update-card p{margin:0 0 18px;color:var(--muted);font-size:13px;line-height:1.45}
.app-update-card #appUpdateNowBtn{margin-bottom:8px}
@media(max-width:620px){
  .app-update-shortcut{width:39px;height:39px;min-width:39px;border-radius:10px}
  .app-update-icon{font-size:22px}
  .header-greeting .eyebrow{max-width:calc(100% - 255px)!important}
}
@media(max-width:390px){
  .app-update-shortcut{width:36px;height:36px;min-width:36px}
  .header-greeting .eyebrow{max-width:calc(100% - 230px)!important}
}

/* v1.2.8b — modern update icon matching approved mockup */
.app-update-shortcut{border-color:rgba(82,127,255,.55);background:linear-gradient(180deg,#14203a,#0b1426);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 0 1px rgba(82,127,255,.05)}
.app-update-icon{width:22px;height:22px;display:grid;place-items:center;transform:none}
.app-update-svg{width:22px;height:22px;fill:none;stroke:#b9c8ff;stroke-width:2.15;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px rgba(82,127,255,.22))}
.app-update-shortcut.update-available{border-color:#527fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 0 1px rgba(82,127,255,.20),0 0 12px rgba(82,127,255,.10)}
.app-update-shortcut.update-available .app-update-svg{stroke:#d5deff}
.app-update-dot{right:4px;top:4px;width:8px;height:8px;border:2px solid #0f192b;background:#5d6677;opacity:.65}
.app-update-shortcut.update-available .app-update-dot{background:#24df72;opacity:1;box-shadow:0 0 0 2px rgba(36,223,114,.12),0 0 8px rgba(36,223,114,.85)}

/* v1.2.8 admin Exclude / Hide game selector */
.admin-exception-panel .panel-head{margin-bottom:4px}
.admin-exception-controls{margin-top:10px}
.admin-exception-controls .field-label{margin:2px 0 -3px}
.admin-exception-controls select{width:100%}
.admin-exception-actions{margin:2px 0 0!important}
.admin-exception-status{margin:0;min-height:18px}

/* v1.2.8 admin selector visual polish */
.admin-exception-controls select{
  appearance:none;-webkit-appearance:none;
  min-height:46px;padding:0 42px 0 14px;
  border:1px solid rgba(82,127,255,.42);border-radius:14px;
  color:#eaf0ff;background:
    linear-gradient(45deg,transparent 50%,#91a8ff 50%) calc(100% - 18px) 20px/6px 6px no-repeat,
    linear-gradient(135deg,#91a8ff 50%,transparent 50%) calc(100% - 12px) 20px/6px 6px no-repeat,
    linear-gradient(180deg,#14233b,#0d182a);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 8px 22px rgba(0,0,0,.12);
  font-weight:800;letter-spacing:.01em;outline:none;
}
.admin-exception-controls select:hover{border-color:rgba(92,156,255,.7);background-color:#13233d}
.admin-exception-controls select:focus{border-color:#5c9cff;box-shadow:0 0 0 3px rgba(82,127,255,.14),inset 0 1px 0 rgba(255,255,255,.05)}
.admin-exception-controls select option{background:#111d31;color:#edf3ff}
.admin-exception-controls .field-label{color:#9eb2d7;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.admin-results-title{margin-bottom:4px}
.admin-results-help{margin:0 0 12px;line-height:1.45}

/* Admin Exclude / Hide selector: keep opened native option list white */
.admin-exception-controls select option,
.admin-exception-controls select optgroup{background:#fff;color:#172033;font-weight:700}

/* V1.2.8 – clickable live player predictions */
.person-pick-button{display:grid!important;grid-template-columns:34px minmax(0,1fr) auto auto 18px;align-items:center;gap:9px;padding:9px 10px!important;margin:5px 0;border:1px solid #23334b!important;background:#101a2a!important;border-radius:13px!important}.person-pick-button.is-me{border-color:rgba(204,248,62,.55)!important;background:linear-gradient(90deg,rgba(204,248,62,.08),#101a2a)!important}.live-pick-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#315de8;color:#fff;font-weight:900}.live-pick-name{font-weight:800;min-width:0}.live-you-badge{font-style:normal;font-size:8px;margin-left:6px;padding:2px 5px;border-radius:7px;background:#315de8;color:#fff}.live-pick-score{padding:5px 9px;border:1px solid #263852;border-radius:10px;background:#0a1320;white-space:nowrap}.live-pick-points{color:#7ea5ff;white-space:nowrap}.live-pick-chevron{font-style:normal;font-size:22px;color:#9eb0c8}.person-pick-button:hover,.person-pick-button:focus-visible{transform:translateY(-1px);border-color:rgba(204,248,62,.6)!important;outline:none}.live-prediction-head{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:12px}.live-prediction-head>div{background:#0a111d;border:1px solid var(--line);border-radius:13px;padding:10px}.live-prediction-head small{display:block;color:#8291a8;font-size:8px;font-weight:900}.live-prediction-head b{display:block;margin-top:4px;font-size:18px}.live-prediction-list{display:grid;gap:6px}.live-prediction-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border:1px solid var(--line);border-radius:11px;background:#0a111d}.live-prediction-row>span{color:#aab7ca;font-size:11px}.live-prediction-row>b{font-size:11px}.live-earned{color:var(--lime);font-style:normal;margin-left:7px}.live-miss{color:#7890b0;font-style:normal;margin-left:7px}.live-pending{color:#7890b0;font-style:normal;margin-left:7px}@media(max-width:520px){.person-pick-button{grid-template-columns:30px minmax(0,1fr) auto auto 14px;gap:6px;padding:8px!important}.live-pick-avatar{width:29px;height:29px}.live-pick-score{padding:4px 7px}.live-prediction-head{grid-template-columns:1fr 1fr}.live-prediction-head>div:first-child{grid-column:1/-1}}

/* v1.2.8 — LIVE player predictions without bonus details: keep points flush right */
.person-pick-static{grid-template-columns:34px minmax(0,1fr) auto auto!important}
@media(max-width:520px){.person-pick-static{grid-template-columns:30px minmax(0,1fr) auto auto!important}}
.person-pick-static{cursor:default}
.person-pick-static:active{transform:none}


.live-points-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:30px;
  height:30px;
  padding:0 8px;
  border-radius:999px;
  background:#22c55e;
  color:#fff;
  font-weight:800;
  font-size:13px;
  line-height:1;
  box-shadow:0 0 0 1px rgba(255,255,255,.08) inset;
}


.live-points-badge.exact{background:#ccf83e;color:#172033}
.live-points-badge.outcome{background:#ffcf55;color:#172033}
.live-points-badge.miss{background:#ff667d;color:#fff}


.matrix-total-bonus{
  display:block;
  margin-top:2px;
  font-size:8px;
  line-height:1.05;
  font-weight:700;
  color:var(--muted);
  white-space:nowrap;
}
.matrix-score-button{
  border:0;
  font:inherit;
  cursor:pointer;
  transition:transform .12s ease,filter .12s ease,box-shadow .12s ease;
}
.matrix-score-button:active{transform:scale(.94)}
.matrix-score-button:hover{filter:brightness(1.05)}
.breakdown-match-name{
  margin:-2px 0 10px;
  text-align:center;
  color:var(--muted);
  font-size:12px;
  font-weight:700;
}


.matrix-total-bonus{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:0;
  margin-top:2px;
  font-size:8px;
  line-height:1.05;
  font-weight:700;
  color:var(--muted);
  white-space:nowrap;
}
.matrix-total-bonus span{display:block}

#predictionBreakdownModal.matrix-earned-modal .modal-card{
  max-width:340px;
}
.matrix-earned-popup{padding-top:2px}
.matrix-earned-match{
  text-align:center;
  font-size:12px;
  font-weight:700;
  color:var(--muted);
  margin:0 0 10px;
}
.matrix-earned-list{
  display:flex;
  flex-direction:column;
  gap:7px;
}
.matrix-earned-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:9px 11px;
  border-radius:11px;
  background:rgba(204,248,62,.08);
  border:1px solid rgba(204,248,62,.18);
  font-size:13px;
}
.matrix-earned-row span{font-weight:700}
.matrix-earned-row b{color:#ccf83e;font-size:14px}
.matrix-earned-total{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid var(--line);
  font-size:13px;
}
.matrix-earned-total b{font-size:15px}
.matrix-earned-empty{
  text-align:center;
  color:var(--muted);
  padding:14px 8px 8px;
  font-size:13px;
}


/* Round-table earned-points popup sits above the still-open matrix. */
#predictionBreakdownModal.matrix-earned-modal{
  z-index:10040;
  background:rgba(2,5,11,.58);
  backdrop-filter:blur(3px);
}
#predictionBreakdownModal.matrix-earned-modal .modal-card{
  width:min(980px,96vw);
  max-width:980px;
  max-height:88vh;
  padding:22px 18px 18px;
  border-radius:22px;
}


.matrix-score-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:3px;
}
.matrix-score-chevron{
  display:inline-block;
  font-style:normal;
  font-size:11px;
  line-height:1;
  font-weight:900;
  opacity:.72;
  transform:translateY(-.2px);
}


.home-round-clickable{cursor:pointer;user-select:none;transition:transform .14s ease,background .14s ease,border-color .14s ease}
.home-round-clickable:active{transform:scale(.97)}
.home-round-chevron{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;margin-left:1px;border-radius:50%;background:rgba(255,255,255,.11);color:#fff;font-style:normal;font-size:15px;font-weight:900;line-height:1}
.home-live-round-modal{z-index:10030}
.home-live-round-card{width:min(420px,100%);border-radius:22px;padding:18px}
.home-live-round-head{margin-bottom:13px}
.home-live-round-options{display:flex;flex-direction:column;gap:9px}
.home-live-league-option{width:100%;display:grid;grid-template-columns:42px 1fr 28px;align-items:center;gap:10px;padding:11px 12px;border:1px solid rgba(204,248,62,.18);border-radius:15px;background:linear-gradient(135deg,rgba(26,45,78,.96),rgba(11,25,49,.98));color:var(--text);text-align:left;box-shadow:inset 0 1px 0 rgba(255,255,255,.035);cursor:pointer}
.home-live-league-option:active{transform:scale(.985)}
.home-live-league-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(204,248,62,.10);border:1px solid rgba(204,248,62,.17);font-size:19px}
.home-live-league-copy{min-width:0}.home-live-league-copy b{display:block;font-size:14px;color:#f4f8ff}.home-live-league-copy small{display:block;margin-top:3px;font-size:10px;color:#91a3bc;font-weight:700}
.home-live-league-arrow{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:rgba(204,248,62,.12);color:#ccf83e;font-size:20px;font-weight:900}


.invite-ios-help{
  display:flex;
  align-items:flex-start;
  gap:9px;
  margin:10px 0 0;
  padding:10px 11px;
  border:1px solid rgba(96,165,250,.20);
  border-radius:12px;
  background:linear-gradient(135deg,rgba(96,165,250,.08),rgba(15,37,88,.10));
}
.invite-ios-icon{font-size:18px;line-height:1.15;flex:0 0 auto}
.invite-ios-help>span:last-child{min-width:0}
.invite-ios-help b{display:block;font-size:11px;color:var(--text);margin-bottom:2px}
.invite-ios-help small{display:block;font-size:10px;line-height:1.35;color:var(--muted)}


/* v1.2.8 — approved compact modern header actions */
.header-actions-modern{
  gap:8px!important;
  align-items:flex-start!important;
}
.header-actions-modern .modern-header-action{
  width:54px!important;
  min-width:54px!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:4px!important;
  color:#eaf1ff!important;
  font-family:inherit!important;
  cursor:pointer!important;
}
.header-actions-modern .modern-action-box{
  position:relative!important;
  width:44px!important;
  height:44px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:12px!important;
  border:1px solid #347fff!important;
  background:linear-gradient(180deg,#10203a 0%,#091426 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 4px 12px rgba(0,0,0,.18)!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
.header-actions-modern .modern-header-action:hover .modern-action-box{
  transform:translateY(-1px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 5px 14px rgba(0,0,0,.24),0 0 10px rgba(52,127,255,.14)!important;
}
.header-actions-modern .modern-action-box svg{
  width:23px!important;height:23px!important;
  fill:none!important;stroke:#6fdcff!important;stroke-width:1.9!important;
  stroke-linecap:round!important;stroke-linejoin:round!important;
  filter:drop-shadow(0 0 4px rgba(111,220,255,.18))!important;
}
.header-actions-modern .notification-shortcut .modern-action-box svg{
  stroke:url(#none)!important;stroke:#b7c9ff!important;
}
.header-actions-modern .app-update-shortcut .modern-action-box{
  border-color:#56d95d!important;
}
.header-actions-modern .app-update-shortcut .modern-action-box svg{
  stroke:#a9d8ff!important;
}
.header-actions-modern .settings-compact-btn .modern-action-box{
  border-color:#347fff!important;
}
.header-actions-modern .logout-compact-btn .modern-action-box{
  border-color:#ff2f69!important;
  background:linear-gradient(180deg,#17172c 0%,#101022 100%)!important;
}
.header-actions-modern .logout-compact-btn .modern-action-box svg{
  stroke:#ff4778!important;
  filter:drop-shadow(0 0 4px rgba(255,71,120,.22))!important;
}
.header-actions-modern .modern-action-label{
  display:block!important;
  font-size:9px!important;
  line-height:1.1!important;
  font-weight:500!important;
  letter-spacing:0!important;
  color:#dce6f8!important;
  white-space:nowrap!important;
}
.header-actions-modern .app-update-dot,
.header-actions-modern .notification-action-dot{
  position:absolute!important;right:4px!important;top:4px!important;
  width:7px!important;height:7px!important;border-radius:50%!important;
  border:1.5px solid #0b1628!important;
}
.header-actions-modern .notification-action-dot{
  background:#50f36b!important;
  box-shadow:0 0 7px rgba(80,243,107,.8)!important;
}
.header-actions-modern .app-update-dot{
  background:#5d6677!important;opacity:.7!important;
}
.header-actions-modern .app-update-shortcut.update-available .app-update-dot{
  background:#50f36b!important;opacity:1!important;
  width:8px!important;height:8px!important;
  box-shadow:0 0 0 2px rgba(80,243,107,.18),0 0 10px 2px rgba(80,243,107,.95)!important;
}
@media(max-width:620px){
  .header-actions-modern{gap:3px!important}
  .header-actions-modern .modern-header-action{width:48px!important;min-width:48px!important}
  .header-actions-modern .modern-action-box{width:38px!important;height:38px!important;border-radius:10px!important}
  .header-actions-modern .modern-action-box svg{width:20px!important;height:20px!important}
  .header-actions-modern .modern-action-label{font-size:7.5px!important}
}
@media(max-width:390px){
  .header-actions-modern .modern-header-action{width:43px!important;min-width:43px!important}
  .header-actions-modern .modern-action-box{width:35px!important;height:35px!important}
  .header-actions-modern .modern-action-label{font-size:7px!important}
}


/* Modern header actions — icon only */
.header-actions-modern .modern-header-action{
  width:44px!important;
  min-width:44px!important;
  gap:0!important;
}
@media(max-width:620px){
  .header-actions-modern .modern-header-action{width:38px!important;min-width:38px!important}
}
@media(max-width:390px){
  .header-actions-modern .modern-header-action{width:35px!important;min-width:35px!important}
}


/* Header icon alignment fix + notification dot removed */
.header-actions-modern{
  display:flex!important;
  align-items:flex-start!important;
}
.header-actions-modern .modern-header-action,
.header-actions-modern #logoutBtn{
  width:44px!important;
  min-width:44px!important;
  height:44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  display:grid!important;
  place-items:center!important;
  align-self:flex-start!important;
}
.header-actions-modern .modern-header-action .modern-action-box,
.header-actions-modern #logoutBtn .modern-action-box{
  width:44px!important;
  height:44px!important;
  margin:0!important;
  flex:0 0 44px!important;
}
.header-actions-modern .notification-action-dot{display:none!important}
@media(max-width:620px){
  .header-actions-modern .modern-header-action,
  .header-actions-modern #logoutBtn{
    width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;
  }
  .header-actions-modern .modern-header-action .modern-action-box,
  .header-actions-modern #logoutBtn .modern-action-box{
    width:38px!important;height:38px!important;flex-basis:38px!important;
  }
}
@media(max-width:390px){
  .header-actions-modern .modern-header-action,
  .header-actions-modern #logoutBtn{
    width:35px!important;min-width:35px!important;height:35px!important;min-height:35px!important;
  }
  .header-actions-modern .modern-header-action .modern-action-box,
  .header-actions-modern #logoutBtn .modern-action-box{
    width:35px!important;height:35px!important;flex-basis:35px!important;
  }
}


/* Home quick group switcher */
.home-group-switcher{position:relative;display:inline-block;max-width:100%;z-index:35}
.home-group-btn{
  appearance:none!important;-webkit-appearance:none!important;
  border:0!important;background:transparent!important;padding:0!important;margin:0!important;
  color:var(--lime)!important;font:inherit!important;letter-spacing:inherit!important;text-transform:inherit!important;
  display:inline-flex!important;align-items:center!important;gap:5px!important;cursor:default!important;
  min-height:0!important;width:auto!important;box-shadow:none!important;text-align:left!important;
}
.home-group-btn.is-switchable{cursor:pointer!important}
.home-group-chevron{
  display:none;font-size:15px;line-height:1;color:var(--lime);font-weight:900;
  transform:translateY(-1px);transition:transform .16s ease;
}
.home-group-btn.is-switchable .home-group-chevron{display:inline-block}
.home-group-btn[aria-expanded="true"] .home-group-chevron{transform:rotate(180deg) translateY(1px)}
.home-group-menu{
  position:absolute;left:0;top:calc(100% + 8px);z-index:120;
  min-width:220px;max-width:min(320px,calc(100vw - 32px));
  padding:6px;border:1px solid #33435f;border-radius:14px;
  background:linear-gradient(180deg,#111e34,#091426);
  box-shadow:0 18px 42px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.04);
}
.home-group-menu.hidden{display:none!important}
.home-group-option{
  width:100%;min-height:42px;padding:9px 11px;border:0;border-radius:10px;background:transparent;
  color:#eef4ff;display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer;
  font-size:12px;font-weight:800;white-space:normal;
}
.home-group-option:hover,.home-group-option:focus-visible{background:rgba(71,112,209,.16);outline:none}
.home-group-option.active{color:var(--lime);background:rgba(199,255,46,.07)}
.home-group-option .group-people-icon{font-size:15px;opacity:.9}
.home-group-option .group-name{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home-group-option .group-check{margin-left:auto;color:var(--lime);font-size:15px;font-weight:950}
@media(max-width:620px){
  .home-group-menu{min-width:205px;top:calc(100% + 7px)}
  .home-group-option{font-size:11px}
}


/* Group switcher typography + single-line group names */
.home-group-btn{
  max-width:min(360px,calc(100vw - 235px))!important;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;
  font-weight:800!important;
  letter-spacing:.055em!important;
}
.home-group-btn #leagueLabel{
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  line-height:1.15!important;
}
.home-group-chevron{flex:0 0 auto!important}
.home-group-menu{
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;
}
.home-group-option{
  flex-wrap:nowrap!important;
  font-family:inherit!important;
  font-weight:650!important;
  letter-spacing:.01em!important;
}
.home-group-option .group-name{
  display:block!important;
  flex:1 1 auto!important;
  min-width:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  line-height:1.2!important;
}
@media(max-width:620px){
  .home-group-btn{max-width:calc(100vw - 205px)!important}
}
@media(max-width:390px){
  .home-group-btn{max-width:calc(100vw - 188px)!important}
}


/* FIX: keep Home group name visible and on one line on mobile */
.header-modern .header-greeting{
  min-width:0!important;
  flex:1 1 auto!important;
  overflow:visible!important;
}
.header-modern .home-group-switcher{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}
.header-modern .home-group-btn{
  display:flex!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:visible!important;
}
.header-modern .home-group-btn #leagueLabel{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  flex:0 1 auto!important;
  min-width:0!important;
  max-width:calc(100% - 20px)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
@media(max-width:620px){
  .header-modern .header-greeting{max-width:calc(100% - 166px)!important}
  .header-modern .home-group-btn{
    max-width:100%!important;
    font-size:11px!important;
    letter-spacing:.035em!important;
  }
}
@media(max-width:430px){
  .header-modern .header-greeting{max-width:calc(100% - 150px)!important}
  .header-modern .home-group-btn{
    font-size:10px!important;
    letter-spacing:.025em!important;
  }
}
@media(max-width:390px){
  .header-modern .header-greeting{max-width:calc(100% - 142px)!important}
  .header-modern .home-group-btn{
    max-width:100%!important;
    font-size:9.5px!important;
    letter-spacing:.015em!important;
  }
}

/* V1.2.8 – Global scoring badge compact on narrow phones */
@media(max-width:620px){
  #globalStandingsView .overall-fixed-scoring{font-size:9px;padding:3px 5px;line-height:1.1;max-width:155px}
}
@media(max-width:390px){
  #globalStandingsView .overall-fixed-scoring{font-size:8px;padding:3px 4px;max-width:132px;letter-spacing:-.1px}
}

/* V1.2.8 – Global scoring badge: keep full text on one line on phones */
@media(max-width:620px){
  #globalStandingsView .global-league-title{gap:5px}
  #globalStandingsView .overall-fixed-scoring{margin-left:auto;transform:translateX(-3px);font-size:8.5px;padding:3px 4px;line-height:1;max-width:none;white-space:nowrap;letter-spacing:-.15px;flex-shrink:0}
}
@media(max-width:390px){
  #globalStandingsView .global-league-title{gap:3px}
  #globalStandingsView .overall-fixed-scoring{transform:translateX(-2px);font-size:7.5px;padding:3px 3px;max-width:none;white-space:nowrap;letter-spacing:-.25px}
}

/* Player achievements */
.achievement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.achievement-badge{appearance:none;border:1px solid var(--line);border-radius:14px;background:#0a111d;color:var(--text);padding:10px 6px;min-height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;cursor:pointer;transition:transform .15s ease,border-color .15s ease,opacity .15s ease}
.achievement-badge:active{transform:scale(.97)}
.achievement-badge.unlocked{border-color:#ccf83e80;background:linear-gradient(180deg,#18251c,#0a111d)}
.achievement-badge.locked{opacity:.43;filter:grayscale(1)}
.achievement-icon{font-size:25px;line-height:1}
.achievement-name{font-size:10px;font-weight:800;line-height:1.15}
.achievement-state{font-size:9px;color:var(--muted)}
.achievement-badge.unlocked .achievement-state{color:var(--lime);font-weight:700}
@media(max-width:430px){.achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Achievement detail must sit above Player Statistics */
#appConfirmModal.achievement-detail-modal{z-index:320}
#appConfirmModal.achievement-detail-modal .app-confirm-card{max-width:360px;text-align:center}
#appConfirmModal.achievement-detail-modal .app-confirm-icon{display:none}
#appConfirmModal.achievement-detail-modal #appConfirmCancel{display:none}
#appConfirmModal.achievement-detail-modal .app-confirm-actions{justify-content:center}

.player-stats-actions{display:flex;gap:8px;margin:10px 0 12px}.player-stats-actions button{flex:1;min-height:40px}.personal-records-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.personal-record{padding:10px;border:1px solid rgba(148,163,184,.18);border-radius:12px;background:rgba(148,163,184,.06);display:flex;flex-direction:column;gap:4px}.personal-record span{font-size:12px;opacity:.75}.personal-record b{font-size:15px}.h2h-picker-card,.h2h-card{max-width:420px}.h2h-player-list{display:flex;flex-direction:column;gap:7px}.h2h-player-list button{display:grid;grid-template-columns:34px 1fr 20px;align-items:center;text-align:left;padding:11px;border-radius:12px;border:1px solid rgba(148,163,184,.18);background:rgba(148,163,184,.06);color:inherit}.h2h-names{display:grid;grid-template-columns:1fr 44px 1fr;align-items:center;text-align:center;gap:6px;margin:16px 0 8px}.h2h-lead{text-align:center;font-size:13px;font-weight:700;margin-bottom:14px}.h2h-row{display:grid;grid-template-columns:1fr 1.3fr 1fr;text-align:center;padding:10px 4px;border-top:1px solid rgba(148,163,184,.15)}.h2h-row span{font-size:12px;opacity:.72}.h2h-row b:first-child{text-align:left}.h2h-row b:last-child{text-align:right}

.h2h-share-btn{width:100%;margin-top:14px;min-height:42px}

.h2h-loading{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}
.h2h-loading-spinner{width:30px;height:30px;border:3px solid rgba(148,163,184,.25);border-top-color:currentColor;border-radius:50%;animation:h2hSpin .75s linear infinite}
@keyframes h2hSpin{to{transform:rotate(360deg)}}

.round-matrix-table .matrix-total-after-player{min-width:64px;white-space:nowrap}

/* Current / Previous: Player column only as wide as needed for the name */
.round-matrix-table .matrix-player{
  width:1%;
  min-width:0;
  max-width:none;
  white-space:nowrap;
  padding-left:8px;
  padding-right:8px;
}
.round-matrix-table .matrix-player-name-wrap{
  width:auto;
  max-width:none;
  white-space:nowrap;
  overflow:visible;
  text-overflow:clip;
  display:inline-block;
}

/* Current / Previous: full player name; first part on first line, remaining parts on second */
.round-matrix-table .matrix-player{
  width:1%;
  min-width:0;
  max-width:none;
  white-space:normal;
  padding-left:7px;
  padding-right:7px;
}
.round-matrix-table .matrix-player-name-wrap{
  display:inline-block;
  width:auto;
  max-width:none;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  line-height:1.12;
}
.round-matrix-table .matrix-name-line{
  display:block;
  white-space:nowrap;
}

/* V14 update shortcut visibility hardening */
.app-update-shortcut.hidden{display:none!important}

/* V16 — standalone Global tab + rounded press feedback */
.bottom-tabs{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.standings-round-chip,.chip,.global-filter-chip,.today-chip{
  -webkit-tap-highlight-color:transparent;
  transition:transform .11s ease,box-shadow .14s ease,border-color .14s ease,background .14s ease;
  transform-origin:center;
}
.standings-round-chip:active,.chip:active,.global-filter-chip:active,.today-chip:active{
  transform:scale(.94);
  box-shadow:0 0 0 3px rgba(200,255,61,.12),inset 0 0 0 1px rgba(255,255,255,.12)!important;
}
.standings-round-chip.active{
  border-radius:999px!important;
  box-shadow:0 0 0 1px rgba(96,165,250,.16),0 6px 16px rgba(32,77,150,.14);
}
@media(max-width:620px){.bottom-tabs{grid-template-columns:repeat(5,minmax(0,1fr))!important}.bottom-tabs .tab{font-size:9px!important;padding-left:1px!important;padding-right:1px!important}}

/* V21: Global bottom-nav globe — 32px mobile size override after legacy !important rules */
@media (max-width:620px){
  .bottom-tabs .tab.global-nav-tab .tab-icon{
    font-size:32px!important;
    line-height:.82!important;
    display:inline-block!important;
    transform:translateY(1px) scale(1.08)!important;
    transform-origin:center!important;
  }
}
@media (max-width:390px){
  .bottom-tabs .tab.global-nav-tab .tab-icon{
    font-size:32px!important;
  }
}


/* V54 mobile score-arrow clipping fix */
#appScreen[data-app-route="fixtures"] .score-arrow-picker{grid-template-rows:27px 40px 27px!important;height:94px!important;min-height:94px!important;overflow:hidden!important;border-radius:15px!important;box-sizing:border-box!important}
#appScreen[data-app-route="fixtures"] .score-arrow-btn{width:100%!important;height:27px!important;min-height:27px!important;line-height:27px!important;padding:0!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;position:relative!important;transform:none!important;clip-path:none!important}
#appScreen[data-app-route="fixtures"] .score-arrow-up{border-radius:14px 14px 0 0!important}
#appScreen[data-app-route="fixtures"] .score-arrow-down{border-radius:0 0 14px 14px!important;bottom:auto!important}
#appScreen[data-app-route="fixtures"] .score-arrow-value{height:40px!important;min-height:40px!important;line-height:40px!important;box-sizing:border-box!important}



/* Hard reset Samsung/Android button rendering for score steppers. */
#appScreen[data-app-route="fixtures"] .score-arrow-picker{
  overflow:hidden!important;
  isolation:isolate!important;
  contain:paint!important;
  border-radius:15px!important;
  background:#101d30!important;
}
#appScreen[data-app-route="fixtures"] .score-arrow-picker .score-arrow-btn,
#appScreen[data-app-route="fixtures"] .score-arrow-picker .score-arrow-value{
  -webkit-appearance:none!important;
  appearance:none!important;
  -webkit-tap-highlight-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  outline:none!important;
  text-shadow:none!important;
  filter:none!important;
  mask:none!important;
  -webkit-mask:none!important;
  clip-path:none!important;
  border:0!important;
  transform:none!important;
  overflow:hidden!important;
}
#appScreen[data-app-route="fixtures"] .score-arrow-picker .score-arrow-btn::before,
#appScreen[data-app-route="fixtures"] .score-arrow-picker .score-arrow-btn::after,
#appScreen[data-app-route="fixtures"] .score-arrow-picker .score-arrow-value::before,
#appScreen[data-app-route="fixtures"] .score-arrow-picker .score-arrow-value::after{
  content:none!important;
  display:none!important;
}
#appScreen[data-app-route="fixtures"] .score-arrow-picker .score-arrow-down{
  position:static!important;
  inset:auto!important;
  margin:0!important;
  padding:0!important;
  border-radius:0 0 13px 13px!important;
  background:transparent!important;
}
#appScreen[data-app-route="fixtures"] .score-arrow-picker .score-arrow-up{
  position:static!important;
  inset:auto!important;
  border-radius:13px 13px 0 0!important;
  background:transparent!important;
}
#appScreen[data-app-route="fixtures"] .score-arrow-picker .score-arrow-value{
  position:static!important;
  border-radius:0!important;
  background:#0b1625!important;
  border-top:1px solid rgba(255,255,255,.035)!important;
  border-bottom:1px solid rgba(255,255,255,.035)!important;
}




/* Final Android/Samsung button-shape reset for prediction controls. */
#appScreen[data-app-route="fixtures"] .score-arrow-picker{
  contain:none!important;
  overflow:hidden!important;
  border-radius:15px!important;
  background:#101d30!important;
}

/* Arrow buttons: fully neutralize any native/webview shape. */
#appScreen[data-app-route="fixtures"] .score-arrow-picker .score-arrow-btn{
  -webkit-appearance:none!important;
  appearance:none!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  mask:none!important;
  -webkit-mask:none!important;
  box-shadow:none!important;
  outline:none!important;
  transform:none!important;
  filter:none!important;
  position:static!important;
  inset:auto!important;
  overflow:visible!important;
}
#appScreen[data-app-route="fixtures"] .score-arrow-picker .score-arrow-up{
  border-radius:14px 14px 0 0!important;
}
#appScreen[data-app-route="fixtures"] .score-arrow-picker .score-arrow-down{
  border-radius:0 0 14px 14px!important;
}
#appScreen[data-app-route="fixtures"] .score-arrow-picker .score-arrow-btn::before,
#appScreen[data-app-route="fixtures"] .score-arrow-picker .score-arrow-btn::after{
  content:none!important;
  display:none!important;
}

/* Save: same hard reset. No diagonal/notched Android button shape. */
#appScreen[data-app-route="fixtures"] .pick button.save,
#appScreen[data-app-route="fixtures"] .pick .save{
  -webkit-appearance:none!important;
  appearance:none!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  mask:none!important;
  -webkit-mask:none!important;
  shape-outside:none!important;
  background-image:none!important;
  border:0!important;
  border-radius:18px!important;
  overflow:hidden!important;
  transform:none!important;
  filter:none!important;
  outline:none!important;
  box-shadow:none!important;
  position:relative!important;
  inset:auto!important;
  background:#4779ff!important;
  color:#fff!important;
}
#appScreen[data-app-route="fixtures"] .pick button.save::before,
#appScreen[data-app-route="fixtures"] .pick button.save::after,
#appScreen[data-app-route="fixtures"] .pick .save::before,
#appScreen[data-app-route="fixtures"] .pick .save::after{
  content:none!important;
  display:none!important;
}
#appScreen[data-app-route="fixtures"] .pick .save.is-saved{
  background:linear-gradient(135deg,#b9ec2c,#d5ff50)!important;
  color:#101700!important;
  border-radius:18px!important;
  box-shadow:0 0 0 6px rgba(204,248,62,.11)!important;
}

/* Prevent the prediction row itself from clipping children. */
#appScreen[data-app-route="fixtures"] .pick,
#appScreen[data-app-route="fixtures"] .score-pick-row{
  overflow:visible!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  mask:none!important;
  -webkit-mask:none!important;
}




/* Visual shells completely decouple the visible rounded shape from Android/WebView button geometry. */
#appScreen[data-app-route="fixtures"] .score-control-shell{
  width:58px!important;
  min-width:58px!important;
  flex:0 0 58px!important;
  height:94px!important;
  min-height:94px!important;
  border:1px solid rgba(204,248,62,.35)!important;
  border-radius:15px!important;
  background:#101d30!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  position:relative!important;
}
#appScreen[data-app-route="fixtures"] .score-control-shell.disabled{opacity:.45!important;pointer-events:none!important}
#appScreen[data-app-route="fixtures"] .score-control-shell .score-arrow-picker{
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:hidden!important;
  contain:none!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  mask:none!important;
  -webkit-mask:none!important;
}
#appScreen[data-app-route="fixtures"] .score-control-shell .score-arrow-btn,
#appScreen[data-app-route="fixtures"] .score-control-shell .score-arrow-value{
  border-radius:0!important;
  background:transparent!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  mask:none!important;
  -webkit-mask:none!important;
}
#appScreen[data-app-route="fixtures"] .score-control-shell .score-arrow-value{background:#0b1625!important}

#appScreen[data-app-route="fixtures"] .save-button-shell{
  width:116px!important;
  min-width:116px!important;
  flex:0 0 116px!important;
  height:52px!important;
  min-height:52px!important;
  display:inline-flex!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:#4779ff!important;
  box-sizing:border-box!important;
  position:relative!important;
}
#appScreen[data-app-route="fixtures"] .save-button-shell .save{
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  min-height:0!important;
  flex:1 1 auto!important;
  margin:0!important;
  padding:0 18px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  overflow:visible!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  mask:none!important;
  -webkit-mask:none!important;
  -webkit-appearance:none!important;
  appearance:none!important;
  transform:none!important;
}
#appScreen[data-app-route="fixtures"] .save-button-shell:has(.save.is-saved),
#appScreen[data-app-route="fixtures"] .save-button-shell:has(.save.saved){
  background:linear-gradient(135deg,#b9ec2c,#d5ff50)!important;
  box-shadow:0 0 0 6px rgba(204,248,62,.11)!important;
}
#appScreen[data-app-route="fixtures"] .save-button-shell .save.is-saved,
#appScreen[data-app-route="fixtures"] .save-button-shell .save.saved{color:#101700!important}

@media(max-width:520px){
  #appScreen[data-app-route="fixtures"] .score-control-shell{width:52px!important;min-width:52px!important;flex-basis:52px!important;height:94px!important}
  #appScreen[data-app-route="fixtures"] .save-button-shell{width:104px!important;min-width:104px!important;flex-basis:104px!important;height:48px!important;min-height:48px!important;border-radius:16px!important}
}
@media(max-width:390px){
  #appScreen[data-app-route="fixtures"] .score-control-shell{width:48px!important;min-width:48px!important;flex-basis:48px!important}
  #appScreen[data-app-route="fixtures"] .save-button-shell{width:94px!important;min-width:94px!important;flex-basis:94px!important;height:46px!important;min-height:46px!important}
}




/* Approved fixtures prediction controls: clean rounded steppers + clean rounded Save. */

#appScreen[data-app-route="fixtures"] .pick,
#appScreen[data-app-route="fixtures"] .score-pick-row{
  overflow:visible!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  mask:none!important;
  -webkit-mask:none!important;
}

/* SCORE STEPPER OUTER */
#appScreen[data-app-route="fixtures"] .score-arrow-picker{
  width:58px!important;
  min-width:58px!important;
  flex:0 0 58px!important;
  height:96px!important;
  min-height:96px!important;
  display:grid!important;
  grid-template-rows:28px 40px 28px!important;
  overflow:hidden!important;
  border:1px solid rgba(204,248,62,.48)!important;
  border-radius:18px!important;
  background:#101d30!important;
  box-shadow:none!important;
  transform:none!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  mask:none!important;
  -webkit-mask:none!important;
  contain:none!important;
  isolation:auto!important;
  box-sizing:border-box!important;
}

/* all internal buttons are simple rectangles; outer parent supplies rounded shape */
#appScreen[data-app-route="fixtures"] .score-arrow-picker button,
#appScreen[data-app-route="fixtures"] .score-arrow-picker .score-arrow-btn,
#appScreen[data-app-route="fixtures"] .score-arrow-picker .score-arrow-value{
  -webkit-appearance:none!important;
  appearance:none!important;
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  outline:none!important;
  filter:none!important;
  transform:none!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  mask:none!important;
  -webkit-mask:none!important;
  position:static!important;
  inset:auto!important;
  overflow:hidden!important;
  line-height:1!important;
  box-sizing:border-box!important;
}
#appScreen[data-app-route="fixtures"] .score-arrow-picker button::before,
#appScreen[data-app-route="fixtures"] .score-arrow-picker button::after,
#appScreen[data-app-route="fixtures"] .score-arrow-picker .score-arrow-btn::before,
#appScreen[data-app-route="fixtures"] .score-arrow-picker .score-arrow-btn::after,
#appScreen[data-app-route="fixtures"] .score-arrow-picker .score-arrow-value::before,
#appScreen[data-app-route="fixtures"] .score-arrow-picker .score-arrow-value::after{
  content:none!important;
  display:none!important;
}
#appScreen[data-app-route="fixtures"] .score-arrow-btn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:var(--lime)!important;
  font-size:14px!important;
  font-weight:950!important;
}
#appScreen[data-app-route="fixtures"] .score-arrow-value{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#0a1523!important;
  color:#f4f7fb!important;
  font-size:22px!important;
  font-weight:950!important;
  border-top:1px solid rgba(255,255,255,.035)!important;
  border-bottom:1px solid rgba(255,255,255,.035)!important;
}

/* RESET CIRCLE */
#appScreen[data-app-route="fixtures"] .score-prediction-clear{
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  min-height:42px!important;
  flex:0 0 42px!important;
  border-radius:50%!important;
  border:1px solid rgba(204,248,62,.48)!important;
  background:#101d30!important;
  color:var(--lime)!important;
  box-shadow:none!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  mask:none!important;
  -webkit-mask:none!important;
  transform:none!important;
}

/* SAVE BUTTON: pure rounded rectangle, no shell/notch/polygon */
#appScreen[data-app-route="fixtures"] .pick .save-wrap,
#appScreen[data-app-route="fixtures"] .pick .save-shell{
  display:contents!important;
  background:none!important;
  border:0!important;
  padding:0!important;
  margin:0!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  mask:none!important;
  -webkit-mask:none!important;
}

#appScreen[data-app-route="fixtures"] .pick button.save,
#appScreen[data-app-route="fixtures"] .pick .save{
  -webkit-appearance:none!important;
  appearance:none!important;
  width:128px!important;
  min-width:128px!important;
  max-width:128px!important;
  height:56px!important;
  min-height:56px!important;
  flex:0 0 128px!important;
  margin:0!important;
  padding:0 22px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(117,163,255,.75)!important;
  border-radius:20px!important;
  background:#4779ff!important;
  background-image:none!important;
  color:#fff!important;
  font-size:17px!important;
  font-weight:950!important;
  line-height:1!important;
  box-shadow:none!important;
  outline:none!important;
  transform:none!important;
  filter:none!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  mask:none!important;
  -webkit-mask:none!important;
  overflow:hidden!important;
  position:static!important;
  inset:auto!important;
  box-sizing:border-box!important;
}
#appScreen[data-app-route="fixtures"] .pick button.save::before,
#appScreen[data-app-route="fixtures"] .pick button.save::after,
#appScreen[data-app-route="fixtures"] .pick .save::before,
#appScreen[data-app-route="fixtures"] .pick .save::after{
  content:none!important;
  display:none!important;
}
#appScreen[data-app-route="fixtures"] .pick .save.is-saved,
#appScreen[data-app-route="fixtures"] .pick .save.saved{
  border-radius:20px!important;
  background:linear-gradient(135deg,#b9ec2c,#d5ff50)!important;
  color:#101700!important;
  transform:none!important;
  box-shadow:0 0 0 5px rgba(204,248,62,.10)!important;
}

/* spacing from approved mockup */
#appScreen[data-app-route="fixtures"] .score-pick-row{
  gap:10px!important;
  align-items:center!important;
  justify-content:center!important;
}

@media(max-width:420px){
  #appScreen[data-app-route="fixtures"] .score-arrow-picker{
    width:54px!important;
    min-width:54px!important;
    flex-basis:54px!important;
    height:94px!important;
    min-height:94px!important;
    grid-template-rows:27px 40px 27px!important;
  }
  #appScreen[data-app-route="fixtures"] .score-prediction-clear{
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    flex-basis:40px!important;
  }
  #appScreen[data-app-route="fixtures"] .pick button.save,
  #appScreen[data-app-route="fixtures"] .pick .save{
    width:116px!important;
    min-width:116px!important;
    max-width:116px!important;
    flex-basis:116px!important;
    height:54px!important;
    min-height:54px!important;
    border-radius:19px!important;
    font-size:16px!important;
  }
}




/* V59 exact reference: clean controls, no native button clipping. */
#appScreen[data-app-route="fixtures"] .pick{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  overflow:visible!important;
}
#appScreen[data-app-route="fixtures"] .score-pick-row{
  margin-top:16px!important;
  padding-top:16px!important;
  border-top:1px solid rgba(148,163,184,.17)!important;
}

/* Score picker is a DIV-only shell; Android cannot apply button notches to it. */
#appScreen[data-app-route="fixtures"] .score-arrow-picker{
  width:58px!important;
  min-width:58px!important;
  flex:0 0 58px!important;
  height:96px!important;
  min-height:96px!important;
  display:grid!important;
  grid-template-rows:28px 40px 28px!important;
  border:1px solid rgba(204,248,62,.40)!important;
  border-radius:17px!important;
  overflow:hidden!important;
  background:#101d30!important;
  box-shadow:none!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  mask:none!important;
  -webkit-mask:none!important;
  transform:none!important;
  box-sizing:border-box!important;
}
#appScreen[data-app-route="fixtures"] .score-arrow-btn,
#appScreen[data-app-route="fixtures"] .score-arrow-value{
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  mask:none!important;
  -webkit-mask:none!important;
  transform:none!important;
  box-sizing:border-box!important;
}
#appScreen[data-app-route="fixtures"] .score-arrow-btn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#111f31!important;
  color:var(--lime)!important;
  font-size:13px!important;
  font-weight:950!important;
  cursor:pointer!important;
  user-select:none!important;
}
#appScreen[data-app-route="fixtures"] .score-arrow-value{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#0a1523!important;
  color:#f5f7fb!important;
  font-size:21px!important;
  font-weight:950!important;
  border-top:1px solid rgba(255,255,255,.035)!important;
  border-bottom:1px solid rgba(255,255,255,.035)!important;
}
#appScreen[data-app-route="fixtures"] .score-arrow-picker.disabled{opacity:.45!important;pointer-events:none!important}

/* Save is also a DIV, matching reference rounded blue rectangle. */
#appScreen[data-app-route="fixtures"] .pick .save{
  width:116px!important;
  min-width:116px!important;
  flex:0 0 116px!important;
  height:52px!important;
  min-height:52px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 18px!important;
  margin:0!important;
  border:0!important;
  border-radius:17px!important;
  background:#5680f6!important;
  background-image:none!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:950!important;
  line-height:1!important;
  box-shadow:none!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  mask:none!important;
  -webkit-mask:none!important;
  transform:none!important;
  overflow:hidden!important;
  cursor:pointer!important;
  user-select:none!important;
  box-sizing:border-box!important;
}
#appScreen[data-app-route="fixtures"] .pick .save::before,
#appScreen[data-app-route="fixtures"] .pick .save::after{content:none!important;display:none!important}
#appScreen[data-app-route="fixtures"] .pick .save.is-saving{opacity:.72!important;pointer-events:none!important}
#appScreen[data-app-route="fixtures"] .pick .save.is-saved{
  background:linear-gradient(135deg,#b9ec2c,#d5ff50)!important;
  color:#101700!important;
  border-radius:17px!important;
}

/* Round reset circle from reference. */
#appScreen[data-app-route="fixtures"] .score-prediction-clear{
  width:42px!important;height:42px!important;min-width:42px!important;flex:0 0 42px!important;
  border-radius:50%!important;
  background:#101d30!important;
  border:1px solid rgba(204,248,62,.40)!important;
  color:var(--lime)!important;
  box-shadow:none!important;
  clip-path:none!important;-webkit-clip-path:none!important;
}

/* Reference shows helper text below score row. */
#appScreen[data-app-route="fixtures"] .pick-note{
  display:block!important;
  margin:9px 0 0!important;
  text-align:center!important;
  color:#8d9bb0!important;
  font-size:10.5px!important;
}

/* Bonus predictions card/layout from supplied screenshot. */
#appScreen[data-app-route="fixtures"] .advanced-picks{
  margin-top:13px!important;
  padding:14px 13px 16px!important;
  border:1px solid rgba(89,111,146,.36)!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,rgba(11,22,38,.92),rgba(8,17,30,.94))!important;
}
#appScreen[data-app-route="fixtures"] .advanced-picks-title{
  display:flex!important;
  align-items:baseline!important;
  justify-content:flex-start!important;
  gap:5px!important;
  flex-wrap:nowrap!important;
  margin-bottom:14px!important;
  line-height:1.1!important;
}
#appScreen[data-app-route="fixtures"] .advanced-picks-title>span:first-child{
  color:var(--lime)!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
#appScreen[data-app-route="fixtures"] .advanced-picks-title .bonus-title-separator{display:none!important}
#appScreen[data-app-route="fixtures"] .bonus-autosave-status{
  color:#9aa8bc!important;
  font-size:9px!important;
  font-weight:800!important;
  white-space:nowrap!important;
  margin:0!important;
}
#appScreen[data-app-route="fixtures"] .advanced-pick-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:11px!important;
}
#appScreen[data-app-route="fixtures"] .advanced-field,
#appScreen[data-app-route="fixtures"] .advanced-field.full{
  width:100%!important;
  min-width:0!important;
  grid-column:1!important;
}
#appScreen[data-app-route="fixtures"] .advanced-field>label,
#appScreen[data-app-route="fixtures"] .scorer-field>label{
  display:block!important;
  margin:0 0 6px!important;
  color:#9aa8bc!important;
  font-size:9.5px!important;
  font-weight:850!important;
}
#appScreen[data-app-route="fixtures"] .scorer-picker-button,
#appScreen[data-app-route="fixtures"] .app-number-picker-button,
#appScreen[data-app-route="fixtures"] .modern-number-select{
  min-height:43px!important;
  border-radius:11px!important;
  border-color:rgba(55,211,153,.38)!important;
  background:linear-gradient(180deg,#132231,#0d1a28)!important;
}
#appScreen[data-app-route="fixtures"] .bonus-choice-group{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
}
#appScreen[data-app-route="fixtures"] .bonus-choice{
  min-height:39px!important;
  width:100%!important;
  border-radius:11px!important;
  background:linear-gradient(180deg,#192735,#111e2b)!important;
  color:#aab6c8!important;
}
#appScreen[data-app-route="fixtures"] .advanced-field.full .bonus-choice-group:has(.bonus-choice:nth-child(3)){
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
#appScreen[data-app-route="fixtures"] .advanced-field.full .bonus-choice-group:has(.bonus-choice:nth-child(3)) .bonus-choice:nth-child(3){
  grid-column:1/-1!important;
}
#appScreen[data-app-route="fixtures"] .scorer-field small{
  display:block!important;
  margin-top:5px!important;
  color:#7f8da3!important;
  font-size:8.5px!important;
}

@media(max-width:420px){
  #appScreen[data-app-route="fixtures"] .score-arrow-picker{
    width:52px!important;min-width:52px!important;flex-basis:52px!important;height:92px!important;min-height:92px!important;
    grid-template-rows:26px 40px 26px!important;
  }
  #appScreen[data-app-route="fixtures"] .score-prediction-clear{
    width:38px!important;height:38px!important;min-width:38px!important;flex-basis:38px!important;
  }
  #appScreen[data-app-route="fixtures"] .pick .save{
    width:106px!important;min-width:106px!important;flex-basis:106px!important;height:50px!important;min-height:50px!important;
    border-radius:16px!important;font-size:15px!important;
  }
  #appScreen[data-app-route="fixtures"] .score-pick-row{gap:8px!important}
}

/* V60 compact score entry controls */
#appScreen[data-app-route="fixtures"] .score-arrow-picker{width:48px!important;min-width:48px!important;flex-basis:48px!important;height:84px!important;min-height:84px!important;grid-template-rows:24px 36px 24px!important;border-radius:15px!important}
#appScreen[data-app-route="fixtures"] .score-arrow-btn{font-size:12px!important}
#appScreen[data-app-route="fixtures"] .score-arrow-value{font-size:19px!important}
#appScreen[data-app-route="fixtures"] .score-prediction-clear{width:36px!important;height:36px!important;min-width:36px!important;flex-basis:36px!important;font-size:18px!important}
#appScreen[data-app-route="fixtures"] .pick .save{width:96px!important;min-width:96px!important;flex-basis:96px!important;height:46px!important;min-height:46px!important;border-radius:15px!important;font-size:14px!important;padding:0 14px!important}
#appScreen[data-app-route="fixtures"] .score-pick-row{gap:7px!important;margin-top:14px!important;padding-top:14px!important}
#appScreen[data-app-route="fixtures"] .pick-note{margin-top:7px!important;font-size:10px!important}
@media(max-width:420px){#appScreen[data-app-route="fixtures"] .score-arrow-picker{width:46px!important;min-width:46px!important;flex-basis:46px!important;height:82px!important;min-height:82px!important;grid-template-rows:23px 36px 23px!important}#appScreen[data-app-route="fixtures"] .score-prediction-clear{width:34px!important;height:34px!important;min-width:34px!important;flex-basis:34px!important}#appScreen[data-app-route="fixtures"] .pick .save{width:92px!important;min-width:92px!important;flex-basis:92px!important;height:44px!important;min-height:44px!important;font-size:14px!important}}


/* V61 final interaction polish: rounded press feedback + compact responsive spacing. */
:where(
  .bottom-tabs .tab,
  .standings-round-chip,
  .chip,
  .match-chip,
  .result-chip,
  .global-filter-chip,
  .today-chip,
  .league-item,
  .home-group-option,
  .home-live-league-option,
  .achievement-badge,
  .bonus-choice,
  .scorer-picker-button,
  .app-number-picker-button,
  .modern-number-select,
  .header-icon-button,
  .app-update-shortcut,
  .home-round-clickable
){
  -webkit-tap-highlight-color:transparent;
  transition:transform .11s ease,box-shadow .14s ease,border-color .14s ease,background-color .14s ease,filter .14s ease!important;
  transform-origin:center;
}
:where(
  .bottom-tabs .tab,
  .standings-round-chip,
  .chip,
  .match-chip,
  .result-chip,
  .global-filter-chip,
  .today-chip,
  .league-item,
  .home-group-option,
  .home-live-league-option,
  .achievement-badge,
  .bonus-choice,
  .scorer-picker-button,
  .app-number-picker-button,
  .modern-number-select,
  .header-icon-button,
  .app-update-shortcut,
  .home-round-clickable
):active{
  transform:scale(.955)!important;
  filter:brightness(1.06);
}
:where(.standings-round-chip,.chip,.match-chip,.result-chip,.global-filter-chip,.today-chip,.bonus-choice).active{
  border-radius:999px!important;
}
.bottom-tabs .tab:active{border-radius:16px!important}

/* Keep touch feedback away from the carefully fixed score-entry geometry. */
#appScreen[data-app-route="fixtures"] .score-arrow-btn:active,
#appScreen[data-app-route="fixtures"] .pick .save:active{filter:brightness(1.07)!important}

/* Small-screen spacing pass: preserve all controls, avoid edge crowding and clipping. */
@media(max-width:390px){
  #appScreen[data-app-route="fixtures"] .match,
  #appScreen[data-app-route="fixtures"] .panel{padding-left:12px!important;padding-right:12px!important}
  #appScreen[data-app-route="fixtures"] .score-pick-row{gap:6px!important}
  #appScreen[data-app-route="fixtures"] .score-arrow-picker{width:44px!important;min-width:44px!important;flex-basis:44px!important}
  #appScreen[data-app-route="fixtures"] .score-prediction-clear{width:32px!important;height:32px!important;min-width:32px!important;flex-basis:32px!important}
  #appScreen[data-app-route="fixtures"] .pick .save{width:88px!important;min-width:88px!important;flex-basis:88px!important;padding:0 10px!important}
  .bottom-tabs .tab{min-width:0!important}
}

@media(max-width:350px){
  #appScreen[data-app-route="fixtures"] .match,
  #appScreen[data-app-route="fixtures"] .panel{padding-left:10px!important;padding-right:10px!important}
  #appScreen[data-app-route="fixtures"] .score-pick-row{gap:5px!important}
  #appScreen[data-app-route="fixtures"] .score-arrow-picker{width:42px!important;min-width:42px!important;flex-basis:42px!important}
  #appScreen[data-app-route="fixtures"] .pick .save{width:82px!important;min-width:82px!important;flex-basis:82px!important;font-size:13px!important}
}


/* V63: keep the existing lime active league background, but use black text
   for readability, matching ALL / TODAY / LIVE active controls. */
#matchesView .competition-chips > .competition-chip-row:not(.competition-chip-top) > .chip.active{
  color:#0b0d0f!important;
}

/* V64 Home group selector/delta support lives primarily in index inline override. */
.home-group-copy{min-width:0}
.home-group-kicker{display:block}
.home-since-last.hidden{display:none!important}


/* V74 — rounded Android press feedback + sticky Player/Total in Current/Previous */
#appScreen[data-app-route="fixtures"] .pick .save,
#appScreen[data-app-route="fixtures"] .score-prediction-clear,
.player-stats-actions button,
.h2h-share-btn,
#appScreen[data-app-route="home"] .home-round-clickable,
#appScreen[data-app-route="home"] #homeRoundPoints{
  -webkit-tap-highlight-color:transparent!important;
  transform-origin:center!important;
  transition:transform .10s ease,box-shadow .12s ease,filter .12s ease!important;
}
#appScreen[data-app-route="fixtures"] .pick .save:active,
.player-stats-actions button:active,
.h2h-share-btn:active{
  border-radius:15px!important;
  transform:scale(.965)!important;
  box-shadow:0 0 0 4px rgba(92,131,255,.14)!important;
  filter:brightness(1.06)!important;
}
#appScreen[data-app-route="fixtures"] .score-prediction-clear:active{
  border-radius:50%!important;
  transform:scale(.90)!important;
  box-shadow:0 0 0 4px rgba(204,248,62,.13)!important;
  filter:brightness(1.08)!important;
}
#appScreen[data-app-route="home"] .home-round-clickable:active,
#appScreen[data-app-route="home"] #homeRoundPoints:active{
  border-radius:999px!important;
  transform:scale(.965)!important;
  box-shadow:0 0 0 4px rgba(204,248,62,.11)!important;
  filter:brightness(1.06)!important;
}

/* Current / Previous: keep Player + Total fixed together while matches scroll. */
.round-matrix-table{
  --matrix-player-fixed-width:106px;
  --matrix-total-fixed-width:64px;
}
.round-matrix-table .matrix-player.sticky-left{
  position:sticky!important;
  left:0!important;
  width:var(--matrix-player-fixed-width)!important;
  min-width:var(--matrix-player-fixed-width)!important;
  max-width:var(--matrix-player-fixed-width)!important;
  z-index:5!important;
  background:#0d1d39!important;
}
.round-matrix-table thead .matrix-player.sticky-left{z-index:8!important}
.round-matrix-table .matrix-total.matrix-total-after-player{
  position:sticky!important;
  left:var(--matrix-player-fixed-width)!important;
  width:var(--matrix-total-fixed-width)!important;
  min-width:var(--matrix-total-fixed-width)!important;
  max-width:var(--matrix-total-fixed-width)!important;
  z-index:4!important;
  background:#0d1d39!important;
  box-shadow:1px 0 0 rgba(148,163,184,.12)!important;
}
.round-matrix-table thead .matrix-total.matrix-total-after-player{z-index:7!important}
.round-matrix-table tr.matrix-highlight .matrix-total.matrix-total-after-player{background:#10274d!important}
@media(max-width:620px){
  .round-matrix-table{--matrix-player-fixed-width:94px;--matrix-total-fixed-width:58px}
}


/* V76 — actual Android bundle fix: narrow Player + rounded Home points press */
.round-matrix-table{
  --matrix-player-fixed-width:78px!important;
  --matrix-total-fixed-width:58px!important;
}
@media(max-width:620px){
  .round-matrix-table{
    --matrix-player-fixed-width:74px!important;
    --matrix-total-fixed-width:56px!important;
  }
}
.round-matrix-table .matrix-player.sticky-left{
  width:var(--matrix-player-fixed-width)!important;
  min-width:var(--matrix-player-fixed-width)!important;
  max-width:var(--matrix-player-fixed-width)!important;
  padding-left:5px!important;
  padding-right:5px!important;
}
.round-matrix-table .matrix-player-name-wrap{
  width:100%!important;
  max-width:100%!important;
  white-space:normal!important;
  overflow:hidden!important;
}
.round-matrix-table .matrix-name-line{
  display:block!important;
  width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* HOME Your points / scoring card: suppress rectangular WebView tap flash */
#appScreen[data-app-route="home"] #heroCard,
#appScreen[data-app-route="home"] #heroCard *{
  -webkit-tap-highlight-color:rgba(0,0,0,0)!important;
}
#appScreen[data-app-route="home"] #heroCard{
  border-radius:24px!important;
  overflow:hidden!important;
  clip-path:inset(0 round 24px)!important;
  transition:transform .10s ease,filter .10s ease,box-shadow .10s ease!important;
}
#appScreen[data-app-route="home"] #heroCard:active{
  transform:scale(.985)!important;
  filter:brightness(1.07)!important;
  box-shadow:0 0 0 4px rgba(204,248,62,.12),0 12px 34px rgba(0,0,0,.28)!important;
}

/* V78 – Global mobile responsiveness: keep exact/outcomes/played visible on narrow phones */
.overall-player-card .global-player-sub{min-width:0;max-width:100%;}
.overall-player-card .global-player-sub .sub-line{display:flex;align-items:center;flex-wrap:wrap;gap:2px 4px;min-width:0;max-width:100%;white-space:normal;line-height:1.28;}
@media(max-width:480px){
  .overall-player-card .global-player-sub{font-size:.74rem;}
  .overall-player-card .global-player-sub .sub-line{gap:1px 3px;}
}
@media(max-width:380px){
  .overall-player-card{grid-template-columns:28px 32px minmax(0,1fr) 46px!important;gap:5px!important;padding-left:5px!important;padding-right:5px!important;}
  .overall-player-card .global-player-sub{font-size:.68rem;}
  .overall-player-card .global-total{width:44px!important;}
}

/* V83 Home engagement polish */
.home-next-match-status{display:block!important;margin-top:3px!important;font-style:normal;font-size:9px!important;font-weight:900}.home-next-match-status.saved{color:var(--lime)!important}.home-next-match-status.missing{color:#fbbf24!important}

/* V86 Personal Best popup polish */
#personalBestModal{z-index:260;background:rgba(2,5,11,.88);backdrop-filter:blur(10px)}.personal-best-card{width:min(370px,100%);text-align:center;padding:26px 22px 22px;overflow:visible;border-color:rgba(204,248,62,.28);box-shadow:0 28px 90px rgba(0,0,0,.65),0 0 45px rgba(204,248,62,.08)}.personal-best-trophy{width:68px;height:68px;margin:-4px auto 12px;border-radius:22px;display:grid;place-items:center;font-size:36px;background:linear-gradient(145deg,rgba(204,248,62,.2),rgba(204,248,62,.06));border:1px solid rgba(204,248,62,.28)}.personal-best-card>small{display:block;color:var(--lime);font-size:11px;font-weight:900;letter-spacing:1.5px;margin-bottom:6px}.personal-best-card h3{margin:0;font-size:25px}.personal-best-score{margin:18px auto 10px;display:flex;justify-content:center;align-items:baseline;gap:8px}.personal-best-score b{font-size:48px;line-height:1;color:var(--lime);letter-spacing:-2px}.personal-best-score span{font-size:12px;font-weight:900;color:var(--muted);letter-spacing:1px}.personal-best-card p{margin:0;color:var(--muted);font-size:14px}.personal-best-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.personal-best-actions button{min-height:44px;width:100%}.personal-record-button{appearance:none;-webkit-appearance:none;color:inherit!important;font:inherit;text-align:left;cursor:pointer;width:100%}.personal-record-button span{color:var(--muted)!important}.personal-record-button b{color:var(--text)!important}

/* V87 remote app version / force update */
body.force-update-locked{overflow:hidden!important}body.force-update-locked #appUpdateModal{z-index:10000!important;background:rgba(2,5,11,.96)!important;backdrop-filter:blur(12px)}body.force-update-locked #appUpdateClose,body.force-update-locked #appUpdateOkBtn{display:none!important}#appVersionControlPanel textarea{resize:vertical;min-height:70px}#appVersionControlStatus.ok{color:var(--lime)}#appVersionControlStatus.error{color:#ff8d8d}

/* V92 Global movement: same placement as Standings, immediately left of Points */
.global-points{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;white-space:nowrap!important;min-width:0}.global-points .rank-movement,.global-points .rank-move,.global-points .movement-badge{flex:0 0 auto!important}.global-points b{flex:0 0 auto}.global-points small{flex:0 0 auto}

/* V93 Global movement visible in actual global-total cell */
.global-total{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;white-space:nowrap!important;min-width:0}.global-total .rank-movement,.global-total .rank-move,.global-total .movement-badge{display:inline-flex!important;flex:0 0 auto!important}.global-total b,.global-total small{flex:0 0 auto}

/* V94 Global movement — real Total-vs-before-current-round movement, inline left of Points */
#globalStandingsList .global-total{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;white-space:nowrap!important}#globalStandingsList .global-total .rank-movement{position:static!important;display:inline-flex!important;flex:0 0 auto!important;margin:0 2px 0 0!important}

/* V95 Global movement outside Points field, matching Standings placement */
#globalStandingsList .global-movement-slot{display:flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:26px;margin-left:auto;margin-right:3px}#globalStandingsList .global-movement-slot .rank-movement{position:static!important;margin:0!important}#globalStandingsList .global-total{margin-left:0!important}

/* V96 Global movement exactly like Standings: inside player name row, never a separate row */
#globalStandingsList .global-player-name-row{display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important;flex-wrap:nowrap!important}#globalStandingsList .global-player-name{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}#globalStandingsList .global-player-name-row .rank-movement{position:static!important;display:inline-flex!important;flex:0 0 auto!important;margin:0!important}.global-movement-slot{display:none!important}


/* V115 – Fixtures team FORM / Last 5 */
.team-name{display:block}.team-form-toggle{appearance:none;-webkit-appearance:none;border:0;background:transparent;color:var(--lime);font:inherit;font-size:10px;font-weight:900;letter-spacing:.08em;padding:5px 6px 2px;margin:3px auto 0;display:inline-flex;align-items:center;justify-content:center;gap:4px;border-radius:999px;cursor:pointer;-webkit-tap-highlight-color:transparent}.team-form-toggle:active{background:rgba(204,248,62,.09);transform:scale(.97)}.team-form-chevron{font-size:14px;line-height:1;transition:transform .18s ease}.team-form-toggle.open .team-form-chevron{transform:rotate(180deg)}.team-form-panel{margin:7px auto 0;width:min(152px,100%);font-weight:400;animation:teamFormOpen .16s ease both}.team-form-panel.hidden{display:none!important}@keyframes teamFormOpen{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}.team-form-loading,.team-form-empty,.team-form-retry{font-size:9px;color:var(--muted);padding:7px 4px}.team-form-retry{border:0;background:transparent;text-decoration:underline;cursor:pointer}.team-form-summary{display:flex;flex-direction:column;align-items:center;gap:6px}.team-form-label{font-size:8px;color:var(--muted);font-weight:800;letter-spacing:.09em}.team-form-dots{display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:nowrap}.team-form-dot{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:9px;font-weight:1000;color:#071019;box-shadow:inset 0 0 0 1px rgba(255,255,255,.09)}.team-form-dot.w{background:#7ee64d}.team-form-dot.d{background:#f1c53c}.team-form-dot.l{background:#ef5350}.team-form-details-toggle{appearance:none;-webkit-appearance:none;border:1px solid rgba(204,248,62,.55);background:rgba(204,248,62,.04);color:var(--lime);border-radius:999px;padding:5px 9px;font-size:8px;font-weight:900;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent}.team-form-details-toggle span{font-size:12px;vertical-align:-1px;margin-left:2px}.team-form-matches{margin-top:7px;border-top:1px solid var(--line);padding-top:4px;text-align:left}.team-form-matches.hidden{display:none!important}.team-form-match{padding:5px 1px;border-bottom:1px solid rgba(255,255,255,.055);line-height:1.22}.team-form-match:last-child{border-bottom:0}.team-form-match>div{display:flex;gap:4px;align-items:center;min-width:0}.team-form-match b{flex:0 0 16px;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);font-size:8px}.team-form-match span{min-width:0;font-size:8px;color:var(--text);white-space:normal}.team-form-match strong{color:var(--lime);font-size:9px}.team-form-match small{display:block;color:var(--muted);font-size:7px;margin:2px 0 0 20px}.teams:has(.team-form-panel:not(.hidden)){align-items:start}.teams:has(.team-form-panel:not(.hidden)) .score{margin-top:28px}@media(max-width:520px){.team-form-panel{width:min(142px,100%)}.team-form-dot{width:20px;height:20px;font-size:8px}.team-form-dots{gap:3px}}

/* V152 Head-to-Head winner highlighting */
.h2h-card .h2h-names{margin:16px 0 14px}
.h2h-card .h2h-row{align-items:center;min-height:52px;padding:6px 0}
.h2h-card .h2h-value{display:flex;align-items:center;min-height:40px;padding:0 10px;border-radius:11px;font-size:15px;transition:background .15s ease,border-color .15s ease,color .15s ease}
.h2h-card .h2h-value:first-child{justify-content:flex-start}
.h2h-card .h2h-value:last-child{justify-content:flex-end}
.h2h-card .h2h-value.h2h-better{color:#c7ff2f;background:rgba(112,166,19,.22);border:1px solid rgba(167,255,31,.28);box-shadow:inset 0 0 18px rgba(122,190,18,.08)}
.h2h-card .h2h-share-btn{margin-top:12px}

/* V155 — Superadmin production service console */
.superadmin-console,.superadmin-control-card,.superadmin-users-card{border:1px solid rgba(92,156,255,.28)!important;background:radial-gradient(circle at 90% 0,rgba(92,156,255,.12),transparent 36%),linear-gradient(180deg,#101d31,#0b1424)!important;box-shadow:0 16px 38px rgba(0,0,0,.22)}
.superadmin-console-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.superadmin-eyebrow{display:block;color:var(--lime);font-size:9px;font-weight:1000;letter-spacing:.16em}.superadmin-console-head h3{margin:4px 0 2px;font-size:20px}.superadmin-console-head p{margin:0;color:var(--muted);font-size:10px}.superadmin-status-pill{padding:7px 10px;border-radius:999px;background:rgba(47,211,153,.12);border:1px solid rgba(47,211,153,.35);color:#5ef0b5;font-size:9px;font-weight:1000;white-space:nowrap}.superadmin-status-pill.warn{background:rgba(255,184,77,.12);border-color:rgba(255,184,77,.4);color:#ffc56b}
.superadmin-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.superadmin-metric{padding:10px 8px;border:1px solid #263954;border-radius:14px;background:#0a1424;text-align:center}.superadmin-metric span,.superadmin-metric small{display:block;color:#8498b5;font-size:8px;font-weight:850}.superadmin-metric b{display:block;margin:3px 0;font-size:20px;color:#f4f8ff}.superadmin-version-strip{margin-top:9px;padding:9px 11px;border-radius:11px;background:rgba(92,156,255,.08);color:#aecdff;font-size:10px;line-height:1.45}.superadmin-refresh-btn{margin-top:9px!important}
.superadmin-control-list{display:grid;gap:10px}.superadmin-control-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid #273a55;border-radius:14px;background:#0a1424}.superadmin-control-row>div{min-width:0}.superadmin-control-row b{display:block;font-size:12px}.superadmin-control-row small{display:block;margin-top:2px;color:#8294ad;font-size:9px;line-height:1.35}.superadmin-control-row.danger-control{border-color:rgba(255,113,136,.28);background:linear-gradient(90deg,rgba(255,68,100,.07),#0a1424)}.superadmin-control-row.announcement-control{border-color:rgba(251,191,36,.25)}
.superadmin-user-search{width:100%;margin-bottom:10px}.superadmin-user-list{display:grid;gap:7px;max-height:420px;overflow:auto}.superadmin-user-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;padding:10px 11px;border:1px solid #263954;border-radius:13px;background:#0a1424}.superadmin-user-main{min-width:0}.superadmin-user-main b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.superadmin-user-main small{display:block;margin-top:3px;color:#8498b5;font-size:9px}.superadmin-user-meta{text-align:right;font-size:9px;color:#9db0ca}.superadmin-user-version{display:inline-block;padding:3px 7px;border-radius:999px;background:rgba(204,248,62,.10);color:var(--lime);font-weight:950}.superadmin-user-version.old{background:rgba(255,184,77,.10);color:#ffbd5c}.superadmin-user-push{display:block;margin-top:5px}.superadmin-user-push.ok{color:#5ee8ad}.superadmin-user-push.off{color:#ff8496}
.scorepredict-announcement{position:sticky;top:6px;z-index:58;margin:0 auto 10px;width:min(768px,calc(100% - 20px));padding:10px 13px;border:1px solid rgba(251,191,36,.42);border-radius:14px;background:linear-gradient(90deg,rgba(80,56,11,.96),rgba(35,28,14,.96));color:#ffe39a;font-size:11px;font-weight:850;box-shadow:0 8px 25px rgba(0,0,0,.24)}
.runtime-maintenance-overlay{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:18px;background:rgba(4,9,17,.94);backdrop-filter:blur(10px)}.runtime-maintenance-card{width:min(430px,100%);padding:28px 22px;border:1px solid rgba(255,184,77,.38);border-radius:24px;background:linear-gradient(180deg,#172238,#0b1424);text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.5)}.runtime-maintenance-icon{font-size:42px}.runtime-maintenance-card h2{margin:10px 0 7px}.runtime-maintenance-card p{color:#aab9cc;line-height:1.55}.runtime-maintenance-card button{margin-top:14px;width:100%}
body.runtime-live-off #homeLiveMatches{display:none!important}
@media(max-width:520px){.superadmin-metrics{grid-template-columns:1fr 1fr}.superadmin-console-head{align-items:center}.superadmin-user-row{grid-template-columns:1fr}.superadmin-user-meta{text-align:left;display:flex;gap:8px;align-items:center;flex-wrap:wrap}}

/* V156 — safer Superadmin production controls */
.runtime-state-badge{display:inline-flex;vertical-align:middle;margin-left:7px;padding:3px 7px;border-radius:999px;font-size:8px;font-weight:900;letter-spacing:.06em;background:#26354b;color:#a9b8cc;border:1px solid #3a4c65}.runtime-state-badge.active{background:rgba(52,211,153,.12);border-color:rgba(52,211,153,.5);color:#55e6ad}.runtime-state-badge.danger{background:rgba(255,68,100,.15);border-color:rgba(255,68,100,.6);color:#ff7188}.runtime-state-badge.disabled{background:rgba(148,163,184,.08);color:#8797aa}.superadmin-control-row.runtime-enabled:not(.danger-control){border-color:rgba(52,211,153,.28)}.superadmin-control-row.danger-control.runtime-enabled{border-color:rgba(255,68,100,.75);box-shadow:0 0 0 1px rgba(255,68,100,.08) inset;background:linear-gradient(90deg,rgba(255,68,100,.15),#0a1424)}.runtime-dependent-field{display:none;padding:2px 2px 5px}.runtime-dependent-field.show{display:block}.runtime-dependent-field textarea{width:100%;box-sizing:border-box;background:#0a1424!important;color:#e9f1fb!important;border:1px solid #314660!important;border-radius:12px!important;padding:11px!important;resize:vertical}.runtime-dependent-field .field-label{display:block;margin:0 0 6px;color:#9fb0c5;font-size:10px}

/* V157 — Superadmin emergency tools */
.superadmin-tools-card{border:1px solid rgba(204,248,62,.22)!important;background:linear-gradient(180deg,#101d31,#0b1424)!important}.superadmin-health-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid #2b3d57;border-radius:15px;background:#0a1424;margin-bottom:10px}.superadmin-health-card b{margin-left:6px;font-size:12px}.superadmin-health-card small{display:block;margin-top:4px;color:#8ea0ba;font-size:9px}.superadmin-health-dot{color:#8797aa}.superadmin-health-card.ok{border-color:rgba(52,211,153,.42)}.superadmin-health-card.ok .superadmin-health-dot,.superadmin-health-card.ok b{color:#59eab1}.superadmin-health-card.warn{border-color:rgba(251,191,36,.45)}.superadmin-health-card.warn .superadmin-health-dot,.superadmin-health-card.warn b{color:#ffc85b}.superadmin-health-card.bad{border-color:rgba(255,68,100,.55)}.superadmin-health-card.bad .superadmin-health-dot,.superadmin-health-card.bad b{color:#ff7188}.superadmin-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.superadmin-tool-button{appearance:none;text-align:left;padding:12px;border:1px solid #2a3d58;border-radius:14px;background:#0a1424;color:var(--text);cursor:pointer}.superadmin-tool-button>span{display:block;font-size:19px;margin-bottom:5px}.superadmin-tool-button b{display:block;font-size:11px}.superadmin-tool-button small{display:block;color:#8294ad;font-size:8px;margin-top:3px}.superadmin-tool-button.danger-lite{border-color:rgba(255,113,136,.28)}.superadmin-tool-section{margin-top:10px;padding:12px;border:1px solid #263954;border-radius:14px;background:#0a1424}.superadmin-tool-section-title{margin-bottom:9px}.superadmin-tool-section-title b{display:block;font-size:11px}.superadmin-tool-section-title small{display:block;color:#8294ad;font-size:8px;margin-top:3px}.superadmin-inline-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.superadmin-tool-section select{width:100%;min-width:0}.superadmin-lock-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.superadmin-errors{margin-top:10px;padding:12px;border:1px solid rgba(255,113,136,.28);border-radius:14px;background:#0a1424}.superadmin-errors-head{display:flex;justify-content:space-between;align-items:center}.superadmin-error-row{padding:8px 0;border-top:1px solid #20324a}.superadmin-error-row>div{display:flex;justify-content:space-between}.superadmin-error-row b{font-size:10px;color:#ff9bab}.superadmin-error-row span{font-size:8px;color:#7f91aa}.superadmin-error-row p{margin:4px 0 0;color:#c0cada;font-size:9px}.superadmin-no-errors{padding:9px;color:#59eab1;font-size:10px}@media(max-width:520px){.superadmin-tool-grid{grid-template-columns:1fr}.superadmin-health-card{align-items:flex-start;flex-direction:column}.superadmin-health-card button{width:100%}.superadmin-inline-controls{grid-template-columns:1fr}}

/* V159 — Superadmin Recovery Center */
.superadmin-recovery-card{border:1px solid rgba(91,164,255,.30)!important;background:linear-gradient(180deg,#101d31,#0b1424)!important}.superadmin-recovery-status{display:flex;gap:9px;align-items:flex-start;padding:11px 12px;margin-bottom:10px;border:1px solid #2b3d57;border-radius:14px;background:#0a1424}.superadmin-recovery-status>span{color:#59eab1}.superadmin-recovery-status b{display:block;font-size:11px}.superadmin-recovery-status small{display:block;color:#8395ae;font-size:8px;margin-top:3px}.superadmin-recovery-status.warn{border-color:rgba(251,191,36,.45)}.superadmin-recovery-status.warn>span,.superadmin-recovery-status.warn b{color:#ffc85b}.superadmin-recovery-status.bad{border-color:rgba(255,68,100,.55)}.superadmin-recovery-status.bad>span,.superadmin-recovery-status.bad b{color:#ff7188}.superadmin-recovery-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.recovery-action-btn{margin-top:8px}.safe-mode-button.active-safe{border-color:rgba(251,191,36,.6);background:linear-gradient(135deg,rgba(251,191,36,.14),#0a1424)}.safe-mode-button.active-safe b{color:#ffc85b}.superadmin-recovery-output{margin-top:10px;padding:12px;border:1px solid #2a3d58;border-radius:14px;background:#0a1424}.recovery-health-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;padding:9px 0;border-top:1px solid #20324a}.recovery-health-row:first-of-type{border-top:0}.recovery-health-row b{font-size:10px}.recovery-health-row span{font-size:9px;color:#b9c7d9;text-align:right}.recovery-health-row small{grid-column:1/-1;color:#8294ad;font-size:8px}@media(max-width:520px){.superadmin-recovery-grid{grid-template-columns:1fr}.recovery-health-row{grid-template-columns:1fr}.recovery-health-row span{text-align:left}}


/* V164 — Superadmin overview statistics */
.superadmin-overview-label{margin:12px 2px 6px;color:#6f86a7;font-size:8px;font-weight:950;letter-spacing:.16em}
.superadmin-metrics-primary .superadmin-metric-featured{background:linear-gradient(180deg,#0c192b,#091321);border-color:#2c4464;min-height:78px;display:flex;flex-direction:column;justify-content:center}
.superadmin-metrics-primary .superadmin-metric-featured span{font-size:9px;color:#9eb3cf}
.superadmin-metrics-primary .superadmin-metric-featured b{font-size:24px;line-height:1.05;margin:5px 0 3px}
.superadmin-metrics-secondary{margin-top:0}
.superadmin-metrics-secondary .superadmin-metric{min-height:72px;display:flex;flex-direction:column;justify-content:center}
.superadmin-insight-strip{margin-top:9px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.superadmin-insight-strip span{padding:8px 7px;border:1px solid #223651;border-radius:11px;background:rgba(16,31,51,.72);color:#8ea3bf;font-size:8.5px;font-weight:800;text-align:center;line-height:1.35}
.superadmin-insight-strip b{color:#e9f2ff;font-size:10px}
@media(max-width:520px){.superadmin-insight-strip{grid-template-columns:1fr 1fr}.superadmin-metrics-primary .superadmin-metric-featured{min-height:74px}.superadmin-metrics-primary .superadmin-metric-featured b{font-size:22px}}