/* MeczRealu - podstrona Gry (templates/gry.tpl, js/mr-games.js) */
.mr-gm{--gm-line:#2f3336;--gm-dim:#71767b;--gm-fg:#e7e9ea;--gm-card:#0c0d0f;--gm-hover:#16181c;--gm-accent:#1d9bf0;padding-bottom:40px;color:var(--gm-fg)}
html[data-mr-theme="light"] .mr-gm{--gm-line:#cfd9de;--gm-dim:#536471;--gm-fg:#0f1419;--gm-card:#fff;--gm-hover:#f7f9f9}
.mr-gm-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:8px 0 18px;padding:22px 20px;border:1px solid var(--gm-line);border-radius:20px;
  background:radial-gradient(120% 140% at 100% 0%,rgba(124,58,237,.35),transparent 55%),radial-gradient(120% 140% at 0% 100%,rgba(29,155,240,.28),transparent 55%),var(--gm-card)}
.mr-gm-kicker{display:inline-flex;align-items:center;gap:8px;color:#a78bfa;font-size:13px;font-weight:800;letter-spacing:.3px;text-transform:uppercase}
.mr-gm-hero h1{margin:6px 0 4px;font-size:28px;font-weight:900;color:var(--gm-fg)}
.mr-gm-hero p{margin:0;color:var(--gm-dim);font-size:15px;max-width:420px}
.mr-gm-hero-me{display:flex;gap:8px;flex-wrap:wrap}
.mr-gm-hero-me span{display:flex;flex-direction:column;align-items:center;min-width:76px;padding:8px 10px;border:1px solid var(--gm-line);border-radius:14px;background:rgba(0,0,0,.25)}
.mr-gm-hero-me small{color:var(--gm-dim);font-size:11px}.mr-gm-hero-me b{font-size:18px}
.mr-gm-sec{margin-top:22px}
.mr-gm-sec-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 2px 10px}
.mr-gm-sec-head h2{display:flex;align-items:center;gap:8px;margin:0;font-size:19px;font-weight:800;color:var(--gm-fg)}
.mr-gm-sec-head h2 i{color:var(--gm-accent);font-size:16px}
.mr-gm-sec-head>span{color:var(--gm-dim);font-size:13px}
.mr-gm-link{border:0;background:transparent;color:var(--gm-accent);font-weight:700;font-size:14px;cursor:pointer}
.mr-gm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}
.mr-gm-card{position:relative;display:flex;flex-direction:column;padding:0;border:1px solid var(--gm-line);border-radius:16px;background:var(--gm-card);color:inherit;text-align:left;overflow:hidden;cursor:pointer;transition:transform .15s,border-color .15s,background .15s}
.mr-gm-card:hover{transform:translateY(-2px);border-color:#536471;background:var(--gm-hover)}
.mr-gm-card.is-soon{cursor:default;opacity:.62}.mr-gm-card.is-soon:hover{transform:none;border-color:var(--gm-line);background:var(--gm-card)}
.mr-gm-cover{display:flex;align-items:center;justify-content:center;aspect-ratio:3/2;background:linear-gradient(135deg,#1e1b4b,#0b5c94) center/cover no-repeat;color:#fff;font-size:38px}
.mr-gm-info{display:flex;flex-direction:column;gap:2px;padding:10px 12px 12px}
.mr-gm-info b{font-size:15px}.mr-gm-info small{color:var(--gm-dim);font-size:13px;line-height:1.3}
.mr-gm-badge{position:absolute;top:8px;left:8px;padding:3px 8px;border-radius:9999px;background:rgba(0,0,0,.65);color:#fff;font-size:11px;font-weight:800}
.mr-gm-badge.is-rank{background:rgba(234,179,8,.9);color:#1a1300}
.mr-gm-strip{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}
.mr-gm-mini{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:6px;width:96px;padding:0;border:0;background:transparent;color:inherit;font-size:12px;font-weight:600;cursor:pointer}
.mr-gm-mini-cover{display:block;width:96px;height:64px;border:1px solid var(--gm-line);border-radius:12px;background:#1d2023 center/cover no-repeat;transition:transform .15s}
.mr-gm-mini:hover .mr-gm-mini-cover{transform:scale(1.04)}
.mr-gm-tabs{display:flex;border-bottom:1px solid var(--gm-line);margin-bottom:10px}
.mr-gm-tabs button{flex:1 1 0;padding:12px 0;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--gm-dim);font-size:15px;font-weight:700;cursor:pointer}
.mr-gm-tabs button.is-on{color:var(--gm-fg);border-bottom-color:var(--gm-accent)}
.mr-gm-filters{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.mr-gm-filters[hidden]{display:none}
.mr-gm-select{height:36px;padding:0 10px;border:1px solid var(--gm-line);border-radius:10px;background:var(--gm-card);color:var(--gm-fg);font:inherit;font-size:14px}
.mr-gm-pills{display:flex;gap:6px}
.mr-gm-pills button{height:32px;padding:0 12px;border:1px solid var(--gm-line);border-radius:9999px;background:transparent;color:var(--gm-fg);font-size:13px;font-weight:700;cursor:pointer}
.mr-gm-pills button.is-on{background:var(--gm-fg);color:#0f1419;border-color:var(--gm-fg)}
html[data-mr-theme="light"] .mr-gm-pills button.is-on{color:#fff}
.mr-gm-board{list-style:none;margin:0;padding:0;border:1px solid var(--gm-line);border-radius:16px;overflow:hidden}
.mr-gm-board[hidden]{display:none}
.mr-gm-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--gm-line)}
.mr-gm-row:last-child{border-bottom:0}
.mr-gm-row.is-me{background:rgba(29,155,240,.08)}
.mr-gm-pos{flex:0 0 28px;text-align:center;font-weight:900;color:var(--gm-dim)}
.mr-gm-row:nth-child(1) .mr-gm-pos{color:#eab308}.mr-gm-row:nth-child(2) .mr-gm-pos{color:#cbd5e1}.mr-gm-row:nth-child(3) .mr-gm-pos{color:#d97706}
.mr-gm-who{flex:1 1 auto;display:flex;align-items:center;gap:10px;min-width:0;color:inherit!important;text-decoration:none!important}
.mr-gm-who img{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:0 0 auto}
.mr-gm-who span{display:flex;flex-direction:column;min-width:0}
.mr-gm-who b,.mr-gm-who small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mr-gm-who small{color:var(--gm-dim);font-size:13px}
.mr-gm-who:hover b{text-decoration:underline}
.mr-gm-score{flex:0 0 auto;font-size:17px;font-weight:900}.mr-gm-score small{margin-left:3px;color:var(--gm-dim);font-size:12px;font-weight:600}
.mr-gm-empty{padding:22px 14px;color:var(--gm-dim);text-align:center}
.mr-gm-board.is-loading{opacity:.5}
.mr-gm-recent{list-style:none;margin:0;padding:0;border:1px solid var(--gm-line);border-radius:16px;overflow:hidden}
.mr-gm-recent li{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--gm-line)}
.mr-gm-recent li:last-child{border-bottom:0}
.mr-gm-res{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;font-weight:900;font-size:13px;background:#536471;color:#fff}
.mr-gm-recent .is-win .mr-gm-res{background:#00ba7c}.mr-gm-recent .is-loss .mr-gm-res{background:#f4212e}
.mr-gm-rec-txt{flex:1 1 auto;display:flex;flex-direction:column}.mr-gm-rec-txt small{color:var(--gm-dim);font-size:13px}
.mr-gm-delta{font-weight:800}.is-win .mr-gm-delta{color:#00ba7c}.is-loss .mr-gm-delta{color:#f4212e}
@media (max-width:767.98px){
  .mr-gm-hero{flex-direction:column;align-items:flex-start;padding:18px 16px;margin-top:4px}
  .mr-gm-hero h1{font-size:24px}
  .mr-gm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .mr-gm-sec{padding:0 4px}
}