/* EloPub v29 · игры. Без text-shadow на цифрах, свечения только скруглёнными box-shadow/radial — без прямоугольных ореолов. */
.eg-pick{--eg-gold:#f2c46d;--eg-line:rgba(255,255,255,.08);color:#e9ecf2;font-variant-numeric:tabular-nums}
.eg-ph{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;margin:0 2px 10px}
.eg-pt{font-size:13px;font-weight:650;letter-spacing:.01em;white-space:nowrap}
.eg-cnt{white-space:nowrap;margin-left:6px;font-weight:600;font-size:11.5px;color:#9aa3b2;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.06)}
.eg-pa{display:flex;gap:2px;margin-right:-8px}
.eg-lnk{all:unset;cursor:pointer;font-size:12px;color:#aeb6c4;padding:4px 8px;border-radius:8px;transition:background .18s,color .18s}
.eg-lnk:hover{color:#fff;background:rgba(255,255,255,.07)}
.eg-lnk:focus-visible{outline:2px solid rgba(242,196,109,.6);outline-offset:1px}
.eg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px}
.eg-tile{all:unset;box-sizing:border-box;position:relative;display:flex;flex-direction:column;border-radius:14px;overflow:hidden;cursor:pointer;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));border:1px solid var(--eg-line);
  transition:transform .22s cubic-bezier(.2,.8,.2,1),border-color .22s,box-shadow .22s,background .22s;-webkit-tap-highlight-color:transparent;isolation:isolate}
.eg-tile:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.16);box-shadow:0 10px 24px -14px rgba(0,0,0,.8)}
.eg-tile:active{transform:translateY(0) scale(.985)}
.eg-tile:focus-visible{outline:2px solid rgba(242,196,109,.65);outline-offset:2px}
.eg-cov{display:block;aspect-ratio:368/172;overflow:hidden;border-radius:13px 13px 0 0;background:#14161b}
.eg-cov img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.55) brightness(.62);transform:scale(1.001);transition:filter .3s,transform .5s cubic-bezier(.2,.8,.2,1)}
.eg-tile:hover .eg-cov img{filter:saturate(.8) brightness(.8)}
.eg-tile.on .eg-cov img{filter:none}
.eg-tn{display:flex;align-items:center;gap:6px;padding:8px 10px 9px;min-width:0}
.eg-nm{font-size:12.5px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eg-def,.eg-free{flex:none;font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8d95a4;padding:2px 6px;border-radius:6px;background:rgba(255,255,255,.06)}
.eg-def{color:#e8c27a;background:rgba(242,196,109,.12)}
.eg-tile.on{border-color:color-mix(in srgb,var(--gc) 55%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--gc) 14%,rgba(255,255,255,.04)),rgba(255,255,255,.02));
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gc) 26%,transparent)}
.eg-ck{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:transparent;
  background:rgba(10,12,16,.55);border:1.5px solid rgba(255,255,255,.35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .2s cubic-bezier(.2,.8,.2,1)}
.eg-tile.on .eg-ck{background:var(--gc);border-color:transparent;color:#111;transform:scale(1.04)}
.eg-tile.on .eg-ck svg{animation:egPop .28s cubic-bezier(.2,1.4,.4,1)}
@keyframes egPop{0%{transform:scale(.4);opacity:0}100%{transform:scale(1);opacity:1}}
.eg-st{position:absolute;left:8px;top:8px;font-size:10px;font-weight:650;padding:3px 7px;border-radius:7px;background:rgba(10,12,16,.7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:none}
.eg-st.bad,.eg-st.warn,.eg-st.wait{display:block}
.eg-st.bad{color:#ff9a8f}.eg-st.warn{color:#ffc874}.eg-st.wait{color:#b9c3d3}
.eg-note{margin:10px 2px 0;font-size:11.5px;line-height:1.45;color:#8e97a6}
.eg-warn{color:#ffc874}
@media (max-width:520px){.eg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.eg-ph{flex-direction:column;align-items:flex-start;gap:4px}.eg-pa{margin-left:-8px}}

/* стек иконок на карточке */
.eg-stack{display:inline-flex;align-items:center;gap:0;cursor:pointer;padding:3px 10px 3px 3px;border-radius:999px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);
  transition:background .2s,border-color .2s;-webkit-tap-highlight-color:transparent;max-width:100%;vertical-align:middle}
.eg-stack:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14)}
.eg-stack:focus-visible{outline:2px solid rgba(242,196,109,.6);outline-offset:2px}
.eg-ic{position:relative;width:24px;height:24px;border-radius:8px;margin-right:-6px;box-shadow:0 0 0 2px #17191f;flex:none}
.eg-ic img{width:100%;height:100%;border-radius:8px;object-fit:cover;display:block;background:#1d2027;filter:saturate(.55) brightness(.7)}
.eg-ic.live img{filter:none}
.eg-more{position:relative;z-index:0;height:24px;min-width:24px;padding:0 5px;box-sizing:border-box;border-radius:8px;display:grid;place-items:center;font-size:10.5px;font-weight:700;color:#cfd5df;background:#262a33;box-shadow:0 0 0 2px #17191f;margin-right:-6px}
.eg-lv{display:inline-block;width:7px;height:7px;border-radius:50%;background:#35e08a;margin-right:7px;vertical-align:1px}
.eg-sl{margin-left:14px;font-size:12px;font-weight:600;color:#c6ccd6;white-space:nowrap}
.eg-stack.eg-empty{cursor:default;padding:4px 10px;font-size:11.5px;color:#8a92a0}

/* модалка статистики */
html.eg-lock{overflow:hidden}
.eg-ov{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:24px;background:rgba(6,7,10,.62);-webkit-backdrop-filter:blur(10px) saturate(1.1);backdrop-filter:blur(10px) saturate(1.1);
  opacity:0;transition:opacity .22s ease;overscroll-behavior:contain}
.eg-ov.in{opacity:1}.eg-ov.out{opacity:0}
.eg-dlg{position:relative;width:min(860px,100%);max-height:calc(100dvh - 48px);overflow:auto;border-radius:22px;color:#e9ecf2;font-variant-numeric:tabular-nums;
  background:linear-gradient(180deg,#1c1f26 0%,#15171c 100%);border:1px solid rgba(255,255,255,.08);
  box-shadow:0 40px 90px -30px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.05);
  transform:translateY(14px) scale(.985);transition:transform .32s cubic-bezier(.2,.9,.2,1);scrollbar-width:thin;scrollbar-color:#3a3f4a transparent}
.eg-ov.in .eg-dlg{transform:none}.eg-ov.out .eg-dlg{transform:translateY(8px) scale(.99)}
.eg-dlg::before{content:"";position:absolute;inset:0 0 auto 0;height:180px;border-radius:22px 22px 0 0;pointer-events:none;
  background:radial-gradient(60% 100% at 18% 0%,rgba(242,196,109,.10),transparent 70%),radial-gradient(50% 90% at 90% 0%,rgba(53,224,138,.06),transparent 70%)}
.eg-x{all:unset;position:absolute;top:16px;right:16px;z-index:2;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#aab2c0;cursor:pointer;background:rgba(255,255,255,.06);transition:background .18s,color .18s,transform .18s}
.eg-x:hover{background:rgba(255,255,255,.12);color:#fff}.eg-x:active{transform:scale(.94)}
.eg-x:focus-visible{outline:2px solid rgba(242,196,109,.6);outline-offset:2px}
.eg-hd{position:relative;display:flex;align-items:center;gap:14px;padding:22px 64px 6px 24px}
.eg-ava{width:44px;height:44px;border-radius:14px;overflow:hidden;flex:none;background:linear-gradient(135deg,#f6d38a,#c98f2e)}
.eg-ava{display:grid;place-items:center}.eg-ava span{font-weight:800;font-size:18px;color:#2a1d05}
.eg-ava img{width:100%;height:100%;object-fit:cover;display:block}
.eg-ttl{font-size:18px;font-weight:700;letter-spacing:-.01em}
.eg-sub{font-size:12.5px;color:#949cab;margin-top:2px}
.eg-kp{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:16px 24px 6px}
.eg-k{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}
.eg-kl{font-size:10.5px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:#858d9c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eg-kv{margin-top:6px;font-size:20px;line-height:1.1;white-space:nowrap}
.eg-kv b,.eg-cv b{font-weight:700;color:#f3f5f8}
.eg-kv u,.eg-cv u{text-decoration:none;font-size:.62em;font-weight:600;color:#8e96a5;margin:0 .18em 0 .08em}
.eg-k:first-child .eg-kv b{color:#f2c46d}
.eg-dash{color:#5e6573}
.eg-tabs{display:flex;gap:4px;margin:12px 24px 0;padding:4px;border-radius:12px;background:rgba(255,255,255,.04);width:max-content}
.eg-tab{all:unset;cursor:pointer;font-size:12.5px;font-weight:600;color:#9aa2b0;padding:7px 14px;border-radius:9px;transition:background .2s,color .2s}
.eg-tab.on{background:rgba(255,255,255,.09);color:#fff}
.eg-tab:focus-visible{outline:2px solid rgba(242,196,109,.6)}
.eg-body{padding:12px 24px 22px}
.eg-pane{display:none}.eg-pane.on{display:block;animation:egIn .26s ease}
@keyframes egIn{from{opacity:.55;transform:translateY(3px)}to{opacity:1;transform:none}}
.eg-list{display:flex;flex-direction:column;gap:8px}
.eg-row{display:grid;grid-template-columns:112px minmax(0,1fr) 332px 128px;align-items:center;gap:16px;padding:10px 14px 10px 10px;border-radius:16px;
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);transition:border-color .3s,background .3s}
.eg-row.live{border-color:color-mix(in srgb,var(--gc) 30%,rgba(255,255,255,.06));background:linear-gradient(90deg,color-mix(in srgb,var(--gc) 8%,transparent),rgba(255,255,255,.025) 60%)}
.eg-row.dim{opacity:.55}
.eg-rc{position:relative;width:112px;aspect-ratio:368/172;border-radius:10px;overflow:hidden;background:#111}
.eg-rc img{width:100%;height:100%;object-fit:cover;display:block}
.eg-rdot{position:absolute;right:6px;top:6px;width:8px;height:8px;border-radius:50%;background:#6b7280;box-shadow:0 0 0 2px rgba(10,12,16,.7)}
.eg-row.live .eg-rdot{background:#35e08a;animation:egPulse 2.4s ease-in-out infinite}
@keyframes egPulse{0%,100%{box-shadow:0 0 0 2px rgba(10,12,16,.7),0 0 0 0 rgba(53,224,138,.45)}60%{box-shadow:0 0 0 2px rgba(10,12,16,.7),0 0 0 6px rgba(53,224,138,0)}}
.eg-rn{font-size:14px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eg-rs{margin-top:4px}
.eg-chip{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;padding:3px 9px 3px 8px;border-radius:999px;background:rgba(255,255,255,.06);color:#aab2bf}
.eg-chip::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.eg-chip.ok{color:#46e398;background:rgba(53,224,138,.10)}.eg-chip.warn{color:#ffc874;background:rgba(255,184,77,.10)}
.eg-chip.bad{color:#ff8f84;background:rgba(255,99,85,.10)}.eg-chip.wait{color:#b9c3d3}.eg-chip.mute{color:#8a92a0}
.eg-share{margin-top:8px;height:4px;border-radius:4px;background:rgba(255,255,255,.06);overflow:hidden}
.eg-share i{display:block;height:100%;width:0;border-radius:4px;background:linear-gradient(90deg,color-mix(in srgb,var(--gc) 70%,#fff 0%),var(--gc));transition:width .6s cubic-bezier(.2,.8,.2,1)}
.eg-rv{display:grid;grid-template-columns:78px 78px 100px 52px;gap:4px 8px}
.eg-c{display:flex;flex-direction:column;gap:3px;min-width:0}
.eg-cl{font-size:10px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:#7f8796}
.eg-cv{font-size:14.5px;white-space:nowrap}
.eg-c:first-child .eg-cv b{color:#f2c46d}
.eg-bars{display:grid;grid-template-columns:repeat(14,1fr);align-items:end;gap:3px;height:34px}
.eg-bars i{display:flex;align-items:flex-end;height:100%;border-radius:3px;background:rgba(255,255,255,.04)}
.eg-bars b{display:block;width:100%;height:0;border-radius:3px;background:color-mix(in srgb,var(--gc) 75%,#000 0%);opacity:.85;transition:height .5s cubic-bezier(.2,.8,.2,1)}
.eg-bars i:last-child b{opacity:1}
.eg-none{padding:28px 10px;text-align:center;color:#8f97a5;font-size:13px}
.eg-foot{margin:14px 2px 0;font-size:11.5px;line-height:1.5;color:#7c8492}
.eg-act{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}
.eg-btn{all:unset;cursor:pointer;font-size:13px;font-weight:650;padding:10px 18px;border-radius:12px;transition:filter .18s,transform .18s,background .18s}
.eg-btn.ghost{color:#c9cfd9;background:rgba(255,255,255,.06)}.eg-btn.ghost:hover{background:rgba(255,255,255,.1)}
.eg-btn.gold{color:#2a1d05;background:linear-gradient(180deg,#f7d48a,#e0a83f);box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}
.eg-btn.gold:hover{filter:brightness(1.05)}.eg-btn:active{transform:scale(.98)}
.eg-btn.busy{opacity:.7;pointer-events:none}.eg-btn.err{background:#7a2a24;color:#fff}
.eg-btn:focus-visible{outline:2px solid rgba(242,196,109,.6);outline-offset:2px}
@media (max-width:900px) and (min-width:761px){.eg-row{grid-template-columns:96px minmax(0,1fr) 300px}.eg-rc{width:96px}.eg-bars{grid-column:1/-1;height:24px}.eg-rv{grid-template-columns:70px 70px 96px 48px}}
@media (max-width:760px){
  .eg-ov{padding:0;align-items:end}
  .eg-dlg{width:100%;max-height:92dvh;border-radius:22px 22px 0 0;transform:translateY(40px)}
  .eg-kp{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px 16px 4px}
  .eg-hd{padding:20px 60px 4px 16px}.eg-tabs{margin:12px 16px 0}.eg-body{padding:12px 16px 22px}
  .eg-row{grid-template-columns:88px minmax(0,1fr);gap:10px 12px}
  .eg-rc{width:88px}
  .eg-rv{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 8px}
  .eg-c{min-width:0}.eg-cv{font-size:13.5px}
  .eg-bars{grid-column:1/-1;height:26px}
}
@media (prefers-reduced-motion:reduce){.eg-ov,.eg-dlg,.eg-tile,.eg-share i,.eg-bars b{transition:none!important}.eg-row.live .eg-rdot,.eg-pane.on,.eg-tile.on .eg-ck svg{animation:none!important}}

.eg-chip{white-space:nowrap;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.eg-chip::before{flex:none}.eg-rs{min-width:0;white-space:nowrap}

/* v29d: оболочка без прокрутки (overflow:hidden), контент скроллится во внутренней обёртке; тонкий скроллбар внутри скругления */
.eg-dlg{overflow:hidden;display:flex;flex-direction:column;scrollbar-width:auto;scrollbar-color:auto}
.eg-scr{position:relative;flex:1 1 auto;min-height:0;max-height:inherit;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
}
.eg-ov .eg-scr{scrollbar-width:auto;scrollbar-color:auto}
@supports (-moz-appearance:none){.eg-ov .eg-scr{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.16) transparent}}
.eg-scr::-webkit-scrollbar{width:10px}
.eg-scr::-webkit-scrollbar-track{background:transparent;margin:18px 0}
.eg-scr::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:10px;border:3px solid transparent;background-clip:padding-box;min-height:40px}
.eg-scr::-webkit-scrollbar-thumb:hover{background-color:rgba(255,255,255,.26)}
.eg-scr::-webkit-scrollbar-corner{background:transparent}
@media (max-width:640px){.eg-scr::-webkit-scrollbar{width:6px}.eg-scr::-webkit-scrollbar-thumb{border-width:1px}.eg-scr::-webkit-scrollbar-track{margin:22px 0 10px}}

/* v29d: цель по часам */
.eg-chip.done{color:#f2c46d;background:rgba(242,196,109,.12)}
.eg-tg{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;margin-top:7px;min-height:20px;font-size:11.5px;color:#9aa3b2;white-space:nowrap}
.eg-tg:empty{display:none}
.eg-tgt b{color:#f2c46d;font-weight:700}.eg-tgt.ok{color:#f2c46d}
.eg-tgbar{flex:1 0 100%;height:3px;border-radius:3px;background:rgba(242,196,109,.12);overflow:hidden}.eg-tgbar b{display:block;height:100%;background:#f2c46d;border-radius:3px}
.eg-tgb{all:unset;cursor:pointer;font-size:11px;font-weight:650;color:#c9d0db;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.06);transition:background .15s}
.eg-tgb:hover{background:rgba(255,255,255,.12)}.eg-tgb.gold{background:linear-gradient(180deg,#f6d38a,#e0a83e);color:#1a1408}.eg-tgb:disabled{opacity:.5;cursor:default}
.eg-tgb:focus-visible{outline:2px solid rgba(242,196,109,.6);outline-offset:2px}
.eg-tgf{display:inline-flex;align-items:center;gap:6px}
.eg-tgf input{all:unset;box-sizing:border-box;width:76px;height:26px;padding:0 8px;border-radius:8px;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.12);color:#fff;font-size:12px;-moz-appearance:textfield}
.eg-tgf input::-webkit-outer-spin-button,.eg-tgf input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.eg-tgf input:focus{border-color:rgba(242,196,109,.6)}.eg-tgf input.bad{border-color:#ff6355}
.eg-tgu{font-size:11px;color:#8a92a0}
.eg-tgb.ic{width:22px;height:20px;padding:0;display:inline-grid;place-items:center}
.eg-x{background:#262a33;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 6px 18px -6px rgba(0,0,0,.6)}.eg-x:hover{background:#30353f}
.eg-scr::-webkit-scrollbar-button{display:none;width:0;height:0}

.eg-sync{margin:10px 2px 0;font-size:11.5px;color:#8fd19e;display:flex;align-items:center;gap:6px}.eg-sync::before{content:'';width:6px;height:6px;border-radius:50%;background:#3ddc84;flex:none}.eg-sync[hidden]{display:none}

.eg-search-panel{padding:18px;border:1px solid #374961;border-radius:16px;background:linear-gradient(120deg,#1b2a40,#152033);margin-bottom:18px}.eg-search-panel[hidden]{display:none}.eg-search-row{display:flex;gap:10px}.eg-search-input{min-width:0;flex:1;border:1px solid #415777;background:#101a2a;color:#e5efff;border-radius:10px;padding:11px 13px;font:inherit;font-size:13px}.eg-search-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}.eg-search-tools select{background:#1b2b43;border:1px solid #3e5575;color:#d3e3fc;padding:8px;border-radius:8px;font:inherit;font-size:12px}.eg-search-tools span,.eg-search-state,.eg-search-empty{font-size:11px;color:#a5bbd8;line-height:1.7}.eg-search-results{max-height:390px;overflow:auto;scrollbar-width:thin;scrollbar-color:#4a6487 transparent;display:grid;gap:9px}.eg-found{display:flex;align-items:center;gap:12px;background:#142136;border:1px solid #304561;border-radius:12px;padding:10px}.eg-found>img{width:108px;height:51px;object-fit:cover;border-radius:7px;flex-shrink:0}.eg-found>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.eg-found b{font-size:13px;color:#d6e5fc;overflow-wrap:anywhere}.eg-found span{font-size:11px;color:#94d7be}.eg-found small{font-size:10px;color:#8fa7c8}.eg-found button{font-size:11px;flex-shrink:0}.eg-found button:disabled{opacity:.4;cursor:default}.eg-custom-open{color:#b8d4ff!important}
@media(max-width:600px){.eg-search-panel{padding:12px}.eg-found{flex-wrap:wrap;gap:9px}.eg-found>img{width:85px;height:40px}.eg-found>button{margin-left:auto}.eg-search-input{font-size:12px}}