/* Shared viewport geometry. Sidebar and chat stay outside the content column. */
:root { --z-sidebar-width:240px; --z-content-width:min(1240px,calc(100vw - var(--z-sidebar-width) - 96px)); --z-content-left:calc(var(--z-sidebar-width) + (100vw - var(--z-sidebar-width) - 64px - var(--z-content-width))/2); }
body { --z-shell-width:1240px; }
.global-container > .container-fluid,.page-home .global-container > .container-fluid { display:flex!important; flex-direction:column; align-items:stretch; align-content:start; gap:24px; width:var(--z-content-width)!important; max-width:1240px!important; margin:0 0 0 var(--z-content-left)!important; padding:0!important; }
.container-fluid > :not(.navbar) { width:100%; min-width:0; margin-block:0; }
.global-container > .container-fluid,.page-home .global-container > .container-fluid { flex:0 0 auto!important;height:auto!important;min-height:0!important; }
.footer_fluid { padding-inline:0!important; }
.global-container > .container-fluid > .navbar,.page-home .global-container > .container-fluid > .navbar { position:relative; width:100%; height:76px!important; min-height:76px!important; margin:0!important; padding:0; border-bottom:1px solid #34382e; background:transparent!important; }
.navbar :is(.navbar_menu_left,.navbar_usermenu),.page-home :is(.navbar_menu_left,.navbar_usermenu) { height:74px!important; min-height:74px!important; }
.navbar .logo-text,.page-home .logo-text { gap:10px; }
.navbar .zaraysk-brand-mark,.page-home .zaraysk-brand-mark { width:38px;height:35px;flex-basis:38px; }
.navbar .zaraysk-wordmark,.page-home .zaraysk-wordmark { width:150px;height:26px; }
.navbar_usermenu > button,.page-home .navbar_usermenu > button { min-height:44px; padding:10px 14px; font-size:13px; }
.drpdwn_menu,.page-home .drpdwn_menu { position:fixed!important; inset:0 auto 0 0!important; width:var(--z-sidebar-width)!important; height:100dvh!important; padding:88px 16px 24px; display:flex!important; flex-direction:column; justify-content:flex-start; align-items:stretch; gap:5px; background:#0e120e; border:0; border-right:1px solid #262e23; overflow-y:auto; z-index:30; }
.drpdwn_menu::before { display:none!important; }
.drpdwn_menu .dropdown,.page-home .drpdwn_menu .dropdown { width:100%;height:auto!important;min-height:0;flex:0 0 auto; }
.drpdwn_menu .dropbtn,.drpdwn_menu.compact .dropbtn,.page-home .drpdwn_menu .dropbtn { display:flex; align-items:center; justify-content:flex-start; gap:10px; width:100%; min-height:44px; height:auto; padding:10px 12px!important; border:0!important; color:#e0e4da; background:transparent; font:500 14px/1.4 'Roboto',sans-serif; text-transform:none; }
.drpdwn_menu .dropbtn.active_btn,.page-home .drpdwn_menu .dropbtn.active_btn { background:#9bcb681a; color:#9bcb68; box-shadow:inset 3px 0 #9bcb68; }
.drpdwn_menu .dropdown_block,.page-home .drpdwn_menu .dropdown_block { position:relative; left:auto; top:auto; width:100%; min-width:0; margin-top:4px;display:none; }
.drpdwn_menu .dropdown_block.dropdown_show,.page-home .drpdwn_menu .dropdown_block.dropdown_show { display:block; }
.navbar .online { padding:0 12px;background:transparent!important;border:0!important;letter-spacing:0;text-transform:none; }
.navbar .online__counter { padding:0;background:transparent;border-radius:0;gap:10px; }
.navbar .online__text { display:flex;flex-direction:column;align-items:center;gap:2px; }
.navbar .online__count { color:#f0efea;font:700 italic 24px/1 'Oswald',sans-serif; }
.navbar .online__label { color:#a0a99a;font:500 italic 11px/1.2 'Roboto',sans-serif; }
.navbar .online__square-wrapper { width:8px;height:8px; }
.navbar .online__square-figure { width:8px;height:8px;border-radius:50%;background:#9bcb68!important;box-shadow:0 0 8px #9bcb6866!important;animation:none; }
.header_burger,.page-home .header_burger { display:none!important; }
.footer_global,.page-home .footer_global { width:var(--z-content-width)!important; max-width:1240px!important; margin:44px 0 0 var(--z-content-left)!important; padding:24px 0; }
.page-home .global-container > .container-fluid { gap:24px; }
#zaraysk-servers .r5-section-heading { padding-bottom:20px; }
#zaraysk-servers .r5-section-heading h1 { font-size:42px;line-height:1.15;letter-spacing:0; }
#zaraysk-servers .home-intro { margin-top:8px;font-size:14px; }
#zaraysk-servers .mode-grid { grid-template-columns:repeat(5,minmax(0,1fr));gap:14px; }
#zaraysk-servers .tile-copy { left:14px;right:14px;bottom:14px; }
#zaraysk-servers .tile-copy h2 { font-size:24px;line-height:1.12;margin-bottom:8px; }
#zaraysk-servers .tile-copy p { font-size:13px;line-height:1.4;min-height:2.8em; }
#zaraysk-servers .mode-banner { min-height:192px; }
#zaraysk-servers .mode-banner-copy h1 { font-size:38px; }
#zaraysk-servers .servers_wrap { grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px; }
#zaraysk-servers .server_block { display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:8px 10px;padding:12px!important;min-height:112px!important;isolation:isolate;align-content:start; }
#zaraysk-servers .server_block::before { content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b0b0bd9,#0b0b0ba8);z-index:-1; }
#zaraysk-servers .r6-server-map { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2; }
#zaraysk-servers .r6-server-map[hidden] { display:none!important; }
#zaraysk-servers .concrete-server-header { grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:5px;min-width:0; }
#zaraysk-servers .server_block .server_name_custom { font:600 16px/1.25 'Roboto',sans-serif!important; }
#zaraysk-servers .r6-status-line { display:flex;flex-wrap:wrap;gap:6px;align-items:center; }
#zaraysk-servers .r5-server-status { font-size:10px;padding:0; }
#zaraysk-servers .server_badge { display:inline-block!important;width:auto!important;max-width:100%;padding:0!important;margin:0!important;background:transparent!important;color:#b6bbae!important;border:0!important;border-radius:0!important;line-height:1.3;font-size:10px; }
#zaraysk-servers .server_badge:empty { display:none!important; }
#zaraysk-servers .r6-server-meta { grid-column:1;grid-row:2;display:flex;flex-wrap:wrap;gap:4px 10px;min-width:0; }
#zaraysk-servers .r5-server-data { gap:8px;margin:0;padding:0;border:0;flex-direction:row-reverse; }
#zaraysk-servers .r5-server-data dt { position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%); }
#zaraysk-servers .r5-server-data dd { margin:0;font-size:12px;line-height:1.4; }
#zaraysk-servers .r5-server-data div:first-child { min-width:0; }
#zaraysk-servers .server_geoip { display:flex!important;gap:6px;font-size:11px;line-height:1.4;min-width:0; }
#zaraysk-servers #updateservers { width:44px!important;min-width:44px;height:44px;padding:12px!important;flex:none;justify-content:center; }
#zaraysk-servers #updateservers span { display:none; }
#zaraysk-servers #updateservers svg { display:block!important;width:18px;height:18px;flex:none; }
#zaraysk-servers .server_city { overflow-wrap:anywhere; }
#zaraysk-servers .r5-server-actions { grid-column:2;grid-row:1/span 2;display:grid;grid-template-columns:44px 44px;grid-template-rows:44px 44px;gap:4px;align-self:center; }
#zaraysk-servers .r5-connect { grid-column:1/-1;justify-content:center;gap:8px;min-height:44px;padding:6px;font-size:11px; }
#zaraysk-servers .r5-connect span:first-child { display:none; }
#zaraysk-servers .r5-players svg { width:18px;height:18px;fill:currentColor; }
.page-home .zaraysk-poster-grid { grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px; }
.page-home .zaraysk-nav-card { min-height:70px;border:0!important; }
.page-home .zaraysk-nav-card h3 { font-size:22px; }
.page-home .zaraysk-nav-card p { color:#969c91!important; }
.page-home .container-fluid > .zaraysk-chat { position:fixed!important; inset:45% 0 auto auto; width:auto; margin:0!important; padding:0; border:0; z-index:35; background:#121811; }
.zaraysk-chat-drawer > summary { display:flex; align-items:center; justify-content:center; min-width:44px; min-height:88px; padding:12px; writing-mode:vertical-rl; color:#f0efea; font:500 14px 'Roboto',sans-serif; cursor:pointer; border:1px solid #34382e; border-right:0; }
.zaraysk-chat-drawer > summary::marker,.zaraysk-chat-drawer > summary::-webkit-details-marker { display:none;content:''; }
.zaraysk-chat-drawer[open] { width:260px; box-shadow:-12px 0 32px #0008; }
.zaraysk-chat-drawer[open] > summary { writing-mode:horizontal-tb;min-height:44px;justify-content:flex-end;color:#9bcb68; }
.zaraysk-chat-drawer .zaraysk-chat__header { padding:18px 20px 0; }
.zaraysk-chat-drawer .zaraysk-chat__header h2 { font-size:22px; }
.zaraysk-chat-drawer .zaraysk-chat__development { margin-top:12px;padding:0 20px 24px;min-height:0;border:0; }
.zaraysk-chat-drawer summary:focus-visible { outline:2px solid #5aa2d7;outline-offset:-3px; }
.r6-global-chat,.page-home .r6-global-chat { position:fixed!important;top:auto!important;bottom:24px!important;left:auto!important;right:0!important;width:44px!important;min-height:0!important;height:auto!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;z-index:60; }
.r6-global-chat .r6-chat-toggle { display:flex;align-items:center;justify-content:center;width:44px;min-height:88px;padding:10px;writing-mode:vertical-rl;font:500 14px 'Roboto',sans-serif;background:#131a12;color:#f0efea;border:1px solid #34382e;border-right:0;border-radius:0;cursor:pointer; }
.r6-global-chat .r6-chat-panel { position:absolute;bottom:0;right:44px;width:220px;padding:18px;background:#131a12;border:1px solid #34382e;border-top:2px solid #5aa2d7;box-shadow:-12px 0 32px #0008; }
.r6-global-chat .r6-chat-panel[hidden] { display:none!important; }
.r6-chat-panel header { display:flex;align-items:center;justify-content:space-between;gap:16px; }
.r6-chat-panel h2 { margin:0;font:500 22px/1.3 'Oswald',sans-serif;color:#f0efea; }
.r6-chat-panel button { width:44px;min-height:44px;background:transparent;border:1px solid #34382e;color:#f0efea;font:24px/1 Arial,sans-serif;cursor:pointer;border-radius:0; }
.r6-chat-panel p { margin:20px 0 6px;color:#b6bbae;font:400 14px/1.5 'Roboto',sans-serif; }
.r6-global-chat button:focus-visible { outline:2px solid #5aa2d7;outline-offset:-3px; }
.page-store .shop_bk { display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:24px;align-items:start; }
.page-store .shop_bk > :is(.col-md-9,.col-md-3) { width:100%;max-width:100%;padding:0;min-width:0; }
.page-store .shop_wrapper_product { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--z-store-min,224px)),1fr))!important;gap:14px;align-items:start; }
.page-store :is(.shop_product_wrapper,.shop_product) { width:100%;min-width:0; }
.page-store .shop_header { min-height:120px; }
.zaraysk-page-head { min-height:88px;padding:20px 24px; }
.zaraysk-page-head h1 { font-size:32px;line-height:1.2; }
@media(max-width:1600px) { :root { --z-sidebar-width:200px; } #zaraysk-servers .mode-grid{grid-template-columns:repeat(4,minmax(0,1fr))} #zaraysk-servers .servers_wrap{grid-template-columns:repeat(2,minmax(0,1fr))!important} }
@media(max-width:1200px) { :root { --z-sidebar-width:176px; } .drpdwn_menu,.page-home .drpdwn_menu{padding-inline:10px} #zaraysk-servers .mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.page-store .shop_bk{grid-template-columns:minmax(0,1fr) 220px;gap:18px} }
@media(max-width:860px) { :root{--z-content-width:calc(100vw - 32px);--z-content-left:16px}.drpdwn_menu,.page-home .drpdwn_menu{display:none!important}.header_burger,.page-home .header_burger{display:block!important;min-width:44px;min-height:44px}.navbar .online{display:none}.global-container>.container-fluid,.page-home .global-container>.container-fluid{gap:20px}.navbar .zaraysk-wordmark,.page-home .zaraysk-wordmark{width:120px}.navbar .zaraysk-brand-mark,.page-home .zaraysk-brand-mark{width:32px;height:30px;flex-basis:32px}.page-home .navbar_usermenu>button{font-size:0;width:44px;padding:8px}.page-home .container-fluid>.zaraysk-chat{inset:auto 12px 12px auto}.zaraysk-chat-drawer>summary{writing-mode:horizontal-tb;min-height:44px}.page-store .shop_bk{grid-template-columns:1fr}.page-store .shop_bk>.col-md-3{position:static;order:-1}#zaraysk-servers .servers_wrap{grid-template-columns:1fr!important} }
@media(max-width:600px) { #zaraysk-servers .mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#zaraysk-servers .tile-copy h2{font-size:22px}#zaraysk-servers .tile-copy p{font-size:13px}#zaraysk-servers .tile-copy{left:14px;right:14px;bottom:14px}.page-home .zaraysk-poster-grid{grid-template-columns:1fr!important;gap:16px}.zaraysk-page-head{padding:18px}.zaraysk-page-head h1{font-size:26px} }
@media(max-width:420px) { #zaraysk-servers .mode-grid{grid-template-columns:1fr}#zaraysk-servers .tile-copy h2{font-size:30px}#zaraysk-servers .tile-copy p{font-size:14px} }
@media(max-width:860px) { .r6-global-chat,.page-home .r6-global-chat{bottom:76px!important}.page-store .shop_bk>.col-md-3,.page-store .shop_bk>.col-md-9{grid-column:1;grid-row:auto}.r6-global-chat .r6-chat-panel{width:min(260px,calc(100vw - 60px))} }