:root{
  --bg:#070708;--bg-soft:#0c0c10;--card:#111116;--card-2:#15151b;--card-hover:#1b1b22;
  --border:#24242d;--border-light:#30303a;--text:#f5f5f7;--text-soft:#d6d6dc;--text-muted:#8e8e99;
  --accent:#e11d2e;--accent-hover:#ff3346;--accent-soft:rgba(225,29,46,.13);--success:#3ecf7a;--warn:#f0b429;
  --chat:#e11d2e;--radius:16px;--sidebar:218px;
  font-family:'Rubik',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:inherit;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.modal-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button{border:0}
svg{display:block;stroke-linecap:round;stroke-linejoin:round}
.layout{display:flex;min-height:100vh;background:radial-gradient(900px 500px at -10% -5%,rgba(225,29,46,.07),transparent 50%),var(--bg)}
.sidebar{width:var(--sidebar);flex:0 0 var(--sidebar);position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:2px;padding:14px 10px;border-right:1px solid var(--border);background:linear-gradient(180deg,#0e0e12,#09090b);z-index:20}
.sidebar-brand{display:flex;align-items:center;gap:9px;padding:6px 8px 14px;border-bottom:1px solid var(--border);margin-bottom:6px}
.sidebar-brand img,.sidebar-brand .logo{width:34px;height:34px;border-radius:10px;object-fit:cover;flex:0 0 34px}
.sidebar-brand .brand-text{min-width:0}
.sidebar-brand .brand-text b{display:block;font:800 14px/1 'Montserrat',sans-serif;letter-spacing:.2px;white-space:nowrap}
.nav-section{padding:10px 9px 4px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}
.nav-item{display:flex;align-items:center;gap:9px;padding:9px 9px;border:1px solid transparent;border-radius:10px;color:var(--text-muted);font-size:12.5px;font-weight:600;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}
.nav-item svg{width:18px;height:18px;flex:0 0 18px}
.nav-item img.nav-icon{width:20px;height:20px;flex:0 0 20px;display:block;object-fit:contain;opacity:.9}
.nav-item:hover{background:var(--card-hover);color:var(--text);transform:translateX(2px)}
.nav-item.active{background:var(--accent-soft);border-color:rgba(225,29,46,.24);color:#fff}
.nav-item.active svg{color:var(--accent-hover)}
.sidebar-footer{display:flex;gap:7px;margin-top:auto;padding-top:10px;border-top:1px solid var(--border)}
.sidebar-footer a{display:flex;align-items:center;justify-content:center;flex:1;height:38px;border:1px solid var(--border);border-radius:10px;background:var(--card);color:var(--text-muted);transition:.18s ease}
.sidebar-footer a:hover{color:#fff;border-color:var(--border-light);background:var(--card-hover);transform:translateY(-1px)}
.main{flex:1;min-width:0}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px;padding:14px 30px;border-bottom:1px solid var(--border);background:rgba(7,7,8,.78);backdrop-filter:blur(16px);position:sticky;top:0;z-index:18}
.online-badge{display:flex;align-items:center;gap:9px;padding:7px 12px;border:1px solid var(--border);border-radius:10px;background:var(--card);font-size:12.5px;font-weight:700;box-shadow:0 8px 24px rgba(0,0,0,.12)}
.online-dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 10px rgba(62,207,122,.72);animation:pulse 2s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}
.topbar-right{display:flex;align-items:center;gap:10px;margin-left:auto}
.user-menu-wrap{position:relative}
.user-chip{display:flex;align-items:center;padding:4px;border:1px solid var(--border);border-radius:12px;background:var(--card);box-shadow:0 8px 24px rgba(0,0,0,.15)}
.user-chip-identity{display:flex;align-items:center;gap:8px;padding:4px 9px 4px 4px;border-radius:8px;background:transparent;color:var(--text);cursor:pointer}
.user-chip-identity:hover{background:var(--card-hover)}
.user-chip-identity img{width:28px;height:28px;border-radius:8px;object-fit:cover}
.user-chip-identity b{font-size:12.5px}
.user-chip-balance{padding:6px 10px;border-left:1px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer;font-size:12.5px;font-weight:800}
.user-chip-balance:hover{color:#fff}
.balance-plus-btn{width:32px;height:32px;border-radius:9px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.18s ease;box-shadow:0 7px 18px rgba(225,29,46,.23)}
.balance-plus-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}
.user-dropdown{position:absolute;right:0;top:calc(100% + 9px);width:218px;padding:6px;border:1px solid var(--border);border-radius:14px;background:var(--card);box-shadow:0 22px 50px rgba(0,0,0,.5);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.98);transform-origin:top right;transition:.18s ease;z-index:90}
.user-dropdown.open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.user-dropdown a{display:flex;align-items:center;gap:9px;padding:10px 11px;border-radius:9px;color:var(--text-soft);font-size:12.5px;font-weight:600}
.user-dropdown a svg{width:16px;height:16px;color:var(--text-muted);flex:0 0 16px}
.user-dropdown a img.dropdown-icon{width:18px;height:18px;flex:0 0 18px;display:block;object-fit:contain;opacity:.9}
.user-dropdown a:hover{background:var(--card-hover);color:#fff}
.user-dropdown a.dropdown-strong{color:var(--accent-hover)}
.user-dropdown a.dropdown-strong svg{color:var(--accent-hover)}
.user-dropdown-divider{height:1px;background:var(--border);margin:6px 4px}
.content{padding:28px 30px 56px;animation:contentFadeIn .35s cubic-bezier(.2,.8,.2,1) both}
@keyframes contentFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.page-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 24px;margin-bottom:20px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.018),transparent),var(--card)}
.page-header h1{margin:0 0 5px;font:800 25px/1.08 'Montserrat',sans-serif}
.page-header p{margin:0;color:var(--text-muted);font-size:13px}
.auth-alert{border-color:rgba(225,29,46,.32);animation:alertIn .3s ease both}
.auth-alert p{color:#ffb9c0}
@keyframes alertIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
.grid{display:grid;gap:14px}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.server-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,500px));gap:16px;justify-content:start}
.group-title{margin:22px 2px 9px;color:var(--text-muted);font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.server-card{position:relative;isolation:isolate;width:100%;max-width:500px;min-height:124px;padding:19px 20px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background-color:#151518;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:space-between;overflow:hidden;box-shadow:0 15px 38px rgba(0,0,0,.2);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.server-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.16);box-shadow:0 20px 46px rgba(0,0,0,.32)}
.server-card-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,10,.98) 0%,rgba(8,8,10,.74) 45%,rgba(8,8,10,.34) 100%),linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.28));z-index:-1}
.server-card-offline{opacity:.82;background-image:none!important;background-color:#101013}
.server-card-content{min-width:0}
.server-title-line{display:flex;align-items:center;gap:10px;min-width:0}
.server-title-line strong{font-size:20px;font-weight:800;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.server-flag{display:flex;flex-direction:column;width:24px;height:18px;overflow:hidden;border-radius:3px;box-shadow:0 0 0 1px rgba(255,255,255,.14)}
.server-flag i{display:block;height:33.33%;background:#fff}
.server-flag i:nth-child(2){background:#1c43af}.server-flag i:nth-child(3){background:#d82036}
.server-card-meta{display:flex;align-items:center;gap:9px;margin-top:13px;color:#dedee4;font-size:15px;font-weight:700}
.server-map-name{color:#d8d8df;font-weight:500;text-transform:none}
.server-load{width:18px;height:18px;display:grid;place-items:center;border:2px solid rgba(255,255,255,.18);border-radius:50%;position:relative;overflow:hidden}
.server-load:before{content:"";position:absolute;inset:-2px;border:3px solid transparent;border-top-color:#44d17b;border-right-color:#44d17b;transform:rotate(-45deg)}
.server-load i{display:none}
.server-actions{display:flex;flex-direction:column;gap:7px;margin-left:18px}
.server-action{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(14,14,16,.72);backdrop-filter:blur(8px);color:#fff;cursor:pointer;transition:.18s ease}
.server-action:hover{background:var(--accent);border-color:rgba(255,255,255,.14);transform:translateY(-1px)}
.server-action svg{width:16px;height:16px}
.home-stats{margin-top:28px}
.stat-card{display:flex;align-items:center;gap:13px;padding:18px;border:1px solid var(--border);border-radius:16px;background:var(--card);transition:.18s ease}
.stat-card:hover{transform:translateY(-2px);border-color:var(--border-light)}
.stat-card svg{width:21px;height:21px;color:var(--accent);flex:0 0 21px}
.stat-card b{display:block;font-size:21px}.stat-card span{display:block;margin-top:3px;color:var(--text-muted);font-size:11px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 15px;border-radius:10px;font-size:13px;font-weight:800;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,opacity .18s ease}
.btn:disabled{cursor:wait;opacity:.6;transform:none}
.btn-accent{background:var(--accent);color:#fff;box-shadow:0 7px 20px rgba(225,29,46,.2)}
.btn-accent:hover{background:var(--accent-hover);transform:translateY(-1px)}
.btn-ghost{border:1px solid var(--border);background:var(--card);color:var(--text)}
.btn-ghost:hover{background:var(--card-hover);border-color:var(--border-light);transform:translateY(-1px)}
.btn-sm{padding:7px 11px;font-size:12px}
.shop-card{display:flex;flex-direction:column;padding:22px;border:1px solid var(--border);border-radius:16px;background:var(--card);animation:fadeUp .42s ease both;transition:.2s ease}
.shop-card:hover{transform:translateY(-3px);border-color:var(--border-light)}
.shop-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;margin-bottom:13px;border-radius:11px;background:var(--accent-soft);color:var(--accent-hover)}
.shop-icon svg{width:21px;height:21px}
.shop-icon img{width:32px;height:32px;display:block;object-fit:contain}.shop-card h3{margin:0 0 4px;font-size:18px}.shop-card ul{list-style:none;margin:13px 0;padding:0;display:flex;flex-direction:column;gap:7px}.shop-card li{display:flex;gap:7px;color:var(--text-soft);font-size:13px}.shop-card li svg{width:15px;height:15px;color:var(--success);flex:0 0 15px;margin-top:2px}.price{font-size:23px;font-weight:800;margin:15px 0}.shop-card .price{margin-top:auto}
.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:6px;background:var(--accent-soft);color:var(--accent-hover);font-size:10px;font-weight:800}
table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;padding:10px 13px;border-bottom:1px solid var(--border);color:var(--text-muted);font-size:10px;text-transform:uppercase;letter-spacing:.07em}td{padding:12px 13px;border-bottom:1px solid var(--border)}tr:hover td{background:var(--card-hover)}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:16px;background:var(--card)}
.status-pill{display:inline-flex;padding:4px 9px;border-radius:7px;font-size:10px;font-weight:800}.status-active{background:rgba(62,207,122,.14);color:var(--success)}.status-revoked{background:rgba(142,142,153,.14);color:var(--text-muted)}
.player-card{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid var(--border);border-radius:15px;background:var(--card);transition:.18s ease}.player-card:hover{transform:translateY(-2px);border-color:var(--border-light)}
.player-card-profile{display:block;flex:0 0 auto;position:relative;z-index:2}.player-card-profile:hover .player-card-avatar{transform:scale(1.04)}.player-card-avatar{width:46px;height:46px;border-radius:11px;object-fit:cover;display:block;transition:.18s ease}.player-card-profile-link{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0;position:relative;z-index:2}.player-card-profile-link:hover b{color:#fff}.player-card-body b{font-size:13.5px}.player-card-steamid{color:var(--text-muted);font-size:10.5px;overflow:hidden;text-overflow:ellipsis}.role-badge{width:max-content;padding:3px 7px;border-radius:6px;font-size:10px;font-weight:800}.role-player{background:rgba(142,142,153,.14);color:var(--text-muted)}.role-admin,.role-sponsor{background:var(--accent-soft);color:var(--accent-hover)}.role-junior_moderator,.role-senior_moderator{background:rgba(111,168,255,.14);color:#76a9ff}.role-developer{background:rgba(62,207,122,.14);color:var(--success)}.role-curator{background:rgba(180,120,255,.16);color:#c39bff}.role-media{background:rgba(240,180,41,.16);color:var(--warn)}.role-premium{background:rgba(240,180,41,.13);color:var(--warn)}
input,textarea,select{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg-soft);color:var(--text);outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}input:focus,textarea:focus,select:focus{border-color:rgba(225,29,46,.6);box-shadow:0 0 0 3px var(--accent-soft);background:#0f0f13}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:13px}.form-group label{color:var(--text-muted);font-size:11px;font-weight:700}
.modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.68);backdrop-filter:blur(8px);opacity:0;visibility:hidden;pointer-events:none;transition:.18s ease;z-index:100}.modal-overlay.open{opacity:1;visibility:visible;pointer-events:auto}.modal{width:420px;max-width:94vw;max-height:90vh;overflow:auto;padding:22px;border:1px solid var(--border);border-radius:18px;background:var(--card);box-shadow:0 28px 70px rgba(0,0,0,.55);transform:translateY(12px) scale(.98);transition:.2s ease}.modal-overlay.open .modal{transform:translateY(0) scale(1)}.modal-wide{width:900px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:17px}.modal-head h3{margin:0;font-size:18px}.modal-head p{margin:5px 0 0;color:var(--text-muted);font-size:12px}.close-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:transparent;color:var(--text-muted);cursor:pointer;transition:.18s ease}.close-btn:hover{background:var(--card-hover);color:#fff}
.toast{position:fixed;left:24px;bottom:24px;padding:12px 15px;border:1px solid var(--border);border-radius:12px;background:var(--card);box-shadow:0 18px 45px rgba(0,0,0,.42);z-index:250;opacity:0;transform:translateY(10px);transition:.2s ease;font-size:12.5px}.toast.show{opacity:1;transform:translateY(0)}.toast.error{border-color:rgba(225,29,46,.7);color:#ffbec4}.toast.success{border-color:rgba(62,207,122,.45)}
.footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:30px 30px;border-top:1px solid var(--border);color:var(--text-muted);font-size:11.5px}.footer h4{margin:0 0 8px;color:var(--text);font-size:12px}.footer a{display:block;margin-bottom:5px;color:var(--text-muted)}.footer a:hover{color:var(--text)}
.profile-hero{position:relative;display:flex;align-items:center;gap:20px;padding:25px;margin-bottom:18px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(135deg,rgba(225,29,46,.11),transparent 58%),var(--card)}.profile-avatar{width:96px;height:96px;border-radius:16px;object-fit:cover;border:2px solid var(--accent);box-shadow:0 12px 34px rgba(0,0,0,.3)}.profile-identity{min-width:0;flex:1}.profile-identity h2{margin:0 0 9px;font:800 26px/1.05 'Montserrat',sans-serif}.profile-links{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.icon-btn{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:11px;background:var(--card-2);color:var(--text);cursor:pointer;transition:.18s ease}.icon-btn:hover{background:var(--card-hover);border-color:var(--border-light);transform:translateY(-1px)}.profile-gear{position:absolute;right:18px;top:18px}.profile-role{background:var(--accent-soft);color:var(--accent-hover);border:1px solid rgba(225,29,46,.22)}.profile-premium{background:rgba(240,180,41,.12);color:var(--warn)}.profile-discord-link{margin-top:9px}.stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin:18px 0 24px}.stat-box{padding:15px;border:1px solid var(--border);border-radius:14px;background:var(--card);text-align:center;transition:.18s ease}.stat-box:hover{transform:translateY(-2px);border-color:var(--border-light)}.stat-box b{display:block;font:800 22px/1 'Montserrat',sans-serif}.stat-box span{display:block;margin-top:5px;color:var(--text-muted);font-size:10.5px}.section-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 12px}.section-line h3{margin:0;font-size:18px}.section-line p{margin:4px 0 0;color:var(--text-muted);font-size:11px}.profile-skins{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.skin-card{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:13px;background:var(--card);transition:.2s ease}.skin-card:hover{transform:translateY(-3px);border-color:var(--border-light);box-shadow:0 12px 28px rgba(0,0,0,.2)}.skin-card img{width:100%;height:110px;display:block;object-fit:contain;background:#0a0a0c}.skin-card .info{padding:10px 11px}.skin-card .info b{display:block;font-size:12px;line-height:1.3}.skin-card .info span{display:block;margin-top:4px;color:var(--text-muted);font-size:9.5px}.card-empty{padding:20px;border:1px dashed var(--border-light);border-radius:14px;color:var(--text-muted);background:var(--card);font-size:13px}
.admin-manage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.admin-manage-card{padding:13px;border:1px solid var(--border);border-radius:13px;background:var(--bg-soft)}.admin-manage-card>span{display:block;margin-bottom:9px;font-size:11px;font-weight:800;color:var(--text-soft)}.admin-manage-card small{display:block;margin-top:7px;color:var(--text-muted);font-size:10px}.manage-row{display:flex;align-items:center;gap:6px}.manage-row select,.manage-row input{min-width:0}.manage-row .btn{flex:0 0 auto}
.skinchanger-head{align-items:flex-start}.skinchanger-head-badge{padding:8px 10px;border:1px solid rgba(225,29,46,.24);border-radius:9px;background:var(--accent-soft);color:var(--accent-hover);font-size:11px;font-weight:800}.skinchanger-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.team-switch{display:inline-flex;padding:4px;border:1px solid var(--border);border-radius:11px;background:var(--card);box-shadow:0 8px 25px rgba(0,0,0,.14)}.team-switch-btn{padding:8px 13px;border-radius:8px;background:transparent;color:var(--text-muted);font-size:12px;font-weight:800;cursor:pointer;transition:.18s ease}.team-switch-btn:hover{color:#fff}.team-switch-btn.active{background:var(--accent);color:#fff;box-shadow:0 6px 16px rgba(225,29,46,.22)}.skinchanger-hint{display:flex;align-items:center;gap:7px;color:var(--text-muted);font-size:11px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 8px rgba(62,207,122,.65)}
.skinchanger-layout{display:grid;grid-template-columns:196px minmax(0,1fr);gap:14px;align-items:start}.skinchanger-menu{position:sticky;top:86px;max-height:calc(100vh - 108px);overflow:auto;scrollbar-width:none;padding:7px;border:1px solid var(--border);border-radius:15px;background:var(--card);box-shadow:0 12px 30px rgba(0,0,0,.16)}.skinchanger-menu::-webkit-scrollbar{width:0;height:0}.skinchanger-menu::-webkit-scrollbar-track{display:none}.skinchanger-menu::-webkit-scrollbar-thumb{display:none}.skinchanger-menu-top{display:flex;align-items:center;justify-content:space-between;padding:8px 9px 6px;color:var(--text-muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.skinchanger-menu-count,.weapon-count{font-size:9px;color:var(--text-muted)}.skinchanger-cat{padding:10px 9px 4px;color:var(--text-muted);font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.skinchanger-weapon-item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:8px 9px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--text-soft);font-size:12px;text-align:left;cursor:pointer;transition:.16s ease}.skinchanger-weapon-item:hover{background:var(--card-hover);color:#fff}.skinchanger-weapon-item.active{background:var(--accent-soft);border-color:rgba(225,29,46,.22);color:#fff}.skinchanger-content{min-width:0}.skinchanger-section{display:none;animation:sectionIn .24s ease both}.skinchanger-section.active{display:block}@keyframes sectionIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.skinchanger-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:3px 0 11px}.skinchanger-section-head h2{margin:0;font-size:18px}.skinchanger-section-head span{display:block;margin-top:4px;color:var(--text-muted);font-size:10.5px}.skinchanger-filter-pill{padding:6px 9px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--text-muted);font-size:10px;font-weight:700}.skin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.skin-pick{overflow:hidden;border:1px solid var(--border);border-radius:13px;background:var(--card);transition:.2s ease;animation:fadeUp .32s ease both}.skin-pick:hover{transform:translateY(-3px);border-color:rgba(225,29,46,.5);box-shadow:0 14px 28px rgba(0,0,0,.2)}.skin-pick[hidden]{display:none}.skin-pick-active{border-color:var(--accent)!important;box-shadow:0 0 0 1px var(--accent),0 14px 30px rgba(225,29,46,.12)}.skin-card-media{position:relative;height:128px;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.07),transparent 58%),#0a0a0c;display:flex;align-items:center;justify-content:center;overflow:hidden}.skin-card-media img{width:100%;height:100%;object-fit:contain;padding:8px;transition:.3s ease}.skin-pick:hover .skin-card-media img{transform:scale(1.05)}.skin-card-glow{position:absolute;inset:0;background:linear-gradient(145deg,transparent,rgba(225,29,46,.07));pointer-events:none}.team-tag{position:absolute;z-index:2;top:7px;right:7px;padding:3px 6px;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:rgba(8,8,10,.72);backdrop-filter:blur(7px);color:#fff;font-size:8px;font-weight:800}.skin-card-info{padding:9px}.skin-card-info b{display:block;min-height:32px;font-size:11.5px;line-height:1.35}.skin-card-info>span{display:block;margin-top:4px;color:var(--text-muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skin-card-actions{display:flex;gap:6px;margin-top:9px}.skin-select-btn,.skin-customize-btn{flex:1;padding:7px 5px;border:1px solid var(--border);border-radius:8px;background:var(--bg-soft);color:var(--text);font-size:9.5px;font-weight:800;cursor:pointer;transition:.16s ease}.skin-select-btn:hover,.skin-customize-btn:hover{background:var(--card-hover);border-color:var(--border-light)}.skin-select-btn{background:var(--accent-soft);color:var(--accent-hover);border-color:rgba(225,29,46,.2)}.skin-pick-active .skin-select-btn{background:var(--accent);color:#fff;border-color:var(--accent)}.customize-grid{display:grid;grid-template-columns:1fr;gap:12px}.customize-panel{padding:16px;border:1px solid var(--border);border-radius:13px;background:var(--bg-soft)}.customize-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.customize-panel-head b{font-size:13px}.customize-panel-head span{color:var(--text-muted);font-size:9.5px}.customize-note{margin:0 0 12px;color:var(--text-muted);font-size:10.5px;line-height:1.5}.customize-note code{color:var(--text-soft)}.customize-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.customize-form-grid .form-group{margin-bottom:0}.switch-row{display:flex;align-items:center;gap:8px;margin:11px 0 0;color:var(--text-soft);font-size:11px}.switch-row input{width:16px}.customize-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:14px}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:17px}.tab{padding:9px 13px;border-bottom:2px solid transparent;color:var(--text-muted);font-size:12px;font-weight:700;cursor:pointer}.tab.active{color:#fff;border-color:var(--accent)}
.rules-layout{display:grid;grid-template-columns:205px minmax(0,1fr);gap:14px;align-items:start}.rules-menu{position:sticky;top:86px;padding:7px;border:1px solid var(--border);border-radius:14px;background:var(--card)}.rules-menu-item{display:block;width:100%;padding:9px 10px;border-radius:9px;background:transparent;color:var(--text-muted);font-size:12px;text-align:left;cursor:pointer}.rules-menu-item:hover{background:var(--card-hover);color:#fff}.rules-menu-item.active{background:var(--accent-soft);color:var(--accent-hover)}.rules-content{min-width:0}.rules-section{display:none;animation:sectionIn .24s ease}.rules-section.active{display:block}.rule-item{display:flex;gap:13px;padding:16px;margin-bottom:10px;border:1px solid var(--border);border-radius:14px;background:var(--card)}.rule-num{width:36px;flex:0 0 36px;color:var(--accent-hover);font-size:18px;font-weight:800}.rule-text{margin:0 0 7px;color:var(--text-soft);font-size:13px;line-height:1.55}.rule-punishment{margin:0;color:#76a9ff;font-size:12px;font-weight:700}
.site-chat{position:fixed;right:0;top:auto;bottom:18px;width:304px;height:430px;max-height:calc(100vh - 36px);display:flex;flex-direction:column;transform:translateX(105%);opacity:0;visibility:hidden;border:1px solid var(--border);border-right:0;border-radius:20px 0 0 20px;background:rgba(10,10,13,.97);box-shadow:-26px 15px 60px rgba(0,0,0,.48);backdrop-filter:blur(18px);transition:transform .27s cubic-bezier(.2,.8,.2,1),opacity .2s ease,visibility .2s ease;z-index:110}
.site-chat.open{transform:translateX(0);opacity:1;visibility:visible}.chat-header{display:flex;align-items:center;justify-content:space-between}.chat-messages{flex:1;overflow:auto;padding:11px;display:flex;flex-direction:column;gap:8px}.chat-msg{display:flex;gap:9px;padding:8px;border:1px solid transparent;border-radius:12px;background:rgba(255,255,255,.012);transition:.16s ease;animation:chatIn .28s ease both}.chat-msg:hover{background:rgba(255,255,255,.026);transform:translateX(-2px)}@keyframes chatIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.chat-avatar-link{flex:0 0 auto}.chat-avatar{width:38px;height:38px;object-fit:cover;border-radius:10px;display:block;cursor:pointer;transition:.18s ease}.chat-avatar-link:hover .chat-avatar{transform:scale(1.05)}.chat-msg-body{min-width:0;flex:1}.chat-msg-head{display:flex;align-items:center;gap:6px;min-width:0}.chat-msg .nick{font-size:12.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-msg.highlighted .nick{color:var(--accent-hover)}.chat-msg p{margin:4px 0 0;color:#dedee4;font-size:13px;line-height:1.42;word-break:break-word}.chat-time{margin-left:auto;color:var(--text-muted);font-size:9.5px;white-space:nowrap}.chat-premium-badge{padding:2px 5px;border-radius:5px;background:rgba(255,255,255,.07);border:1px solid rgba(255,219,109,.35);color:#ffd76a;font-size:7.5px;font-weight:900;letter-spacing:.05em}.chat-msg.premium{padding:9px;border:1px solid transparent;background:linear-gradient(var(--card),var(--card)) padding-box,linear-gradient(120deg,#e11d2e,#ff7a3b,#ffe066,#6bcbff,#e11d2e) border-box;background-size:100% 100%,280% 280%;animation:premiumBorder 4.5s linear infinite;box-shadow:0 0 24px rgba(225,29,46,.08)}@keyframes premiumBorder{to{background-position:0 0,280% 60%}}.chat-input{display:flex;gap:8px;padding:12px;border-top:1px solid var(--border)}.chat-input input{min-width:0}.chat-input .btn{width:42px;padding:0;flex:0 0 42px}
.chat-toggle{position:fixed;right:0;top:auto;bottom:86px;width:64px;height:50px;border:1px solid rgba(255,255,255,.11);border-right:0;border-radius:20px 0 0 20px;background:var(--chat);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:-8px 14px 30px rgba(0,0,0,.28),0 0 28px rgba(225,29,46,.23);z-index:105;transition:transform .22s ease,box-shadow .22s ease,opacity .2s ease}.chat-toggle:hover{transform:translateX(-4px);box-shadow:-12px 18px 34px rgba(0,0,0,.33),0 0 34px rgba(225,29,46,.3)}/* neutralized chat-open margin */body.chat-open .chat-toggle{opacity:0;pointer-events:none;transform:translateX(100%)}

.admin-layout .sidebar{width:206px;flex:0 0 206px;padding:12px 10px}
.admin-layout .sidebar .brand{display:flex;align-items:center;gap:9px;padding:8px 9px 15px;margin-bottom:7px;border-bottom:1px solid var(--border);color:#fff}
.admin-layout .sidebar .brand svg{width:34px;height:34px;flex:0 0 34px}
.admin-layout .sidebar .brand span{font:800 14px/1 'Montserrat',sans-serif}
.admin-layout .admin-user-chip img{width:30px;height:30px;border-radius:9px;object-fit:cover}
.admin-layout .admin-user-chip{display:flex;align-items:center;gap:8px;padding:4px 8px 4px 4px;border:1px solid var(--border);border-radius:12px;background:var(--card);font-size:12px;font-weight:700}
@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){:root{--sidebar:204px}.content{padding-left:22px;padding-right:22px}.topbar{padding-left:20px;padding-right:20px}.server-grid{grid-template-columns:minmax(0,520px)}.stat-grid{grid-template-columns:repeat(3,1fr)}.admin-manage-grid{grid-template-columns:1fr}.customize-grid{grid-template-columns:1fr}}
@media(max-width:900px){/* neutralized chat-open margin */.sidebar{display:none}.grid-3{grid-template-columns:1fr}.rules-layout,.skinchanger-layout{grid-template-columns:1fr}.rules-menu,.skinchanger-menu{position:static;max-height:none}.skinchanger-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.skinchanger-menu-top,.skinchanger-cat{grid-column:1/-1}.skinchanger-tools{align-items:flex-start;flex-direction:column}.site-chat{top:10px;bottom:10px;height:auto;width:calc(100% - 10px);border-right:1px solid var(--border);border-radius:18px 0 0 18px}.chat-toggle{top:auto;bottom:76px}.page-header{padding:19px}.profile-hero{padding:20px}.profile-avatar{width:82px;height:82px}.profile-identity h2{font-size:22px}.stat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.content{padding:16px 13px 40px}.topbar{min-height:64px;padding:12px 13px}.online-badge{font-size:11px}.user-chip-identity b,.user-chip-balance{display:none}.server-card{min-height:104px;padding:15px}.server-title-line strong{font-size:16px}.server-card-meta{margin-top:9px;font-size:12px}.server-grid{grid-template-columns:minmax(0,520px)}.stat-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-box b{font-size:19px}.profile-hero{align-items:flex-start;gap:13px}.profile-gear{right:12px;top:12px}.profile-avatar{width:68px;height:68px;border-radius:12px}.profile-identity{padding-right:40px}.profile-identity h2{font-size:19px}.section-line{align-items:flex-start;flex-direction:column}.skin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skinchanger-menu{grid-template-columns:1fr}.customize-form-grid{grid-template-columns:1fr}.modal{padding:17px}.chat-messages{padding:11px}.chat-msg p{font-size:13.5px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.payment-result{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px}.payment-result-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;font-size:24px;font-weight:900;background:var(--accent-soft);color:var(--accent-hover)}.payment-success .payment-result-icon{background:rgba(62,207,122,.13);color:var(--success)}.payment-result h1{margin:0 0 5px}.payment-result-actions{display:flex;gap:7px}@media(max-width:700px){.payment-result{grid-template-columns:auto 1fr}.payment-result-actions{grid-column:1/-1}}

.punishment-modal{width:min(430px,calc(100vw - 30px));padding:20px;}
.admin-layout .table-wrap{overflow-x:auto;}
.admin-layout table{min-width:720px;}
.text-muted{color:var(--text-muted);}


:root{--sidebar:224px}
.content{padding:34px 34px 64px}
.topbar{min-height:82px;padding:16px 34px}
.nav-item{padding:10px 11px;font-size:13.5px}
.page-header{padding:27px 28px;margin-bottom:22px}
.page-header h1{font-size:28px}
.page-header p{font-size:14px}
.btn{padding:11px 17px;font-size:14px}
input,select,textarea{min-height:44px;padding:10px 12px;font-size:14px}
.table-wrap{border-radius:17px}
.admin-filter-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:14px;margin-bottom:18px;border:1px solid var(--border);border-radius:16px;background:var(--card)}
.admin-filter-bar input{min-width:280px;flex:1}
.admin-filter-bar select{min-width:155px}
.admin-inline-form{display:flex;gap:12px;align-items:flex-end;padding:18px;margin-bottom:20px;border:1px solid var(--border);border-radius:16px;background:var(--card)}
.admin-inline-form .form-group{flex:1;margin:0}
.admin-layout .sidebar{width:224px;flex-basis:224px;padding:14px 12px}
.admin-layout .sidebar .brand{padding:9px 10px 17px}
.admin-layout .sidebar .brand svg{width:38px;height:38px}
.admin-layout .sidebar .brand span{font-size:15px}
.admin-layout .table-wrap{max-width:100%}
.admin-layout table{min-width:920px}
.punishment-modal{width:min(560px,calc(100vw - 40px));max-height:calc(100vh - 54px);padding:24px}
.punishment-form{display:flex;flex-direction:column;gap:12px}
.punishment-form .form-group{margin:0}
.punishment-form>.btn{margin-top:2px;min-height:46px}
.modal-overlay{overflow:auto;padding:28px;align-items:center}
.rating-table th:first-child,.rating-table td:first-child{width:78px;min-width:78px;max-width:78px;text-align:center}
.rating-table th:first-child{padding-left:8px;padding-right:8px}
.site-chat{top:92px;bottom:24px;width:400px;height:auto;max-height:none}
.chat-messages{padding:15px;gap:10px}
.chat-msg{padding:10px;gap:10px}
.chat-avatar{width:42px;height:42px;border-radius:11px}
.chat-msg .nick{font-size:13.5px}
.chat-msg p{font-size:14px;line-height:1.46}
.chat-input{padding:14px}
.chat-input input{min-height:46px}
.chat-toggle{bottom:142px;width:72px;height:54px;border-radius:17px 0 0 17px}
/* neutralized chat-open margin */
/* neutralized chat-open margin */
/* neutralized chat-open margin */
.skinchanger-layout{grid-template-columns:214px minmax(0,1fr)}
.skinchanger-menu{scrollbar-width:none;overscroll-behavior:contain}
.skinchanger-menu::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;background:transparent!important}
.skinchanger-menu::-webkit-scrollbar-thumb,.skinchanger-menu::-webkit-scrollbar-track{background:transparent!important;width:0!important}

.content{animation:contentFadeIn .35s ease both}
@keyframes contentFadeIn{from{opacity:0}to{opacity:1}}


/* Final UI sizing and fixed overlays */
:root{--sidebar:240px}
.layout .sidebar{width:240px;flex-basis:240px}
.content{padding:40px 40px 72px!important;transform:none!important;animation:contentFadeIn .35s ease both!important;will-change:auto!important}
.topbar{min-height:88px!important;padding:18px 40px!important;position:sticky!important;top:0!important;transform:none!important;margin-right:0!important;z-index:120!important}
.page-header{padding:30px 32px!important;margin-bottom:24px!important}
.page-header h1{font-size:30px!important}
.page-header p{font-size:14.5px!important}
.nav-item{padding:11px 12px!important;font-size:14px!important}
input,select,textarea{min-height:46px!important;font-size:14.5px!important}
.btn{padding:12px 18px!important;font-size:14.5px!important}
.punishment-modal{position:relative!important;width:min(620px,calc(100vw - 42px))!important;max-height:calc(100vh - 42px)!important;padding:28px!important;transform:none!important}
#punishmentModal{position:fixed!important;inset:0!important;z-index:1000!important}
.rating-table th:first-child,.rating-table td:first-child{width:64px!important;min-width:64px!important;max-width:64px!important;padding-left:4px!important;padding-right:4px!important;text-align:center!important}
.site-chat{top:104px!important;bottom:28px!important;width:460px!important;height:auto!important;max-height:none!important}
.chat-messages{padding:18px!important;gap:11px!important}
.chat-msg{padding:11px!important;gap:11px!important}
.chat-avatar{width:44px!important;height:44px!important}
.chat-msg .nick{font-size:14px!important}
.chat-msg p{font-size:14.5px!important;line-height:1.48!important}
.chat-input{padding:15px!important}
.chat-input input{min-height:48px!important}
.chat-toggle{bottom:190px!important;width:78px!important;height:56px!important;border-radius:18px 0 0 18px!important}
/* neutralized chat-open margin */
/* neutralized chat-open margin */
/* neutralized chat-open margin */
.admin-layout .sidebar{width:240px!important;flex-basis:240px!important;padding:15px 13px!important}
.admin-layout .sidebar .brand{padding:10px 11px 18px!important}
.admin-layout .sidebar .brand svg{width:40px!important;height:40px!important}
.admin-layout .sidebar .brand span{font-size:15.5px!important}
.admin-filter-bar{padding:16px!important;gap:11px!important}
.admin-filter-bar input{min-width:300px!important}
.admin-layout table{font-size:14px!important}

@media(max-width:900px){
  :root{--sidebar:220px}
  .content{padding:28px 22px 52px!important}
  .topbar{min-height:76px!important;padding:14px 22px!important}
  .layout .sidebar,.admin-layout .sidebar{width:220px;flex-basis:220px}
  .site-chat{top:78px!important;bottom:12px!important;width:calc(100vw - 14px)!important;max-width:460px!important}
  .chat-toggle{bottom:92px!important}
  /* neutralized chat-open margin */
}
@media(max-width:600px){
  .content{padding:22px 16px 44px!important}
  .topbar{padding:12px 16px!important}
  .site-chat{top:70px!important;bottom:8px!important;width:calc(100vw - 8px)!important}
  .chat-toggle{bottom:84px!important;width:70px!important}
}


/* BoberCS2 final layout corrections */
.content{transform:none!important;will-change:auto!important}
.topbar,.admin-layout .topbar{position:sticky!important;top:0!important;left:auto!important;right:auto!important;margin:0!important;transform:none!important;transition:none!important}
.main{transform:none!important;will-change:auto!important}
#punishmentModal{position:fixed!important;inset:0!important;transform:none!important}
#punishmentModal .modal{transform:none!important}
.site-chat{top:86px!important;bottom:26px!important;width:480px!important}
.chat-toggle{bottom:206px!important;width:80px!important;height:58px!important}
body.chat-open .topbar{width:100%!important}
/* neutralized chat-open margin */
.rating-table th:first-child,.rating-table td:first-child{width:62px!important;min-width:62px!important;max-width:62px!important}

@media(max-width:900px){
  .site-chat{top:74px!important;bottom:10px!important;width:calc(100vw - 12px)!important}
  .chat-toggle{bottom:96px!important;width:72px!important;height:54px!important}
  /* neutralized chat-open margin */
}
@media(max-width:600px){
  .site-chat{top:68px!important;bottom:8px!important;width:calc(100vw - 8px)!important}
  .chat-toggle{bottom:86px!important;width:70px!important}
}


/* Modal and chat must never inherit a transform/containing block from page content. */
.content{transform:none!important;contain:none!important;perspective:none!important}
.modal-overlay{transform:none!important}
#punishmentModal{transform:none!important}
#punishmentModal .modal{position:relative!important;margin:auto!important;top:auto!important;left:auto!important}
.chat-toggle{top:auto!important;right:0!important;position:fixed!important}
.site-chat{right:0!important;position:fixed!important}






/* === UI polish 2026-10-02b === */
.site-chat{
  position:fixed!important;
  top:64px!important;
  bottom:12px!important;
  right:12px!important;
  width:300px!important;
  max-width:calc(100vw - 24px)!important;
  height:auto!important;
  max-height:calc(100vh - 76px)!important;
  z-index:200!important;
  border-radius:16px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:#0e0e12!important;
  box-shadow:0 18px 50px rgba(0,0,0,.55)!important;
  transform:none!important;
  display:none;
  flex-direction:column;
  overflow:hidden;
}
.site-chat.open{display:flex!important;}
/* neutralized chat-open margin */
/* чат оверлеем — ничего не сдвигает */
.chat-toggle{
  position:fixed!important;
  right:0!important;
  top:50%!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  width:40px!important;
  height:52px!important;
  border-radius:12px 0 0 12px!important;
  background:var(--accent,#e11d2e)!important;
  z-index:190!important;
  transition:background .15s ease!important;
}
.chat-toggle:hover{width:40px!important;background:#ff2d40!important;}
body.chat-open .chat-toggle{display:none!important;}

/* Модалки: блюр всего UI */
body.modal-open .layout,
body.modal-open .admin-layout,
body.modal-open .chat-toggle,
body.modal-open .site-chat{
  filter:blur(6px)!important;
  pointer-events:none!important;
  user-select:none!important;
}
.modal-overlay{
  z-index:300!important;
  background:rgba(0,0,0,.45)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}
.modal-overlay.open{display:flex!important;align-items:center;justify-content:center;}
#skinCustomizeModal.modal-overlay,
.modal-overlay#skinCustomizeModal{z-index:320!important;}

.sidebar-social img{display:block;width:22px;height:22px;object-fit:contain;opacity:.9;transition:opacity .15s, transform .15s;}
.sidebar-social:hover img{opacity:1;transform:scale(1.08);}

/* Мягче «не ИИ» */
.layout .sidebar{border-right:1px solid rgba(255,255,255,.05);}
.nav-item{border-radius:12px;font-weight:500;letter-spacing:.01em;}
.nav-item.active{box-shadow:inset 0 0 0 1px rgba(225,29,46,.35);}
.topbar{backdrop-filter:blur(12px);background:rgba(10,10,12,.82)!important;}
.card,.stat-card,.server-card{box-shadow:0 1px 0 rgba(255,255,255,.03);}
.content{animation:fadeIn .25s ease;}
@keyframes fadeIn{from{opacity:.6;transform:translateY(4px)}to{opacity:1;transform:none}}

/* SPA content swap */
.content.is-loading{opacity:.45;pointer-events:none;transition:opacity .15s;}

.topbar{z-index:1000!important}
.user-menu-wrap{z-index:1001!important}
.user-dropdown{z-index:1100!important}
.toast,.toast-floating{z-index:10000!important}
.cookie-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:9990;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 16px;border:1px solid var(--border-light);border-radius:14px;background:#111116;box-shadow:0 22px 60px rgba(0,0,0,.55)}
.cookie-banner[hidden]{display:none!important}
.cookie-banner b{font-size:13px}.cookie-banner p{margin:4px 0 5px;color:var(--text-muted);font-size:12px;line-height:1.45}.cookie-banner a,.form-legal-note a,.chat-legal-note a,.consent-row a{color:var(--accent-hover)}.cookie-banner-actions{display:flex;gap:8px;flex:0 0 auto}
.form-legal-note,.chat-legal-note{margin:9px 0 0;color:var(--text-muted);font-size:10.5px;line-height:1.45}.chat-legal-note{padding:7px 11px 10px;border-top:1px solid var(--border)}
.modal-title-with-icon{display:flex;align-items:center;gap:10px}.promo-modal-icon{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(225,29,46,.28);border-radius:9px;background:var(--accent-soft);color:var(--accent-hover)}.promo-modal-icon svg{width:17px;height:17px}
.legal-warning{padding:13px 14px;border:1px solid rgba(240,180,41,.35);border-radius:12px;background:rgba(240,180,41,.07);margin:10px 0 14px}.legal-warning p{margin:5px 0 0;color:var(--text-muted);font-size:13px}.consent-row{display:flex;align-items:flex-start;gap:9px;margin:14px 0;color:var(--text-soft);font-size:12.5px;line-height:1.5}.consent-row input{width:17px;min-height:17px;margin-top:1px;flex:0 0 17px}.legal-consent-card form{margin-top:18px}
.site-chat{top:96px!important;bottom:auto!important;right:12px!important;width:320px!important;height:390px!important;max-height:calc(100vh - 112px)!important;z-index:400!important;border-radius:15px!important;background:#0e0e12!important;box-shadow:0 20px 50px rgba(0,0,0,.5)!important}
.chat-toggle{z-index:390!important}
.chat-header{min-height:46px}
.chat-promo-btn{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--border);border-radius:9px;background:var(--bg-soft);color:var(--text-muted);cursor:pointer;transition:.15s ease}.chat-promo-btn:hover{color:#fff;background:var(--card-hover);border-color:var(--border-light)}.chat-promo-btn svg{width:16px;height:16px}
.modal-overlay{z-index:3000!important;filter:none!important;transform:none!important;isolation:isolate;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}
#skinCustomizeModal.modal-overlay{z-index:3100!important}
body.modal-open .layout,body.modal-open .admin-layout,body.modal-open .chat-toggle,body.modal-open .site-chat{filter:none!important;pointer-events:auto!important;user-select:auto!important}
body.modal-open .site-chat{z-index:2000!important}
.modal{position:relative;z-index:1;filter:none!important}
@media(max-width:900px){.cookie-banner{left:10px;right:10px;bottom:10px;flex-direction:column;align-items:stretch;gap:10px}.cookie-banner-actions{justify-content:flex-end}.site-chat{top:74px!important;right:8px!important;width:calc(100vw - 16px)!important;height:min(390px,calc(100vh - 88px))!important;max-height:calc(100vh - 88px)!important}}
@media(max-width:600px){.cookie-banner{padding:13px}.cookie-banner-actions .btn{flex:1}.site-chat{top:70px!important;height:min(360px,calc(100vh - 80px))!important;max-height:calc(100vh - 80px)!important}.chat-legal-note{font-size:9.5px}}

.troll-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}
.troll-card,.troll-target-card{padding:20px}
.troll-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}
.troll-card-head h3{margin:0 0 4px;font-size:16px}
.troll-card-head p{margin:0;color:var(--text-muted);font-size:12px}
.troll-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.troll-targets{display:grid;gap:8px;margin-bottom:14px}
.troll-target-option{display:flex;align-items:center;gap:10px;padding:12px 13px;border:1px solid var(--border);border-radius:11px;background:var(--bg-soft);color:var(--text-soft);font-size:12.5px;cursor:pointer}
.troll-target-option input{margin:0}
.troll-player-select{max-width:620px}
.troll-status{min-height:20px;margin-top:10px;color:var(--success);font-size:12px}
.troll-status.error{color:#ff8c96}
.troll-video-overlay{position:fixed;inset:0;background:#000;z-index:2147483640;display:flex;align-items:center;justify-content:center}
.troll-video-overlay video{width:100vw;height:100vh;object-fit:contain;background:#000}
body.troll-media-open{overflow:hidden!important}
@media(max-width:800px){.troll-grid{grid-template-columns:1fr}.troll-actions{grid-template-columns:1fr 1fr}}
@media(max-width:500px){.troll-actions{grid-template-columns:1fr}}

/* ===== UI shell 2026-10 ===== */
:root{
  --bg:#151518;
  --bg-soft:#1a1a1e;
  --card:#1c1c20;
  --card-2:#222228;
  --card-hover:#26262c;
  --border:#2a2a30;
  --border-light:#34343c;
  --sidebar:220px;
  --content-max:1180px;
  --shell-pad:28px;
  font-family:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  letter-spacing:.02em;
}
body{
  background:var(--bg);
  letter-spacing:.02em;
}
h1,h2,h3,h4,.page-title,.group-title,.sidebar-brand{
  font-family:'Outfit','Manrope',system-ui,sans-serif;
  letter-spacing:.04em;
}

.layout{
  min-height:100vh;
  background:var(--bg);
}
.main{
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  min-height:100vh;
}

/* Sidebar — like reference */
.sidebar{
  width:var(--sidebar);
  flex:0 0 var(--sidebar);
  position:sticky;
  top:0;
  height:100vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:0;
  padding:28px 16px 18px;
  border-right:none;
  background:var(--bg);
  z-index:20;
}
.sidebar-brand{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  padding:0 0 28px;
  margin:0;
  border:0;
  border-bottom:none;
}
.sidebar-brand .brand-text{display:none!important}
.sidebar-brand img,
.sidebar-brand .logo{
  width:48px;
  height:48px;
  border-radius:14px;
  object-fit:cover;
  flex:0 0 48px;
}
.sidebar-nav{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:4px;
  width:100%;
  max-width:180px;
}
.nav-section{display:none}
.nav-item{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  padding:10px 14px;
  border:1px solid transparent;
  border-radius:12px;
  color:rgba(255,255,255,.55);
  font-size:14px;
  font-weight:600;
  letter-spacing:.03em;
  background:transparent;
  transform:none;
  transition:background .18s ease,color .18s ease;
}
.nav-item svg{
  width:18px;
  height:18px;
  flex:0 0 18px;
  opacity:.85;
}
.nav-item img.nav-icon{
  width:22px;
  height:22px;
  flex:0 0 22px;
  opacity:.9;
  object-fit:contain;
}
.nav-item:hover{
  background:rgba(255,255,255,.04);
  color:#fff;
  transform:none;
}
.nav-item.active{
  background:#222226;
  border-color:transparent;
  color:#fff;
  box-shadow:none;
}
.nav-item.active svg{color:#fff;opacity:1}
.nav-item.active img.nav-icon{opacity:1}
.sidebar-footer{
  display:flex;
  gap:10px;
  margin-top:auto;
  padding-top:16px;
  border-top:none;
  width:100%;
  max-width:180px;
  justify-content:center;
}
.sidebar-footer a,
.sidebar-social{
  display:flex;
  align-items:center;
  justify-content:center;
  flex:1;
  height:40px;
  border:none;
  border-radius:12px;
  background:#1e1e22;
  color:var(--text-muted);
  transition:background .18s ease,transform .18s ease;
}
.sidebar-footer a:hover,
.sidebar-social:hover{
  background:#2a2a30;
  color:#fff;
  transform:none;
}

/* Topbar — no line, contained */
.topbar{
  position:sticky;
  top:0;
  z-index:30;
  min-height:72px;
  padding:14px var(--shell-pad);
  border-bottom:none;
  background:rgba(21,21,24,.92);
  backdrop-filter:blur(12px);
  max-width:none;
}

/* Content — slightly compressed, not edge-to-edge */
.content{
  flex:1 0 auto;
  width:100%;
  max-width:var(--content-max);
  margin:0 auto;
  padding:24px var(--shell-pad) 40px;
  box-sizing:border-box;
}
.page-enter{
  animation:pageEnter .32s ease both;
}
@keyframes pageEnter{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:translateY(0)}
}

/* Footer always bottom */
.footer{
  flex-shrink:0;
  width:100%;
  max-width:var(--content-max);
  margin:auto auto 0;
  padding:28px var(--shell-pad) 32px;
  border-top:none;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  color:var(--text-muted);
  font-size:13px;
  letter-spacing:.03em;
  box-sizing:border-box;
}
.footer-links h4{
  margin:0 0 10px;
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:rgba(255,255,255,.45);
}
.footer-links a{
  display:block;
  margin:4px 0;
  color:rgba(255,255,255,.4);
  transition:color .15s ease;
}
.footer-links a:hover{color:#fff}
.footer-copy{text-align:right;color:rgba(255,255,255,.35)}

/* Home banner 1600×247 */
.home-banner{
  width:100%;
  max-width:100%;
  margin:0 0 22px;
  border-radius:16px;
  overflow:hidden;
  background:#1a1a1e;
  aspect-ratio:1600/247;
}
.home-banner img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

/* Chat — bottom-right, no layout shift */
.chat-toggle{
  position:fixed;
  right:20px;
  bottom:20px;
  left:auto;
  top:auto;
  width:52px;
  height:52px;
  border-radius:50%;
  z-index:90;
  display:grid;
  place-items:center;
  background:var(--accent);
  box-shadow:0 8px 24px rgba(225,29,46,.35);
  cursor:pointer;
  transition:transform .2s ease,box-shadow .2s ease;
}
.chat-toggle:hover{transform:scale(1.05)}
.site-chat{
  position:fixed;
  right:20px;
  bottom:84px;
  left:auto;
  top:auto;
  width:min(380px,calc(100vw - 32px));
  height:min(520px,calc(100vh - 120px));
  max-height:calc(100vh - 120px);
  border-radius:16px;
  border:1px solid var(--border);
  background:#16161a;
  box-shadow:0 20px 50px rgba(0,0,0,.45);
  z-index:95;
  display:flex;
  flex-direction:column;
  transform:translateY(12px);
  opacity:0;
  pointer-events:none;
  transition:opacity .22s ease,transform .22s ease;
}
body.chat-open .site-chat{
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
}
/* neutralized chat-open margin */
.chat-head{
  padding:14px 16px;
  border-bottom:1px solid var(--border);
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.chat-head-actions{display:flex;gap:8px;align-items:center}
.chat-legal-note{display:none!important}

/* Kill leftover borders / glows */
.server-card:hover{transform:none;box-shadow:0 12px 28px rgba(0,0,0,.28)}
.server-load{display:none!important}

@media(max-width:900px){
  :root{--sidebar:0px;--shell-pad:16px;--content-max:100%}
  .sidebar{position:fixed;left:0;transform:translateX(-100%);transition:transform .25s ease}
  body.sidebar-open .sidebar{transform:translateX(0)}
  .content,.footer{max-width:100%}
  .site-chat{
    right:12px;bottom:76px;width:calc(100vw - 24px);
  }
  .chat-toggle{right:14px;bottom:14px}
}

/* ===== Fix pack: width / topbar / chat dock / profile ===== */
:root{
  --content-max:1600px;
  --shell-pad:36px;
  --chat-w:340px;
  --topbar-h:72px;
}

.content{
  max-width:var(--content-max)!important;
  width:100%!important;
  margin:0 auto!important;
  padding:28px var(--shell-pad) 48px!important;
}
.footer{
  max-width:var(--content-max)!important;
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:var(--shell-pad)!important;
  padding-right:var(--shell-pad)!important;
}

/* Topbar — no background fill */
.topbar{
  background:transparent!important;
  background-color:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  border-bottom:none!important;
  box-shadow:none!important;
  min-height:var(--topbar-h)!important;
  padding:12px var(--shell-pad)!important;
}

/* Chat: right dock, tall, narrow, no layout shift */
.chat-toggle{
  position:fixed!important;
  right:18px!important;
  bottom:18px!important;
  left:auto!important;
  top:auto!important;
  z-index:100!important;
}
.site-chat,
#siteChat{
  position:fixed!important;
  top:var(--topbar-h)!important;
  right:0!important;
  bottom:0!important;
  left:auto!important;
  width:var(--chat-w)!important;
  height:auto!important;
  max-height:none!important;
  border-radius:0!important;
  border:none!important;
  border-left:1px solid var(--border)!important;
  background:#16161a!important;
  box-shadow:-12px 0 40px rgba(0,0,0,.35)!important;
  z-index:96!important;
  display:flex!important;
  flex-direction:column!important;
  transform:translateX(105%)!important;
  opacity:1!important;
  pointer-events:none!important;
  transition:transform .28s cubic-bezier(.2,.8,.2,1)!important;
}
body.chat-open .site-chat,
body.chat-open #siteChat,
.site-chat.open,
#siteChat.open{
  transform:translateX(0)!important;
  pointer-events:auto!important;
  opacity:1!important;
}

/* NEVER shift layout when chat opens */
body.chat-open .layout,
body.chat-open .main,
body.chat-open .content,
body.chat-open .footer,
body.chat-open .topbar,
body.chat-open .sidebar{
  margin-right:0!important;
  transform:none!important;
}
/* боковая панель держит свои родные отступы (inherit обнулял padding-right и контент панели ехал вправо) */
body.chat-open .sidebar{
  padding:28px 16px 18px!important;
}

/* Profile layout */
.profile-page{width:100%}
.profile-hero{
  position:relative;
  overflow:hidden;
  border-radius:18px;
  border:1px solid var(--border);
  background:var(--card);
  min-height:180px;
  margin-bottom:18px;
}
.profile-hero.has-bg{min-height:260px}
.profile-bg-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  background:#0e0e10;
  z-index:0;
}
.profile-bg-shade{
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg,rgba(15,15,18,.25) 0%,rgba(15,15,18,.75) 100%);
  pointer-events:none;
}
.profile-hero-inner{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  gap:20px;
  padding:28px 24px;
  min-height:inherit;
}
.profile-avatar{
  width:96px;height:96px;border-radius:16px;object-fit:cover;
  border:2px solid rgba(255,255,255,.2);
  box-shadow:0 10px 28px rgba(0,0,0,.4);
  flex:0 0 96px;
}
.profile-identity h2{margin:0 0 10px;font-size:26px;font-weight:800}
.stat-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
  margin:0 0 22px;
}
.stat-box{
  padding:16px;
  border:1px solid var(--border);
  border-radius:14px;
  background:var(--card);
  text-align:center;
}
.stat-box b{display:block;font-size:22px;font-weight:800}
.stat-box span{display:block;margin-top:6px;color:var(--text-muted);font-size:11px}

.profile-tabs{
  display:flex;gap:8px;margin:0 0 18px;
}
.profile-tab{
  padding:10px 16px;
  border-radius:10px;
  background:transparent;
  color:rgba(255,255,255,.55);
  font-weight:600;
  font-size:14px;
}
.profile-tab:hover{color:#fff;background:rgba(255,255,255,.04)}
.profile-tab.active{background:#222226;color:#fff}

.profile-settings{display:grid;gap:16px;max-width:720px}
.settings-card{
  padding:20px;
  border:1px solid var(--border);
  border-radius:14px;
  background:var(--card);
}
.settings-card h3{margin:0 0 6px;font-size:16px}
.settings-card p{margin:0 0 14px;color:var(--text-muted);font-size:13px}
.settings-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.bg-picker{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(140px,1fr));
  gap:10px;
}
.bg-option{
  position:relative;
  height:88px;
  border-radius:12px;
  border:2px solid transparent;
  background:#121215;
  overflow:hidden;
  cursor:pointer;
  padding:0;
  color:#fff;
}
.bg-option video{
  width:100%;height:100%;object-fit:cover;display:block;background:#0e0e10;
}
.bg-option span{
  display:grid;place-items:center;height:100%;color:var(--text-muted);font-size:13px;font-weight:600;
}
.bg-option.active{border-color:var(--accent)}
.settings-status{margin-top:10px;font-size:12px;color:var(--success)}

@media(max-width:900px){
  :root{--shell-pad:16px;--chat-w:100%;--content-max:100%}
  .site-chat,#siteChat{
    width:100%!important;
    top:56px!important;
  }
  .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .profile-hero-inner{flex-direction:column;align-items:flex-start}
}

/* Profile settings polish */
.profile-settings{max-width:100%!important;width:100%}
.settings-card{max-width:100%}
.bg-picker{
  grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important;
  gap:12px!important;
}
.bg-option{height:100px!important}
.profile-discord-ok{
  background:rgba(88,101,242,.18)!important;
  color:#aab4ff!important;
  border:1px solid rgba(88,101,242,.28);
  font-weight:600;
}
.profile-hero{width:100%}
.profile-page{max-width:100%;width:100%}
.stat-grid{width:100%}

/* ===== 2026-10 profile/chat/bans polish ===== */
:root{ --chat-w:280px; }

.profile-hero{ position:relative; overflow:hidden; }
.profile-hero-inner{
  position:relative; z-index:2;
  display:flex; flex-direction:column; gap:18px;
  padding:22px 22px 18px;
  min-height:auto;
}
.profile-hero-top{
  display:flex; align-items:center; gap:16px;
  position:relative; padding-right:52px;
}
.profile-gear{
  position:absolute!important;
  right:0!important; top:0!important;
  z-index:3;
  width:40px!important; height:40px!important;
}
.profile-hero-stats{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
}
.hero-stat{
  padding:12px 10px;
  border-radius:12px;
  background:rgba(0,0,0,.35);
  border:1px solid rgba(255,255,255,.08);
  text-align:center;
  backdrop-filter:blur(6px);
}
.hero-stat b{ display:block; font-size:18px; font-weight:800; }
.hero-stat span{ display:block; margin-top:4px; font-size:11px; color:rgba(255,255,255,.55); }
/* hide old separate stat-grid if any */
.profile-page > .stat-grid{ display:none; }

.home-banner{ display:block; cursor:pointer; transition:opacity .2s ease; }
.home-banner:hover{ opacity:.92; }

.pager{
  display:flex; align-items:center; justify-content:center; gap:14px;
  margin:18px 0 8px;
}
.pager-info{ color:var(--text-muted); font-size:13px; }

/* Chat: overlay only — интерфейс не сдвигается (слишком сильный сдвиг слева) */
.site-chat, #siteChat{
  width:var(--chat-w)!important;
}
body.chat-open .main,
body.chat-open .main > .content,
body.chat-open .main > .footer,
body.chat-open .topbar{
  margin-right:0!important;
  transition:none!important;
}
body:not(.chat-open) .main,
body:not(.chat-open) .topbar{
  margin-right:0!important;
  transition:margin-right .28s cubic-bezier(.2,.8,.2,1)!important;
}

@media(max-width:900px){
  .profile-hero-stats{ grid-template-columns:repeat(3,minmax(0,1fr)); }
  body.chat-open .main,
  body.chat-open .main > .content,
  body.chat-open .main > .footer,
  body.chat-open .topbar{ margin-right:0!important; }
  .site-chat, #siteChat{ width:100%!important; }
}

/* ===== Profile hero FULL WIDTH fix ===== */
.profile-page{
  width:100%!important;
  max-width:none!important;
  display:block!important;
}
.profile-hero{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  position:relative!important;
  overflow:hidden!important;
  margin-left:0!important;
  margin-right:0!important;
  padding:0!important;
  align-items:stretch!important;
  gap:0!important;
}
.profile-hero-inner{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-end!important;
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  gap:16px!important;
  padding:24px 28px 20px!important;
  min-height:220px!important;
  position:relative!important;
  z-index:2!important;
}
.profile-hero.has-bg .profile-hero-inner{
  min-height:280px!important;
}
.profile-hero-top{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:16px!important;
  width:100%!important;
  box-sizing:border-box!important;
  position:relative!important;
  padding-right:56px!important;
}
.profile-identity{
  flex:1 1 auto!important;
  min-width:0!important;
}
.profile-gear,
.profile-hero .profile-gear,
#profileAdminGear{
  position:absolute!important;
  right:20px!important;
  top:20px!important;
  left:auto!important;
  margin:0!important;
  z-index:5!important;
  width:42px!important;
  height:42px!important;
}
/* gear relative to whole hero, not the top row */
.profile-hero-top .profile-gear{
  right:0!important;
  top:50%!important;
  transform:translateY(-50%)!important;
}
.profile-hero-stats{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  margin:0!important;
}
.hero-stat{
  width:auto!important;
  min-width:0!important;
}
.profile-bg-video,
.profile-bg-shade{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
}
@media(max-width:700px){
  .profile-hero-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .profile-hero-inner{min-height:200px!important;padding:18px 16px 16px!important}
}

/* ===== Chat: no topbar shift, rounded top ===== */
:root{ --chat-w:280px; }
.site-chat, #siteChat{
  width:var(--chat-w)!important;
  top:calc(var(--topbar-h, 72px) + 10px)!important;
  right:12px!important;
  bottom:12px!important;
  border-radius:16px!important;
  border:1px solid var(--border)!important;
  overflow:hidden!important;
}
body.chat-open .topbar{
  margin-right:0!important;
  width:auto!important;
  max-width:none!important;
}
body.chat-open .main > .content,
body.chat-open .main > .footer,
body.chat-open .content,
body.chat-open .footer{
  margin-right:0!important;
}
body.chat-open .main{
  margin-right:0!important;
}

/* Admin: never shifted by chat */
body.admin-body,
body.admin-body.chat-open,
.admin-layout,
.admin-layout .main,
.admin-layout .content,
.admin-layout .topbar{
  margin-right:0!important;
}
body.admin-body .site-chat,
body.admin-body .chat-toggle{ display:none!important; }
.admin-layout .topbar{ display:none!important; }
.admin-layout .sidebar-brand img{ width:44px; height:44px; border-radius:12px; }
.admin-layout .brand{ display:none!important; }

/* Bans page (reference style) */
.bans-page{ width:100%; }
.bans-head{ margin-bottom:18px; }
.bans-head h1{ margin:0 0 14px; font-size:28px; font-weight:800; letter-spacing:.02em; }
.bans-tools{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.bans-tabs{ display:flex; gap:6px; background:rgba(255,255,255,.03); padding:4px; border-radius:12px; }
.bans-tab{
  padding:8px 16px; border-radius:10px; font-size:13px; font-weight:600;
  color:rgba(255,255,255,.5); background:transparent;
}
.bans-tab.active{ background:#222226; color:#fff; }
.bans-search{
  display:flex; align-items:center; gap:8px;
  padding:8px 14px; border-radius:12px;
  background:rgba(255,255,255,.04); border:1px solid var(--border);
  color:var(--text-muted); min-width:220px;
}
.bans-search input{
  border:0; background:transparent; color:var(--text); outline:none; width:100%;
  font-size:13px;
}
.bans-list{ display:flex; flex-direction:column; gap:6px; }
.bans-list-head, .bans-row{
  display:grid;
  grid-template-columns:1.4fr 1.2fr 1.4fr .9fr .9fr 1fr;
  gap:12px; align-items:center;
  padding:12px 16px;
}
.bans-list-head{
  color:rgba(255,255,255,.35); font-size:11px; font-weight:600;
  text-transform:none; letter-spacing:.02em; padding-bottom:6px;
}
.bans-row{
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.04);
  border-radius:12px;
  font-size:13px;
}
.bans-user{ display:flex; align-items:center; gap:10px; min-width:0; }
.bans-user a, .bans-admin a{ color:var(--text); font-weight:600; }
.bans-user a:hover, .bans-admin a:hover{ color:#fff; }
.bans-avatar{
  width:28px; height:28px; border-radius:50%;
  display:grid; place-items:center;
  background:#2a2a32; color:rgba(255,255,255,.7);
  font-size:12px; font-weight:700; flex:0 0 28px;
}
.bans-reason{ color:rgba(255,255,255,.75); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.bans-status-pill{
  display:inline-flex; align-items:center; gap:6px;
  color:#f07178; font-weight:600; font-size:12.5px;
}
.bans-status-pill.is-active{ color:#f07178; }
.bans-duration, .bans-date{ color:rgba(255,255,255,.55); }
.bans-empty{ padding:28px; text-align:center; color:var(--text-muted); }
.bans-pager{ margin-top:18px; }
.pager-btn{
  display:inline-grid; place-items:center;
  min-width:32px; height:32px; padding:0 8px;
  border-radius:8px; background:rgba(255,255,255,.04);
  color:rgba(255,255,255,.55); font-size:13px; font-weight:600;
}
.pager-btn.active{ background:#2a2a32; color:#fff; }
.pager-btn:hover{ color:#fff; }

/* ===== Mobile: bottom nav ===== */
@media(max-width:900px){
  :root{ --sidebar:0px; --shell-pad:14px; --chat-w:100%; --bottom-nav:64px; }
  .layout{ flex-direction:column; padding-bottom:var(--bottom-nav); }
  .sidebar{
    position:fixed!important;
    left:0!important; right:0!important; bottom:0!important; top:auto!important;
    width:100%!important; height:var(--bottom-nav)!important;
    flex-direction:row!important; align-items:center!important;
    padding:6px 8px!important; gap:0!important;
    border-top:1px solid var(--border)!important;
    border-right:none!important;
    background:rgba(21,21,24,.96)!important;
    backdrop-filter:blur(12px);
    z-index:120!important;
    transform:none!important;
  }
  .sidebar-brand, .sidebar-footer, .nav-section{ display:none!important; }
  .sidebar-nav{
    display:flex!important; flex-direction:row!important;
    width:100%!important; max-width:none!important;
    justify-content:space-around!important; gap:0!important;
  }
  .nav-item{
    flex-direction:column!important; justify-content:center!important;
    align-items:center!important; gap:2px!important;
    padding:6px 4px!important; font-size:10px!important;
    border-radius:10px!important; min-width:0!important; flex:1;
  }
  .nav-item svg{ width:20px!important; height:20px!important; }
  .nav-item img.nav-icon{ width:22px!important; height:22px!important; }
  .main{ width:100%!important; min-height:100vh; }
  .topbar{ padding:10px 14px!important; min-height:56px!important; }
  .content{ padding:14px 14px 24px!important; max-width:100%!important; }
  .footer{ display:none!important; }
  .site-chat, #siteChat{
    top:56px!important; right:0!important; left:0!important; bottom:var(--bottom-nav)!important;
    width:100%!important; border-radius:0!important;
  }
  body.chat-open .main > .content,
  body.chat-open .content{ margin-right:0!important; }
  .chat-toggle{ bottom:calc(var(--bottom-nav) + 12px)!important; right:14px!important; }
  .bans-list-head{ display:none!important; }
  .bans-row{
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  .bans-user{ grid-column:1 / -1; }
  .bans-reason{ grid-column:1 / -1; }
  .server-grid{ grid-template-columns:1fr!important; }
  .server-card{ max-width:none!important; }
  .grid-3{ grid-template-columns:1fr!important; }
  .home-banner{ border-radius:12px; }
  .profile-hero-stats{ grid-template-columns:repeat(3,minmax(0,1fr))!important; }
}

/* ===== Modals: full-screen blur over topbar/sidebar/chat ===== */
.modal-overlay{
  z-index:10000!important;
  background:rgba(0,0,0,.55)!important;
  backdrop-filter:blur(14px) saturate(1.1)!important;
  -webkit-backdrop-filter:blur(14px) saturate(1.1)!important;
}
body.modal-open .site-chat,
body.modal-open .chat-toggle,
body.modal-open .sidebar,
body.modal-open .topbar{
  /* covered by overlay; keep under */
  z-index:1!important;
}
.modal{
  z-index:10001;
  position:relative;
}
.close-btn{
  cursor:pointer!important;
  pointer-events:auto!important;
  z-index:2;
  font-size:16px;
}

/* Player manage modal — larger & clearer */
.profile-admin-modal,
.profile-admin-modal-lg,
.modal-wide.profile-admin-modal{
  width:min(960px,96vw)!important;
  max-width:96vw!important;
  padding:28px!important;
}
.admin-manage-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
}
.admin-manage-card{
  padding:18px!important;
  border:1px solid var(--border);
  border-radius:14px;
  background:var(--bg-soft);
  display:flex;
  flex-direction:column;
  gap:10px;
}
.admin-manage-card > span{
  font-size:13px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:rgba(255,255,255,.55);
}
.admin-manage-card .manage-row{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  align-items:center!important;
}
.admin-manage-card input,
.admin-manage-card select{
  flex:1 1 120px;
  min-width:0;
  height:42px;
  padding:0 12px;
  border-radius:10px;
  border:1px solid var(--border);
  background:var(--card);
  color:var(--text);
}
.admin-manage-card .btn{
  height:42px;
  min-width:44px;
  padding:0 14px;
  font-weight:700;
}
.admin-manage-card small{
  color:var(--text-muted);
  font-size:12px;
}
@media(max-width:800px){
  .admin-manage-grid{ grid-template-columns:1fr!important; }
}

/* Chat overlay: контент не отжимаем */
body.chat-open .topbar{
  margin-right:0!important;
}
body.chat-open .main > .content,
body.chat-open .main > .footer,
body.chat-open .content,
body.chat-open .footer{
  margin-right:0!important;
}
.site-chat, #siteChat{
  border-radius:16px!important;
}

/* Chat toggle bigger & higher */
.chat-toggle{
  width:60px!important;
  height:60px!important;
  right:22px!important;
  bottom:88px!important;
  border-radius:18px!important;
  box-shadow:0 10px 28px rgba(225,29,46,.4)!important;
}
.chat-toggle svg{ width:26px!important; height:26px!important; }

/* Online indicator on profile avatar */
.profile-avatar-wrap{
  position:relative;
  flex:0 0 auto;
  width:96px; height:96px;
}
.profile-avatar-wrap .profile-avatar{
  width:100%!important; height:100%!important;
  display:block;
}
.online-indicator{
  position:absolute;
  right:2px; bottom:2px;
  width:18px; height:18px;
  border-radius:50%;
  background:#3ecf7a;
  border:3px solid #151518;
  box-shadow:0 0 0 1px rgba(62,207,122,.35);
}

.bans-admin{display:flex;align-items:center;gap:10px;min-width:0}
.bans-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex:0 0 28px;background:#2a2a32}


/* Chat overlay only — no content shift */
body.chat-open .main > .content,
body.chat-open .main > .footer,
body.chat-open .content,
body.chat-open .footer,
body.chat-open .topbar,
body.chat-open .main{
  margin-right:0!important;
}
.chat-toggle{
  position:fixed!important;
  right:0!important;
  left:auto!important;
  bottom:auto!important;
  top:42%!important;
  width:54px!important;
  height:64px!important;
  border-radius:14px 0 0 14px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-right:0!important;
  z-index:110!important;
  transform:none!important;
}
body.chat-open .chat-toggle{ opacity:0; pointer-events:none; }
.site-chat, #siteChat{
  right:0!important;
  border-radius:16px 0 0 16px!important;
}

/* ===== BoberCS2 UI fixes (2026-10) ===== */
:root{
  --sidebar:260px;
  --bg:#0a0a0c;
  --bg-soft:#101014;
  --card:#141418;
  --card-2:#18181e;
  --card-hover:#1c1c24;
  --border:#26262e;
  --border-light:#32323c;
  --accent:#c62828;
  --accent-hover:#e53935;
  --accent-soft:rgba(198,40,40,.12);
}

/* wider sidebar, no right line */
.layout .sidebar,
.sidebar{
  width:var(--sidebar)!important;
  flex:0 0 var(--sidebar)!important;
  border-right:none!important;
  box-shadow:none!important;
}
.admin-layout .sidebar{
  width:var(--sidebar)!important;
  flex-basis:var(--sidebar)!important;
  border-right:none!important;
}

/* no neon / glow accents on layout */
.layout{
  background:var(--bg)!important;
}
.online-dot{
  box-shadow:none!important;
  animation:none!important;
}
.nav-item.active{
  background:rgba(255,255,255,.06)!important;
  border-color:rgba(255,255,255,.08)!important;
  color:#fff!important;
}
.nav-item.active svg{color:var(--text-soft)!important}
.nav-item.active img.nav-icon{opacity:1}
.skin-card-glow,
.server-card .glow,
.neon{display:none!important}
.skin-card-media .skin-card-glow{display:none!important}

/* server card: full dark overlay, no incomplete fade */
.server-card{
  background-color:#121216!important;
  isolation:isolate;
}
.server-card-overlay{
  z-index:0!important;
  background:
    linear-gradient(90deg, rgba(10,10,12,.97) 0%, rgba(10,10,12,.88) 42%, rgba(10,10,12,.72) 100%),
    linear-gradient(180deg, rgba(0,0,0,.25), rgba(0,0,0,.55))!important;
}
.server-card-content,
.server-card .server-actions{
  position:relative;
  z-index:1!important;
}

/* chat: overlay only — never shift layout */
body.chat-open,
body.chat-open .layout,
body.chat-open .main,
body.chat-open .content,
body.chat-open .topbar,
body.chat-open .page,
body.chat-open .home-wrap{
  margin-right:0!important;
  width:auto!important;
  max-width:none!important;
  transform:none!important;
  left:auto!important;
  right:auto!important;
}
/* родные отступы блоков не трогаем: padding-right:inherit обнулял правый паддинг
   контента/топбара, из-за чего вёрстка дёргалась при открытии чата */
.site-chat{
  position:fixed!important;
  right:0!important;
  z-index:120!important;
}
.chat-toggle{z-index:121!important}

/* team badge on profile skins */
.skin-team-badge{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:28px;height:22px;padding:0 7px;border-radius:7px;
  font-size:11px;font-weight:800;letter-spacing:.04em;
  background:rgba(255,255,255,.08);color:var(--text-soft);
}
.skin-team-badge.t{background:rgba(232,145,58,.18);color:#f0b429}
.skin-team-badge.ct{background:rgba(80,140,220,.18);color:#7eb6ff}
.skin-card .info{display:flex;flex-direction:column;gap:4px}
.skin-card .info .skin-meta{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:12px}
.profile-skins-tools{display:flex;gap:10px;margin:0 0 14px;flex-wrap:wrap}


/* force no layout shift with chat */
html body.chat-open .layout,
html body.chat-open .main,
html body.chat-open .content,
html body.chat-open .topbar,
html body.chat-open .admin-layout,
html body.chat-open .admin-layout .main,
html body.chat-open .admin-layout .content {
  margin: 0 !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  transform: none !important;
  width: auto !important;
  max-width: none !important;
  position: relative !important;
  left: 0 !important;
  right: auto !important;
}
html body.chat-open .layout {
  display: flex !important;
}
/* softer team switch, no red glow */
.team-switch-btn.active {
  box-shadow: none !important;
  background: #2a2a32 !important;
  color: #fff !important;
}
input:focus, textarea:focus, select:focus {
  box-shadow: none !important;
  border-color: var(--border-light) !important;
}
.chat-msg.premium {
  animation: none !important;
  box-shadow: none !important;
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.1) !important;
}
.online-dot {
  box-shadow: none !important;
  animation: none !important;
}

/* ===== Inventory cards (profile) — clean grid like inventory UI ===== */
.profile-inventory{margin:8px 0 28px}
.profile-inventory-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin:0 0 14px;flex-wrap:wrap
}
.profile-inventory-title{
  display:inline-flex;align-items:center;gap:8px;
  font-size:14px;font-weight:700;color:var(--text-soft)
}
.profile-inventory-title svg{opacity:.7}
.profile-copy-inv{
  display:inline-flex;align-items:center;gap:7px;
  border:1px solid var(--border)!important;border-radius:10px!important;
  background:var(--card)!important;color:var(--text-soft)!important
}
.profile-inventory-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(132px,1fr));
  gap:10px
}
.inv-card{
  position:relative;border:1px solid rgba(255,255,255,.07);
  border-radius:14px;background:#121216;overflow:hidden;
  transition:border-color .15s ease,transform .15s ease
}
.inv-card:hover{border-color:rgba(255,255,255,.14);transform:translateY(-2px)}
.inv-card-media{
  position:relative;height:110px;display:grid;place-items:center;
  background:radial-gradient(ellipse at 50% 80%,rgba(255,255,255,.04),transparent 60%),#0c0c10
}
.inv-card-media img{
  max-width:88%;max-height:88%;object-fit:contain;display:block
}
.inv-team{
  position:absolute;top:8px;right:8px;z-index:2;
  min-width:22px;height:18px;padding:0 6px;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:5px;font-size:10px;font-weight:800;letter-spacing:.03em
}
.inv-team-t{background:rgba(232,145,58,.9);color:#1a1208}
.inv-team-ct{background:rgba(90,150,220,.95);color:#0a1520}
.inv-card-body{padding:8px 10px 11px}
.inv-card-name{
  font-size:11.5px;font-weight:650;line-height:1.3;
  color:var(--text-soft);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden
}

/* Server card: solid dark wash to edges */
.server-card{
  background-color:#0e0e12!important;
  border-radius:20px!important;
  overflow:hidden!important
}
.server-card-overlay{
  position:absolute!important;inset:0!important;z-index:0!important;
  border-radius:inherit!important;
  background:
    linear-gradient(105deg,
      rgba(8,8,10,.94) 0%,
      rgba(8,8,10,.88) 38%,
      rgba(8,8,10,.78) 62%,
      rgba(8,8,10,.70) 100%)!important;
  pointer-events:none
}
.server-card-content,
.server-card .server-actions{position:relative;z-index:1}

/* Chat: overlay only — вёрстка не двигается, топбар во всю ширину */
html body.chat-open .layout > .main,
html body.chat-open .main{
  margin-right:0!important;
}
html body.chat-open .topbar,
html body.chat-open .layout > .main > .topbar,
html body.chat-open header.topbar{
  margin-right:0!important;
  width:100%!important
}
html body.chat-open .site-chat,
.site-chat.open{
  width:var(--chat-panel-w,260px)!important
}
@media (max-width:900px){
  html body.chat-open .layout > .main,
  html body.chat-open .main{margin-right:0!important}
}

/* Cookie notice — text only + OK */
.cookie-banner{
  position:fixed;left:16px;right:16px;bottom:16px;z-index:200;
  display:flex;align-items:flex-start;justify-content:space-between;gap:16px;
  max-width:720px;margin:0 auto;
  padding:16px 18px;border-radius:14px;
  border:1px solid var(--border);
  background:rgba(14,14,18,.96);
  box-shadow:0 16px 40px rgba(0,0,0,.45);
  backdrop-filter:blur(12px)
}
.cookie-banner[hidden]{display:none!important}
.cookie-banner-text b{
  display:block;margin:0 0 6px;font-size:12px;font-weight:800;
  letter-spacing:.06em;color:var(--text)
}
.cookie-banner-text p{
  margin:0;font-size:12.5px;line-height:1.45;color:var(--text-muted)
}
.cookie-banner-close{
  flex:0 0 auto;align-self:center;
  min-width:52px;height:36px;padding:0 14px;
  border-radius:10px;border:1px solid var(--border);
  background:var(--card-hover);color:var(--text);
  font-weight:700;font-size:13px;cursor:pointer
}
.cookie-banner-close:hover{background:#2a2a32}
.cookie-banner-actions{display:none!important}

/* Chat overlay: only the chat panel slides in, layout never moves */
html body.chat-open .layout > .main,
html body.chat-open .main{
  margin-right:0!important
}
html body.chat-open .main > .content,
html body.chat-open .main > .footer,
html body.chat-open .content,
html body.chat-open footer,
html body.chat-open .site-footer{
  margin-right:0!important;
}
html body.chat-open .topbar{
  margin-right:0!important;
  width:100%!important;
  max-width:none!important;
  position:sticky!important;
  top:0!important;
  z-index:40!important
}
@media (max-width:900px){
  html body.chat-open .main > .content,
  html body.chat-open .content,
  html body.chat-open footer,
  html body.chat-open .site-footer{margin-right:0!important}
}

/* ============================================================
   FINAL chat layout — чат оверлеем, вёрстка НЕ сдвигается
   ============================================================ */
:root{ --chat-panel-w: 250px; --chat-gap: 14px; }

html body.chat-open div.layout > div.main,
html body.chat-open .layout .main,
html body.chat-open .main{
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  box-sizing: border-box !important;
  width: auto !important;
  max-width: none !important;
  transform: none !important;
}

/* отменяем старые частичные сдвиги контента/футера */
html body.chat-open .main > .content,
html body.chat-open .main > .footer,
html body.chat-open .main > .topbar,
html body.chat-open .content,
html body.chat-open .footer,
html body.chat-open .topbar,
html body.chat-open footer{
  margin-right: 0 !important;
  margin-left: 0 !important;
  width: auto !important;
  max-width: 100% !important;
  transform: none !important;
}

html body.chat-open .site-chat,
html body.chat-open #siteChat,
html body .site-chat.open,
html body #siteChat.open{
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: var(--chat-panel-w) !important;
  max-width: var(--chat-panel-w) !important;
  height: 100vh !important;
  max-height: 100vh !important;
  border-radius: 0 !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 100 !important;
}

html body.chat-open .chat-toggle{
  opacity: 0 !important;
  pointer-events: none !important;
}

@media (max-width: 900px){
  html body.chat-open div.layout > div.main,
  html body.chat-open .main{
    padding-right: 0 !important;
  }
  html body.chat-open .site-chat,
  html body.chat-open #siteChat{
    width: min(100vw, 400px) !important;
    max-width: min(100vw, 400px) !important;
  }
}

/* ===== Chat polish: narrower, smooth open, fixed login btn ===== */
:root{
  --chat-panel-w: 250px !important;
  --chat-gap: 14px !important;
}

/* closed → open: slide from right, smooth */
html body .site-chat,
html body #siteChat{
  transition:
    transform .32s cubic-bezier(.22,.8,.24,1),
    opacity .28s ease,
    visibility .32s ease !important;
  transform: translateX(105%) !important;
  opacity: 0 !important;
  visibility: hidden !important;
}
html body.chat-open .site-chat,
html body.chat-open #siteChat,
html body .site-chat.open,
html body #siteChat.open{
  width: var(--chat-panel-w) !important;
  max-width: var(--chat-panel-w) !important;
  transform: translateX(0) !important;
  opacity: 1 !important;
  visibility: visible !important;
  transition:
    transform .34s cubic-bezier(.22,.8,.24,1),
    opacity .28s ease,
    visibility .34s ease !important;
}

html body.chat-open div.layout > div.main,
html body.chat-open .main{
  padding-right: 0 !important;
}

/* chat toggle: no hover animation / jump */
.chat-toggle,
#chatToggle{
  transition: opacity .2s ease, background .2s ease, border-color .2s ease !important;
  transform: none !important;
}
.chat-toggle:hover,
#chatToggle:hover,
.chat-toggle:active,
#chatToggle:active{
  transform: none !important;
  scale: 1 !important;
  filter: none !important;
}

/* login to chat button */
.chat-input{
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
  padding: 12px !important;
}
.chat-login-btn{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 42px !important;
  padding: 10px 14px !important;
  border-radius: 10px !important;
  background: var(--accent, #c62828) !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-align: center !important;
  white-space: nowrap !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
}
.chat-login-btn:hover{
  background: var(--accent-hover, #e53935) !important;
  filter: none !important;
  transform: none !important;
}
/* kill old full-width accent btn squish in chat */
.chat-input > a.btn{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 42px !important;
  white-space: nowrap !important;
  padding: 10px 12px !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
}


/* ============================================================
   CHAT + FOOTER FINAL FIX (smooth close, no toggle hover anim)
   ============================================================ */

/* kill ALL chat-toggle hover animations / size jumps */
html body .chat-toggle,
html body #chatToggle,
html body .chat-toggle:hover,
html body #chatToggle:hover,
html body .chat-toggle:focus,
html body #chatToggle:focus,
html body .chat-toggle:active,
html body #chatToggle:active{
  transform: none !important;
  scale: 1 !important;
  width: 56px !important;
  height: 52px !important;
  transition: opacity .25s ease, background-color .2s ease, border-color .2s ease !important;
  box-shadow: -6px 10px 22px rgba(0,0,0,.25) !important;
  filter: none !important;
}
html body .chat-toggle:hover,
html body #chatToggle:hover{
  background: rgba(30,30,36,.98) !important;
  border-color: rgba(255,255,255,.16) !important;
}

/* always transition main padding so close is smooth too */
html body .layout > .main,
html body .main{
  transition: none !important;
}

html body.chat-open .layout > .main,
html body.chat-open .main{
  padding-right: 0 !important;
  padding-left: 0 !important;
}

/* chat panel always transitioned (open + close) */
html body .site-chat,
html body #siteChat{
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: var(--chat-panel-w, 260px) !important;
  max-width: var(--chat-panel-w, 260px) !important;
  z-index: 120 !important;
  transform: translate3d(110%, 0, 0) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: transform .42s cubic-bezier(.22,.8,.24,1), opacity .26s ease, visibility .42s step-end !important;
  will-change: transform;
}
html body.chat-open .site-chat,
html body.chat-open #siteChat,
html body .site-chat.open,
html body #siteChat.open{
  transform: translate3d(0, 0, 0) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transition: transform .42s cubic-bezier(.22,.8,.24,1), opacity .3s ease, visibility 0s step-start !important;
}
/* кнопка открытия чата — плавное появление/исчезновение */
html body .chat-toggle{
  transition: opacity .3s ease, transform .3s cubic-bezier(.22,.8,.24,1) !important;
}
html body.chat-open .chat-toggle{
  opacity: 0 !important;
  transform: translateX(16px) !important;
  pointer-events: none !important;
}

:root{
  --chat-panel-w: 250px !important;
  --chat-gap: 14px !important;
}


/* chat delete (developer) */
.chat-msg-del{
  margin-left:auto;
  width:22px;height:22px;border:0;border-radius:6px;
  background:transparent;color:rgba(255,255,255,.35);
  font-size:16px;line-height:1;cursor:pointer;flex:0 0 auto
}
.chat-msg-del:hover{background:rgba(198,40,40,.2);color:#ff6b6b}
.chat-msg-head{display:flex;align-items:center;gap:6px;flex-wrap:wrap}

/* Chat messages compact + delete btn layout fix */
.site-chat .chat-msg,
#siteChat .chat-msg{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  padding:8px 10px!important;
  margin:0 0 6px!important;
  min-height:0!important;
  height:auto!important;
}
.site-chat .chat-msg-body,
#siteChat .chat-msg-body{
  flex:1!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
}
.site-chat .chat-msg-head,
#siteChat .chat-msg-head{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  flex-wrap:nowrap!important;
  min-height:18px!important;
  line-height:1.2!important;
}
.site-chat .chat-msg-body p,
#siteChat .chat-msg-body p{
  margin:0!important;
  padding:0!important;
  font-size:13.5px!important;
  line-height:1.35!important;
  word-break:break-word!important;
}
.site-chat .chat-msg-del,
#siteChat .chat-msg-del{
  margin-left:auto!important;
  flex:0 0 20px!important;
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  padding:0!important;
  border:0!important;
  border-radius:5px!important;
  background:transparent!important;
  color:rgba(255,255,255,.3)!important;
  font-size:15px!important;
  line-height:1!important;
  cursor:pointer!important;
  align-self:center!important;
}
.site-chat .chat-msg-del:hover,
#siteChat .chat-msg-del:hover{
  background:rgba(198,40,40,.22)!important;
  color:#ff6b6b!important;
}
.site-chat .chat-avatar,
#siteChat .chat-avatar{
  width:32px!important;
  height:32px!important;
  border-radius:8px!important;
  object-fit:cover!important;
  flex-shrink:0!important;
}
.site-chat .chat-time,
#siteChat .chat-time{
  font-size:11px!important;
  opacity:.45!important;
  margin-left:0!important;
}


