/* 01.11 (Сергей): «Слабый интернет — игра может подтормаживать» внизу экрана в онлайн-бою (js/netwarn.js) */
.net-warn { position: absolute; left: 50%; bottom: calc(env(safe-area-inset-bottom, 0px) + 54px); transform: translateX(-50%); display: none; align-items: center; gap: 7px; z-index: 7; pointer-events: none;
  padding: 5px 12px; border-radius: 12px; background: rgba(255, 246, 220, .94); border: 2px solid var(--ink); font-size: 13px; font-weight: 800; color: var(--ink); white-space: nowrap; }
.net-warn.show { display: flex; }
.net-warn .nw-dot { width: 9px; height: 9px; border-radius: 50%; background: #f4695a; flex: none; animation: nwblink 1s ease-in-out infinite; }
@keyframes nwblink { 50% { opacity: .25; } }
@media (max-width: 600px) { .net-warn { bottom: calc(env(safe-area-inset-bottom, 0px) + 14px); left: auto; right: 10px; transform: none; font-size: 12px; white-space: normal; max-width: min(215px, calc(100% - 135px)); line-height: 1.2; } }   /* телефон: в две строки правее «Рывка» */
body.pcg .net-warn { bottom: calc(env(safe-area-inset-bottom, 0px) + 112px); }   /* ПК: над рядом реакций */
/* 01.11 (Дизайн): телефон — если одновременно видна «Игра обновится после этого раунда» (#drain-note, там же справа внизу), «Слабый интернет» встаёт над ней, а не поверх */
@media (max-width: 600px) { body:has(#drain-note.show) .net-warn { bottom: calc(env(safe-area-inset-bottom, 0px) + 48px); } }