/* Raster arrows avoid platform emoji substitution, including iOS. */
.r7-arrow { display:inline-block;width:18px!important;height:18px!important;object-fit:contain;vertical-align:middle;flex:none; }
#zaraysk-servers .tile-arrow .r7-arrow { width:24px!important;height:24px!important; }
#zaraysk-servers .r5-connect .r7-arrow { filter:brightness(0); }
#zaraysk-servers .r5-connect[aria-disabled="true"] .r7-arrow { filter:none;opacity:.45; }
.page-home .zaraysk-nav-card::after { content:'';width:20px;height:20px;background:url('../img/ui/arrow-up-right-green.png') center/contain no-repeat;font-size:0; }
.r7-mode-online { position:absolute;left:12px;top:12px;display:inline-flex;align-items:center;gap:6px;padding:5px 8px;background:#0b0b0be0;border:1px solid #f0efea26;color:#f0efea;font:500 12px/1.3 'Roboto',sans-serif;max-width:calc(100% - 56px); }
.r7-online-dot { width:6px;height:6px;border-radius:50%;background:#8b9385;flex:none; }
.r7-mode-online[data-state="online"] .r7-online-dot { background:#9bcb68;box-shadow:0 0 5px #9bcb6833; }
@media(max-width:860px) {
  body { padding-bottom:calc(72px + env(safe-area-inset-bottom,0px)); }
  .global-container>.container-fluid>.navbar,.page-home .global-container>.container-fluid>.navbar { position:sticky;top:0;z-index:130;background:#0b0b0b!important;height:calc(76px + env(safe-area-inset-top,0px))!important;min-height:calc(76px + env(safe-area-inset-top,0px))!important;padding-top:env(safe-area-inset-top,0px)!important; }
  .nav_header_menu { display:none!important;position:fixed!important;left:0!important;right:0!important;top:calc(76px + env(safe-area-inset-top,0px))!important;bottom:calc(64px + env(safe-area-inset-bottom,0px))!important;width:100%!important;height:auto!important;max-height:calc(100dvh - 140px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));padding:16px!important;background:#0b0b0b!important;overflow-y:auto!important;overscroll-behavior:contain;z-index:120;box-sizing:border-box;transform:none!important; }
  .nav_header_menu.mmactive { display:block!important;visibility:visible;opacity:1; }
  .nav_header_menu .header_list { display:flex;flex-direction:column;gap:8px;padding:0;margin:0; }
  .nav_header_menu .header_list li { width:100%;margin:0; }
  .nav_header_menu .header_list a { display:flex;align-items:center;min-height:44px;padding:12px 16px;background:#141a13;border:1px solid #34382e;border-radius:0;font:500 14px/1.4 'Roboto',sans-serif;color:#f0efea; }
  .tabbar_mobile { display:flex!important;position:fixed!important;inset:auto 0 0!important;width:100%!important;max-width:100%!important;min-height:64px!important;height:auto!important;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px))!important;margin:0!important;gap:4px;box-sizing:border-box;background:#131a12!important;border-top:1px solid #34382e;z-index:125; }
  .tabbar_mobile :is(a,button) { flex:1 1 0!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:52px!important;padding:6px 4px!important;gap:4px;border:0!important;border-radius:0;font:500 11px/1.2 'Roboto',sans-serif!important;text-transform:none;color:#f0efea!important;background:transparent!important; }
  .tabbar_mobile a.tabbar_active { background:#9bcb68!important;color:#0b0b0b!important; }
  .tabbar_mobile :is(a,button) svg { display:block;width:20px!important;height:20px!important;fill:currentColor!important;color:inherit!important; }
  .tabbar_mobile :is(a,button) span { display:block!important;color:inherit!important;font:inherit; }
  .r6-global-chat,.page-home .r6-global-chat { bottom:calc(76px + env(safe-area-inset-bottom,0px))!important; }
  body:has(.nav_header_menu.mmactive) .r6-global-chat { visibility:hidden; }
  body.modal__opened { overflow:hidden!important; }
}
@media(min-width:861px) { .tabbar_mobile { display:none!important; } }
@media(prefers-reduced-motion:reduce) { .nav_header_menu,.tabbar_mobile { transition:none!important;animation:none!important; } }