/* ===== Chat msg layout FINAL (delete does not break card) ===== */
html body .site-chat .chat-msg,
html body #siteChat .chat-msg{
  position:relative!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:flex-start!important;
  gap:8px!important;
  padding:8px 28px 8px 8px!important;
  margin:0 0 6px!important;
  min-height:unset!important;
  height:auto!important;
  transform:none!important;
  animation:none!important;
}
html body .site-chat .chat-msg:hover,
html body #siteChat .chat-msg:hover{
  transform:none!important;
}
html body .site-chat .chat-avatar-link,
html body #siteChat .chat-avatar-link{
  flex:0 0 36px!important;
  width:36px!important;
  display:block!important;
}
html body .site-chat .chat-avatar,
html body #siteChat .chat-avatar{
  width:36px!important;
  height:36px!important;
  border-radius:9px!important;
  display:block!important;
  object-fit:cover!important;
  transform:none!important;
}
html body .site-chat .chat-msg-body,
html body #siteChat .chat-msg-body{
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:100%!important;
}
html body .site-chat .chat-msg-head,
html body #siteChat .chat-msg-head{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  flex-wrap:nowrap!important;
  min-width:0!important;
  width:100%!important;
}
html body .site-chat .chat-msg .nick,
html body #siteChat .chat-msg .nick{
  flex:0 1 auto!important;
  max-width:42%!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:12.5px!important;
}
html body .site-chat .chat-premium-badge,
html body #siteChat .chat-premium-badge{
  flex:0 0 auto!important;
  font-size:7.5px!important;
  padding:2px 4px!important;
}
html body .site-chat .chat-time,
html body #siteChat .chat-time{
  margin-left:auto!important;
  flex:0 0 auto!important;
  font-size:10px!important;
  opacity:.5!important;
}
html body .site-chat .chat-msg-body p,
html body #siteChat .chat-msg-body p{
  margin:3px 0 0!important;
  font-size:13px!important;
  line-height:1.35!important;
}
html body .site-chat .chat-msg-del,
html body #siteChat .chat-msg-del{
  position:absolute!important;
  top:4px!important;
  right:4px!important;
  z-index:2!important;
  width:22px!important;
  height:22px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:6px!important;
  background:transparent!important;
  color:rgba(255,255,255,.35)!important;
  font-size:16px!important;
  line-height:20px!important;
  text-align:center!important;
  cursor:pointer!important;
  flex:none!important;
}
html body .site-chat .chat-msg-del:hover,
html body #siteChat .chat-msg-del:hover{
  background:rgba(198,40,40,.25)!important;
  color:#ff6b6b!important;
}
/* убрать неоновую рамку premium в чате — она раздувает карточки */
html body .site-chat .chat-msg.premium,
html body #siteChat .chat-msg.premium{
  background:rgba(255,255,255,.02)!important;
  border:1px solid rgba(255,255,255,.06)!important;
  box-shadow:none!important;
  animation:none!important;
  padding:8px 28px 8px 8px!important;
}


