/* Spatium — мобильная версия (телефоны и небольшие планшеты).
   Подключается после site.css. На десктопе ничего не меняет. */
.tabbar{display:none}

@media (max-width:820px){
:root{--tab-h:60px;--sab:env(safe-area-inset-bottom,0px)}
html{-webkit-text-size-adjust:100%}
body{-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;padding-bottom:calc(var(--tab-h) + var(--sab))}
input,select,textarea{font-size:16px!important} /* iOS не приближает страницу при фокусе */

/* ---------- Свечение: только по центру, без кнопок позиции и цвета ---------- */
.glow-control-group{display:none!important}
html body[class] .glow-blob-1{top:12%;left:calc(50% - 170px)}
html body[class] .glow-blob-2{top:38%;left:calc(50% - 140px)}
html body[class] .glow-blob-3{top:25%;left:calc(50% - 120px)}

/* ---------- Шапка: логотип + быстрые кнопки ---------- */
.top{height:auto;min-height:56px;padding:env(safe-area-inset-top,0px) .75rem 0;gap:.2rem;flex-wrap:wrap}
.top .logo{height:56px;margin-right:0}
.top a.it{display:none}
.header-right{display:contents}
.top .spacer{order:1;margin-left:auto}
.console-btn{order:2;margin-left:0;min-height:44px}
.theme-toggle{order:4}
.acc-btn{order:5;margin-left:.3rem}
.glow-control-group{gap:0}
.glow-toggle-btn,.glow-config-btn,.theme-toggle,.mobile-menu-btn{min-width:44px;min-height:44px;display:inline-grid;place-items:center}
body:not(.wiki-on) .mobile-menu-btn{display:none!important}
.mobile-menu-btn{order:0;margin-left:-.5rem}
/* Поиск по вики — отдельной строкой под шапкой, только в разделе «Вики» */
/* Поиск по вики теперь внутри меню категорий, а не под шапкой */
body.wiki-on .search-box-header{display:none!important}
.nstack{left:.8rem;right:.8rem;width:auto}

/* ---------- Нижняя навигация ---------- */
.tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:200;background:var(--bg-surface);border-top:2px solid var(--border-color);padding-bottom:var(--sab)}
.tabbar a{flex:1;min-width:0;height:var(--tab-h);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text-muted);font:600 .64rem 'Onest',sans-serif;text-decoration:none;position:relative}
.tabbar a i{font-size:1.25rem;position:relative}
.tabbar a:active{background:var(--bg-surface-hover)}
.tabbar a.active{color:var(--accent)}
.tabbar a.active::before{content:'';position:absolute;top:-2px;left:22%;right:22%;height:3px;background:var(--accent)}
.tabbar .tbadge{position:absolute;top:-6px;right:-10px;min-width:16px;height:16px;padding:0 4px;display:grid;place-items:center;background:var(--bad);color:#fff;font:700 .6rem 'Onest',sans-serif;border-radius:8px}
.tabbar .tbadge.hidden{display:none}
/* Открытый диалог в чате — полный экран, без нижней панели */
body[data-route="chats"]:has(.chat-app.conv-open){padding-bottom:0}
body[data-route="chats"]:has(.chat-app.conv-open) .tabbar{display:none}

/* ---------- Общие элементы ---------- */
.wrap{padding:0 1rem 1.5rem}
.card{padding:1rem}
.btn{min-height:46px;padding:.6rem 1rem}
@media(hover:none){.btn:hover,.tile:hover{transform:none;box-shadow:none}}
.search,.plsearch input{min-height:46px;min-width:0}
.wrap details summary{min-height:52px;display:flex;align-items:center}
.wrap details p{padding:0 1rem 1rem}

/* Главная */
.wrap .hero{padding:1.1rem 0 1.4rem;margin-bottom:1.25rem}
.wrap .hero h1{font-size:2.3rem}
.hero .lead{font-size:1rem}
.cta{flex-direction:column}.cta .btn{width:100%;justify-content:center}
.ip{flex-direction:column;align-items:stretch}
.ip code{text-align:center;word-break:break-all}.ip .btn{justify-content:center}
.tiles{grid-template-columns:1fr;gap:.6rem}
.tile{padding:.9rem}
.news small{font-size:.5rem}

/* Профиль и друзья */
.stats{grid-template-columns:repeat(2,1fr)}
.pdwho{gap:.6rem}.pdacts{width:100%}.pdacts .btn{width:100%;justify-content:center}
.fhead{margin:1.2rem 0 .7rem}
.fctl{width:100%}.fctl .search{flex:1 1 100%}
.fadd{display:flex;gap:.5rem}.fadd .search{flex:1}
.flist{grid-template-columns:1fr}
.colrow{grid-template-columns:70px 1fr 48px}

/* Игроки, лидерборды, шкафчик */
.plsearchrow{margin:1rem 0}
.pllist{gap:1.1rem}
.toprow{padding:.65rem .6rem}

/* Чаты */
.chatwrap{padding:0 .5rem}
.chat-app{height:calc(100dvh - var(--top-h,56px) - var(--tab-h) - var(--sab) - .75rem);min-height:0}
body[data-route="chats"]:has(.chat-app.conv-open) .chat-app{height:calc(100dvh - var(--top-h,56px) - var(--sab))}
.chat-back{min-width:44px;min-height:44px;justify-content:center}
.chat-compose{padding:.6rem .7rem calc(.6rem + var(--sab))}
.chat-compose .search{flex:1}.chat-compose .btn{min-width:48px;justify-content:center}
.chat-note{display:none}
.chat-list>*{min-height:60px}

/* Вики: категории — выезжающая шторка */
aside.sidebar{top:0!important;height:100dvh;z-index:300;width:min(300px,86vw);padding-top:calc(1rem + env(safe-area-inset-top,0px));padding-bottom:calc(1rem + var(--sab))}
aside.sidebar.open{box-shadow:0 0 0 100vmax rgba(0,0,0,.6)}
aside.sidebar{justify-content:flex-start}
.sidebar-search{position:relative;margin:0 0 1rem;flex:none}
.sidebar-search input{width:100%;box-sizing:border-box;height:44px;padding:.45rem .8rem .45rem 2.4rem;border:2px solid var(--border-color);background:var(--bg-surface);color:var(--text-primary);font:inherit;outline:none;border-radius:0;box-shadow:inset 2px 2px 0 var(--bevel-lo);-webkit-appearance:none;appearance:none}
.sidebar-search input:focus{border-color:var(--border-focus)}
.sidebar-search input::-webkit-search-cancel-button{-webkit-appearance:none}
.sidebar-search i{position:absolute;left:.8rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:.9rem;pointer-events:none}
.sidebar-search input:focus + i{color:var(--accent)}
.sidebar-item a{min-height:48px}
main.content{padding:1rem .9rem 2rem}
/* Вики на телефоне: главная — только категории (без популярных, обновлений и истории) */
.wiki-home .hero{padding:0;margin-bottom:1rem;text-align:left}
.wiki-home .hero p,.wiki-home .hero-search,.wiki-home>.grid-two-col,.wiki-home [data-history-block]{display:none}
.wiki-home .categories-grid{grid-template-columns:1fr;margin-bottom:0}
/* страница не листается — листается только список категорий */
body.wiki-on:has(.wiki-home){overflow:hidden;height:100dvh}
main.content:has(.wiki-home){padding-top:.5rem;padding-bottom:0}
.wiki-home{height:calc(100dvh - var(--top-h,56px) - var(--tab-h) - var(--sab) - .5rem);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:1rem}
main.content img,main.content video{max-width:100%;height:auto}
main.content pre,main.content table{display:block;max-width:100%;overflow-x:auto}

/* Карта — на весь экран между шапкой и нижней панелью */
#mapView{height:calc(100dvh - var(--top-h,56px) - var(--tab-h) - var(--sab))}

/* Окна настроек */
.color-picker-modal{max-height:88dvh;overflow-y:auto;width:calc(100vw - 1.5rem)}
.acc-menu{width:min(300px,94vw)}

/* ---------- Список игроков: карточка ---------- */
.plcard{padding:0 0 .5rem;position:relative;border-width:1px;box-shadow:none}
.view[data-view="players"].wrap{padding-left:.25rem;padding-right:.25rem}
.plcard .plhead{--s:56px!important;left:6px;bottom:-30px;box-shadow:none!important}
.plcard .avatar.plhead{--av:60px!important}
.plcard .plrow{padding:.4rem .4rem 0;min-height:44px;gap:.35rem;justify-content:flex-end;flex-wrap:nowrap;align-items:flex-start}
.plcard .plrow .pltag{flex:0 1 auto;align-self:flex-start;margin:0 auto 0 66px;max-width:calc(100% - 66px);min-width:0;order:1;font-size:.58rem;box-sizing:border-box;height:2.4rem;padding:0 .5rem;gap:.4rem;border-width:2px}
.plcard .plrow .pltag .pfx{width:20px;height:20px}
.plcard .plstatus{position:absolute;top:6px;right:6px;z-index:3;font-size:.5rem;padding:.3rem .5rem;background:rgba(10,12,18,.85)}
.plcard .plrow .spacer{display:none}
.plcard .plrow .plbtn{order:3;flex:none;box-sizing:border-box;width:2.4rem;height:2.4rem;margin:0!important;padding:0;border-width:2px;display:grid;place-items:center;line-height:1}
.plcard .plrow .plbtn i{display:block;width:1.25em;text-align:center;line-height:1;margin:0}
.plcard .plmeta{padding:.5rem .5rem 0;font-size:.8rem}
.pllist{gap:.6rem}

/* ---------- Профиль / страница игрока ---------- */
.pdcard{gap:.8rem}
.pdwho{flex-wrap:wrap;align-items:flex-start;gap:.3rem .8rem}
.pdwho .avatar{--av:76px!important}
.pdwho .avatar.head,.pdwho .head{--s:64px!important}
.pdwho > .avatar,.pdwho > #meHead{margin:-34px 0 0 .3rem!important;flex:none}
.pdwho-t{flex:1 1 0;min-width:0;padding-top:.4rem;gap:.3rem}
.pdwho-t .pltag{max-width:100%;font-size:.55rem}
.pdwho-t .status{margin-top:0}
.pdacts{flex:1 1 100%;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.pdacts .btn:only-child{grid-column:1/-1}
.stat{padding:.6rem .7rem}.stat b{font-size:1.05rem}
}