*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{height:100%}
body{background:linear-gradient(180deg,#0e1626 0%,#16233c 55%,#1f3050 100%);color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;overflow:hidden}
#app{height:100%;display:flex;flex-direction:column}
.top{padding:12px 14px 0;text-align:center}
.leaguepill{display:inline-block;background:#23233f;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600;color:#fff;text-decoration:none;margin-bottom:10px}
.balance{display:flex;align-items:center;justify-content:center;gap:12px}
.balance .c{width:64px;height:64px;background:center/contain no-repeat}
#bal{font-size:40px;font-weight:800}
.pt{color:#ffd76a;font-weight:700;margin-top:2px;font-size:14px}
.pills{display:flex;gap:8px;justify-content:center;margin-top:10px;flex-wrap:wrap}
.pill{background:#23233f;border-radius:999px;padding:7px 12px;font-size:13px;display:inline-flex;align-items:center;gap:6px}
.pill .pi{font-size:14px}
.gem{width:16px;height:16px;object-fit:contain}
.adwait{display:none;position:fixed;top:8px;left:8px;z-index:40;background:#2a2a4a;border-radius:999px;padding:6px 12px;font-size:12px;box-shadow:0 2px 10px rgba(0,0,0,.35)}
.adwait.show{display:block}
#mid{flex:1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
#coin{width:min(70vw,280px);height:min(70vw,280px);border-radius:50%;background:center/contain no-repeat;cursor:pointer;position:relative;z-index:2;transition:transform .08s}
#coin:active{transform:scale(.96)}
#fx{position:fixed;inset:0;overflow:hidden;z-index:-1;pointer-events:none}
.fc{position:absolute;top:-70px;background:center/contain no-repeat;animation:fall linear forwards}
@keyframes fall{to{transform:translateY(115vh) rotate(340deg)}}
#badge{display:none;position:fixed;top:40px;right:8px;background:linear-gradient(90deg,#ff9d4d,#ff6b3d);border-radius:999px;padding:5px 10px;font-weight:800;font-size:11px;z-index:40;box-shadow:0 2px 10px rgba(0,0,0,.35)}
#badge .ic{width:14px;height:14px;vertical-align:-2px}
.energy{text-align:center;font-weight:800;font-size:18px;padding:6px 0 10px}
.nav{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px 10px 14px}
.nav button{background:#23233f;border:none;color:#fff;border-radius:14px;padding:12px 4px;font-size:12px;font-weight:700;cursor:pointer}
.overlay{position:fixed;inset:0;background:rgba(10,10,25,.75);backdrop-filter:blur(6px);z-index:50;display:none}
.overlay.open{display:block}
.sheet{position:absolute;left:0;right:0;bottom:0;max-height:86%;overflow:auto;background:#191934;border-radius:22px 22px 0 0;padding:16px 14px 26px}
.ohead{display:flex;justify-content:space-between;align-items:center;font-size:18px;font-weight:800;margin-bottom:12px}
.x{cursor:pointer;opacity:.7;padding:4px 8px}
.tabs{display:flex;gap:8px;margin-bottom:12px}
.tab{flex:1;text-align:center;padding:10px;border-radius:12px;background:#23233f;cursor:pointer;font-weight:700}
.tab.active{background:#2a2a4a;box-shadow:inset 0 0 0 2px #ffd76a}
.cards{display:flex;flex-direction:column;gap:10px}
.card{background:#23233f;border-radius:14px;padding:12px;display:flex;justify-content:space-between;align-items:center;gap:10px;cursor:pointer}
.card.dis{opacity:.5;cursor:default}
.card .t{font-weight:700;display:flex;align-items:center;gap:8px}
.card .t .ic{width:20px;height:20px;object-fit:contain}
.card .d{opacity:.75;font-size:12px;margin-top:3px}
.card .p{font-weight:800;color:#ffd76a;display:flex;align-items:center;gap:6px;white-space:nowrap}
.pcoin{width:16px;height:16px;object-fit:contain}
.invite{background:linear-gradient(135deg,#3b2a63,#2a2a4a);border-radius:16px;padding:14px;text-align:center;margin-bottom:12px}
.invite .t{font-weight:800;font-size:16px;margin-bottom:6px}
.invite .d{opacity:.85;font-size:13px;line-height:1.45;margin-bottom:8px}
.ibtn{display:inline-block;background:linear-gradient(90deg,#ffd76a,#f7b733);color:#14142e;border-radius:12px;padding:10px 18px;font-weight:800;cursor:pointer;margin:4px;text-decoration:none}
.ibtn.dis{opacity:.5;cursor:default}
.fhead{font-weight:800;margin:10px 0 8px;opacity:.9}
.fempty{opacity:.6;text-align:center;padding:18px 0}
.frow{display:flex;align-items:center;gap:10px;background:#23233f;border-radius:12px;padding:10px 12px;margin-bottom:8px}
.frow.me{box-shadow:inset 0 0 0 2px #ffd76a}
.fb{font-size:20px}
.fn{flex:1;font-weight:700}
.fl{opacity:.6;font-size:11px;font-weight:400}
.fcoins{font-weight:800;color:#ffd76a;text-align:right}
.winput{width:100%;background:#23233f;border:none;border-radius:12px;padding:12px;color:#fff;font-size:14px;margin:8px 0}
.pbar{height:8px;background:#23233f;border-radius:99px;overflow:hidden;margin:10px 0}
.pfill{height:100%;background:linear-gradient(90deg,#ffd76a,#f7b733)}
.skingrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.skin{aspect-ratio:1;background:center/contain no-repeat;border-radius:14px;cursor:pointer}
.skin.cur{box-shadow:0 0 0 3px #ffd76a}
.skin.lock{opacity:.4}
.plus{position:absolute;font-weight:800;color:#ffd76a;z-index:4;animation:rise .8s ease-out forwards;pointer-events:none}
@keyframes rise{to{transform:translateY(-60px);opacity:0}}
.rocket{position:absolute;height:70px;width:auto;z-index:5;cursor:pointer}
.nav img.ic,.pill img.ic{width:22px;height:22px;object-fit:contain;vertical-align:-6px}
/* ========== красивая реклама с ожиданием ========== */
#adbox .sheet{bottom:auto;top:50%;transform:translateY(-50%);margin:0 14px;border-radius:22px;text-align:center;background:linear-gradient(180deg,#20305a,#191934)}
#adbox .ohead{justify-content:center;gap:12px;font-size:20px}
#adbox #adtimer{min-width:54px;height:54px;padding:0 10px;border-radius:50%;background:linear-gradient(135deg,#ffd76a,#f7b733);color:#14142e;display:inline-flex;align-items:center;justify-content:center;font-size:22px;font-weight:900;box-shadow:0 4px 18px rgba(247,183,51,.35)}
#adbox .invite{background:linear-gradient(135deg,#2a3a63,#23233f);margin-top:4px}
.card .ibtn{padding:8px 12px;font-size:12px;margin:0;white-space:nowrap}
.ibtn.sky{background:linear-gradient(90deg,#8fd3ff,#4fb3ff);color:#0e1626}