/* Server card: map bg clipped, copy btn works */
html body .server-card{
  position:relative!important;
  overflow:hidden!important;
  border-radius:20px!important;
  isolation:isolate!important;
  background-color:#0e0e12!important;
  background-image:none!important;
  -webkit-mask-image:radial-gradient(white,black)!important;
  mask-image:radial-gradient(white,black)!important;
}
html body .server-card-bg{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  border-radius:inherit!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  pointer-events:none!important;
  transform:scale(1.02)!important; /* slight overscale so edges never show gaps */
}
html body .server-card-overlay{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  background:linear-gradient(105deg,
    rgba(8,8,10,.94) 0%,
    rgba(8,8,10,.88) 38%,
    rgba(8,8,10,.78) 62%,
    rgba(8,8,10,.70) 100%)!important;
}
html body .server-card-content,
html body .server-actions{
  position:relative!important;
  z-index:2!important;
}
html body .server-actions{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  pointer-events:auto!important;
}
html body .server-action{
  pointer-events:auto!important;
  cursor:pointer!important;
  z-index:3!important;
  position:relative!important;
}

/* Server card map visible again — softer left wash, map shows on right */
html body .server-card{
  position:relative!important;
  overflow:hidden!important;
  border-radius:20px!important;
  isolation:isolate!important;
  background-color:#121216!important;
  background-image:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
html body .server-card-bg{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  border-radius:inherit!important;
  background-color:#1a1a20!important;
  background-size:cover!important;
  background-position:center right!important;
  background-repeat:no-repeat!important;
  pointer-events:none!important;
  opacity:1!important;
  visibility:visible!important;
  display:block!important;
}
html body .server-card-overlay{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  /* left dark for text, right transparent so map is visible */
  background:linear-gradient(90deg,
    rgba(10,10,14,.92) 0%,
    rgba(10,10,14,.78) 32%,
    rgba(10,10,14,.45) 58%,
    rgba(10,10,14,.22) 78%,
    rgba(10,10,14,.12) 100%)!important;
}
html body .server-card-content{
  position:relative!important;
  z-index:2!important;
}
html body .server-actions{
  position:relative!important;
  z-index:3!important;
}


/* Site custom icons */
.nav-icon,.dropdown-icon,.steam-login-icon,.chat-toggle-icon,.shop-icon img,.profile-links .icon-btn img{
  -webkit-user-drag:none;
  user-select:none;
  -webkit-user-select:none;
  pointer-events:none;
}
.steam-login-icon{
  width:20px;
  height:20px;
  flex:0 0 20px;
  display:block;
  object-fit:contain;
}
.chat-login-btn{gap:8px!important;}
.chat-login-btn .steam-login-icon{width:20px;height:20px;flex:0 0 20px;}
.chat-toggle-icon{width:26px;height:26px;display:block;object-fit:contain;}
.user-dropdown a .dropdown-icon{color:inherit;}
.profile-links .icon-btn img{width:20px;height:20px;display:block;object-fit:contain;}

/* Shop product backgrounds */
.shop-card-premium{
  background-image:linear-gradient(rgba(11,11,14,.42),rgba(11,11,14,.72)),url('/api/icons/siteicons/premiumfone.webp');
  background-size:cover;
  background-position:center;
}
.shop-card-admin{
  background-image:linear-gradient(rgba(11,11,14,.42),rgba(11,11,14,.74)),url('/api/icons/siteicons/adminfone.webp');
  background-size:cover;
  background-position:center;
}
.shop-card-sponsor{
  background-image:linear-gradient(rgba(11,11,14,.42),rgba(11,11,14,.74)),url('/api/icons/siteicons/sponsorfone.webp');
  background-size:cover;
  background-position:center;
}
.shop-card-premium .shop-icon,.shop-card-admin .shop-icon,.shop-card-sponsor .shop-icon{
  background:rgba(8,8,10,.54);
  border:1px solid rgba(255,255,255,.10);
  backdrop-filter:blur(7px);
}

/* Prevent casual saving/copying of site images/icons */
img,
img::selection{
  -webkit-user-drag:none;
  user-select:none;
  -webkit-user-select:none;
}

/* ===== Final visual polish 2026-10 ===== */

/* Bigger site logo in the public sidebar */
.layout > .sidebar .sidebar-brand img,
.layout > .sidebar .sidebar-brand .logo{
  width:64px!important;
  height:64px!important;
  flex-basis:64px!important;
  border-radius:18px!important;
  object-fit:cover!important;
  filter:drop-shadow(0 12px 24px rgba(0,0,0,.25));
}
.layout > .sidebar .sidebar-brand{
  padding-bottom:30px!important;
}
.layout > .sidebar .sidebar-nav{gap:6px!important;}
.layout > .sidebar .nav-item{min-height:44px!important;padding:10px 14px!important;}
.layout > .sidebar .nav-item img.nav-icon{width:24px!important;height:24px!important;flex-basis:24px!important;}

/* Premium/Admin icons: image only, no box behind them */
.shop-card-premium .shop-icon-image-only,
.shop-card-admin .shop-icon-image-only{
  width:58px!important;
  height:58px!important;
  margin-bottom:10px!important;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.shop-card-premium .shop-icon-image-only img,
.shop-card-admin .shop-icon-image-only img{
  width:52px!important;
  height:52px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.28));
}
.shop-card-premium .shop-icon,
.shop-card-admin .shop-icon{
  background:transparent!important;
  border-color:transparent!important;
  backdrop-filter:none!important;
}

