@import url("https://fonts.googleapis.com/css2?family=Cuprum:wght@400;500;600;700&display=swap");

/* ===== ПИКСЕЛЬ-АЛЬМАНАХ — единый файл (фолбэки для старых телефонов включены) ===== */
/* Принцип: первая строка пары — для старых браузеров (block/float), вторая — flex для новых. */

body{margin:0 auto;max-width:480px}
:root{--pa-tx:#ece3c6;--pa-sub:#a8a07e;--pa-ok:#8cb85e;--pa-gold:#e3b64f;--pa-rd:#b04528;
 --pa-paper:#030;--pa-paper2:#0a4715;--pa-ink:#d8c89a;--pa-line:#3f6a3f}

/* ---------- МЕГАФОН ---------- */
.nf-mega{display:block;padding:6px 9px;border:2px solid var(--pa-ink);background:var(--pa-paper);
 color:var(--pa-tx);font-family:"Cuprum",sans-serif;font-size:14px;box-shadow:3px 3px 0 rgba(0,0,0,.55)}
.nf-mega{display:flex;align-items:center;gap:6px}
.nf-mega img{width:21px;margin:0 3px;vertical-align:middle}
.nf-mega a{color:var(--pa-gold);text-decoration:none;font-weight:700}

/* ---------- ОБЩИЙ БЛОК ---------- */
.nf-block{border:0 solid var(--pa-ink);overflow:hidden;background:var(--pa-paper)}

/* ---------- МЕНЮ: 2 столбца ---------- */
.nf-menu{display:block;padding:4px}
.nf-menu{display:flex;gap:0}
.nf-menu:after{content:"";display:block;clear:both}
.nf-menu .nf-col{float:left;width:50%;box-sizing:border-box;min-width:0;padding:0}
.nf-menu .nf-col{float:none;width:auto;flex:1}
.nf-menu .nf-col:first-child .nf-list li:not(.nf-gap){border-right:1px solid var(--pa-line)}
.nf-menu .nf-list{list-style:none;margin:0;padding:0}
.nf-menu .nf-list li{margin:0;float:none;display:block;width:auto}

/* пункт меню */
.nf-menu .nf-list li a{display:block;height:30px;line-height:30px;padding:0 8px;margin:0;
 overflow:hidden;white-space:nowrap;text-decoration:none;color:var(--pa-tx);
 font-family:"Cuprum",sans-serif;font-size:18px;border:0;border-bottom:0px solid var(--pa-line);
 background:transparent}
.nf-menu .nf-list li a{display:flex;align-items:center;gap:7px;line-height:normal}
.nf-menu .nf-list li:last-child a,
.nf-menu .nf-list li:has(+ .nf-gap) a{border-bottom:0}
.nf-menu .nf-list li a:hover{background:rgba(255,255,255,.07)}
.nf-menu .nf-list li a:active{background:rgba(255,255,255,.12)}
.nf-menu .nf-list li img{vertical-align:middle;margin-right:5px;float:none}
.nf-menu .nf-list li img{flex:0 0 auto;margin-right:0}
.nf-menu .nf-list li .nf-lb{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nf-menu .nf-list li .nf-lb{flex:1}
.nf-menu .nf-list li .nf-dot{display:inline-block;width:8px;height:8px;vertical-align:middle;background:var(--pa-ok)}
.nf-menu .nf-list li .nf-dot{flex:0 0 8px}
.nf-menu .nf-list li .nf-tag{display:inline-block;color:#ffe7e0;font-size:12px;font-weight:700;
 margin-left:6px;padding:0 6px;background:var(--pa-rd);vertical-align:1px;
 box-shadow:2px 2px 0 rgba(0,0,0,.5)}
.nf-menu .nf-list li.nf-cur a{background:rgba(255,255,255,.07)}
.nf-menu .nf-list li.nf-cur .nf-lb{font-weight:700}
.nf-menu .nf-list li.nf-ph a{visibility:hidden;border-bottom-color:transparent}

/* разделитель разделов */
.nf-menu .nf-list li.nf-gap{height:20px;border:0;box-shadow:none;pointer-events:none;position:relative}
.nf-menu .nf-col:first-child .nf-list li.nf-gap:after{content:"";position:absolute;left:2px;right:-100%;
 top:50%;height:0px;background:var(--pa-line);z-index:2}
.nf-menu .nf-col:not(:first-child) .nf-list li.nf-gap:after{display:none}
.nf-menu .nf-list li:has(+ .nf-gap){border-bottom:0;box-shadow:none}

/* Короны — золотая плашка */
.nf-menu .nf-list li.nf-gold a{background:var(--pa-gold);color:#2c2207;font-weight:700;
 box-shadow:inset 0 0 0 1px rgba(255,240,200,.35)}
.nf-menu .nf-list li.nf-gold .nf-pct{color:#ffe9a0;font-weight:700}

/* ---------- ИГРОК ---------- */
.nf-player{display:block;padding:11px 10px 12px;background:var(--pa-paper2);
 border-top:1px solid var(--pa-ink);font-family:"Cuprum",sans-serif;color:var(--pa-tx)}
.nf-player{display:flex;align-items:center;gap:10px}
.nf-player:after{content:"";display:block;clear:both}
.nf-player .nf-ava{float:left;margin-right:10px;width:50px;height:50px;
 border:2px solid var(--pa-ink);object-fit:cover;box-shadow:2px 2px 0 rgba(0,0,0,.5)}
.nf-player .nf-ava{float:none;margin-right:0}
.nf-player .nf-pmeta{overflow:hidden}
.nf-player .nf-pmeta{overflow:visible;flex:1;min-width:0}
.nf-player .nf-pname{font-size:16px;font-weight:700}
.nf-player .nf-pname b{color:var(--pa-gold)}
.nf-player .nf-bar{height:11px;margin:4px 0 2px;background:#021c04;border:1px solid var(--pa-ink);overflow:hidden}
.nf-player .nf-bar i{display:block;height:100%;background:#8cb85e;
 background:repeating-linear-gradient(90deg,var(--pa-ok) 0 8px,#5e8a3c 8px 16px)}
.nf-player .nf-psub{color:var(--pa-sub);font-size:13px}
.nf-player .nf-psub{display:flex;justify-content:space-between}

/* ---------- ПОДВАЛ ---------- */
.nf-foot{font-family:"Cuprum",sans-serif;text-align:center;color:var(--pa-sub);font-size:16px;line-height:1.9;margin:8px 6px}
.nf-foot a{color:#e8dfc8;text-decoration:none}
.nf-foot .nf-sep{margin:0 4px;color:#6a5f48}
.nf-foot b,.nf-foot .nf-nick{color:#f2ebd8}
.nf-foot .nf-copy{font-size:13px;color:#8a8270}
.nf-foot .nf-copy span{color:#e8dfc8}

/* ---------- ЗАГОЛОВКИ СЕКЦИЙ ---------- */
.nf-sec{display:block;margin:10px 8px 3px;font-family:"Cuprum",sans-serif;font-weight:700;
 font-size:14px;color:var(--pa-gold);letter-spacing:.04em;text-transform:uppercase}
.nf-sec{display:flex;align-items:center;gap:8px}
.nf-sec:after{content:"";flex:1;height:1px;background:var(--pa-line)}

/* ---------- ПАНЕЛЬ РЕСУРСОВ ---------- */
.nf-res{background:#0a4715;border:0;border-bottom:1px solid var(--pa-ink);padding:7px 8px}
.nf-res a{display:block;text-align:center;text-decoration:none;font-family:"Cuprum",sans-serif;font-size:15px}
.nf-res a{display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap}
.nf-res .nf-ri{display:inline-block;margin:0 9px;vertical-align:middle}
.nf-res .nf-ri{display:inline-flex;align-items:center;gap:5px;margin:0}
.nf-res .nf-ri img{vertical-align:middle;margin-right:4px}
.nf-res .nf-ri b{font-weight:700}
.nf-res .nf-ri-g b{color:#e3b64f}
.nf-res .nf-ri-d b{color:#7fb8d8}
.nf-res .nf-ri-m b{color:#8cb85e}

/* ---------- ЧАТ (единственный блок — старый из mainai.css нужно УДАЛИТЬ) ---------- */
.chat-wrap{padding:1px;box-sizing:border-box}
.chat-empty{text-align:center;color:#6b8a6b;padding:14px 6px}
.chat-msg{display:block;margin:10px 0;max-width:100%;-webkit-tap-highlight-color:transparent}
.chat-msg{display:flex;align-items:flex-start}
.chat-msg.me{flex-direction:row-reverse}
.chat-msg .avatar{float:left;width:40px;height:40px;margin-right:8px;overflow:hidden;
 border-radius:50%;box-shadow:0 1px 0 rgba(0,0,0,0.08)}
.chat-msg .avatar{flex:0 0 40px;float:none}
.chat-msg.me .avatar{margin-left:8px;margin-right:0}
.chat-msg .bubble{position:relative;padding:5px 6px;border-radius:5px;background:#043E04;color:#FF3;
 line-height:1.35;box-shadow:0 1px 0 rgba(0,0,0,0.03);max-width:100%;word-wrap:break-word}
.chat-msg.me .bubble{border:1px dashed #474}
.chat-msg img{vertical-align:middle}
.chat-deleted{padding:10px;border-radius:10px;background:#fff8f0;color:#a04a2a;font-style:italic;font-size:14px}

.nickwrap{display:block}
.nickwrap img{vertical-align:middle;margin-right:4px}
.nickwrap{display:flex;align-items:center;gap:4px}

.chat-meta{display:block;margin-bottom:6px;color:#708070}
.chat-meta .nick{margin-right:8px}
.chat-meta{display:flex;align-items:center;gap:6px}
.chat-meta .time,.chat-time{color:#8aa08a;font-size:13px!important}

.chat-header{display:block;width:100%;box-sizing:border-box}
.chat-header .chat-actions{float:right}
.chat-header{display:flex;align-items:center;justify-content:space-between}
.chat-header .chat-actions{float:none}

.chat-actions a{display:inline-block;width:34px;height:28px;text-align:center;line-height:28px;
 border-radius:6px;background:transparent;border:0;cursor:pointer;color:#2e6b2e;
 text-decoration:none;opacity:.9}
.chat-actions{display:flex;align-items:center;gap:6px;margin-top:1px}
.chat-actions a{display:inline-flex;align-items:center;justify-content:center}
.chat-actions a img{display:block}

@media (max-width:480px){.chat-meta{gap:4px}}