/* Главный экран со всеми играми + нижнее меню с «Главной» по центру. Подключается последним. */

#screen-home { padding:4px 6px 8px; overflow-x:clip; }

/* ── Лента Live ── */
.live-strip { display:flex; align-items:stretch; gap:8px; margin-bottom:14px; }
.live-label {
  flex:0 0 22px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px;
  writing-mode:vertical-rl; transform:rotate(180deg); font-weight:900; font-size:13px; letter-spacing:1px; color:#e6f5ff;
}
.live-label i { position:relative; width:8px; height:8px; border-radius:50%; background:#3ddc84; }
.live-label i::after {
  content:""; position:absolute; inset:0; border-radius:inherit; background:#3ddc84;
  animation:livePulse 1.8s ease-out infinite;
}
@keyframes livePulse { from { transform:scale(1); opacity:.5; } 70%, 100% { transform:scale(3); opacity:0; } }
@media (prefers-reduced-motion:reduce) { .live-label i::after { animation:none; opacity:0; } }
.live-track { flex:1; min-width:0; display:flex; gap:8px; overflow-x:auto; scrollbar-width:none; padding:2px 0; }
.live-track::-webkit-scrollbar { display:none; }
.live-item {
  flex:0 0 62px; height:70px; border-radius:14px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1px;
  background:linear-gradient(160deg, #1f5487, #0d2c4f); border:1px solid #4f86bb; box-shadow:inset 0 1px #dff0ff22;
}
.live-item img { width:28px; height:28px; object-fit:contain; }
.live-item b { font-size:12px; font-weight:900; color:#eaf6ff; line-height:1.1; }
.live-item small { font-size:9px; font-weight:700; color:#9fc7e6; max-width:56px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.live-item.mid { background:linear-gradient(160deg, #2a7fc4, #123f6e); border-color:#7fc4ff; }
.live-item.big { background:linear-gradient(160deg, #e8a92a, #a35d10); border-color:#ffd77a; }
.live-item.big b { color:#fff7dd; }
.live-empty { align-self:center; font-size:12px; color:#9fc7e6; padding:0 6px; }

/* ── Карточки игр ── */
.games { display:flex; flex-direction:column; gap:5px; min-width:0; width:100%; overflow-x:clip; }
.game-card {
  position:relative; overflow:hidden; display:flex; flex-direction:column; align-items:flex-start; justify-content:center;
  min-height:122px; padding:14px 16px; border-radius:20px; text-align:left; color:#fff;
  border:1px solid #ffffff38; box-shadow:0 6px 16px #02122455, inset 0 1px #ffffff40;
  transition:transform .22s var(--ease-out-soft, ease), box-shadow .3s ease, filter .3s ease;
}
.game-card:not(.soon):active { transform:scale(.98); }
.game-card::before { /* мягкий блик */
  content:''; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(ellipse at 20% -10%, #ffffff38, transparent 55%);
}
.gc-badge {
  position:relative; z-index:2; font-size:11px; font-weight:900; letter-spacing:.4px; padding:4px 9px; border-radius:9px;
  background:#ffffffee; color:#e2462e; box-shadow:0 2px 6px #00000022; margin-bottom:8px;
}
.gc-title { position:relative; z-index:2; font-size:30px; font-weight:900; line-height:1; letter-spacing:.5px; text-transform:uppercase;
  text-shadow:0 2px 0 #00000033, 0 4px 12px #00000040; }
.gc-sub { position:relative; z-index:2; margin-top:5px; font-size:12px; font-weight:800; color:#ffffffd9; max-width:58%; }
.gc-meta { position:relative; z-index:2; margin-top:7px; font-size:11px; font-weight:900; padding:3px 8px; border-radius:8px; background:#0000002e; }
.gc-resume { position:relative; z-index:2; margin-top:7px; font-size:12px; font-weight:900; padding:4px 10px; border-radius:9px; background:#ffd24a; color:#4a2c00; }

.gc-art { position:absolute; right:-6px; bottom:-10px; width:52%; height:100%; z-index:1; pointer-events:none; }
.gc-art img { position:absolute; object-fit:contain; }
.gc-a0 { right:0; bottom:0; width:100%; height:78%; filter:drop-shadow(0 6px 6px #00000044); }      /* остров */
.gc-a1 { right:16%; bottom:30%; width:52%; height:66%; filter:drop-shadow(0 3px 3px #00000044); }    /* динозавр */
.gc-a2 { right:58%; bottom:36%; width:30%; height:50%; transform:scaleX(-1); filter:drop-shadow(0 3px 3px #00000044); } /* герой убегает */
.gc-emoji { position:absolute; right:18px; top:50%; transform:translateY(-50%) rotate(-8deg); font-size:62px; z-index:1;
  filter:drop-shadow(0 6px 8px #00000044); }

.game-card.dino   { background:linear-gradient(120deg, #2aa7e8 0%, #1868b0 55%, #0f3f73 100%); }
.game-card.rocket { background:linear-gradient(120deg, #ffb238 0%, #f26b2b 60%, #c2361f 100%); }
.game-card.mines  { background:linear-gradient(120deg, #9d5cf0 0%, #6a33c9 60%, #42208f 100%); }
.game-card.plinko { background:linear-gradient(120deg, #ff6fae 0%, #d63a86 60%, #93205e 100%); }

.game-card.soon { filter:saturate(.75) brightness(.92); }
.game-card.soon .gc-badge { background:#0b2440d9; color:#cfe8ff; }

/* ── Нижнее меню: «Главная» по центру, приподнята ── */
.tabbar [data-tab=home] { --nav-icon:url('assets/islands/nav-home.svg'); }
/* «Главная» — обычная вкладка того же размера, подсвечивается только когда выбрана (как остальные) */

.app { background:linear-gradient(160deg, #103b60, #081f3b); background-color:#081f3b; }

/* ── Шапка: «‹» назад к играм — только на экране игры ── */
.header-left { display:flex; align-items:center; gap:8px; }
.back-home {
  display:none; width:32px; height:32px; border-radius:10px; font-size:24px; line-height:1; font-weight:900; color:#e6f5ff;
  background:#0a2442cc; border:1px solid #7fb4e699; align-items:center; justify-content:center; padding-bottom:3px;
}
.app.game-view .back-home { display:flex; }