/* Profile: cleaner hero, hierarchy and controls */
.profile-page{max-width:1260px!important;margin:0 auto;}
.profile-hero{
  border-color:rgba(255,255,255,.08)!important;
  border-radius:22px!important;
  background:
    radial-gradient(700px 260px at 10% 0%,rgba(255,255,255,.08),transparent 60%),
    linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),
    var(--card)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.22)!important;
}
.profile-hero.has-bg .profile-bg-shade{
  background:linear-gradient(180deg,rgba(8,8,10,.16),rgba(8,8,10,.86))!important;
}
.profile-hero-inner{padding:28px 30px 22px!important;gap:20px!important;}
.profile-hero-top{gap:20px!important;}
.profile-avatar-wrap{
  width:104px!important;height:104px!important;
  padding:3px!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.08);
  box-shadow:0 18px 40px rgba(0,0,0,.3);
}
.profile-avatar-wrap .profile-avatar{
  border:0!important;
  border-radius:17px!important;
  box-shadow:none!important;
}
.profile-identity h2{
  font-size:31px!important;
  letter-spacing:-.03em!important;
  margin-bottom:11px!important;
}
.profile-links{gap:8px!important;}
.profile-links .icon-btn{
  width:38px!important;height:38px!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.045)!important;
  border-color:rgba(255,255,255,.08)!important;
}
.profile-links .icon-btn:hover{
  background:rgba(255,255,255,.09)!important;
  border-color:rgba(255,255,255,.16)!important;
}
.profile-role,.profile-premium{
  padding:8px 11px!important;
  border-radius:10px!important;
  font-size:11px!important;
  font-weight:800!important;
}
.profile-premium{box-shadow:inset 0 1px 0 rgba(255,255,255,.06);}
.profile-gear{
  width:44px!important;height:44px!important;
  border-radius:13px!important;
  background:rgba(0,0,0,.25)!important;
  border-color:rgba(255,255,255,.10)!important;
  backdrop-filter:blur(10px)!important;
}
.profile-hero-stats{gap:12px!important;}
.hero-stat{
  min-height:68px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:10px 12px!important;
  border-radius:14px!important;
  background:rgba(5,5,7,.38)!important;
  border-color:rgba(255,255,255,.075)!important;
}
.hero-stat b{font-size:20px!important;letter-spacing:-.02em;}
.hero-stat span{font-size:10px!important;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.46)!important;}

.profile-tabs{
  padding:5px!important;
  width:max-content;
  max-width:100%;
  border:1px solid rgba(255,255,255,.07);
  border-radius:14px!important;
  background:rgba(255,255,255,.025)!important;
  gap:4px!important;
}
.profile-tab{
  padding:10px 15px!important;
  border-radius:10px!important;
  font-size:12px!important;
  letter-spacing:.02em;
}
.profile-tab.active{
  background:#fff!important;
  color:#111!important;
  box-shadow:0 8px 20px rgba(0,0,0,.18)!important;
}
.profile-inventory{
  padding:20px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.012)),var(--card)!important;
  box-shadow:0 18px 45px rgba(0,0,0,.14)!important;
}
.profile-inventory-head{margin-bottom:16px!important;}
.profile-inventory-title{font-weight:800!important;font-size:15px!important;}

/* Profile settings */
.settings-intro{
  display:flex;align-items:flex-end;justify-content:space-between;gap:20px;
  padding:22px 24px;margin-bottom:14px;
  border:1px solid rgba(255,255,255,.07);border-radius:18px;
  background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),var(--card);
}
.settings-intro .eyebrow{
  display:block;margin-bottom:7px;font-size:9px;font-weight:900;letter-spacing:.16em;color:rgba(255,255,255,.38);
}
.settings-intro h3{margin:0 0 5px;font-size:22px!important;letter-spacing:-.025em;}
.settings-intro p{margin:0;color:var(--text-muted);font-size:12px;}
.settings-back{
  flex:0 0 auto;padding:9px 12px;border:1px solid var(--border);border-radius:11px;
  background:rgba(255,255,255,.025);color:var(--text-soft);font-size:12px;font-weight:700;
}
.settings-back:hover{background:rgba(255,255,255,.07);color:#fff;}
.profile-settings{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:none!important;gap:14px!important;}
.settings-card{
  position:relative;overflow:hidden;padding:22px!important;
  border-radius:18px!important;border-color:rgba(255,255,255,.07)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.012)),var(--card)!important;
}
.settings-card:before{
  content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);
}
.settings-card h3{font-size:16px!important;margin-bottom:7px!important;}
.settings-card p{font-size:12px!important;line-height:1.55!important;max-width:72ch;}
.settings-card-discord .btn,.settings-card-background .btn{min-height:40px;}
.bg-picker{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important;gap:10px!important;}
.bg-option{height:106px!important;border-radius:14px!important;background:#111!important;}
.bg-option.active{box-shadow:0 0 0 2px var(--accent),0 10px 25px rgba(0,0,0,.18);}

/* Rating redesign */
.rating-page-header{align-items:center!important;}
.rating-header-badge{
  display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid rgba(255,255,255,.07);
  border-radius:12px;background:rgba(255,255,255,.025);
}
.rating-header-badge span{font-size:9px;font-weight:900;letter-spacing:.13em;color:rgba(255,255,255,.42);}
.rating-header-badge b{font-size:18px;}
.rating-spotlight{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 14px;
}
.rating-spotlight-card{
  position:relative;display:flex;align-items:center;gap:13px;min-width:0;padding:16px;
  border:1px solid rgba(255,255,255,.07);border-radius:17px;
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),var(--card);
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.rating-spotlight-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.14);background:var(--card-hover);}
.rating-spotlight-card.rank-1{box-shadow:inset 0 2px 0 rgba(255,255,255,.15);}
.rating-place{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border-radius:12px;background:rgba(255,255,255,.06);font-weight:900;}
.rating-place span{font-size:12px;}
.rating-spotlight-avatar{width:46px;height:46px;object-fit:cover;border-radius:13px;border:1px solid rgba(255,255,255,.1);}
.rating-spotlight-main{min-width:0;flex:1;}
.rating-spotlight-main b{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.rating-spotlight-main span{display:block;margin-top:4px;color:var(--text-muted);font-size:10px;font-weight:700;}
.rating-spotlight-kd{text-align:right;}
.rating-spotlight-kd b{display:block;font-size:16px;}
.rating-spotlight-kd span{display:block;margin-top:2px;color:var(--text-muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em;}
.rating-table-wrap{overflow:hidden!important;border-radius:18px!important;background:var(--card)!important;box-shadow:0 18px 45px rgba(0,0,0,.12);}
.rating-table{font-size:12.5px!important;}
.rating-table th{padding:13px 14px!important;background:rgba(255,255,255,.02);font-size:9px!important;}
.rating-table td{padding:12px 14px!important;}
.rating-table tbody tr{transition:background .15s ease;}
.rating-table tbody tr:hover td{background:rgba(255,255,255,.035)!important;}
.rating-player{display:flex;align-items:center;gap:10px;font-weight:700;}
.rating-player img{width:34px;height:34px;border-radius:10px;object-fit:cover;border:1px solid rgba(255,255,255,.07);}
.rating-rank-pill{width:32px;height:32px;display:inline-grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.04);font-size:11px;font-weight:900;}
.rating-table tr.rank-1 .rating-rank-pill{background:rgba(240,180,41,.14);color:#ffd66d;}
.rating-table tr.rank-2 .rating-rank-pill{background:rgba(186,196,210,.12);color:#dfe6ee;}
.rating-table tr.rank-3 .rating-rank-pill{background:rgba(177,120,78,.13);color:#e5ad7b;}
.rating-number{font-variant-numeric:tabular-nums;}
.rating-number.strong{font-weight:800;}
.rating-number.muted{color:var(--text-muted);}
.rating-number.kd-value{font-weight:800;color:#fff;}

/* Admin panel redesign */
.admin-sidebar{
  align-items:stretch!important;
  padding:22px 14px 16px!important;
  background:
    radial-gradient(260px 220px at 50% -6%,rgba(255,255,255,.055),transparent 70%),
    #121216!important;
  border-right:1px solid rgba(255,255,255,.06)!important;
  box-shadow:18px 0 45px rgba(0,0,0,.10)!important;
}
.admin-sidebar-head{display:flex;align-items:center;gap:12px;padding:4px 8px 20px;border-bottom:1px solid rgba(255,255,255,.06);}
.admin-sidebar .sidebar-brand{width:auto!important;display:flex!important;padding:0!important;margin:0!important;border:0!important;}
.admin-sidebar .sidebar-brand img,.admin-sidebar .sidebar-brand .logo{width:48px!important;height:48px!important;flex-basis:48px!important;border-radius:15px!important;}
.admin-brand-copy{display:flex;flex-direction:column;min-width:0;}
.admin-brand-copy b{font:800 15px/1 'Outfit','Manrope',sans-serif;letter-spacing:.03em;}
.admin-brand-copy span{margin-top:5px;font-size:8px;font-weight:900;letter-spacing:.17em;color:rgba(255,255,255,.34);}
.admin-side-caption{padding:17px 8px 8px;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.30);}
.admin-sidebar .sidebar-nav{max-width:none!important;gap:5px!important;}
.admin-sidebar .nav-item{min-height:44px;padding:11px 12px!important;border-radius:12px!important;color:rgba(255,255,255,.50)!important;font-size:12px!important;font-weight:700!important;}
.admin-sidebar .nav-item svg{width:18px!important;height:18px!important;opacity:.72;}
.admin-sidebar .nav-item:hover{background:rgba(255,255,255,.05)!important;color:#fff!important;}
.admin-sidebar .nav-item.active{background:linear-gradient(90deg,rgba(255,255,255,.095),rgba(255,255,255,.045))!important;color:#fff!important;box-shadow:inset 2px 0 0 #fff!important;}
.admin-sidebar .nav-item.active svg{opacity:1!important;}
.admin-sidebar-footer{margin-top:auto;padding-top:16px;border-top:1px solid rgba(255,255,255,.06);}
.admin-back-site{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(255,255,255,.025);}
.admin-back-site:hover{background:rgba(255,255,255,.06);}
.admin-back-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.06);font-size:16px;}
.admin-back-site span:last-child{display:flex;flex-direction:column;min-width:0;}
.admin-back-site b{font-size:11px;}
.admin-back-site small{margin-top:3px;color:var(--text-muted);font-size:9px;}
.admin-layout .main{background:#151518;}
.admin-layout .content{padding:30px 34px 50px!important;}
.admin-layout .page-header{
  padding:22px 24px!important;margin-bottom:18px!important;border-radius:18px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(255,255,255,.01)),#1c1c20!important;
  border-color:rgba(255,255,255,.07)!important;box-shadow:0 14px 35px rgba(0,0,0,.12);
}
.admin-layout .page-header h1{font-size:25px!important;letter-spacing:-.025em!important;}
.admin-layout .page-header p{font-size:12px!important;}
.admin-layout .table-wrap{border-radius:17px!important;border-color:rgba(255,255,255,.07)!important;box-shadow:0 14px 35px rgba(0,0,0,.10);}
.admin-layout table th{background:rgba(255,255,255,.018);}
.admin-layout table tbody tr:hover td{background:rgba(255,255,255,.03)!important;}
.admin-layout .card,
.admin-layout .stat-card,
.admin-layout .admin-filter-bar,
.admin-layout .admin-inline-form{
  border-color:rgba(255,255,255,.07)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01)),#1c1c20!important;
  box-shadow:0 12px 30px rgba(0,0,0,.10);
}
.admin-layout .stat-card{border-radius:16px!important;transition:transform .18s ease,border-color .18s ease;background:#1d1d21!important;}
.admin-layout .stat-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.14)!important;}
.admin-layout .admin-filter-bar{border-radius:15px!important;padding:12px!important;}
.admin-layout .admin-filter-bar input,
.admin-layout .admin-filter-bar select{background:#151518!important;border-color:rgba(255,255,255,.08)!important;}

/* Developer player-management modal */
.profile-admin-modal{
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:20px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),#17171b!important;
  box-shadow:0 30px 90px rgba(0,0,0,.55)!important;
}
.profile-admin-modal .modal-head{padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:16px;}
.profile-admin-modal .modal-head h3{font-size:19px;}
.profile-admin-modal .admin-manage-card{background:#121216!important;border-color:rgba(255,255,255,.07)!important;border-radius:14px!important;}

@media(max-width:900px){
  .layout > .sidebar .sidebar-brand img,.layout > .sidebar .sidebar-brand .logo{width:54px!important;height:54px!important;flex-basis:54px!important;}
  .profile-settings{grid-template-columns:1fr!important;}
  .settings-intro{align-items:flex-start;flex-direction:column;}
  .settings-back{width:100%;text-align:center;}
  .rating-spotlight{grid-template-columns:1fr!important;}
  .admin-layout .content{padding:18px 14px 30px!important;}
  .admin-sidebar .sidebar-brand img,.admin-sidebar .sidebar-brand .logo{width:42px!important;height:42px!important;flex-basis:42px!important;}
}
@media(max-width:650px){
  .profile-hero-inner{padding:20px 18px 16px!important;}
  .profile-hero-top{align-items:flex-start!important;}
  .profile-avatar-wrap{width:84px!important;height:84px!important;}
  .profile-identity h2{font-size:23px!important;}
  .profile-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .rating-page-header{gap:10px!important;}
  .rating-header-badge{display:none;}
}


/* ===== UX pass: skinchanger / bans / rules / profile / admin / tab transitions ===== */
.content.is-loading{
  opacity:.12!important;
  transform:translateY(5px) scale(.995);
  filter:blur(2px);
  transition:opacity .16s ease,transform .18s ease,filter .18s ease;
}
.content:not(.is-loading){
  transition:opacity .24s ease,transform .24s ease,filter .24s ease;
}
.tab-enter{opacity:0!important;transform:translateY(12px) scale(.992)!important;filter:blur(3px)!important}
.tab-leave{opacity:0!important;transform:translateY(-7px) scale(.996)!important;pointer-events:none!important}
.tab-enter,.tab-leave{transition:opacity .22s ease,transform .22s ease,filter .22s ease!important}

/* Shop: no box behind the custom Premium/Admin/Sponsor art. */
.shop-card-premium .shop-icon,
.shop-card-admin .shop-icon,
.shop-card-sponsor .shop-icon,
.shop-icon-image-only{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.shop-card-premium .shop-icon img,
.shop-card-admin .shop-icon img,
.shop-card-sponsor .shop-icon img{
  width:58px!important;height:58px!important;filter:drop-shadow(0 10px 20px rgba(0,0,0,.30));
}

/* Skinchanger */
.skinchanger-head{position:relative;overflow:hidden}
.skinchanger-head:after{content:"";position:absolute;inset:auto -10% -60% 42%;height:140px;background:radial-gradient(circle,rgba(225,29,46,.16),transparent 68%);pointer-events:none}
.skinchanger-head-badge{box-shadow:0 8px 24px rgba(225,29,46,.10)}
.skinchanger-tools{padding:9px;border:1px solid rgba(255,255,255,.06);border-radius:14px;background:rgba(255,255,255,.018);box-shadow:0 12px 30px rgba(0,0,0,.12)}
.team-switch-btn{min-width:58px}
.skinchanger-menu{box-shadow:0 18px 42px rgba(0,0,0,.22);background:linear-gradient(180deg,rgba(255,255,255,.02),transparent),var(--card)}
.skinchanger-weapon-item{min-height:38px}
.skinchanger-weapon-item.active{box-shadow:inset 2px 0 0 var(--accent);}
.skin-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:13px}
.skin-pick{border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 42%),var(--card);box-shadow:0 10px 25px rgba(0,0,0,.12);}
.skin-card-media{height:146px;background:radial-gradient(circle at 50% 45%,rgba(225,29,46,.09),transparent 58%),#0a0a0c}
.skin-card-media img{padding:12px;filter:drop-shadow(0 14px 20px rgba(0,0,0,.30));}
.skin-card-info{padding:12px}
.skin-card-info b{font-size:12.5px;min-height:36px}
.skin-card-actions{margin-top:11px}
.skin-select-btn,.skin-customize-btn{min-height:34px;font-size:10px}
.team-tag{padding:4px 7px;border-radius:8px;font-size:9px;background:rgba(8,8,10,.76);}
.team-tag-both{background:rgba(62,207,122,.13);border-color:rgba(62,207,122,.24);color:#72e4a2;}
.skin-pick-active .skin-card-media:after{content:"";position:absolute;inset:0;border:1px solid rgba(225,29,46,.35);border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 35px rgba(225,29,46,.08)}

/* Bans */
.bans-page{max-width:1280px;margin:0 auto}
.bans-head{padding:22px 24px!important;border-radius:18px!important;background:linear-gradient(135deg,rgba(255,255,255,.03),rgba(255,255,255,.01)),var(--card)!important;box-shadow:0 16px 40px rgba(0,0,0,.14)}
.bans-head h1{font-size:26px!important}
.bans-tools{padding-top:2px}
.bans-tabs{border:1px solid rgba(255,255,255,.06)}
.bans-tab{transition:transform .18s ease,background .18s ease,color .18s ease}
.bans-tab:hover{transform:translateY(-1px)}
.bans-list{gap:8px}
.bans-row{padding:13px 15px!important;border-color:rgba(255,255,255,.055)!important;background:linear-gradient(90deg,rgba(255,255,255,.018),rgba(255,255,255,.01))!important;box-shadow:0 8px 20px rgba(0,0,0,.08);transition:transform .18s ease,border-color .18s ease,background .18s ease!important}
.bans-row:hover{transform:translateX(2px);border-color:rgba(255,255,255,.12)!important;background:rgba(255,255,255,.035)!important}
.bans-avatar{border:1px solid rgba(255,255,255,.08)}
.bans-status-pill{padding:5px 8px;border-radius:8px;background:rgba(225,29,46,.07);border:1px solid rgba(225,29,46,.10)}
.bans-status-pill:not(.is-active){color:var(--text-muted);background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.06)}

/* Rules */
.rules-layout{grid-template-columns:220px minmax(0,1fr);gap:16px}
.rules-menu{padding:8px;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent),var(--card);box-shadow:0 16px 35px rgba(0,0,0,.15)}
.rules-menu-item{min-height:42px;padding:10px 12px;border:1px solid transparent;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}
.rules-menu-item:hover{transform:translateX(2px)}
.rules-menu-item.active{border-color:rgba(225,29,46,.18);box-shadow:inset 2px 0 0 var(--accent)}
.rules-section{display:block!important;opacity:0;height:0;overflow:hidden;pointer-events:none;transform:translateY(8px);filter:blur(2px)}
.rules-section.active{height:auto;opacity:1;overflow:visible;pointer-events:auto;transform:none;filter:none;transition:opacity .24s ease,transform .24s ease,filter .24s ease}
.rules-section.tab-leave{height:0!important}
.rule-item{padding:18px;margin-bottom:11px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.022),transparent),var(--card);box-shadow:0 10px 28px rgba(0,0,0,.10);transition:transform .18s ease,border-color .18s ease,background .18s ease}
.rule-item:hover{transform:translateX(2px);border-color:rgba(255,255,255,.11)}
.rule-num{width:42px;flex-basis:42px;padding-top:2px;font-size:17px}
.rule-text{font-size:13.5px;line-height:1.62}
.rule-punishment{display:inline-flex;padding:5px 8px;border-radius:8px;background:rgba(111,168,255,.09);border:1px solid rgba(111,168,255,.12);font-size:11px}

