/* Golavio play layer styles (uses tokens from redesign.css) */

/* ---------- Upcoming pick cards ---------- */
html body .r-card{display:flex!important;flex-direction:column!important;gap:12px!important;padding:14px!important;border-radius:16px!important;background:linear-gradient(180deg,var(--r-surface-2),var(--r-surface))!important;border:1px solid var(--r-border)!important;position:relative;overflow:hidden}
.r-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:22px}
.r-card-top .game-recommendation-league{font-size:12px!important;font-weight:600!important;color:var(--r-muted)!important;background:none!important;padding:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
html body .r-card .kickoff-countdown.r-badge{position:static!important;display:inline-flex!important;flex-direction:row!important;align-items:center;gap:5px;flex:none;margin:0!important;padding:4px 9px!important;border-radius:999px!important;background:var(--r-accent-soft)!important;border:1px solid var(--r-accent-line)!important;color:var(--r-accent)!important;font-size:11px!important;font-weight:700!important;line-height:1!important;white-space:nowrap}
html body .r-card .kickoff-countdown.r-badge .countdown-label{display:none!important}
html body .r-card .kickoff-countdown.r-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--r-accent);animation:r-blink 1.6s infinite}
@keyframes r-blink{50%{opacity:.25}}
html body .r-card .kickoff-countdown.r-badge b{color:inherit!important;font-variant-numeric:tabular-nums}
.r-teams{display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}
.r-team{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;text-align:center}
.r-team .team-logo{width:40px!important;height:40px!important;display:grid;place-items:center}
.r-team .team-logo img{width:36px!important;height:36px!important;object-fit:contain}
.r-team strong{font-size:13.5px!important;font-weight:700!important;color:var(--r-text)!important;line-height:1.25;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.r-mid{display:flex;flex-direction:column;align-items:center;gap:2px}
.r-mid time{font-size:12px!important;font-weight:700!important;color:var(--r-text-2)!important;background:var(--r-bg-2);border:1px solid var(--r-border);border-radius:8px;padding:5px 8px;white-space:nowrap}

.r-pick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.r-pick button[data-choice]{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 6px 9px;border-radius:12px;background:var(--r-bg-2);border:1px solid var(--r-border-2);box-shadow:0 2px 0 rgba(0,0,0,.35);transition:transform .12s var(--r-ease),border-color .2s,background .2s,box-shadow .2s;-webkit-tap-highlight-color:transparent;min-width:0}
.r-pick button[data-choice]:hover{border-color:var(--r-faint)}
.r-pick button[data-choice]:active{transform:translateY(2px);box-shadow:0 0 0 rgba(0,0,0,0)}
.r-pick button[data-choice]:focus-visible{outline:2px solid var(--r-accent);outline-offset:2px}
.r-pick .r-lab{font-size:12.5px;font-weight:700;color:var(--r-text);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.r-pick .r-pts{font-size:11px;font-weight:700;color:var(--r-accent);font-variant-numeric:tabular-nums}
.r-pick .r-prob{width:70%;height:3px;border-radius:3px;background:var(--r-surface-3);overflow:hidden;margin-top:2px}
.r-pick .r-prob i{display:block;height:100%;width:0;background:var(--r-faint);border-radius:3px;transition:width .6s var(--r-ease)}
.r-pick button.is-chosen{background:var(--r-accent-soft);border-color:var(--r-accent);box-shadow:0 0 0 3px rgba(161,228,53,.18),0 0 22px -6px rgba(161,228,53,.7);transform:translateY(-1px)}
.r-pick button.is-chosen .r-prob i{background:var(--r-accent)}
.r-pick .r-lock{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border:0;border-radius:12px;background:var(--r-accent);color:var(--r-accent-ink);font:700 15px var(--r-font);cursor:pointer;box-shadow:0 10px 26px -10px rgba(161,228,53,.8)}
.r-pick .r-lock svg{width:18px;height:18px}
.r-pick .r-lock[hidden]{display:none}
.r-pick .r-lock.is-busy{opacity:.7;pointer-events:none}
.r-pop{animation:r-pop .35s var(--r-ease)}
@keyframes r-pop{0%{transform:scale(.92);opacity:0}100%{transform:none;opacity:1}}
html body .r-card .r-more{align-self:center;background:none!important;border:0!important;box-shadow:none!important;color:var(--r-muted)!important;font-weight:600!important;font-size:13px!important;padding:2px 8px!important;min-height:0!important}
html body .r-card.is-picked{border-color:var(--r-accent-line)!important}
html body .r-card.is-picked button[data-game-open]{background:var(--r-accent-soft)!important;color:var(--r-accent)!important;border:1px solid var(--r-accent-line)!important;box-shadow:none!important}

/* match dialog pick buttons: tactile */
html :is(#r-boost,body) [data-game-pick]{border-radius:12px!important;background:var(--r-bg-2)!important;border:1px solid var(--r-border-2)!important;box-shadow:0 2px 0 rgba(0,0,0,.35)!important;color:var(--r-text)!important;transition:transform .12s var(--r-ease),border-color .2s,box-shadow .2s!important}
html :is(#r-boost,body) [data-game-pick]:active{transform:translateY(2px)}
html :is(#r-boost,body) [data-game-pick]:is([aria-pressed=true],.selected,.active,.chosen){background:var(--r-accent-soft)!important;border-color:var(--r-accent)!important;box-shadow:0 0 0 3px rgba(161,228,53,.18),0 0 22px -6px rgba(161,228,53,.7)!important}
html :is(#r-boost,body) [data-game-confirm]{background:var(--r-accent)!important;color:var(--r-accent-ink)!important;border:0!important;border-radius:12px!important;min-height:48px!important;font-weight:800!important;box-shadow:0 10px 26px -10px rgba(161,228,53,.8)!important;animation:r-pop .35s var(--r-ease)}

/* celebration */
.r-confetti{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:2147483000}
.r-ring{position:fixed;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;border:3px solid var(--r-accent);pointer-events:none;z-index:2147483001;animation:r-ring .85s var(--r-ease) forwards}
@keyframes r-ring{to{transform:scale(9);opacity:0;border-width:1px}}

/* ---------- Account screen ---------- */
html body #player-account-dialog.r-acct[open]{display:flex!important;flex-direction:column!important;gap:12px!important}
html :is(#r-boost,body) #player-account-dialog.r-acct .account-menu-identity{display:flex!important;align-items:center!important;gap:12px!important;background:none!important;border:0!important;padding:0!important}
#player-account-dialog.r-acct .account-menu-identity small,#player-account-dialog.r-acct .account-menu-identity code{display:none!important}
#player-account-dialog.r-acct .account-menu-identity strong{font-size:18px!important;font-weight:800!important}
#player-account-dialog.r-acct .account-menu-avatar{width:48px!important;height:48px!important;border-radius:50%!important;background:linear-gradient(135deg,#a1e435,#3fbf8f)!important;color:var(--r-accent-ink)!important;font-weight:800!important;font-size:20px!important;display:grid!important;place-items:center!important;box-shadow:0 0 0 2px var(--r-bg),0 0 0 3px var(--r-accent-line)!important}
html :is(#r-boost,body) #player-account-dialog .r-icon-btn{width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:var(--r-surface)!important;border:1px solid var(--r-border)!important;color:var(--r-muted)!important;margin-inline-start:auto}
#player-account-dialog .r-icon-btn svg{width:16px;height:16px}
html :is(#r-boost,body) #player-account-dialog .account-menu-stats{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;order:0}
html :is(#r-boost,body) #player-account-dialog .account-menu-stats>div{position:relative;display:flex!important;flex-direction:column!important;gap:2px!important;padding:12px 10px!important;border-radius:14px!important;background:var(--r-surface)!important;border:1px solid var(--r-border)!important;text-align:start!important}
#player-account-dialog .account-menu-stats>div:first-child{background:linear-gradient(160deg,rgba(161,228,53,.16),var(--r-surface) 70%)!important;border-color:var(--r-accent-line)!important}
#player-account-dialog .account-menu-stats strong{font-size:22px!important;font-weight:800!important;color:var(--r-text)!important;line-height:1.1;font-variant-numeric:tabular-nums}
#player-account-dialog .account-menu-stats span{font-size:11px!important;color:var(--r-muted)!important;font-weight:500!important}
#player-account-dialog .r-stat-ico{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--r-surface-3);color:var(--r-accent);margin-bottom:6px;font-style:normal}
#player-account-dialog .r-stat-ico svg{width:15px;height:15px}
#player-account-dialog .r-rate{font-style:normal;font-size:11px;font-weight:700;color:var(--r-accent)}
html :is(#r-boost,body) #player-account-dialog .account-menu-level{padding:12px 14px!important;border-radius:14px!important;background:var(--r-surface)!important;border:1px solid var(--r-border)!important}
#player-account-dialog .account-menu-level progress{appearance:none;-webkit-appearance:none;width:100%;height:8px;border:0;border-radius:8px;background:var(--r-surface-3);overflow:hidden}
#player-account-dialog .account-menu-level progress::-webkit-progress-bar{background:var(--r-surface-3);border-radius:8px}
#player-account-dialog .account-menu-level progress::-webkit-progress-value{background:linear-gradient(90deg,#3fbf8f,var(--r-accent));border-radius:8px;box-shadow:0 0 12px rgba(161,228,53,.6)}
#player-account-dialog .account-menu-level progress::-moz-progress-bar{background:linear-gradient(90deg,#3fbf8f,var(--r-accent));border-radius:8px}
html :is(#r-boost,body) #player-account-dialog .account-menu-links{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
html :is(#r-boost,body) #player-account-dialog .account-menu-links .r-cta{display:flex!important;align-items:center!important;gap:12px!important;padding:12px 14px!important;min-height:60px!important;border-radius:14px!important;background:var(--r-surface)!important;border:1px solid var(--r-border)!important;text-align:start!important;color:var(--r-text)!important;transition:border-color .2s,transform .15s var(--r-ease)}
#player-account-dialog .r-cta:hover{border-color:var(--r-accent-line)!important;transform:translateY(-1px)}
#player-account-dialog .r-cta i{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--r-accent-soft);color:var(--r-accent);flex:none;font-style:normal}
#player-account-dialog .r-cta i svg{width:20px;height:20px}
#player-account-dialog .r-cta span{display:flex;flex-direction:column;gap:2px;min-width:0}
#player-account-dialog .r-cta b{font-size:15px;font-weight:700}
#player-account-dialog .r-cta small{font-size:12px;color:var(--r-muted);font-weight:500}
#player-account-dialog .r-cta::after{content:"›";margin-inline-start:auto;color:var(--r-faint);font-size:22px;line-height:1}
html[dir=rtl] #player-account-dialog .r-cta::after{content:"‹"}
#player-account-dialog .r-id{border:1px solid var(--r-border);border-radius:12px;background:var(--r-bg-2)}
#player-account-dialog .r-id summary{cursor:pointer;padding:10px 14px;font-size:13px;font-weight:600;color:var(--r-muted);list-style:none}
#player-account-dialog .r-id summary::-webkit-details-marker{display:none}
#player-account-dialog .r-id summary::after{content:"+";float:inline-end;color:var(--r-faint)}
#player-account-dialog .r-id[open] summary::after{content:"–"}
#player-account-dialog .r-id div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 14px 12px}
#player-account-dialog .r-id small{color:var(--r-faint);font-size:12px}
#player-account-dialog .r-id code{font-size:12px;color:var(--r-text-2);background:var(--r-surface);padding:4px 8px;border-radius:6px}

/* ---------- Rooms: mini-league leaderboard ---------- */
html :is(#r-boost,body) table.room-standings.r-board{display:block!important;width:100%!important;border:0!important;background:none!important}
html :is(#r-boost,body) table.r-board thead{display:none!important}
html :is(#r-boost,body) table.r-board tbody{display:flex!important;flex-direction:column!important;gap:6px!important}
html :is(#r-boost,body) table.r-board tbody tr{display:grid!important;grid-template-columns:34px 1fr auto auto!important;align-items:center!important;gap:10px!important;padding:10px 12px!important;border-radius:14px!important;background:var(--r-surface)!important;border:1px solid var(--r-border)!important;transition:transform .3s var(--r-ease),border-color .3s}
html :is(#r-boost,body) table.r-board tbody tr td{display:block!important;border:0!important;padding:0!important;background:none!important}
html :is(#r-boost,body) table.r-board tbody tr td:first-child{width:30px!important;height:30px!important;border-radius:50%!important;display:grid!important;place-items:center!important;font-weight:800!important;font-size:13px!important;background:var(--r-surface-3)!important;color:var(--r-text-2)!important}
html :is(#r-boost,body) table.r-board tbody tr[data-rank="1"] td:first-child{background:linear-gradient(135deg,#ffe27a,#d9a514)!important;color:#2b1d00!important;box-shadow:0 0 14px -2px rgba(245,197,66,.7)}
html :is(#r-boost,body) table.r-board tbody tr[data-rank="2"] td:first-child{background:linear-gradient(135deg,#f1f4f8,#a6b0bd)!important;color:#1d232b!important}
html :is(#r-boost,body) table.r-board tbody tr[data-rank="3"] td:first-child{background:linear-gradient(135deg,#f0b37e,#a8622b)!important;color:#2a1406!important}
html :is(#r-boost,body) table.r-board tbody tr[data-rank="1"]{border-color:rgba(245,197,66,.45)!important;background:linear-gradient(90deg,rgba(245,197,66,.08),var(--r-surface) 60%)!important}
html :is(#r-boost,body) table.r-board tbody tr.you{border-color:var(--r-accent-line)!important;box-shadow:inset 3px 0 0 var(--r-accent)}
html :is(#r-boost,body) table.r-board tbody tr td:nth-child(2){display:flex!important;align-items:center;gap:10px;min-width:0}
table.r-board tbody tr td:nth-child(2) strong{font-weight:700;color:var(--r-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
table.r-board tbody tr td:nth-child(2) small{font-size:10.5px;font-weight:700;color:var(--r-accent);background:var(--r-accent-soft);border-radius:999px;padding:2px 7px;flex:none}
table.r-board tbody tr td:nth-child(3){font-size:12px;color:var(--r-muted)}
table.r-board tbody tr td:nth-child(3) b{font-weight:600;color:var(--r-muted)}
table.r-board tbody tr td:nth-child(4) strong{font-size:18px;font-weight:800;color:var(--r-text);font-variant-numeric:tabular-nums}
table.r-board tbody tr td:nth-child(4)::after{content:" pts";font-size:11px;color:var(--r-faint);font-weight:600}
html[lang=ar] table.r-board tbody tr td:nth-child(4)::after{content:" ن"}
.r-ava{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;flex:none;font-weight:800;font-size:13px;color:#0b0e14;background:linear-gradient(135deg,hsl(var(--h) 70% 68%),hsl(calc(var(--h) + 40) 65% 50%));box-shadow:0 0 0 2px var(--r-bg)}
.r-room-ava{width:40px;height:40px;border-radius:12px;color:#0b0e14}
.r-room-ava svg{width:20px;height:20px}
.r-bump{animation:r-bump 1.2s var(--r-ease)}
@keyframes r-bump{0%{transform:scale(1);border-color:var(--r-accent)}30%{transform:scale(1.02);box-shadow:0 0 24px -6px rgba(161,228,53,.8)}100%{transform:none}}
/* room library + quick actions */
html :is(#r-boost,body) .simple-room-library article{display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;grid-auto-rows:auto!important;align-items:center!important;gap:10px 12px!important;padding:14px!important;border-radius:14px!important;background:var(--r-surface)!important;border:1px solid var(--r-border)!important}
html :is(#r-boost,body) .simple-room-library article>*{grid-column:1/-1!important;min-width:0!important;width:auto!important;max-width:100%!important;margin:0!important}
html :is(#r-boost,body) .simple-room-library article>.r-room-ava{grid-column:1!important;grid-row:1!important}
html :is(#r-boost,body) .simple-room-library article>div:not(.room-card-manage){grid-column:2!important;grid-row:1!important;display:flex!important;flex-direction:column!important;gap:3px!important}
html :is(#r-boost,body) .simple-room-library article h3{margin:0!important;font-size:16px!important;font-weight:700!important;line-height:1.3!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;word-break:normal!important;overflow-wrap:normal!important;writing-mode:horizontal-tb!important;unicode-bidi:plaintext;text-align:start}
html :is(#r-boost,body) .simple-room-library article :is(small,p,.room-card-meta){white-space:normal!important;overflow-wrap:anywhere;font-size:12px!important;color:var(--r-muted)!important;line-height:1.4!important;margin:0!important}
html :is(#r-boost,body) .simple-room-library article>button{width:100%!important}
html :is(#r-boost,body) .simple-room-start{background:linear-gradient(160deg,rgba(161,228,53,.10),var(--r-surface) 55%)!important;border:1px solid var(--r-border)!important;border-radius:18px!important}
html :is(#r-boost,body) .r-quick{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
html :is(#r-boost,body) .r-quick button{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:10px!important;padding:14px!important;min-height:112px!important;border-radius:16px!important;text-align:start!important;white-space:normal!important}
html :is(#r-boost,body) .r-quick button.primary{background:var(--r-accent)!important;color:var(--r-accent-ink)!important}
html :is(#r-boost,body) .r-quick button.secondary{background:var(--r-surface-2)!important;border:1px solid var(--r-border-2)!important}
.r-quick button i{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:rgba(0,0,0,.14);font-style:normal}
.r-quick button.secondary i{background:var(--r-accent-soft);color:var(--r-accent)}
.r-quick button i svg{width:20px;height:20px}
.r-quick button span{display:flex;flex-direction:column;gap:3px}
.r-quick button b{font-size:15px;font-weight:800}
.r-quick button small{font-size:11.5px;font-weight:500;opacity:.75;line-height:1.3}

/* ---------- Video out of the feed; help button ---------- */
html body main :is(.game-hub-banner .guide-watch,.rooms-help-content .guide-watch){display:none!important}
/* onboarding */
.r-onboard{width:min(400px,calc(100vw - 32px));border:1px solid var(--r-border-2)!important;border-radius:22px;background:var(--r-surface)!important;color:var(--r-text);padding:28px 22px 20px;box-shadow:0 30px 80px rgba(0,0,0,.6);text-align:center}
.r-onboard::backdrop{background:rgba(5,7,10,.7)!important;backdrop-filter:blur(6px)}
.r-ob-x{position:absolute;top:10px;inset-inline-end:10px;width:34px;height:34px;border-radius:50%;border:0;background:transparent;color:var(--r-muted);font-size:22px;cursor:pointer}
.r-ob-ico{width:72px;height:72px;margin:0 auto 14px;border-radius:22px;display:grid;place-items:center;background:var(--r-accent-soft);color:var(--r-accent);box-shadow:0 0 0 1px var(--r-accent-line),0 0 40px -10px rgba(161,228,53,.7)}
.r-ob-ico svg{width:36px;height:36px}
.r-ob-slide small{color:var(--r-faint);font-weight:600;font-size:12px}
.r-ob-slide h2{margin:6px 0 8px;font-size:22px;font-weight:800;letter-spacing:-.02em}
.r-ob-slide p{margin:0;color:var(--r-text-2);font-size:14.5px;line-height:1.55}
.r-ob-dots{display:flex;justify-content:center;gap:6px;margin:18px 0}
.r-ob-dots i{width:6px;height:6px;border-radius:6px;background:var(--r-surface-3);transition:width .3s var(--r-ease)}
.r-ob-dots i.on{width:22px;background:var(--r-accent)}
.r-ob-actions{display:flex;gap:10px;justify-content:space-between}
.r-ob-actions button{flex:1;min-height:46px;border-radius:12px!important}

.r-onboard .gv-dlg-bar{display:none!important}

.r-card>button[data-game-open]{width:100%;min-height:42px;border-radius:12px}
.r-card.is-picked>button[data-game-open]{font-weight:700}
.r-card time{line-height:1.2}
html :is(#r-boost,body) .simple-room-library .game-empty{background:var(--r-surface)!important;border:1px dashed var(--r-border-2)!important;color:var(--r-muted)!important;border-radius:14px!important;text-align:center}

/* ---------- daily reward card ---------- */
.r-daily{position:fixed;left:50%;bottom:calc(86px + env(safe-area-inset-bottom));z-index:2147482000;display:flex;align-items:center;gap:12px;width:min(420px,calc(100vw - 32px));padding:12px 14px;border-radius:18px;background:rgba(22,27,34,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--r-accent-line);box-shadow:0 20px 50px -18px rgba(0,0,0,.9),0 0 40px -20px rgba(161,228,53,.8);color:var(--r-text);transform:translate(-50%,24px);opacity:0;transition:transform .45s var(--r-ease),opacity .35s;cursor:pointer}
.r-daily.in{transform:translate(-50%,0);opacity:1}
@media (min-width:901px){.r-daily{bottom:24px}}
.r-daily-coin{width:46px;height:46px;flex:none;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#ffe27a,#d9a514);color:#2b1d00;box-shadow:0 0 22px -4px rgba(245,197,66,.8);animation:r-coin 1s var(--r-ease)}
.r-daily-coin svg{width:24px;height:24px}
@keyframes r-coin{0%{transform:scale(.4) rotate(-30deg)}60%{transform:scale(1.15) rotate(8deg)}100%{transform:none}}
.r-daily-txt{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.r-daily-txt b{font-size:17px;font-weight:800;color:var(--r-accent)}
.r-daily-txt span{font-size:12px;color:var(--r-text-2)}
.r-daily-dots{display:flex;gap:4px;margin-top:4px}
.r-daily-dots i{width:16px;height:4px;border-radius:4px;background:var(--r-surface-3)}
.r-daily-dots i.on{background:var(--r-accent)}
.r-daily-total{display:flex;flex-direction:column;align-items:flex-end;flex:none}
.r-daily-total small{font-size:10.5px;color:var(--r-faint)}
.r-daily-total strong{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}
/* points chip in header */
.r-pts-chip{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px 0 6px;border-radius:999px;border:1px solid var(--r-border);background:var(--r-surface);color:var(--r-text);font:700 13px var(--r-font);cursor:pointer;flex:none}
.r-pts-chip i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ffe27a,#d9a514);color:#2b1d00;font-style:normal}
.r-pts-chip i svg{width:14px;height:14px}
.r-pts-chip b{font-variant-numeric:tabular-nums}
.r-bump-chip{animation:r-chip .6s var(--r-ease)}
@keyframes r-chip{40%{transform:scale(1.12);border-color:var(--r-accent)}}
@media (max-width:360px){.r-pts-chip{padding:0 8px 0 4px}.r-pts-chip i{width:20px;height:20px}}
html :is(#r-boost,body) .app-header .r-pts-chip{display:inline-flex!important;flex-direction:row!important;align-items:center!important;gap:6px!important;width:auto!important;min-width:0!important;height:36px!important;min-height:36px!important;padding:0 12px 0 6px!important;border-radius:999px!important;border:1px solid var(--r-border)!important;background:var(--r-surface)!important;color:var(--r-text)!important;box-shadow:none!important;font:700 13px var(--r-font)!important}
html :is(#r-boost,body) .app-header .r-pts-chip i{display:grid!important;width:24px!important;height:24px!important}
@media (max-width:420px){
 html :is(#r-boost,body) .app-header #language-picker{width:80px!important;min-width:0!important;padding-inline:10px 22px!important;font-size:12px!important;background-position:right 7px center!important}
 html[dir=rtl] :is(#r-boost,body) .app-header #language-picker{background-position:left 7px center!important}
 html :is(#r-boost,body) .app-header .language-select{width:auto!important;min-width:0!important}
 html :is(#r-boost,body) #header-account-trigger::after{display:none!important}
 html :is(#r-boost,body) .app-header .header-actions{gap:6px!important}
}
@media (max-width:350px){html :is(#r-boost,body) .app-header .r-pts-chip i{display:none!important}html :is(#r-boost,body) .app-header .r-pts-chip{padding:0 10px!important}}

/* ---------- Favorites: matches first, team picker last ---------- */
body.r-fav #main-content{display:flex!important;flex-direction:column!important}
body.r-fav #main-content>*{order:2}
body.r-fav #main-content>.section-top{order:0}
body.r-fav #main-content>#fixture-days{order:1}
body.r-fav #main-content>.toolbar{order:2}
body.r-fav #main-content>#matches{order:3}
body.r-fav #main-content>#match-alerts{order:4;margin-top:12px!important}
body.r-fav #main-content>#favorite-team-panel{order:9;margin-top:16px!important}
html :is(#r-boost,body) #favorite-team-panel{background:var(--r-surface)!important;border:1px solid var(--r-border)!important;border-radius:16px!important;box-shadow:none!important}
html :is(#r-boost,body) body.r-fav #matches .empty,html :is(#r-boost,body) #matches>.empty{background:var(--r-surface)!important;border:1px dashed var(--r-border-2)!important;border-radius:14px!important;color:var(--r-muted)!important}

/* ---------- No technical IDs outside Friends ---------- */
html :is(#r-boost,body) #header-account-trigger .header-player-copy code{display:none!important}
html :is(#r-boost,body) #header-account-trigger .header-player-level{display:none!important}

/* ---------- Video guide removed from content pages ---------- */
html :is(#r-boost,body) :is(.my-picks-help .game-hub-banner,.my-picks-help .play-guide-steps,.rooms-help-content .play-guide-steps,.rooms-help-content .guide-watch,.game-hub-banner){display:none!important}
html :is(#r-boost,body) .my-picks-help{background:none!important;border:0!important;padding:0!important;box-shadow:none!important}

/* ---------- Standings › My games: compact links ---------- */
html :is(#r-boost,body) .standings-game-link,html :is(#r-boost,body) .gv-friends-link{background:var(--r-surface)!important;border:1px solid var(--r-border)!important;border-radius:14px!important;box-shadow:none!important}

/* ---------- Friends page ---------- */
html :is(#r-boost,body) .friends-page{display:flex!important;flex-direction:column!important;gap:12px!important}
html :is(#r-boost,body) .friends-page .fr-card{background:var(--r-surface)!important;border:1px solid var(--r-border)!important;border-radius:16px!important;padding:14px!important;box-shadow:none!important}
.fr-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.fr-summary>div{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 6px;border-radius:14px;background:var(--r-surface);border:1px solid var(--r-border)}
.fr-summary b{font-size:22px;font-weight:800;color:var(--r-text);font-variant-numeric:tabular-nums}
.fr-summary b.on{color:var(--r-accent)}
.fr-summary small{font-size:11.5px;color:var(--r-muted);text-align:center}
html :is(#r-boost,body) .friends-page .fr-list{display:flex!important;flex-direction:column!important;gap:6px!important;margin:0!important;padding:0!important;list-style:none!important}
html :is(#r-boost,body) .friends-page .fr-row{display:grid!important;grid-template-columns:26px 40px minmax(0,1fr) auto auto 24px!important;align-items:center!important;gap:10px!important;padding:10px!important;border-radius:14px!important;background:var(--r-bg-2)!important;border:1px solid var(--r-border)!important}
html :is(#r-boost,body) .friends-page .fr-row.is-me{border-color:var(--r-accent-line)!important;background:linear-gradient(90deg,rgba(161,228,53,.08),var(--r-bg-2) 60%)!important}
.friends-page .fr-pos{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;background:var(--r-surface-3);color:var(--r-text-2)}
.friends-page .fr-pos.fr-m1{background:linear-gradient(135deg,#ffe27a,#d9a514);color:#2b1d00}
.friends-page .fr-pos.fr-m2{background:linear-gradient(135deg,#f1f4f8,#a6b0bd);color:#1d232b}
.friends-page .fr-pos.fr-m3{background:linear-gradient(135deg,#f0b37e,#a8622b);color:#2a1406}
html :is(#r-boost,body) .friends-page .fr-avatar{position:relative;width:40px!important;height:40px!important;border-radius:50%!important;color:#0b0e14!important;font-weight:800!important;background:linear-gradient(135deg,hsl(var(--h,140) 70% 68%),hsl(calc(var(--h,140) + 40) 65% 50%))!important}
.friends-page .fr-dot{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:50%;border:2px solid var(--r-bg-2);background:var(--r-faint)}
.friends-page .fr-dot.on{background:#3ddc84;box-shadow:0 0 8px #3ddc84}
.friends-page .fr-dot.mid{background:#f5c542}
.friends-page .fr-who{display:flex;flex-direction:column;gap:2px;min-width:0}
.friends-page .fr-who strong{font-weight:700;color:var(--r-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.friends-page .fr-act{font-size:11.5px;color:var(--r-faint)}
.friends-page .fr-act.on{color:#3ddc84}
.friends-page .fr-act.mid{color:#d9b85a}
.friends-page .fr-lvl{font-size:11px;font-weight:700;color:var(--r-accent);background:var(--r-accent-soft);border:1px solid var(--r-accent-line);border-radius:999px;padding:3px 8px;white-space:nowrap}
.friends-page .fr-pts{display:flex;align-items:baseline;gap:3px}
.friends-page .fr-pts b{font-size:18px;font-weight:800;color:var(--r-text);font-variant-numeric:tabular-nums}
.friends-page .fr-pts small{font-size:11px;color:var(--r-faint)}
html :is(#r-boost,body) .friends-page .fr-remove{width:24px;height:24px;min-height:0!important;padding:0!important;border:0!important;background:none!important;color:var(--r-faint)!important;font-size:18px}
.friends-page .fr-empty{text-align:center}
.fr-empty-ico{font-size:34px}
.fr-wa-big{margin-top:10px;min-height:44px!important;justify-content:center}
html :is(#r-boost,body) .friends-page .fr-add-form{display:grid!important;grid-template-columns:1fr auto!important;gap:8px!important}
.friends-page .fr-myid{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--r-border);font-size:12.5px;color:var(--r-muted)}
.friends-page .fr-myid code{font-size:13px;color:var(--r-text);background:var(--r-bg-2);border:1px solid var(--r-border);border-radius:8px;padding:5px 8px}
html :is(#r-boost,body) .friends-page .fr-mini{min-height:32px!important;padding:0 10px!important;border-radius:9px!important;font-size:12.5px!important;font-weight:700!important;border:1px solid var(--r-border-2)!important;background:var(--r-surface-2)!important;color:var(--r-text)!important}
html :is(#r-boost,body) .friends-page a.fr-mini.fr-wa{background:#25d366!important;color:#06240f!important;border-color:#25d366!important}
@media (max-width:380px){html :is(#r-boost,body) .friends-page .fr-row{grid-template-columns:24px 36px minmax(0,1fr) auto 22px!important}.friends-page .fr-lvl{display:none}}

/* ---------- Remove remaining ID cards and video entry points ---------- */
html :is(#r-boost,body) :is(.player-id-card,#global-play-guide,.gv-guide-link,[data-play-guide],.guide-watch,.play-guide-steps){display:none!important}

/* ---------- Match countdown (stable, one block) ---------- */
html :is(#r-boost,body) .kickoff-countdown b,html :is(#r-boost,body) [data-kickoff-countdown]{font-variant-numeric:tabular-nums!important;font-feature-settings:"tnum" 1!important;letter-spacing:.02em;direction:ltr;unicode-bidi:isolate}
html :is(#r-boost,body) #match-dialog .kickoff-countdown{display:inline-flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;min-width:118px!important;width:auto!important;height:auto!important;padding:8px 14px!important;border-radius:14px!important;background:var(--r-accent-soft)!important;border:1px solid var(--r-accent-line)!important;white-space:nowrap!important;margin:0 auto!important}
html :is(#r-boost,body) #match-dialog .kickoff-countdown .countdown-label{display:block!important;font-size:11px!important;font-weight:600!important;color:var(--r-muted)!important;line-height:1!important;white-space:nowrap!important;margin:0!important;width:auto!important;height:auto!important}
html :is(#r-boost,body) #match-dialog .kickoff-countdown b{display:block!important;font-size:19px!important;font-weight:800!important;color:var(--r-accent)!important;line-height:1.1!important;min-width:8.5ch;text-align:center!important}

/* ---------- Standings › My games ---------- */
body.r-mygames #matches>:not(.standings-choices):not(.r-mygames){display:none!important}
.r-mygames{display:flex;flex-direction:column;gap:12px}
.r-mg-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:4px;border-radius:12px;background:var(--r-bg-2);border:1px solid var(--r-border)}
.r-mg-tabs button{all:unset;box-sizing:border-box;text-align:center;cursor:pointer;padding:9px 4px;border-radius:9px;font-weight:700;font-size:13px;color:var(--r-muted)}
.r-mg-tabs button.on{background:var(--r-surface-3);color:var(--r-text);box-shadow:inset 0 -2px 0 var(--r-accent)}
.r-mg-me{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:linear-gradient(90deg,rgba(161,228,53,.12),var(--r-surface) 70%);border:1px solid var(--r-accent-line)}
.r-mg-me b{font-size:22px;font-weight:800;color:var(--r-accent)}
.r-mg-me span{font-size:13px;color:var(--r-text-2)}
.r-mg-list{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}
.r-mg-row{display:grid;grid-template-columns:28px 36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:var(--r-surface);border:1px solid var(--r-border)}
.r-mg-row.me{border-color:var(--r-accent-line);box-shadow:inset 3px 0 0 var(--r-accent)}
html[dir=rtl] .r-mg-row.me{box-shadow:inset -3px 0 0 var(--r-accent)}
.r-mg-row .pos{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;background:var(--r-surface-3);color:var(--r-text-2)}
.r-mg-row .pos.m1{background:linear-gradient(135deg,#ffe27a,#d9a514);color:#2b1d00}
.r-mg-row .pos.m2{background:linear-gradient(135deg,#f1f4f8,#a6b0bd);color:#1d232b}
.r-mg-row .pos.m3{background:linear-gradient(135deg,#f0b37e,#a8622b);color:#2a1406}
.r-mg-row .who{display:flex;flex-direction:column;gap:2px;min-width:0}
.r-mg-row .who strong{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--r-text)}
.r-mg-row .who small{font-size:11.5px;color:var(--r-faint)}
.r-mg-row .pts{font-size:18px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--r-text)}
.r-mg-row .pts small{font-size:11px;color:var(--r-faint);font-weight:600;margin-inline-start:3px}
.r-mg-empty{padding:22px 16px;text-align:center;border-radius:14px;border:1px dashed var(--r-border-2);color:var(--r-muted);display:flex;flex-direction:column;gap:12px;align-items:center}
.r-mg-room{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;background:var(--r-surface);border:1px solid var(--r-border);cursor:pointer;width:100%;text-align:start;color:var(--r-text);font:inherit}
.r-mg-room b{flex:1;min-width:0;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.r-mg-room::after{content:"›";color:var(--r-faint);font-size:20px}
html[dir=rtl] .r-mg-room::after{content:"‹"}