/* Profile */
.profile-hero{border-radius:22px!important;background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(255,255,255,.008)),var(--card)!important;box-shadow:0 22px 55px rgba(0,0,0,.18)!important}
.profile-hero.has-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 20%,rgba(225,29,46,.13),transparent 38%),linear-gradient(180deg,rgba(5,5,7,.05),rgba(5,5,7,.28));pointer-events:none}
.profile-hero-inner{position:relative;z-index:2}
.profile-avatar{box-shadow:0 16px 35px rgba(0,0,0,.34)!important}
.profile-identity h2{letter-spacing:-.03em}
.profile-links .icon-btn{width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.03)}
.profile-tabs{margin:0 0 16px!important;box-shadow:0 12px 28px rgba(0,0,0,.10)}
.profile-tab{position:relative;overflow:hidden}
.profile-tab:after{content:"";position:absolute;left:12px;right:12px;bottom:5px;height:2px;border-radius:99px;background:var(--accent);transform:scaleX(0);transform-origin:center;transition:transform .22s ease}
.profile-tab.active:after{transform:scaleX(1)}
.profile-inventory{border-radius:22px!important}
.inv-card{border-radius:16px!important;background:linear-gradient(180deg,rgba(255,255,255,.026),transparent 44%),#121216!important;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important}
.inv-card:hover{transform:translateY(-4px)!important;box-shadow:0 18px 35px rgba(0,0,0,.20)!important}
.inv-card-media{height:126px!important}
.inv-card-media img{filter:drop-shadow(0 12px 18px rgba(0,0,0,.28));transition:transform .25s ease}
.inv-card:hover .inv-card-media img{transform:scale(1.05)}
.settings-card{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.settings-card:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.11)!important;box-shadow:0 18px 35px rgba(0,0,0,.14)}
.bg-option{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important}
.bg-option:hover{transform:translateY(-2px)}

/* Admin: simpler dashboard and clearer menu */
.admin-nav-simple{gap:4px!important}
.admin-nav-group-title{padding:14px 11px 6px;color:rgba(255,255,255,.25);font-size:8px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.admin-nav-advanced-title{margin-top:8px}
.admin-nav-simple .nav-item{min-height:42px!important}
.admin-nav-simple .nav-item span{min-width:0}
.admin-dashboard-head{padding:26px 28px;margin-bottom:16px;border:1px solid rgba(255,255,255,.07);border-radius:20px;background:linear-gradient(135deg,rgba(225,29,46,.08),rgba(255,255,255,.02) 60%),#1c1c20;box-shadow:0 18px 40px rgba(0,0,0,.13)}
.admin-dashboard-head .eyebrow{display:block;margin-bottom:7px;color:rgba(255,255,255,.35);font-size:9px;font-weight:900;letter-spacing:.16em}
.admin-dashboard-head h1{margin:0 0 6px;font-size:27px;letter-spacing:-.03em}
.admin-dashboard-head p{margin:0;color:var(--text-muted);font-size:12px}
.admin-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.admin-quick-card{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:17px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:#1d1d21;box-shadow:0 12px 30px rgba(0,0,0,.10);transition:transform .2s ease,border-color .2s ease,background .2s ease}
.admin-quick-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.14);background:#202024}
.admin-quick-card b{display:block;font-size:13px}
.admin-quick-card span{display:block;margin-top:4px;color:var(--text-muted);font-size:10.5px;line-height:1.35}
.admin-quick-card>strong{color:rgba(255,255,255,.30);font-size:17px;transition:transform .2s ease,color .2s ease}
.admin-quick-card:hover>strong{transform:translateX(3px);color:#fff}
.admin-quick-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:rgba(255,255,255,.05);font-size:17px;font-weight:900}
.admin-quick-icon.danger{color:#ff7981;background:rgba(225,29,46,.10)}
.admin-quick-icon.warn{color:#ffd36d;background:rgba(240,180,41,.10)}
.admin-quick-icon.success{color:#73e1a3;background:rgba(62,207,122,.10)}
.admin-help-card{margin-top:12px;padding:14px 16px;border:1px solid rgba(255,255,255,.06);border-radius:14px;background:rgba(255,255,255,.018);display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:10.5px;line-height:1.45}
.admin-help-card b{color:#fff;font-size:11px}
@media(max-width:760px){
  .admin-quick-grid{grid-template-columns:1fr}
  .admin-help-card{align-items:flex-start;flex-direction:column;gap:3px}
  .skin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}


.content.is-entering{opacity:0!important;transform:translateY(9px) scale(.995)!important;filter:blur(2px)!important}
.skinchanger-section.tab-enter,.skinchanger-section.tab-leave{display:block!important}
.admin-nav-group-title{user-select:none}
@media(max-width:900px){.admin-nav-group-title{display:none!important}}

/* ===== Final UX pass: admin background / compact filters / skin T+CT ===== */
.admin-layout{
  min-height:100vh!important;
  background:
    radial-gradient(900px 500px at -10% -5%,rgba(225,29,46,.07),transparent 50%),
    radial-gradient(760px 460px at 78% -8%,rgba(70,125,255,.07),transparent 58%),
    var(--bg)!important;
}
.admin-layout .main{background:transparent!important;}
.admin-layout .content{background:transparent!important;}
.admin-sidebar{
  background:linear-gradient(180deg,rgba(14,14,18,.96),rgba(9,9,11,.98))!important;
}
.admin-sidebar-head,.admin-brand-copy{display:none!important;}
.admin-side-caption{padding:8px 8px 10px!important;}
.admin-dashboard-head{
  background:linear-gradient(135deg,rgba(225,29,46,.08),rgba(111,168,255,.045) 55%,rgba(255,255,255,.018)),var(--card)!important;
}

/* Compact admin filters: one clean row, readable labels, less wasted space. */
.admin-filter-bar{
  display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:nowrap!important;
  padding:8px!important;margin-bottom:13px!important;border-radius:12px!important;
}
.admin-filter-bar input,.admin-filter-bar select{
  min-width:0!important;height:36px!important;padding:7px 10px!important;border-radius:9px!important;font-size:11px!important;
}
.admin-filter-bar input[name="q"]{flex:1 1 260px!important;}
.admin-filter-bar select{flex:0 0 auto!important;min-width:126px!important;}
.admin-filter-bar input[type="date"]{flex:0 0 132px!important;}
.admin-filter-bar .btn{height:36px!important;padding:0 12px!important;border-radius:9px!important;font-size:11px!important;flex:0 0 auto!important;}
.admin-filter-bar::before{content:'Фильтры';display:flex;align-items:center;height:36px;padding:0 4px 0 6px;color:rgba(255,255,255,.36);font-size:9px;font-weight:900;letter-spacing:.10em;text-transform:uppercase;flex:0 0 auto;}
.logs-filter::before{content:'Поиск';}
@media(max-width:1000px){
  .admin-filter-bar{flex-wrap:wrap!important;}
  .admin-filter-bar::before{width:100%;height:auto;padding:1px 4px 0 3px;}
  .admin-filter-bar input[name="q"]{flex:1 1 220px!important;}
}
@media(max-width:700px){
  .admin-filter-bar select,.admin-filter-bar input[type="date"]{flex:1 1 135px!important;}
}

/* Skinchanger: never show the same weapon skin twice when T and CT rows match. */
.skin-card-media{position:relative;}
.team-tag-both{font-size:9px!important;font-weight:900!important;letter-spacing:.02em;box-shadow:0 5px 14px rgba(62,207,122,.10);}
.skin-pick[data-skin-team="BOTH"] .skin-card-media{background:radial-gradient(circle at 50% 40%,rgba(62,207,122,.10),transparent 58%),#0a0a0c;}
.skin-pick[data-skin-team="BOTH"]{border-color:rgba(62,207,122,.18);}

/* ===== Final refinement: admin filters / skin catalog / profile inventory ===== */
.admin-layout .admin-filter-bar{min-height:0!important;padding:7px!important;gap:6px!important;border-radius:11px!important;}
.admin-layout .admin-filter-bar::before{height:34px!important;padding:0 6px!important;font-size:8px!important;letter-spacing:.12em!important;}
.admin-layout .admin-filter-bar input,.admin-layout .admin-filter-bar select{height:34px!important;padding:6px 9px!important;border-radius:8px!important;font-size:10.5px!important;}
.admin-layout .admin-filter-bar input[name="q"]{flex:0 1 290px!important;width:290px!important;min-width:190px!important;}
.admin-layout .admin-filter-bar select{flex:0 0 148px!important;width:148px!important;min-width:0!important;}
.admin-layout .admin-filter-bar input[type="date"]{flex:0 0 122px!important;width:122px!important;}
.admin-layout .admin-filter-bar .btn{height:34px!important;min-height:34px!important;padding:0 11px!important;border-radius:8px!important;font-size:10px!important}
@media(max-width:900px){.admin-layout .admin-filter-bar{flex-wrap:wrap!important}.admin-layout .admin-filter-bar input[name="q"]{flex:1 1 220px!important;width:auto!important}.admin-layout .admin-filter-bar select,.admin-layout .admin-filter-bar input[type="date"]{flex:1 1 140px!important;width:auto!important}}
.skinchanger-catalog-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 14px;padding:8px;border:1px solid rgba(255,255,255,.06);border-radius:14px;background:rgba(255,255,255,.018);}
.skinchanger-categories{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.skin-filter-btn{appearance:none;border:1px solid transparent;background:transparent;color:rgba(255,255,255,.5);padding:8px 11px;border-radius:9px;font:700 11px/1 Manrope,sans-serif;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}
.skin-filter-btn:hover{color:#fff;background:rgba(255,255,255,.045);transform:translateY(-1px)}
.skin-filter-btn.active{color:#fff;background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.09)}
.skinchanger-search{display:flex;align-items:center;gap:8px;height:36px;min-width:245px;padding:0 11px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:#111114;color:rgba(255,255,255,.35)}
.skinchanger-search svg{width:14px;height:14px;flex:0 0 auto}.skinchanger-search input{width:100%;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:#fff;font:600 11px Manrope,sans-serif;padding:0!important}.skinchanger-search input::placeholder{color:rgba(255,255,255,.32)}
.skinchanger-section.catalog-hidden{display:none!important}.skinchanger-weapon-item[hidden]{display:none!important}.inv-team-both{min-width:36px!important;padding:0 7px!important;background:rgba(62,207,122,.15)!important;color:#72e4a2!important;border:1px solid rgba(62,207,122,.2)!important;box-shadow:0 5px 15px rgba(62,207,122,.08)}
.profile-inventory .inv-card-body{min-height:42px;display:flex;align-items:center}.profile-inventory .inv-card-name{line-height:1.35}
@media(max-width:800px){.skinchanger-catalog-tools{align-items:stretch;flex-direction:column}.skinchanger-search{min-width:0}}
.profile-settings{align-items:stretch}.settings-card{box-shadow:0 14px 32px rgba(0,0,0,.10)!important}.settings-card-discord,.settings-card-background{min-height:0}.settings-card h3{display:flex;align-items:center;gap:8px}.settings-card h3:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(225,29,46,.08);flex:0 0 auto}.settings-card-discord h3:before{background:#7289da;box-shadow:0 0 0 4px rgba(114,137,218,.10)}.settings-row{padding-top:2px}.settings-card .btn{font-weight:800}.bg-picker{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important}.bg-option{height:96px!important}


/* ===== FINAL REQUEST PASS ===== */
/* Admin filters: compact but never collapse the search into a tiny sliver. */
.admin-layout .admin-filter-bar{
  display:grid!important;
  grid-template-columns:minmax(220px,1.6fr) repeat(5,minmax(98px,auto)) auto!important;
  align-items:center!important;
  gap:6px!important;
  padding:8px!important;
  margin-bottom:12px!important;
  min-height:0!important;
  border-radius:12px!important;
}
.admin-layout .admin-filter-bar::before{
  content:none!important;
  display:none!important;
}
.admin-layout .admin-filter-bar input[name="q"]{
  grid-column:auto!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  flex:none!important;
  height:34px!important;
}
.admin-layout .admin-filter-bar select{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  flex:none!important;
  height:34px!important;
}
.admin-layout .admin-filter-bar input[type="date"]{
  width:100%!important;
  min-width:0!important;
  flex:none!important;
  height:34px!important;
}
.admin-layout .admin-filter-bar .btn{
  width:auto!important;
  min-width:76px!important;
  height:34px!important;
  padding:0 11px!important;
}
@media(max-width:1100px){
  .admin-layout .admin-filter-bar{grid-template-columns:minmax(190px,1.4fr) repeat(4,minmax(92px,1fr)) auto!important;}
}
@media(max-width:820px){
  .admin-layout .admin-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .admin-layout .admin-filter-bar input[name="q"]{grid-column:1 / -1!important;}
  .admin-layout .admin-filter-bar .btn{width:100%!important;}
}

/* Skinchanger catalog: clearer side groups, category tabs and search. */
.skinchanger-catalog-tools{
  padding:9px!important;
  gap:10px!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.012)),rgba(255,255,255,.012)!important;
}
.skinchanger-categories{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  padding:3px!important;
  border-radius:12px!important;
  background:rgba(0,0,0,.14)!important;
}
.skin-filter-btn{
  min-height:34px!important;
  padding:0 12px!important;
  border-radius:9px!important;
  border-color:transparent!important;
  color:rgba(255,255,255,.54)!important;
  font-size:10.5px!important;
  transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease!important;
}
.skin-filter-btn span{display:inline-flex;align-items:center;gap:5px;}
.skin-filter-btn b{
  display:inline-grid!important;
  place-items:center!important;
  min-width:19px!important;
  height:19px!important;
  margin-left:5px!important;
  padding:0 5px!important;
  border-radius:6px!important;
  background:rgba(255,255,255,.06)!important;
  color:rgba(255,255,255,.45)!important;
  font-size:9px!important;
}
.skin-filter-btn:hover{background:rgba(255,255,255,.05)!important;color:#fff!important;transform:translateY(-1px)!important;}
.skin-filter-btn.active{
  background:rgba(255,255,255,.10)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.08)!important;
  box-shadow:0 5px 15px rgba(0,0,0,.12)!important;
}
.skin-filter-btn.active b{background:rgba(225,29,46,.16)!important;color:#ff9ca4!important;}
.skinchanger-search{
  min-width:300px!important;
  height:38px!important;
  padding:0 12px!important;
  border-radius:11px!important;
  background:#101013!important;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease!important;
}
.skinchanger-search:focus-within{
  border-color:rgba(225,29,46,.36)!important;
  box-shadow:0 0 0 3px rgba(225,29,46,.08)!important;
  background:#121215!important;
}
.skinchanger-search input{font-size:11.5px!important;}
.skinchanger-menu-top{padding:12px 13px!important;}
.skinchanger-menu-top small{display:block;margin-top:3px;color:rgba(255,255,255,.30);font-size:9px;}
.skinchanger-menu-count{min-width:28px!important;height:24px!important;border-radius:8px!important;}
.skinchanger-side-group{
  margin:6px!important;
  padding:5px!important;
  border:1px solid rgba(255,255,255,.045)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.012)!important;
  transition:border-color .2s ease,background .2s ease,transform .2s ease!important;
}
.skinchanger-side-group:hover{border-color:rgba(255,255,255,.08)!important;background:rgba(255,255,255,.02)!important;}
.skinchanger-cat{
  min-height:34px!important;
  display:grid!important;
  grid-template-columns:24px 1fr auto!important;
  align-items:center!important;
  gap:8px!important;
  padding:4px 7px!important;
}
.skinchanger-cat-icon{
  width:24px!important;height:24px!important;
  display:grid!important;place-items:center!important;
  border-radius:8px!important;
  background:rgba(225,29,46,.09)!important;
  box-shadow:inset 0 0 0 1px rgba(225,29,46,.08)!important;
}
.skinchanger-cat-icon:before{content:'•';color:#ff7d86;font-size:15px;line-height:1;}
.skinchanger-cat strong{font-size:10.5px!important;color:rgba(255,255,255,.82)!important;}
.skinchanger-cat small{font-size:8.5px!important;color:rgba(255,255,255,.30)!important;}
.skinchanger-weapon-item{
  min-height:39px!important;
  margin:2px 0!important;
  border-radius:9px!important;
  transition:background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease!important;
}
.skinchanger-weapon-item:hover{transform:translateX(2px)!important;}
.skinchanger-weapon-item.active{box-shadow:inset 2px 0 0 var(--accent),0 4px 12px rgba(0,0,0,.10)!important;background:rgba(225,29,46,.065)!important;}
.skinchanger-weapon-item .weapon-count{
  min-width:20px!important;height:19px!important;
  padding:0 5px!important;
  border-radius:6px!important;
  background:rgba(255,255,255,.05)!important;
  color:rgba(255,255,255,.36)!important;
  font-size:8px!important;
}
.skin-grid{grid-template-columns:repeat(auto-fill,minmax(215px,1fr))!important;gap:12px!important;}
.skin-pick{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,opacity .2s ease!important;}
.skin-pick:hover{transform:translateY(-3px)!important;box-shadow:0 16px 32px rgba(0,0,0,.16)!important;}
.skin-card-media{height:150px!important;}

/* Profile should feel like a full dashboard, not a narrow card column. */
.profile-page{max-width:1440px!important;padding:0 4px 18px!important;}
.profile-hero{min-height:290px!important;}
.profile-hero-inner{padding:32px 34px 26px!important;}
.profile-avatar-wrap{width:118px!important;height:118px!important;border-radius:22px!important;}
.profile-identity h2{font-size:34px!important;}
.profile-links .icon-btn{width:42px!important;height:42px!important;}
.profile-hero-stats{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important;}
.hero-stat{min-height:76px!important;padding:12px 14px!important;border-radius:16px!important;}
.hero-stat b{font-size:22px!important;}
.profile-tabs{margin-top:2px!important;padding:6px!important;border-radius:15px!important;}
.profile-tab{padding:11px 18px!important;font-size:12px!important;}
.profile-inventory{padding:24px!important;border-radius:22px!important;}
.profile-inventory-title{font-size:16px!important;}
.profile-inventory-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;gap:14px!important;}
.inv-card{border-radius:16px!important;}
.inv-card-media{height:150px!important;}
.inv-card-body{padding:11px 13px 13px!important;min-height:52px!important;}
.inv-card-name{font-size:12.5px!important;}
.profile-settings{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;}
.settings-card{padding:25px!important;min-height:230px!important;border-radius:20px!important;}
.settings-intro{padding:24px 26px!important;border-radius:20px!important;}
.settings-intro h3{font-size:24px!important;}
.bg-picker{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))!important;gap:12px!important;}
.bg-option{height:118px!important;border-radius:15px!important;}

/* Profile tab switching animation. */
.profile-tabs .profile-tab{transition:background .22s ease,color .22s ease,transform .22s ease,box-shadow .22s ease!important;}
.profile-tabs .profile-tab:hover{transform:translateY(-1px)!important;}
.profile-inventory,.profile-settings{animation:profilePanelIn .28s ease both;}
@keyframes profilePanelIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* Remove obsolete combined-team skin styling from the main catalog. */
.skinchanger-section .team-tag-both,.skin-pick[data-skin-team="BOTH"]{display:none!important;}

@media(max-width:900px){
  .profile-hero-inner{padding:22px 20px 20px!important;}
  .profile-avatar-wrap{width:100px!important;height:100px!important;}
  .profile-identity h2{font-size:28px!important;}
  .profile-hero-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .profile-settings{grid-template-columns:1fr!important;}
}
@media(max-width:700px){
  .skinchanger-search{min-width:0!important;width:100%!important;}
  .skinchanger-categories{width:100%!important;overflow:auto!important;}
  .skin-filter-btn{white-space:nowrap!important;}
  .profile-inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .profile-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}


/* ===== Skin previews / profile staff info ===== */
.skin-card-media img,.inv-card-media img{user-select:none;-webkit-user-drag:none;}
.skin-card-media img.skin-image-failed{opacity:.45;filter:grayscale(1);}
.profile-info-btn{appearance:none;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.045);color:var(--text);padding:7px 10px;border-radius:9px;font:700 10.5px/1 Manrope,sans-serif;cursor:pointer;transition:.16s ease;}
.profile-info-btn:hover{background:rgba(225,29,46,.10);border-color:rgba(225,29,46,.30);transform:translateY(-1px)}
.profile-info-modal{max-width:980px;width:calc(100vw - 32px);max-height:calc(100vh - 40px);overflow:auto;}
.profile-info-loading{padding:32px;text-align:center;color:var(--text-muted);}
.profile-info-body{display:block}
.profile-info-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;margin-bottom:12px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(255,255,255,.025)}
.profile-info-person{display:flex;align-items:center;gap:10px;min-width:0}.profile-info-person img{width:40px;height:40px;border-radius:10px;object-fit:cover}.profile-info-person div{min-width:0}.profile-info-person b{display:block;font-size:13px}.profile-info-person span{display:block;margin-top:3px;color:var(--text-muted);font-size:9.5px}
.profile-info-role{padding:6px 9px;border-radius:8px;background:rgba(225,29,46,.10);border:1px solid rgba(225,29,46,.22);color:#ffadb3;font-size:10px;font-weight:800;white-space:nowrap}
.profile-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.profile-info-card{border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.018);padding:13px}.profile-info-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:11px}.profile-info-card-head b{font-size:13px}.profile-info-card-head span{color:var(--text-muted);font-size:9.5px}.profile-info-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:14px}.profile-info-kpis>div{padding:9px 7px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:rgba(0,0,0,.13);text-align:center}.profile-info-kpis b{display:block;font-size:17px;font-weight:800}.profile-info-kpis span{display:block;margin-top:3px;color:var(--text-muted);font-size:8.5px}.profile-info-section-title{margin:10px 0 7px;color:var(--text-muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.profile-info-list{display:flex;flex-direction:column;gap:6px}.profile-info-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 9px;border:1px solid rgba(255,255,255,.055);border-radius:9px;background:rgba(255,255,255,.02);font-size:10px}.profile-info-row b{font-size:11px}.profile-info-row.stacked{display:block}.profile-info-row.stacked span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-info-row.stacked small{display:block;margin-top:3px;color:var(--text-muted);font-size:8.5px}.profile-info-empty{padding:10px;color:var(--text-muted);font-size:9.5px;text-align:center;border:1px dashed rgba(255,255,255,.07);border-radius:9px}
@media(max-width:760px){.profile-info-grid{grid-template-columns:1fr}.profile-info-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-info-summary{align-items:flex-start;flex-direction:column}.profile-info-role{align-self:flex-start}}


/* ===== Skinchanger critical layout/button fixes ===== */
.skin-card-media{
  position:relative!important;
  height:140px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.06),transparent 58%),#0c0c10!important;
}
.skin-card-media img{
  position:relative!important;
  z-index:2!important;
  max-width:88%!important;
  max-height:88%!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
  display:block!important;
  pointer-events:none!important;
}
.skin-card-glow{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:radial-gradient(circle at 50% 70%,rgba(225,29,46,.12),transparent 55%)!important;
  opacity:.7!important;
}
.skin-card-info{
  position:relative!important;
  z-index:3!important;
  padding:10px 11px 12px!important;
}
.skin-card-actions{
  display:flex!important;
  gap:6px!important;
  margin-top:10px!important;
  position:relative!important;
  z-index:4!important;
}
.skin-select-btn,
.skin-customize-btn{
  flex:1!important;
  min-height:34px!important;
  padding:8px 6px!important;
  border:1px solid var(--border)!important;
  border-radius:8px!important;
  font-size:11px!important;
  font-weight:700!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  position:relative!important;
  z-index:5!important;
}
.skin-select-btn{
  background:rgba(198,40,40,.85)!important;
  border-color:rgba(198,40,40,.5)!important;
  color:#fff!important;
}
.skin-select-btn.is-selected,
.skin-pick-active .skin-select-btn{
  background:rgba(255,255,255,.08)!important;
  border-color:var(--border)!important;
  color:var(--text-soft)!important;
}
.skin-customize-btn{
  background:rgba(255,255,255,.04)!important;
  color:var(--text-soft)!important;
}
.skin-select-btn:hover,
.skin-customize-btn:hover{
  filter:brightness(1.08);
}
.skinchanger-layout{
  display:grid!important;
  grid-template-columns:220px minmax(0,1fr)!important;
  gap:16px!important;
  align-items:start!important;
}
.skinchanger-menu{
  position:sticky!important;
  top:80px!important;
  max-height:calc(100vh - 100px)!important;
  overflow:auto!important;
}
.skinchanger-section{display:none!important}
.skinchanger-section.active{display:block!important}
.skinchanger-tools{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:0 0 14px!important;
  flex-wrap:wrap!important;
}
.skinchanger-head h1{font-size:22px!important;margin:0 0 4px!important}
.skinchanger-head p{margin:0!important;color:var(--text-muted)!important;font-size:13px!important}

.chat-toggle img{
  width:22px!important;height:22px!important;display:block!important;
  pointer-events:none!important;user-select:none!important;
}
.btn-steam img,
.chat-login-btn img,
a[href="/auth/steam"] img{
  width:18px!important;height:18px!important;
  margin-right:6px!important;vertical-align:middle!important;
  pointer-events:none!important;
}

/* ===== Simpler skinchanger ===== */
.skinchanger-head{margin:0 0 14px!important;padding:0!important;border:0!important;background:none!important}
.skinchanger-head h1{font-size:20px!important;font-weight:700!important;margin:0!important}
.skinchanger-head p{display:none!important}
.skinchanger-head-badge{display:none!important}
.skinchanger-layout{
  display:grid!important;
  grid-template-columns:200px minmax(0,1fr)!important;
  gap:14px!important;
}
.skinchanger-menu{
  padding:8px!important;
  border:1px solid rgba(255,255,255,.06)!important;
  border-radius:12px!important;
  background:#121216!important;
  box-shadow:none!important;
}
.skinchanger-menu-top{
  padding:6px 8px!important;
  font-size:11px!important;
  font-weight:600!important;
  letter-spacing:0!important;
  text-transform:none!important;
  color:var(--text-muted)!important;
}
.skinchanger-cat,
.skinchanger-side-group-title{
  padding:10px 8px 4px!important;
  font-size:11px!important;
  font-weight:600!important;
  letter-spacing:0!important;
  text-transform:none!important;
  color:var(--text-muted)!important;
}
.skinchanger-side-group{
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  border-radius:0!important;
}
.skinchanger-weapon-item{
  padding:7px 8px!important;
  border-radius:8px!important;
  border:0!important;
  font-size:13px!important;
  background:transparent!important;
}
.skinchanger-weapon-item:hover{
  background:rgba(255,255,255,.04)!important;
  transform:none!important;
}
.skinchanger-weapon-item.active{
  background:rgba(198,40,40,.12)!important;
  color:#fff!important;
  box-shadow:none!important;
  border:0!important;
}
.skinchanger-weapon-item .weapon-count{
  opacity:.45!important;
  font-size:11px!important;
}
.skinchanger-catalog-tools{
  border:0!important;
  background:transparent!important;
  padding:0!important;
  margin:0 0 12px!important;
}
.skinchanger-tools{margin-bottom:12px!important}
.team-switch{
  box-shadow:none!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:#121216!important;
}
.team-switch-btn{font-weight:600!important}
.skin-filter-btn{
  border-radius:8px!important;
  font-weight:600!important;
}
.skinchanger-section-head h2{font-size:16px!important;font-weight:700!important}
.skinchanger-section-head span{font-size:12px!important}
.skin-pick,.skin-card{
  box-shadow:none!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:12px!important;
  animation:none!important;
}
.skin-pick:hover{transform:none!important;border-color:rgba(255,255,255,.14)!important;box-shadow:none!important}
.skin-card-glow{opacity:.35!important}

/* ===== Simpler admin ===== */
.admin-layout .sidebar,
body.admin-page .sidebar,
.layout-admin .sidebar{
  box-shadow:none!important;
}
.admin-layout .nav-item,
.admin-layout a.nav-item{
  border-radius:8px!important;
  font-weight:600!important;
}
.admin-layout .nav-item:hover{transform:none!important}
.admin-layout .content{
  padding:20px 22px!important;
}
.admin-layout .page-header h1,
.admin-layout h1{
  font-size:20px!important;
  font-weight:700!important;
}
.admin-layout .card,
.admin-layout .stat-card,
.admin-layout .stat-box{
  box-shadow:none!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:12px!important;
  background:#141418!important;
}
.admin-layout .stat-card:hover,
.admin-layout .card:hover{
  transform:none!important;
}
.admin-layout table{
  border-collapse:collapse!important;
}
.admin-layout th{
  font-size:11px!important;
  font-weight:600!important;
  text-transform:none!important;
  letter-spacing:0!important;
  color:var(--text-muted)!important;
}
.admin-layout td{font-size:13px!important}
.admin-layout .btn{
  border-radius:8px!important;
  font-weight:600!important;
}
.admin-layout .btn:hover{transform:none!important}

/* ===== v2: статус игрока, бан, меню шестерёнки ===== */
.profile-hero{overflow:visible!important}
.profile-bg-video,.profile-bg-shade{border-radius:inherit}
.profile-avatar-col{display:flex;flex-direction:column;align-items:center;gap:8px;flex:0 0 auto}
.profile-ban{max-width:150px;padding:4px 8px;border-radius:6px;background:rgba(225,29,46,.16);border:1px solid rgba(225,29,46,.4);color:#ff8a94;font-size:11px;font-weight:600;line-height:1.3;text-align:center}
.profile-status{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 6px;color:var(--text-muted);font-size:13px}
.profile-status b{color:var(--text);font-weight:600}
.profile-status.is-playing{color:var(--success)}
.profile-status.is-playing b{color:#fff}
.profile-connect{padding:4px 11px;border-radius:6px;background:var(--accent);color:#fff;font-size:12px;font-weight:600}
.profile-connect:hover{background:var(--accent-hover)}
.profile-gear-wrap{position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:20}
.profile-gear-wrap .profile-gear{position:static!important;transform:none!important}
.profile-gear-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:210px;padding:5px;border:1px solid var(--border-light);border-radius:8px;background:var(--card);box-shadow:0 10px 30px rgba(0,0,0,.5)}
.profile-gear-menu[hidden]{display:none}
.profile-gear-menu button{display:block;width:100%;padding:9px 11px;border-radius:6px;background:none;color:var(--text-soft);font-size:13px;text-align:left;cursor:pointer}
.profile-gear-menu button:hover{background:var(--card-hover);color:#fff}
.profile-hero-top{padding-right:60px!important}

/* ===== v2: убрать «сгенерированный» вид ===== */
/* градиенты и свечения -> плоские поверхности */
.layout{background:var(--bg)!important}
.page-header,.profile-hero,.admin-quick-card,.stat-card,.card,.settings-card,.profile-info-card,.rating-spotlight-card{background-image:none!important;box-shadow:none!important}
.page-header,.profile-hero{background-color:var(--card)!important}
.online-dot{box-shadow:none!important;animation:none!important}
.online-badge,.user-chip,.balance-plus-btn{box-shadow:none!important}
.online-indicator{box-shadow:none!important}
/* без анимаций появления и подпрыгиваний при наведении */
.content{animation:none!important}
.nav-item:hover,.sidebar-footer a:hover,.server-card:hover,.balance-plus-btn:hover,.profile-info-btn:hover,.btn:hover,.card:hover,.stat-card:hover,.admin-quick-card:hover,.inv-card:hover,.rating-spotlight-card:hover{transform:none!important}
.server-card:hover{box-shadow:none!important}
/* единые скругления, без «пилюль» и капса с разрядкой */
.page-header,.profile-hero,.server-card,.settings-card,.profile-info-card{border-radius:12px!important}
.nav-item,.user-chip,.user-dropdown,.admin-quick-card,.stat-card,.card,.inv-card{border-radius:8px!important}
.nav-section,.group-title,.admin-nav-group-title{letter-spacing:.04em!important;text-transform:none!important;font-size:11px!important;font-weight:500!important}
.profile-identity h2,.page-header h1{letter-spacing:0!important}
/* один шрифт на весь сайт */
body,button,input,textarea,select,.page-header h1,.sidebar-brand .brand-text b,.profile-identity h2,.profile-info-btn{font-family:'Rubik',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif!important}
/* админка: иконки быстрых действий */
.admin-quick-icon svg{width:18px;height:18px}
.admin-quick-card{padding:14px 16px}

/* ===== v3: меню шестерёнки не перекрывается кнопкой ===== */
#profileAdminGear,.profile-hero .profile-gear-wrap #profileAdminGear{position:static!important;right:auto!important;top:auto!important;transform:none!important}
.profile-gear-wrap{right:0!important}
.profile-gear-menu{width:max-content;min-width:220px;z-index:30}
.profile-gear-menu button{white-space:nowrap}

/* ===== v3: скинченджер без эффектов ===== */
.skinchanger-layout *,.skinchanger-layout *::before,.skinchanger-layout *::after,
.skin-customizer-modal *{transition:none!important;animation:none!important;box-shadow:none!important;text-shadow:none!important;backdrop-filter:none!important;filter:none!important}
.skinchanger-layout .skin-card:hover,.skinchanger-layout .skin-card:hover *,.skinchanger-layout button:hover,.skinchanger-layout .skinchanger-weapon-item:hover{transform:none!important}
.skin-card,.skinchanger-menu,.skinchanger-content,.customize-panel,.skinchanger-weapon-item,.skinchanger-filter-pill,.team-switch,.team-switch-btn,.skin-select-btn,.skin-customize-btn,.skin-filter-btn,.skinchanger-search{background-image:none!important;border-radius:6px!important}
.skin-card{background:var(--card)!important;border:1px solid var(--border)!important}
.skin-card:hover{border-color:var(--border-light)!important}
.skin-card-media{background:#0d0d10!important;height:140px!important}
.skin-card-media img,.skin-card:hover .skin-card-media img{transform:none!important}
.skin-card-glow{display:none!important}
.skinchanger-weapon-item.active,.skinchanger-cat.active,.skin-card.active,.skin-card.selected{background:var(--accent-soft)!important;border-color:var(--accent)!important}

/* ===== v4: чат — компактный ввод и иконка отправки ===== */
.chat-input{display:flex!important;align-items:center!important;gap:6px!important;padding:8px!important}
.chat-input input{flex:1 1 auto!important;min-width:0!important;height:36px!important;min-height:0!important;padding:0 11px!important;font-size:13px!important;border-radius:8px!important}
.chat-send-btn{flex:0 0 36px;width:36px;height:36px;padding:0;display:grid;place-items:center;border-radius:8px;background:var(--accent);color:#fff;cursor:pointer}
.chat-send-btn:hover{background:var(--accent-hover)}
.chat-send-btn svg{width:17px;height:17px}

/* ===== v4: меню пользователя — SVG-иконки ===== */
.user-dropdown a svg.dropdown-icon{width:18px;height:18px;flex:0 0 18px;color:var(--text-muted)}
.user-dropdown a:hover svg.dropdown-icon,.user-dropdown a.dropdown-strong svg.dropdown-icon{color:currentColor}
.user-dropdown a.dropdown-strong{color:var(--accent-hover)}

/* ===== v4: блокировки — компактная шапка ===== */
.bans-head{padding:12px 14px!important;margin-bottom:12px!important;border-radius:10px!important;background:var(--card)!important;box-shadow:none!important}
.bans-head h1{font-size:18px!important;margin:0 0 10px!important;font-weight:600!important}
.bans-tools{gap:8px!important}
.bans-tabs{padding:2px!important;border-radius:8px!important}
.bans-tab{padding:6px 14px!important;font-size:13px!important;border-radius:6px!important}
.bans-search{height:34px!important;min-height:0!important;padding:0 10px!important;border-radius:8px!important;gap:6px!important}
.bans-search input{height:32px!important;padding:0!important;font-size:13px!important}
.bans-row{background:var(--card)!important;box-shadow:none!important;border-radius:8px!important}
.bans-row:hover{transform:none!important;background:var(--card-hover)!important}

/* ===== v4: скинченджер — верхняя панель и каталог ===== */
.skinchanger-head:after{display:none!important}
.skinchanger-tools{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:0!important;border:0!important;background:none!important;margin:0 0 10px!important}
.team-switch{display:inline-flex!important;padding:2px!important;border:1px solid var(--border)!important;border-radius:8px!important;background:var(--card)!important}
.team-switch-btn{padding:6px 14px!important;font-size:13px!important;font-weight:500!important;background:none!important;color:var(--text-muted)!important;border:0!important}
.team-switch-btn.active{background:var(--card-hover)!important;color:#fff!important}
.skinchanger-actions .btn{height:34px!important;padding:0 12px!important;font-size:13px!important;border-radius:8px!important}
.skinchanger-catalog-tools{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;padding:0!important;border:0!important;background:none!important;margin:0 0 12px!important}
.skinchanger-categories{display:flex!important;gap:6px!important;flex:1 1 auto;min-width:0;overflow-x:auto}
.skin-filter-btn{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 11px!important;border:1px solid var(--border)!important;background:var(--card)!important;color:var(--text-soft)!important;font-size:13px!important;font-weight:500!important}
.skin-filter-btn b{background:none!important;color:var(--text-muted)!important;font-size:12px!important;font-weight:500!important;padding:0!important}
.skin-filter-btn.active{border-color:var(--accent)!important;color:#fff!important;background:var(--accent-soft)!important}
.skinchanger-search{flex:1 1 220px!important;min-width:0!important;height:34px!important;padding:0 10px!important}
.skinchanger-layout{grid-template-columns:200px minmax(0,1fr)!important}
.skinchanger-content{min-width:0!important}
.skin-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important;gap:10px!important}
.skinchanger-filter-pill{padding:4px 9px!important;font-size:12px!important}
.team-tag-both{display:none!important}
/* каталог: простой список */
.skinchanger-menu{padding:6px!important;border:1px solid var(--border)!important;border-radius:8px!important;background:var(--card)!important;box-shadow:none!important}
.skinchanger-menu-top{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:6px 8px 8px!important;font-size:13px!important;font-weight:600!important;color:var(--text)!important}
.skinchanger-menu-top small{display:none!important}
.skinchanger-menu-count{background:none!important;border:0!important;padding:0!important;color:var(--text-muted)!important;font-size:12px!important;font-weight:400!important}
.skinchanger-side-group{margin-top:8px!important}
.skinchanger-cat{display:flex!important;align-items:center!important;gap:6px!important;padding:6px 8px 4px!important;border:0!important;background:none!important;border-radius:0!important}
.skinchanger-cat-icon{display:none!important}
.skinchanger-cat strong{font-size:11px!important;font-weight:500!important;color:var(--text-muted)!important;text-transform:uppercase!important;letter-spacing:.05em!important}
.skinchanger-cat small{margin-left:auto!important;font-size:11px!important;color:var(--text-muted)!important;font-weight:400!important}
.skinchanger-weapon-item{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;padding:7px 8px!important;border:0!important;border-left:2px solid transparent!important;border-radius:0 6px 6px 0!important;background:none!important;color:var(--text-soft)!important;font-size:13px!important;font-weight:400!important;text-align:left!important}
.skinchanger-weapon-item:hover{background:rgba(255,255,255,.04)!important;color:#fff!important}
.skinchanger-weapon-item.active{border-left-color:var(--accent)!important;background:rgba(255,255,255,.06)!important;color:#fff!important}
.weapon-count{background:none!important;border:0!important;padding:0!important;color:var(--text-muted)!important;font-size:11px!important;min-width:0!important}

/* ===== v4: ТЕЛЕФОН (последний блок, перекрывает всё выше) ===== */
@media(max-width:900px){
  html,body{overflow-x:hidden}
  :root{--bottom-nav:56px}
  input,select,textarea{font-size:16px}
  .chat-input input{font-size:16px!important}

  /* нижнее меню */
  .layout{padding-bottom:calc(var(--bottom-nav) + env(safe-area-inset-bottom,0px))!important}
  .layout:not(.admin-layout) .sidebar{height:calc(var(--bottom-nav) + env(safe-area-inset-bottom,0px))!important;padding:4px 4px env(safe-area-inset-bottom,0px)!important;background:#0d0d10!important;backdrop-filter:none!important;border-top:1px solid var(--border)!important}
  .layout:not(.admin-layout) .nav-item{flex:1 1 0!important;min-width:0!important;padding:4px 1px!important;gap:3px!important;font-size:9.5px!important;font-weight:500!important;letter-spacing:0!important;line-height:1.1!important;white-space:nowrap;overflow:hidden;text-overflow:clip;border:0!important;border-radius:6px!important;background:none!important;color:var(--text-muted)!important}
  .layout:not(.admin-layout) .nav-item.active{color:#fff!important;box-shadow:inset 0 2px 0 var(--accent)!important;border-radius:0!important}
  .layout:not(.admin-layout) .nav-item img.nav-icon{width:20px!important;height:20px!important}

  /* верхняя панель */
  .topbar{position:sticky;top:0;z-index:60;min-height:46px!important;padding:7px 12px!important;gap:8px!important;background:#0a0a0c!important;backdrop-filter:none!important;box-shadow:none!important}
  .online-badge{padding:5px 9px!important;font-size:11px!important;border-radius:6px!important}
  .user-chip{padding:2px!important;border-radius:8px!important}
  .user-chip-identity{padding:2px 6px 2px 2px!important}
  .user-chip-identity img{width:28px!important;height:28px!important}
  .user-chip-identity b{display:none!important}
  .user-chip-balance{display:block!important;padding:4px 8px!important;font-size:12px!important}
  .balance-plus-btn{width:28px!important;height:28px!important;border-radius:6px!important}
  .user-dropdown{width:210px!important}
  .topbar .btn{height:34px;padding:0 12px;font-size:13px}

  /* контент */
  .content{padding:12px 12px 20px!important}
  .page-header{padding:14px!important;margin-bottom:12px!important;flex-wrap:wrap}
  .page-header h1{font-size:20px!important}

  /* чат — нижняя шторка */
  .site-chat,#siteChat{position:fixed!important;left:0!important;right:0!important;top:auto!important;bottom:calc(var(--bottom-nav) + env(safe-area-inset-bottom,0px))!important;width:100%!important;height:min(60vh,440px)!important;max-height:none!important;border-radius:12px 12px 0 0!important;z-index:300!important}
  .chat-toggle,.chat-toggle:hover{right:10px!important;bottom:calc(var(--bottom-nav) + env(safe-area-inset-bottom,0px) + 10px)!important;width:44px!important;height:44px!important;border:0!important;border-radius:50%!important;z-index:290!important}
  .chat-toggle svg{width:20px;height:20px;margin:auto}

  /* главная */
  .server-card{min-height:92px!important;padding:14px!important;border-radius:10px!important}
  .server-title-line strong{font-size:16px!important}
  .server-card-meta{margin-top:8px!important;font-size:13px!important}
  .grid-3{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
  .stat-card{flex-direction:column!important;align-items:flex-start!important;gap:2px!important;padding:10px!important}
  .stat-card svg{display:none!important}

  /* профиль */
  .profile-hero{padding:14px!important}
  .profile-hero-top{flex-wrap:wrap!important;align-items:flex-start!important;gap:12px!important;padding-right:44px!important}
  .profile-avatar-wrap{width:72px!important;height:72px!important;border-radius:14px!important}
  .profile-identity{flex:1 1 0!important;min-width:0!important}
  .profile-identity h2{font-size:20px!important;margin:0 0 8px!important;overflow-wrap:anywhere}
  .profile-hero-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
  .hero-stat{min-height:54px!important}
  .profile-gear-wrap{top:0!important;transform:none!important}
  .profile-gear{width:36px!important;height:36px!important}
  .profile-inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}

  /* блокировки */
  .bans-search,.bans-tabs{flex:1 1 100%!important}
  .bans-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px 10px!important;padding:10px 12px!important}

  /* скинченджер */
  .skinchanger-layout{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
  .skinchanger-menu{position:static!important;max-height:none!important;display:flex!important;gap:6px!important;overflow-x:auto!important;padding:6px!important}
  .skinchanger-menu-top,.skinchanger-cat{display:none!important}
  .skinchanger-side-group{display:contents!important}
  .skinchanger-weapon-item{flex:0 0 auto!important;width:auto!important;gap:6px!important;white-space:nowrap!important;border:1px solid var(--border)!important;border-radius:6px!important}
  .skinchanger-weapon-item.active{border-color:var(--accent)!important}
  .skin-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .skin-card-media{height:110px!important}
  .skin-card-actions{gap:6px!important}
  .skin-card-actions .btn,.skin-card-actions button{font-size:12px!important;padding:0 6px!important}
  .team-switch{flex:1 1 auto}
  .team-switch-btn{flex:1}

  /* модалки */
  .modal{max-width:calc(100vw - 20px)!important;max-height:calc(100vh - 24px)!important;overflow:auto}
}

/* ===== v4: АДМИНКА на телефоне ===== */
@media(max-width:900px){
  .admin-layout{padding-bottom:0!important;flex-direction:column!important}
  .admin-layout .sidebar{position:sticky!important;top:0!important;bottom:auto!important;left:0!important;right:0!important;width:100%!important;height:auto!important;flex:0 0 auto!important;flex-direction:row!important;align-items:center!important;gap:6px!important;padding:6px 8px!important;overflow-x:auto!important;border:0!important;border-bottom:1px solid var(--border)!important;background:#0d0d10!important;backdrop-filter:none!important;z-index:100!important}
  .admin-layout .admin-nav-simple{display:flex!important;flex-direction:row!important;width:auto!important;flex:0 0 auto!important;justify-content:flex-start!important;gap:4px!important}
  .admin-layout .admin-nav-group-title{display:none!important}
  .admin-layout .nav-item{flex:0 0 auto!important;flex-direction:row!important;gap:6px!important;padding:8px 11px!important;font-size:13px!important;white-space:nowrap}
  .admin-layout .nav-item svg{width:16px!important;height:16px!important}
  .admin-layout .admin-sidebar-footer{display:block!important;flex:0 0 auto;margin:0 0 0 auto;padding:0;border:0}
  .admin-layout .admin-back-site{display:flex;align-items:center;gap:6px;padding:8px 10px;font-size:13px;white-space:nowrap}
  .admin-layout .admin-back-site small{display:none}
  .admin-layout .main{width:100%!important}
  .admin-layout .content{padding:12px!important}
  .admin-layout .page-header{align-items:stretch!important}
  .admin-layout .page-header .btn{width:100%}
  .admin-layout .grid,.admin-manage-grid{grid-template-columns:1fr!important}
  .table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  .table-wrap table{min-width:680px}
  .admin-layout .admin-filter-bar{grid-template-columns:1fr 1fr!important}
  .admin-layout .admin-filter-bar input[name="q"]{grid-column:1/-1!important}
  .admin-layout .admin-filter-bar .btn{grid-column:1/-1;width:100%!important}
  .manage-row{flex-wrap:wrap}
}

/* ===== v5: единая шапка страницы (магазин, рейтинг, блокировки, скинченджер, правила, поддержка) ===== */
.page-header,.bans-head,.skinchanger-head{
  box-sizing:border-box!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;
  gap:10px 16px!important;min-height:64px!important;margin:0 0 14px!important;padding:10px 20px!important;
  border:1px solid var(--border)!important;border-radius:10px!important;background:var(--card)!important;background-image:none!important;box-shadow:none!important;overflow:visible!important
}
.page-header h1,.bans-head h1,.skinchanger-head h1{margin:0!important;font-size:20px!important;font-weight:600!important;line-height:1.2!important;letter-spacing:0!important}
.page-header p,.skinchanger-head p{display:none!important}
.page-header>div,.bans-head>div{min-width:0}
.page-header:after,.page-header:before,.bans-head:after,.skinchanger-head:after{display:none!important}
.bans-head .bans-tools{margin:0!important;padding:0!important}

/* ===== v5: ТЕЛЕФОН — исправления нижнего меню и чата ===== */
@media(max-width:900px){
  html,body{max-width:100%}
  .layout,.main{max-width:100%!important;min-width:0!important}
  .page-header,.bans-head,.skinchanger-head{min-height:56px!important;padding:8px 14px!important}

  /* нижнее меню: на всю ширину, без боковых отступов под чат */
  .layout:not(.admin-layout) .sidebar,body.chat-open .layout:not(.admin-layout) .sidebar{
    left:0!important;right:0!important;width:auto!important;max-width:none!important;margin:0!important;flex:none!important;
    display:flex!important;transform:none!important;
  }
  .layout:not(.admin-layout) .sidebar-nav{width:100%!important;justify-content:stretch!important}

  /* чат: закрыт — скрыт, открыт — нижняя шторка */
  html body #siteChat{
    position:fixed!important;left:0!important;right:0!important;top:auto!important;
    bottom:calc(var(--bottom-nav) + env(safe-area-inset-bottom,0px))!important;
    width:auto!important;max-width:none!important;margin:0!important;
    height:min(60vh,440px)!important;max-height:none!important;transform:none!important;
    border-radius:12px 12px 0 0!important;z-index:300!important;display:none!important
  }
  html body #siteChat.open,html body.chat-open #siteChat{display:flex!important}
  /* кнопка чата: круглая, у нижнего меню */
  html body .chat-toggle,html body .chat-toggle:hover{
    top:auto!important;left:auto!important;right:10px!important;
    bottom:calc(var(--bottom-nav) + env(safe-area-inset-bottom,0px) + 10px)!important;
    transform:none!important;width:44px!important;height:44px!important;border:0!important;border-radius:50%!important;z-index:290!important
  }
  html body .chat-toggle svg{width:20px;height:20px;margin:auto}
  body.chat-open .chat-toggle{display:none!important}
}


/* =====================================================================
   ПРАВКИ 2026-10-09: чат не сдвигает панель, профиль, админка, шрифт, SVG
   ===================================================================== */

/* ---- 1) чат: ничего не съезжает ------------------------------------ */
html body.chat-open .sidebar,
html body.chat-open .layout .sidebar,
html body.chat-open .layout:not(.admin-layout) .sidebar{
  padding:28px 16px 18px!important;
  margin:0!important;
  transform:none!important;
  flex:0 0 var(--sidebar)!important;
  width:var(--sidebar)!important;
}
/* телефон: боковая панель — нижнее меню, оставляем её родные отступы/высоту */
@media(max-width:900px){
  html body.chat-open .sidebar,
  html body.chat-open .layout .sidebar,
  html body.chat-open .layout:not(.admin-layout) .sidebar{
    padding:4px 4px env(safe-area-inset-bottom,0px)!important;
    height:calc(var(--bottom-nav) + env(safe-area-inset-bottom,0px))!important;
    flex:0 0 auto!important;
    width:100%!important;
    max-width:none!important;
  }
}

/* ---- 2) профиль: кнопки Steam / Discord ---------------------------- */
.profile-links .icon-btn,
html body .profile-links .icon-btn,
html body .profile-links a.icon-btn{
  width:56px!important;
  height:56px!important;
  min-width:56px!important;
  padding:0!important;
  border:0!important;
  border-color:transparent!important;
  border-radius:16px!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:none!important;
}
.profile-links .icon-btn img{
  width:34px!important;
  height:34px!important;
  max-width:34px!important;
  display:block!important;
  object-fit:contain!important;
  filter:drop-shadow(0 5px 12px rgba(0,0,0,.45));
  transition:transform .18s ease,filter .18s ease;
}
.profile-links .icon-btn:hover{
  background:rgba(255,255,255,.06)!important;
  transform:translateY(-3px)!important;
}
.profile-links .icon-btn:hover img{
  transform:scale(1.12);
  filter:drop-shadow(0 8px 16px rgba(0,0,0,.55));
}
@media(max-width:600px){
  .profile-links .icon-btn{ width:48px!important;height:48px!important;min-width:48px!important; }
  .profile-links .icon-btn img{ width:30px!important;height:30px!important;max-width:30px!important; }
}

/* ---- 3) профиль: "Последний вход" ---------------------------------- */
.profile-last-seen{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-top:2px;
  color:var(--text-muted);
  font-size:12px;
  font-weight:600;
}
.profile-last-seen::before{
  content:"";
  width:6px;height:6px;border-radius:50%;
  background:var(--text-muted);
  flex:0 0 6px;
}

/* ---- 4) админ-панель: крупнее -------------------------------------- */
html body .admin-layout .sidebar,
html body .admin-layout .admin-sidebar{
  width:286px!important;
  flex:0 0 286px!important;
  flex-basis:286px!important;
  padding:26px 18px 20px!important;
}
html body .admin-sidebar .sidebar-brand img,
html body .admin-sidebar .sidebar-brand .logo{
  width:52px!important;height:52px!important;flex-basis:52px!important;border-radius:16px!important;
}
html body .admin-sidebar .sidebar-nav{ gap:8px!important; }
html body .admin-layout .admin-sidebar .nav-item,
html body .admin-sidebar .nav-item{
  min-height:54px!important;
  padding:14px 16px!important;
  font-size:14.5px!important;
  font-weight:600!important;
  border-radius:14px!important;
  gap:12px!important;
}
html body .admin-sidebar .nav-item svg{ width:22px!important;height:22px!important; }
html body .admin-sidebar .admin-side-caption,
html body .admin-side-caption{ font-size:10.5px!important;padding:20px 10px 10px!important; }
html body .admin-back-site{ padding:14px!important;border-radius:15px!important; }
html body .admin-back-icon{ width:34px!important;height:34px!important;font-size:18px!important; }
html body .admin-back-site b{ font-size:12.5px!important; }
html body .admin-back-site small{ font-size:10.5px!important; }
html body .admin-layout .content{ padding:40px 44px 64px!important; }
html body .admin-layout .page-header{
  padding:30px 34px!important;
  border-radius:24px!important;
  margin-bottom:26px!important;
}
html body .admin-layout .page-header h1{ font-size:32px!important; }
html body .admin-layout .page-header p{ font-size:14.5px!important; }
html body .admin-layout .card{ padding:24px!important;border-radius:22px!important; }
html body .admin-layout .stat-card{ padding:26px!important;border-radius:20px!important; }
html body .admin-layout .stat-card b{ font-size:28px!important; }
html body .admin-layout .stat-card span{ font-size:13px!important; }
html body .admin-layout table{ font-size:15px!important;min-width:1000px!important; }
html body .admin-layout table th{ padding:16px 20px!important;font-size:12.5px!important;letter-spacing:.06em!important; }
html body .admin-layout table td{ padding:15px 20px!important; }
html body .admin-layout .btn,
html body .admin-layout .btn-sm{
  min-height:46px!important;
  padding:12px 18px!important;
  font-size:14.5px!important;
}
html body .admin-layout input,
html body .admin-layout select,
html body .admin-layout textarea{
  min-height:48px!important;
  padding:12px 14px!important;
  font-size:15px!important;
}
html body .admin-filter-bar{ padding:20px!important;gap:14px!important;border-radius:18px!important; }
html body .admin-filter-bar input{ min-width:320px!important; }
html body .admin-filter-bar select{ min-width:180px!important; }
html body .admin-inline-form{ padding:24px!important;gap:16px!important;border-radius:20px!important; }
html body .admin-manage-grid{ gap:14px!important; }
html body .admin-manage-card{ padding:20px!important;border-radius:18px!important; }
html body .admin-manage-card > span{ font-size:14px!important; }
html body .admin-manage-card input,
html body .admin-manage-card select{ min-height:46px!important;font-size:15px!important; }
html body .admin-manage-card .btn{ min-height:44px!important; }
html body .admin-manage-card small{ font-size:13px!important; }
@media(max-width:900px){
  html body .admin-layout .content{ padding:20px 16px 36px!important; }
  html body .admin-layout .sidebar,
  html body .admin-layout .admin-sidebar{ width:100%!important;flex-basis:auto!important;padding:14px 10px!important; }
}

/* ---- 5) шрифт: растянутый ----------------------------------------- */
:root{
  font-family:'Rubik',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  font-stretch:expanded;
  letter-spacing:.02em;
}
body{
  font-stretch:expanded;
  letter-spacing:.02em;
}
h1,h2,h3,h4,h5,.stat-card b,.hero-stat b,.profile-identity h2,.server-title-line strong,.page-header h1{
  font-stretch:expanded;
  letter-spacing:.015em;
}
.badge,.profile-role,.profile-premium,.online-badge,.rank-chip{ letter-spacing:.03em; }

/* ---- 6) SVG-иконки: аккуратные ------------------------------------ */
svg{
  stroke-width:1.9;
  shape-rendering:geometricPrecision;
}
svg[stroke-width="2"]{ stroke-width:1.9; }
svg[stroke-width="2.5"]{ stroke-width:2.1; }
svg[stroke-width="3"]{ stroke-width:2.2; }
.nav-item svg,.dropdown-icon,.admin-sidebar .nav-item svg{ width:20px;height:20px; }
.chat-toggle svg{ width:24px;height:24px; }
.profile-gear svg{ width:22px;height:22px; }
.server-action svg{ width:20px;height:20px; }
.stat-card svg{ width:30px;height:30px; }
.profile-copy-inv svg,.copy-inventory svg{ width:18px;height:18px; }
.chat-send-btn svg{ width:19px;height:19px; }
.nav-item svg,.server-action svg,.dropdown-icon,.btn svg{ flex:0 0 auto; }

/* ===== ФИНАЛ: чат — оверлей с небольшим сдвигом вёрстки ===== */
html body.chat-open .layout,
html body.chat-open .layout > .main,
html body.chat-open div.layout > div.main,
html body.chat-open .layout .main,
html body.chat-open .main,
html body.chat-open .main > .content,
html body.chat-open .content,
html body.chat-open .main > .footer,
html body.chat-open .footer,
html body.chat-open .topbar,
html body.chat-open .sidebar,
html body.chat-open .page,
html body.chat-open .home-wrap{
  margin-left:0!important;
  margin-right:0!important;
  transform:none!important;
}
/* единственный сдвиг: блок .main отодвигается на ширину чата + зазор.
   Селекторы повторяют самый тяжёлый вариант (div.layout > div.main),
   иначе правило "padding-right:0" с ним же перебивает сдвиг.
   .layout намеренно не трогаем — иначе сдвинулась бы боковая панель. */
html body.chat-open .layout > .main,
html body.chat-open div.layout > div.main,
html body.chat-open .layout .main,
html body.chat-open .main{
  padding-left:0!important;
  padding-right:calc(var(--chat-panel-w) + var(--chat-gap))!important;
  box-sizing:border-box!important;
}
html body:not(.chat-open) .layout > .main,
html body:not(.chat-open) div.layout > div.main,
html body:not(.chat-open) .main{
  padding-right:0!important;
  padding-left:0!important;

}
/* телефон: чат — нижняя шторка, вёрстка не двигается */
@media(max-width:900px){
  html body.chat-open .layout > .main,
  html body.chat-open div.layout > div.main,
  html body.chat-open .layout .main,
  html body.chat-open .main{
    padding-right:0!important;
    padding-left:0!important;
    transition:none!important;
  }
}
/* телефон: чат остаётся нижней шторкой (базовая панель справа не применяется) */
@media(max-width:900px){
  html body .site-chat,
  html body #siteChat,
  html body.chat-open .site-chat,
  html body.chat-open #siteChat{
    position:fixed!important;
    left:0!important;
    right:0!important;
    top:auto!important;
    bottom:calc(var(--bottom-nav) + env(safe-area-inset-bottom,0px))!important;
    width:100%!important;
    max-width:none!important;
    height:min(60vh,440px)!important;
    max-height:none!important;
    border-radius:12px 12px 0 0!important;
    z-index:300!important;
    transform:none!important;
  }
}
/* sidebar при открытом чате остаётся на месте */
html body.chat-open .sidebar{
  padding:28px 16px 18px!important;
}
/* ---- плавные переходы: контент, вкладки, модалки ---- */
@keyframes boberContentIn{
  from{opacity:0;transform:translateY(10px) scale(.995);filter:blur(3px)}
  60%{filter:blur(0)}
  to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
}
@keyframes boberContentOut{
  from{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
  to{opacity:0;transform:translateY(-8px) scale(.995);filter:blur(3px)}
}
/* анимация при каждом открытии страницы (в т.ч. при переключении вкладок) */
.content.page-enter,
.content.is-entering{
  animation:boberContentIn .34s cubic-bezier(.22,.8,.24,1) both;
}
/* страница «уходит» перед SPA-переходом */
.content.is-loading{
  animation:none!important;
  transition:opacity .18s ease,transform .2s ease,filter .2s ease!important;
}
/* профиль: плавная смена вкладок Скинченджер / Настройки */
.profile-tab{
  transition:background .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .18s ease!important;
}
.profile-tab:hover{transform:translateY(-1px)}
.profile-tab.active{
  box-shadow:0 6px 16px rgba(0,0,0,.25),inset 0 0 0 1px rgba(198,40,40,.22)!important;
}
.profile-inventory, .profile-settings, .profile-hero, .profile-admin-modal-lg, .profile-info-modal{
  animation:boberContentIn .3s cubic-bezier(.22,.8,.24,1) both;
}
/* модальные окна — плавное появление */
.modal-overlay{
  opacity:0;
  visibility:hidden;
  transition:opacity .26s ease,visibility .26s step-end;
}
.modal-overlay.open, .modal-overlay[style*="display:block"], .modal-overlay[style*="display: block"]{
  opacity:1;
  visibility:visible;
  transition:opacity .26s ease,visibility 0s step-start;
}
.modal-overlay .modal{
  transform:translateY(14px) scale(.97);
  transition:transform .3s cubic-bezier(.22,.8,.24,1),opacity .26s ease;
  opacity:0;
}
.modal-overlay.open .modal, .modal-overlay[style*="display:block"] .modal, .modal-overlay[style*="display: block"] .modal{
  transform:translateY(0) scale(1);
  opacity:1;
}
body.modal-open{overflow:hidden}
/* карточки и плашки — лёгкое появление */
.stat-card,.server-card,.player-card,.inv-card,.skin-card,.card,.admin-manage-card{
  animation:boberContentIn .32s cubic-bezier(.22,.8,.24,1) both;
}
/* табы/ссылки — единый «мягкий» ховер */
.btn,.nav-item,.dropdown-icon,.server-action,.console-tab{
  transition:background .2s ease,color .2s ease,border-color .2s ease,transform .18s ease,box-shadow .2s ease,opacity .2s ease!important;
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
}
.profile-xp-card{margin-top:2px;padding:14px 16px 12px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(4,7,14,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.profile-xp-top{display:flex;align-items:center;gap:12px;min-width:0}
.profile-xp-badge{display:block;flex:0 0 36px;width:36px;height:36px;object-fit:contain}
.profile-xp-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.profile-xp-title{font-size:14px;font-weight:800;color:var(--text,#f5f7fb)}
.profile-xp-value{font-size:12px;color:var(--text-muted,#9ca3af)}
.profile-xp-total{margin-left:auto;font-size:13px;font-weight:800;color:#dbeafe;white-space:nowrap}
.profile-xp-track{height:8px;margin-top:13px;overflow:hidden;border-radius:20px;background:rgba(255,255,255,.09)}
.profile-xp-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22d3ee,#818cf8);box-shadow:0 0 14px rgba(34,211,238,.2);transition:width .35s ease}
.profile-xp-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:7px;font-size:11px;color:var(--text-muted,#9ca3af)}
.profile-xp-foot b{color:#d1d5db;font-variant-numeric:tabular-nums}
@media(max-width:640px){.profile-xp-card{padding:12px}.profile-xp-total{font-size:12px}.profile-xp-badge{flex-basis:32px;width:32px;height:32px}.profile-xp-title{font-size:13px}.profile-xp-value{font-size:11px}}

/* ===== Mobile improvements: shop, skinchanger, rules, profile ===== */

/* --- Shop: cards on mobile --- */
@media(max-width:900px){
  .shop-card{padding:18px}
  .shop-card h3{font-size:17px}
  .price{font-size:21px}
}
@media(max-width:600px){
  .shop-card{padding:16px 15px}
  .shop-card h3{font-size:16px}
  .shop-card ul{gap:6px}
  .shop-card li{font-size:12.5px}
  .price{font-size:20px;margin:12px 0}
  .premium-duration-btn{font-size:12px!important;padding:8px 6px!important}
  .grid-3{gap:12px}
}

/* --- Skinchanger: mobile improvements --- */
@media(max-width:900px){
  .skinchanger-catalog-tools{flex-direction:column;align-items:stretch;gap:8px}
  .skinchanger-search{min-width:0;width:100%}
  .skinchanger-categories{gap:4px}
  .skin-filter-btn{padding:7px 10px!important;font-size:10.5px!important}
  .skinchanger-layout{gap:10px}
  .skinchanger-menu{max-height:none;position:static}
  .skin-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:9px}
}
@media(max-width:600px){
  .skinchanger-tools{flex-direction:column;align-items:stretch;gap:8px}
  .team-switch{justify-content:stretch}
  .team-switch-btn{flex:1;text-align:center;padding:9px 6px}
  .skinchanger-actions{display:flex;justify-content:flex-end}
  .skin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .skin-card-media{height:110px}
  .skin-card-info b{font-size:11px;min-height:28px}
  .skin-select-btn,.skin-customize-btn{padding:8px 4px;font-size:9px}
  .skinchanger-section-head{flex-direction:column;align-items:flex-start;gap:5px}
  .skinchanger-section-head h2{font-size:16px}
}

/* --- Rules: mobile layout --- */
@media(max-width:900px){
  .rules-layout{display:block}
  .rules-menu{position:static;max-height:none;width:100%;overflow:visible;margin-bottom:16px;border-radius:12px}
  .rules-content{padding:0}
}
@media(max-width:600px){
  .rules-menu{padding:6px}
  .rules-menu a{font-size:13px;padding:9px 10px}
  .rules-content h2{font-size:17px}
  .rules-content p{font-size:13.5px}
  .rules-content li{font-size:13.5px}
}

/* --- Profile: mobile improvements --- */
@media(max-width:900px){
  .stat-grid{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:600px){
  .stat-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px}
  .profile-hero{flex-wrap:wrap;padding:15px 14px}
  .profile-links{gap:5px}
  .icon-btn{width:36px;height:36px;border-radius:9px}
  .profile-skins.skin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stat-box{padding:12px 10px}
  .stat-box b{font-size:19px}
  .stat-box span{font-size:9.5px}
}
@media(max-width:420px){
  .profile-identity h2{font-size:16px}
  .profile-avatar{width:60px!important;height:60px!important}
  .profile-hero{gap:10px}
  .stat-grid{grid-template-columns:1fr 1fr!important}
}

/* --- Topbar / navigation on mobile --- */
@media(max-width:600px){
  .topbar{padding:10px 12px!important}
  .user-chip{gap:6px}
  .user-chip-avatar{width:30px!important;height:30px!important}
}

/* --- Modal on mobile --- */
@media(max-width:480px){
  .modal{padding:15px 14px;border-radius:14px;max-width:calc(100vw - 20px)}
  .modal-head h3{font-size:16px}
}

/* ══════════════════════════════════════════════════════════════════════
   BOBER v5 — редизайн: скинченджер · Информация о игроке · репорт-чат ·
   промокоды · магазин. Стили дописаны в конец файла, чтобы перекрывать
   прежние правила того же веса (специфичность/порядок каскада).
   ══════════════════════════════════════════════════════════════════════ */

/* ── 1. Скинченджер: верхняя панель ─────────────────────────────── */
.skinchanger-head{display:none!important}              /* заголовок дублирует центр топбара */
.skin-topbar{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  margin:0 0 14px;padding:10px 12px;
  border:1px solid rgba(255,255,255,.06);border-radius:13px;background:#131316;
}
.skin-topbar-left{display:flex;align-items:center;flex:0 0 auto}
.skin-topbar-center{flex:1 1 auto;display:flex;justify-content:center;min-width:0}
.skin-topbar-title{
  display:inline-flex;align-items:center;gap:8px;
  color:#fff;font-size:15px;font-weight:800;letter-spacing:.01em;white-space:nowrap;
}
.skin-topbar-title svg{width:16px;height:16px;color:#fff}
.skin-topbar{min-height:0;height:auto}
.skin-topbar-left{display:flex;align-items:center;flex:0 0 auto}
.skin-topbar-center{flex:1 1 auto;display:flex;justify-content:center;min-width:0}
.skin-topbar-title{
  display:inline-flex;align-items:center;gap:8px;
  color:#fff;font-size:15px;font-weight:800;letter-spacing:.01em;white-space:nowrap;
}
.skin-topbar-title svg{width:16px;height:16px;color:#fff}
.skin-topbar-right{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:10px;flex:0 0 auto;max-width:100%}
.skin-topbar .skin-team{margin:0;padding:0}
.skin-topbar .team-switch{margin:0}
.skin-topbar .team-switch-btn{white-space:nowrap}
/* Поиск в топбаре: полностью управляемый блок (не зависит от legacy-правил .skinchanger-search) */
.skin-search{
  display:inline-flex;align-items:center;gap:8px;
  width:245px;height:36px;flex:0 0 auto;
  padding:0 11px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:#17181c;
  transition:border-color .15s ease,background .15s ease;
}
.skin-search:focus-within{border-color:rgba(59,130,246,.5);background:#18191d}
.skin-search svg{width:15px;height:15px;flex:0 0 15px;color:#6d737e}
.skin-search input{
  flex:1;min-width:0;width:100%;height:100%;padding:0!important;margin:0!important;
  border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;
  color:#fff!important;font-size:12.5px;font-weight:600;
}
.skin-search input::placeholder{color:#6d737e;font-weight:500}
.skin-search input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.skin-clear-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  height:40px;padding:0 16px;border:0;border-radius:10px;
  background:var(--accent);color:#fff;font-size:12.5px;font-weight:700;
  cursor:pointer;transition:background .15s ease,transform .15s ease;
}
.skin-clear-btn:hover{background:var(--accent-hover)}
.skin-clear-btn svg{width:15px;height:15px}

/* ── 2. Скинченджер: дерево групп слева ─────────────────────────── */
.skinchanger-side-group{margin:0!important;padding:0!important;border:0!important;background:transparent!important;border-radius:0!important}
.skin-cat-toggle{
  display:flex;align-items:center;gap:9px;padding:8px 9px;
  border-radius:8px;cursor:pointer;user-select:none;position:relative;
}
.skin-cat-toggle:hover{background:rgba(255,255,255,.025)}
.skin-changing-cat-ico{
  width:26px;height:26px;flex:0 0 26px;display:grid;place-items:center;
  border-radius:7px;background:rgba(255,255,255,.045);color:#9aa0ab;
}
.skin-changing-cat-ico svg{width:15px;height:15px}
.skin-cat-toggle strong{
  flex:1;min-width:0;font-size:12.5px;font-weight:700;color:#cdcfd4;
  letter-spacing:.02em;text-transform:none;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.skin-cat-caret{flex:0 0 auto;width:13px;height:13px;color:#6d737e;opacity:.8}
.skinchanger-side-group:not(.collapsed) .skin-cat-caret{transform:rotate(180deg)}
.skinchanger-side-group.collapsed .skin-cat-toggle{opacity:.75}
.skinchanger-side-list{display:flex;flex-direction:column;gap:2px;padding:3px 0 7px}
.skinchanger-side-group.collapsed .skinchanger-side-list{display:none}
.skinchanger-side-group:not(.collapsed).has-active>.skin-cat-toggle{background:rgba(59,130,246,.07)}
.skinchanger-side-group:not(.collapsed).has-active>.skin-cat-toggle strong{color:#aecbff}
.wc-ico{width:22px;height:22px;flex:0 0 22px;display:grid;place-items:center;color:#7d828c}
.wc-ico svg{width:14px;height:14px}
.skinchanger-weapon-item{
  display:flex;align-items:center;gap:8px;width:100%;
  padding:7px 9px;border:0;border-radius:8px;background:transparent!important;
  color:#9aa0ab!important;font-size:12px;font-weight:600;text-align:left;cursor:pointer;
}
.skinchanger-weapon-item:hover{background:rgba(255,255,255,.045)!important;color:#e6e8ec!important;transform:none!important}
.skinchanger-weapon-item.active{
  background:rgba(59,130,246,.10)!important;
  color:#b7d0ff!important;
  box-shadow:inset 2px 0 0 #3b82f6!important;
  border:0!important;
}
.skinchanger-weapon-item .weapon-count{font-size:10px!important;opacity:.55;color:#8a8f99}
/* подсветка активной группы — страховка для браузеров без :has */
.skinchanger-side-group.has-active>.skin-cat-toggle{background:rgba(59,130,246,.07)}
.skinchanger-side-group.has-active>.skin-cat-toggle>.skin-changing-cat-ico{color:#9ec3ff}
.skinchanger-side-group.has-active>.skin-cat-toggle>strong{color:#aecbff}

/* пустой результат поиска */
.skinchanger-empty-state{
  grid-column:1/-1;padding:48px 20px;text-align:center;
  color:#7d828c;font-size:13px;
  border:1px dashed rgba(255,255,255,.09);border-radius:12px;
}

/* ── 3. Скинченджер: карточки скинов ────────────────────────────── */
.skin-pick,.skin-card{
  position:relative;display:flex;flex-direction:column;
  padding:0 0 10px;overflow:hidden;cursor:pointer;
  border:1px solid rgba(255,255,255,.06)!important;
  border-radius:12px!important;
  background:#141419!important;
  box-shadow:none!important;
  transform:none!important;
}
.skin-pick:hover{border-color:rgba(255,255,255,.14)!important;transform:none!important;box-shadow:none!important}
.skin-card-tick{
  position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:30px;height:4px;border-radius:0 0 5px 5px;
  background:linear-gradient(90deg,#ff4d5a,var(--accent));
  opacity:.85;pointer-events:none;z-index:2;
}
.skin-card-media{
  order:1;position:relative;height:138px;flex:0 0 auto;
  background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.03),transparent 60%),#101013!important;
  border-radius:0!important;
}
.skin-card-media img{width:auto;max-width:90%;max-height:100%;padding:12px;filter:drop-shadow(0 12px 16px rgba(0,0,0,.4));transform:none!important}
.skin-card-kind{
  order:2;padding:10px 10px 2px;text-align:center;
  font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6d737e;
}
.skin-card-name{
  order:3;padding:0 10px 4px;text-align:center;
  font-size:12.5px;font-weight:700;color:#e6e8ec;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:18px;
}
.skin-card-actions{order:4;display:flex;align-items:center;gap:7px;justify-content:center;padding:4px 9px 0}
.skin-select-btn{
  flex:1;min-width:0;height:30px;padding:0 8px;
  border:1px solid rgba(255,255,255,.08);border-radius:8px;
  background:rgba(255,255,255,.04)!important;color:#c9cdd4!important;
  font-size:10.5px;font-weight:700;cursor:pointer;text-align:center;
}
.skin-select-btn:hover{background:rgba(255,255,255,.09)!important;color:#fff!important}
.skin-customize-btn{
  width:32px;height:30px;flex:0 0 32px;display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.08);border-radius:8px;
  background:rgba(255,255,255,.04)!important;color:#9aa0ab!important;cursor:pointer;
}
.skin-customize-btn svg{width:14px;height:14px}
.skin-customize-btn:hover{background:rgba(255,255,255,.09)!important;color:#fff!important}
/* выбранная карточка — синяя подсветка */
.skin-pick.skin-pick-active{
  border-color:rgba(59,130,246,.55)!important;
  background:#16243c!important;
}
.skin-pick.skin-pick-active:hover{border-color:rgba(59,130,246,.7)!important}
.skin-pick.skin-pick-active .skin-card-tick{background:linear-gradient(90deg,#3b82f6,#60a5fa);width:56px;opacity:1}
.skin-pick.skin-pick-active .skin-card-media{background:radial-gradient(circle at 50% 45%,rgba(59,130,246,.14),transparent 62%),#0e1626!important}
.skin-pick.skin-pick-active .skin-card-kind{color:#7aa6ff}
.skin-pick.skin-pick-active .skin-card-name{color:#9ec3ff}
.skin-pick.skin-pick-active .skin-select-btn.is-selected,
.skin-pick-active .skin-select-btn{
  background:rgba(59,130,246,.14)!important;border-color:rgba(59,130,246,.4)!important;color:#9ec3ff!important;
}

/* ── 4. Информация о игроке: модальное окно ─────────────────────── */
#profileInfoModal .pinfo-modal{transform:translateY(12px) scale(.98);opacity:0;transition:transform .22s ease,opacity .2s ease}
#profileInfoModal.open .pinfo-modal{transform:translateY(0) scale(1);opacity:1}
.pinfo-modal{
  display:flex;flex-direction:column;
  width:min(1000px,96vw);max-height:88vh;
  border:1px solid rgba(255,255,255,.08);border-radius:16px;
  background:#131316;overflow:hidden;
  box-shadow:0 30px 80px rgba(0,0,0,.6);
}
.pinfo-head{
  display:flex;align-items:center;gap:14px;flex:0 0 auto;
  padding:17px 20px;border-bottom:1px solid rgba(255,255,255,.05);background:#141418;
}
.pinfo-ava{width:62px;height:62px;flex:0 0 62px;border-radius:12px;object-fit:cover;background:#1c1d22}
.pinfo-id{flex:1;min-width:0}
.pinfo-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pinfo-top b{font-size:21px;font-weight:800;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:280px}
.pinfo-badge{
  display:inline-flex;align-items:center;gap:5px;
  padding:5px 10px;border-radius:999px;
  font-size:11px;font-weight:700;letter-spacing:.01em;white-space:nowrap;
  background:rgba(255,255,255,.06);color:#b8bcc4;border:1px solid rgba(255,255,255,.07);
}
.pinfo-badge.online{background:rgba(255,255,255,.04);color:#8a8f99}
.pinfo-badge.premium{background:rgba(246,199,80,.12);color:#f6c750;border-color:rgba(246,199,80,.28)}
.pinfo-badge.player{color:#9aa0ab}
.pinfo-badge.junior_moderator{background:rgba(93,140,255,.13);color:#8fb3ff;border-color:rgba(93,140,255,.28)}
.pinfo-badge.media{background:rgba(167,139,250,.13);color:#c4b0ff;border-color:rgba(167,139,250,.28)}
.pinfo-badge.senior_moderator{background:rgba(59,130,246,.15);color:#7ab0ff;border-color:rgba(59,130,246,.32)}
.pinfo-badge.curator{background:rgba(255,167,58,.13);color:#ffc27a;border-color:rgba(255,167,58,.28)}
.pinfo-badge.admin{background:rgba(225,29,46,.13);color:#ff8a94;border-color:rgba(225,29,46,.3)}
.pinfo-badge.sponsor{background:rgba(246,199,80,.13);color:#ffd47a;border-color:rgba(246,199,80,.3)}
.pinfo-badge.developer{background:rgba(22,163,246,.14);color:#67c4ff;border-color:rgba(34,163,246,.32)}
.pinfo-sub{display:flex;align-items:center;gap:16px;margin-top:7px;color:#8a8f99;font-size:12px;flex-wrap:wrap}
.pinfo-sub code{
  background:none;border:0;color:#8a8f99;padding:0;margin:0;
  font-family:inherit;font-size:12px;font-weight:500;
}
.pinfo-steam{
  display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;
  height:38px;padding:0 15px;border:1px solid rgba(255,255,255,.09);border-radius:10px;
  background:#202227;color:#fff;font-size:12.5px;font-weight:700;text-decoration:none;
  cursor:pointer;transition:background .15s ease;
}
.pinfo-steam:hover{background:#2a2c32}
.pinfo-steam svg{width:14px;height:14px}
.pinfo-close{
  width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;
  border:0;border-radius:10px;background:transparent;color:#9aa0ab;
  font-size:14px;cursor:pointer;transition:background .15s ease;
}
.pinfo-close:hover{background:rgba(255,255,255,.06);color:#fff}
/* каркас/ошибка загрузки */
.pinfo-head-skeleton{display:flex;align-items:center;gap:14px;width:100%}
.pinfo-ava-skeleton{width:62px;height:62px;border-radius:12px;background:rgba(255,255,255,.05);animation:pinfoPulse 1.2s ease-in-out infinite}
.pinfo-txt-skeleton{width:230px;height:16px;border-radius:6px;background:rgba(255,255,255,.05);animation:pinfoPulse 1.2s ease-in-out infinite .15s}
@keyframes pinfoPulse{0%,100%{opacity:.55}50%{opacity:1}}
.pinfo-era{width:100%;text-align:center;color:#ff9ca4;font-size:13px;padding:8px 0}

/* тело: навигация слева + контент справа */
.pinfo-wrap{display:grid;grid-template-columns:216px minmax(0,1fr);flex:1;min-height:0}
.pinfo-nav{
  display:flex;flex-direction:column;gap:3px;
  padding:12px 10px;border-right:1px solid rgba(255,255,255,.05);background:#121215;
  overflow-y:auto;
}
.pinfo-nav-btn{
  display:flex;align-items:center;gap:10px;width:100%;
  padding:10px 12px;border:0;border-radius:9px;background:transparent;
  color:#9aa0ab;font-size:13px;font-weight:600;text-align:left;cursor:pointer;
  transition:background .12s ease,color .12s ease;
}
.pinfo-nav-btn svg{width:16px;height:16px;flex:0 0 16px}
.pinfo-nav-btn span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pinfo-nav-btn b{
  flex:0 0 auto;min-width:22px;padding:2px 7px;text-align:center;
  border-radius:6px;background:rgba(255,255,255,.055);color:#a9aeb8;
  font-size:10.5px;font-weight:700;font-variant-numeric:tabular-nums;
}
.pinfo-nav-btn b:empty{display:none}
.pinfo-nav-btn:hover{background:rgba(255,255,255,.04);color:#e6e8ec}
.pinfo-nav-btn.active{background:rgba(59,130,246,.08);color:#dbe8ff;box-shadow:inset 2px 0 0 #3b82f6}
.pinfo-nav-btn.active b{background:rgba(59,130,246,.18);color:#aecbff}
.pinfo-content{min-width:0;min-height:0;overflow-y:auto;padding:18px 20px}

/* контент: KPI, колонки, списки */
.pinfo-sec-title{font-size:15.5px;font-weight:800;color:#fff;margin:2px 0 11px}
.pinfo-block{margin-bottom:20px}
.pinfo-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:12px}
.pinfo-kpi{padding:14px 16px;border:1px solid rgba(255,255,255,.05);border-radius:10px;background:#191a1e}
.pinfo-kpi span{display:block;color:#8a8f99;font-size:12px;font-weight:500}
.pinfo-kpi b{display:block;margin-top:6px;color:#fff;font-size:17.5px;font-weight:800;font-variant-numeric:tabular-nums}
.pinfo-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pinfo-col{min-width:0}
.pinfo-col-head{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin:0 0 9px;font-size:14px;font-weight:800;color:#fff;
}
.pinfo-counter{
  margin-left:auto;padding:3px 10px;border-radius:999px;
  background:rgba(255,255,255,.045);color:#9aa0ab;
  font-size:11.5px;font-weight:600;white-space:nowrap;
}
.pinfo-more{
  padding:0;border:0;background:transparent;color:#9aa0ab;
  font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap;
}
.pinfo-more:hover{color:#fff}
.pinfo-more:not(:first-child){margin-left:10px}
.pinfo-col-list{display:flex;flex-direction:column;gap:8px}
.pinfo-item{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:10px 13px;border:1px solid rgba(255,255,255,.04);border-radius:9px;background:#17181c;
}
.pinfo-item-main{
  flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  color:#c9cdd4;font-size:12.8px;font-weight:500;
}
.pinfo-item-main b{color:#fff;font-weight:700}
.pinfo-item small{flex:0 0 auto;color:#7d828c;font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums}
.pinfo-srv{color:#e6e8ec;font-weight:700}
/* тип наказания */
.pinfo-pbadge{
  display:inline-flex;align-items:center;padding:3px 9px;margin-right:7px;
  border-radius:999px;font-size:10.5px;font-weight:800;letter-spacing:.02em;white-space:nowrap;
}
.pinfo-pbadge.ban{background:rgba(52,199,110,.12);color:#5ad18b}
.pinfo-pbadge.mute{background:rgba(59,130,246,.12);color:#7aa6ff}
.pinfo-pbadge.warn{background:rgba(245,158,11,.12);color:#f5b04d}
.pinfo-pbadge.gone{opacity:.45;filter:grayscale(.4)}
.pinfo-empty{
  padding:18px 14px;text-align:center;color:#7d828c;font-size:12.5px;
  border:1px dashed rgba(255,255,255,.09);border-radius:9px;
}
.pinfo-note{display:block;margin-top:9px;color:#7d828c;font-size:11px}
/* лог чата */
.pinfo-chatlog{display:flex;flex-direction:column;gap:7px;max-height:330px;overflow-y:auto;padding-right:4px}
.pinfo-msg{
  display:flex;align-items:baseline;gap:10px;
  padding:8px 12px;border-radius:8px;background:#17181c;font-size:12.5px;line-height:1.45;
}
.pinfo-msg small{flex:0 0 auto;color:#7d828c;font-size:11px;font-variant-numeric:tabular-nums}
.pinfo-msg span{min-width:0;color:#d6d9de;word-break:break-word}
.pinfo-msg.is-cmd span{color:#f5b04d}
/* репорты (кликабельные) */
.pinfo-report{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:4px 10px;
  padding:10px 13px;border:1px solid transparent;border-radius:9px;background:#17181c;
  color:inherit;text-decoration:none;transition:border-color .12s ease,background .12s ease;
}
.pinfo-report:hover{border-color:rgba(59,130,246,.4);background:#181d26}
.pinfo-report-id{color:#8fb7ff;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}
.pinfo-report .pinfo-item-main{font-size:12.3px}
.pinfo-rstatus{
  padding:3px 9px;border-radius:999px;font-size:10.5px;font-weight:700;white-space:nowrap;
  background:rgba(255,255,255,.05);color:#9aa0ab;
}
.pinfo-rstatus.open{background:rgba(225,29,46,.11);color:#ff9ca4}
.pinfo-report small{flex:0 0 auto;color:#7d828c;font-size:11px;font-variant-numeric:tabular-nums}

/* аккуратные скроллбары внутри модалки */
.pinfo-content::-webkit-scrollbar,.pinfo-nav::-webkit-scrollbar,.pinfo-chatlog::-webkit-scrollbar{width:8px;height:8px}
.pinfo-content::-webkit-scrollbar-thumb,.pinfo-nav::-webkit-scrollbar-thumb,.pinfo-chatlog::-webkit-scrollbar-thumb{background:rgba(255,255,255,.08);border-radius:8px}
.pinfo-content::-webkit-scrollbar-track,.pinfo-nav::-webkit-scrollbar-track,.pinfo-chatlog::-webkit-scrollbar-track{background:transparent}

/* ── 5. Репорт: лог чата нарушителя ─────────────────────────────── */
.rchat-panel{margin-top:16px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:#131316;overflow:hidden}
.rchat-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;background:#16171b;border-bottom:1px solid rgba(255,255,255,.05)}
.rchat-title{color:#fff;font-size:13px;font-weight:800}
.rchat-count{padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.045);color:#9aa0ab;font-size:11px;font-weight:600;white-space:nowrap}
.rchat-body{display:flex;flex-direction:column;gap:7px;max-height:330px;overflow-y:auto;padding:11px 14px}
.rchat-msg{display:flex;align-items:baseline;gap:10px;padding:7px 11px;border-radius:8px;background:#17181c;font-size:12.5px;line-height:1.45}
.rchat-time{flex:0 0 auto;color:#7d828c;font-size:11px;font-variant-numeric:tabular-nums}
.rchat-text{min-width:0;color:#d6d9de;word-break:break-word}
.rchat-msg.is-cmd .rchat-text{color:#f5b04d}
.rchat-note{display:block;padding:9px 14px;border-top:1px solid rgba(255,255,255,.04);color:#7d828c;font-size:11px}

/* ── 6. Промокоды: модалки ──────────────────────────────────────── */
.promo-modal{width:442px;max-width:94vw}
.promo-head{display:flex;align-items:flex-start;gap:11px;margin-bottom:16px}
.promo-head-icon{
  width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;
  border-radius:11px;background:rgba(225,29,46,.12);color:var(--accent-hover,#ff6b73);
  border:1px solid rgba(225,29,46,.22);
}
.promo-head-icon.green{background:rgba(52,199,110,.12);color:#5ad18b;border-color:rgba(52,199,110,.22)}
.promo-head-icon svg{width:18px;height:18px}
.promo-head-txt{flex:1;min-width:0}
.promo-head-txt h3{margin:0 0 3px;font-size:16px;color:#fff}
.promo-head-txt p{margin:0;color:#8a8f99;font-size:12px}
.promo-head .close-btn{flex:0 0 auto;margin:-3px -3px 0 0}
.promo-field{display:block;margin-bottom:13px;cursor:pointer}
.promo-field-label{display:block;margin-bottom:6px;color:#9aa0ab;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.promo-field small{display:block;margin-top:6px;color:#7d828c;font-size:11px}
.promo-input-wrap{
  display:flex;align-items:center;gap:8px;
  padding:0 10px 0 6px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:#17181c;
  transition:border-color .15s ease,background .15s ease;
}
.promo-input-wrap:focus-within{border-color:rgba(225,29,46,.5);background:#18191d}
.promo-input-chip{flex:0 0 auto;padding:4px 8px;border-radius:7px;background:rgba(225,29,46,.12);color:#ff9ca4;font-size:10px;font-weight:800;letter-spacing:.05em}
.promo-input-chip.suffix{background:rgba(255,255,255,.05);color:#9aa0ab}
.promo-input-wrap input{
  flex:1;min-width:0;height:42px;padding:0!important;margin:0!important;
  border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;
  color:#fff!important;font-size:13.5px;font-weight:600;
}
.promo-pair{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.promo-total{margin:15px 0 13px;padding:12px 14px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:#17181c}
.promo-total-row{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#c9cdd4;font-size:13px}
.promo-total-row b{color:#fff;font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}
.promo-total-row.muted{margin-top:3px;color:#7d828c;font-size:11px}
.promo-total-row.muted span,.promo-total-row.muted b{font-size:11px}
.promo-submit{width:100%}
.promo-code-input{
  width:100%;height:48px;margin:0;padding:0 12px;text-align:center;
  border:1px solid rgba(255,255,255,.09)!important;border-radius:11px;
  background:#17181c!important;color:#fff!important;
  font-size:16px;font-weight:800;letter-spacing:.35em;text-transform:uppercase;
}
.promo-code-input:focus{border-color:rgba(59,130,246,.55)!important}
.promo-hint{margin-top:13px;text-align:center;color:#7d828c;font-size:12px}
.promo-hint a{color:var(--accent-hover,#ff6b73);font-weight:600;text-decoration:none}
.promo-hint a:hover{text-decoration:underline}

/* ── 7. Магазин ─────────────────────────────────────────────────── */
.shop-header{margin-bottom:16px}
.shop-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.shop-card-head .shop-icon{margin-bottom:0}
.shop-flag{
  display:inline-flex;align-items:center;gap:4px;
  padding:4px 10px;border-radius:999px;
  font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;
}
.shop-flag.golden{background:rgba(246,199,80,.12);color:#f6c750;border:1px solid rgba(246,199,80,.26)}
.shop-icon{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:rgba(255,255,255,.04)}
.shop-icon img{width:32px;height:32px;object-fit:contain}
.shop-price-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 12px}
.shop-price{min-width:0}
.shop-price-label{display:block;margin-bottom:4px;color:#8a8f99;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.shop-price-line{display:flex;align-items:baseline;gap:8px}
.shop-price-line s{color:#7d828c;font-size:13px}
.shop-price-line b{color:#fff;font-size:24px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.shop-discount-card{
  flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  padding:9px 14px;border:1px solid rgba(52,199,110,.24);border-radius:12px;background:rgba(52,199,110,.09);
}
.shop-discount-card[hidden]{display:none!important}
.shop-discount-percent{color:#5ad18b;font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}
.shop-discount-label{color:rgba(90,209,139,.8);font-size:9.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.premium-duration{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:12px 0 14px}
.premium-duration[hidden]{display:none!important}
.premium-duration-btn{
  height:40px;padding:0 8px;border:1px solid rgba(255,255,255,.09);border-radius:11px;
  background:#17181c;color:#c9cdd4;font-size:12.5px;font-weight:700;cursor:pointer;
  transition:background .15s ease,color .15s ease,border-color .15s ease;
}
.premium-duration-btn:hover{border-color:rgba(255,255,255,.22);color:#fff}
.premium-duration-btn.active{background:var(--accent);border-color:transparent;color:#fff;box-shadow:0 8px 20px rgba(225,29,46,.2)}
.shop-buy{width:100%;margin-top:auto}

/* ── 8. Адаптив (≤900px и ≤600px) ───────────────────────────────── */
@media(max-width:900px){
  .skin-topbar{flex-wrap:wrap;padding:10px 11px}
  .skin-topbar-center{display:none}
  .skin-topbar-left,.skin-topbar-right{flex:1 1 100%}
  .skin-topbar-right{flex-direction:column;align-items:stretch;gap:9px}
  .skin-search{width:100%!important;max-width:none!important}
  .team-switch{display:flex;width:100%}
  .team-switch-btn{flex:1;text-align:center}
  .skin-topbar{margin-bottom:12px}
  /* модалка инфо: навигация сверху, горизонтальным скроллом */
  .pinfo-modal{width:min(720px,96vw);max-height:92vh}
  .pinfo-wrap{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}
  .pinfo-nav{
    flex-direction:row;align-items:center;gap:6px;
    padding:9px 10px;border-right:0;border-bottom:1px solid rgba(255,255,255,.06);
    overflow-x:auto;overflow-y:hidden;scrollbar-width:none;
  }
  .pinfo-nav::-webkit-scrollbar{display:none}
  .pinfo-nav-btn{flex:0 0 auto;width:auto;padding:8px 12px}
  .pinfo-nav-btn.active{box-shadow:inset 0 -2px 0 #3b82f6}
  .pinfo-cols{grid-template-columns:1fr}
  .shop-price-row{align-items:center}
  .premium-duration{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .skin-clear-btn{width:100%}
  .skin-pick,.skin-card{padding-bottom:8px}
  .skin-card-media{height:118px}
  .skin-card-name{font-size:11.5px}
  .skin-select-btn{font-size:10px;height:28px}
  .skin-customize-btn{width:30px;height:28px;flex-basis:30px}
  /* информация о игроке */
  .pinfo-modal{width:100vw;max-width:100vw;max-height:92vh;max-height:94dvh;border-radius:16px 16px 0 0}
  .pinfo-head{padding:13px 14px;gap:10px}
  .pinfo-ava{width:50px;height:50px;flex-basis:50px;border-radius:10px}
  .pinfo-top b{font-size:16.5px;max-width:150px}
  .pinfo-badge{font-size:10px;padding:4px 8px}
  .pinfo-sub{gap:6px 12px;font-size:11.5px}
  .pinfo-steam{height:34px;padding:0 11px;font-size:12px}
  .pinfo-content{padding:14px}
  .pinfo-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pinfo-kpi{padding:11px 12px}
  .pinfo-kpi b{font-size:15px}
  .pinfo-sec-title{font-size:14px}
  .pinfo-col-head{font-size:13px}
  .pinfo-chatlog{max-height:260px}
  .pinfo-report{grid-template-columns:auto minmax(0,1fr);padding:10px 11px}
  .pinfo-rstatus,.pinfo-report small{grid-column:2;justify-self:start}
  /* репорт-чат */
  .rchat-body{max-height:250px}
  /* магазин */
  .shop-price-row{flex-wrap:wrap;gap:10px}
  .shop-price-line b{font-size:21px}
  .shop-discount-card{flex:1 1 auto;flex-direction:row;gap:8px;justify-content:center;padding:8px 12px}
  .shop-discount-percent{font-size:14px}
  .premium-duration{gap:7px}
  .premium-duration-btn{height:38px;font-size:12px}
}
@media(max-width:480px){
  .promo-pair{grid-template-columns:1fr}
  .promo-modal{padding:16px 14px}
  .pinfo-sub{font-size:11px}
}

/* ════════════════════════════════════════════════════════════════════
   9. Правки v6: карточки игроков (Discord/меню), стикеры чата,
      ровный магазин, мобильный профиль, фикс pinfo, промо без чипа
   ════════════════════════════════════════════════════════════════════ */

/* ── Админка: карточка игрока — Discord-кнопка и меню троеточия ── */
.player-card-actions{
  position:relative;display:flex;align-items:center;gap:6px;
  margin-left:auto;flex:0 0 auto;z-index:3;
}
.player-action-btn{
  display:inline-flex;align-items:center;justify-content:center;
  width:32px;height:32px;flex:0 0 32px;
  border:1px solid rgba(255,255,255,.08);border-radius:9px;
  background:transparent;color:#8a8f99;cursor:pointer;
  transition:background .15s ease,color .15s ease,border-color .15s ease;
}
.player-action-btn:hover{color:#fff;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16)}
.player-action-btn svg{width:15px;height:15px}
.player-action-btn.is-discord{color:#8fb3ff;border-color:rgba(93,140,255,.25)}
.player-action-btn.is-discord:hover{background:rgba(93,140,255,.12);color:#aecbff;border-color:rgba(93,140,255,.4)}
.player-actions-menu{
  position:absolute;top:calc(100% + 6px);right:0;min-width:215px;
  padding:5px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:#17181c;
  box-shadow:0 18px 40px rgba(0,0,0,.5);z-index:60;
}
.player-actions-menu[hidden]{display:none!important}
.player-actions-menu a{
  display:block;padding:9px 11px;border-radius:8px;
  color:#c9cdd4;font-size:12.5px;font-weight:600;text-decoration:none;white-space:nowrap;
}
.player-actions-menu a:hover{background:rgba(255,255,255,.06);color:#fff}

/* ── Чат: стикеры ── */
.chat-input{position:relative}
.chat-sticker-btn{
  display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;flex:0 0 34px;border:0;border-radius:9px;
  background:transparent;color:#8a8f99;cursor:pointer;
  transition:background .15s ease,color .15s ease;
}
.chat-sticker-btn:hover{background:rgba(255,255,255,.07);color:#fff}
.chat-sticker-btn svg{width:19px;height:19px}
.chat-sticker-panel{
  position:absolute;bottom:calc(100% + 10px);right:10px;left:10px;
  padding:10px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:#17181c;
  box-shadow:0 20px 50px rgba(0,0,0,.55);z-index:40;
}
.chat-sticker-panel[hidden]{display:none!important}
.chat-sticker-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:0 3px 8px;color:#c9cdd4;font-size:10.5px;font-weight:800;
  letter-spacing:.07em;text-transform:uppercase;
}
.chat-sticker-head .close-btn{width:26px;height:26px;min-height:0;font-size:13px;color:#8a8f99}
.chat-sticker-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;max-height:214px;overflow-y:auto}
.chat-sticker-item{
  display:grid;place-items:center;height:58px;padding:6px;
  border:1px solid rgba(255,255,255,.06);border-radius:11px;background:rgba(255,255,255,.03);
  cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease;
}
.chat-sticker-item:hover{background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.35);transform:translateY(-1px)}
.chat-sticker-item img{width:42px;height:42px;object-fit:contain;pointer-events:none}
.chat-sticker-empty{grid-column:1/-1;color:#7d828c;font-size:11.5px;text-align:center;padding:8px 0}
img.chat-sticker{width:64px;height:64px;max-width:64px;object-fit:contain;display:block;vertical-align:middle}

/* ── Магазин: одинаковая высота и выровненные низы карточек ── */
.shop-card ul{flex:1 1 auto}
.shop-price-row{margin-top:auto}

/* ── Информация о игроке: окно не меняет размер между вкладками (десктоп) ── */
@media(min-width:901px){
  .pinfo-modal{width:min(1000px,96vw);height:min(700px,92vh);max-height:none}
}

/* ── Промокоды: аккуратная форма (чип PROMO убран) ── */
.promo-input-wrap{padding:0 12px}
.promo-field{margin-bottom:12px}
.promo-field-label{margin-bottom:5px}
.promo-total{margin:14px 0 12px}

/* ── Мобильная адаптация новых блоков ── */
@media(max-width:900px){
  .skin-search input{font-size:16px}   /* без iOS-зума при фокусе */
  .skin-topbar-right .skin-search{order:-1}
}
@media(max-width:760px){
  .grid-3.shop-grid{grid-template-columns:1fr!important;gap:10px!important}
  .shop-card{padding:16px!important}
  .shop-card-head{margin-bottom:10px}
  .shop-price-line b{font-size:21px}
}
@media(max-width:600px){
  .profile-hero{min-height:0!important;padding:14px!important}
  .profile-hero-top{gap:12px!important}
  .profile-avatar-wrap{width:64px!important;height:64px!important}
  .profile-status{font-size:11.5px!important;gap:7px 10px!important}
  .profile-links{display:flex!important;flex-wrap:wrap;gap:7px;margin-top:2px}
  .profile-links .badge{font-size:10.5px;padding:4px 9px;max-width:100%;white-space:normal}
  .profile-gear-wrap{top:4px!important;right:0!important}
  .profile-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .player-card{flex-wrap:wrap}
  .player-card-actions{width:100%;justify-content:flex-end;margin-left:0;padding-top:2px}
  .chat-sticker-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}