:root{
  /* Палитра взята из логотипа. Названия переменных старые: --blue = основной акцент (розовый),
     --gold = светло-розовый акцент для цен и меню. */
  --bg:#0e0709; --panel:#180d12; --panel2:#22131a; --line:#33202a;
  --text:#f6eef1; --muted:#a8909a; --blue:#e0457f; --blue2:#c23068;
  --acc:224,69,127; --gold:#f4b6cf; --gold-bg:#3b1726; --green:#34d399; --orange:#f59e0b; --red:#ef4444;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bgfill,var(--bg));background-attachment:fixed;color:var(--text);font-family:Inter,"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;font-size:14px;line-height:1.4;min-height:100vh}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}
.wrap{max-width:1366px;margin:0 auto;padding:0 20px}

/* ---------- header ---------- */
.top{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
/* Шапка шире основного контента, чтобы все кнопки и аккаунт помещались в один ряд */
.top .wrap{max-width:1560px;padding:0 16px}
.hbar{display:flex;align-items:center;gap:12px;height:64px}
.logo{display:flex;align-items:center;gap:10px;font-weight:900;font-size:24px;letter-spacing:1px;flex:none}
.logo img{width:42px;height:42px;border-radius:11px;object-fit:cover;box-shadow:0 0 0 2px var(--blue),0 0 18px rgba(var(--acc),.45)}
.soc{display:grid;place-items:center;width:28px;height:28px;color:var(--muted);transition:.15s;flex:none}
.soc:hover{color:var(--text)}
.soc svg{width:20px;height:20px}
/* nav занимает всё свободное место и центрируется; полосы прокрутки нет */
nav{display:flex;flex:1 1 auto;justify-content:center;gap:2px;min-width:0}
nav a{display:inline-flex;align-items:center;gap:6px;padding:10px 10px;font-size:13.5px;font-weight:700;color:var(--gold);white-space:nowrap;border-bottom:2px solid transparent;border-radius:4px}
nav a svg{width:18px;height:18px;flex:none}
nav a:hover{background:var(--panel)}
nav a.on{color:var(--blue);border-bottom-color:var(--blue)}
.right{display:flex;align-items:center;gap:8px;margin-left:auto;flex:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:8px;font-weight:700;transition:.15s;white-space:nowrap}
.btn.gold{background:var(--gold-bg);color:var(--gold)}
.btn.gold:hover{background:color-mix(in srgb,var(--gold-bg) 80%,var(--blue))}
.btn.blue{background:var(--blue);color:#fff}
.btn.blue:hover{background:var(--blue2)}
.btn.ghost{background:var(--panel2);color:var(--text)}
.btn.ghost:hover{background:var(--line)}
.btn.danger{background:#5b1d28;color:#ffb3bf}
.btn.danger:hover{background:var(--red);color:#fff}
.btn.sm{padding:7px 12px;font-size:13px;border-radius:7px}
.btn svg{width:18px;height:18px}
.cartbtn{position:relative;width:40px;height:40px;border-radius:8px;background:var(--panel2);display:grid;place-items:center;flex:none}
.cartbtn svg{width:20px;height:20px}
.cartbtn i{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;border-radius:9px;background:var(--blue);font-size:11px;font-style:normal;display:grid;place-items:center;padding:0 4px}

/* аватарки */
.av{width:32px;height:32px;border-radius:6px;object-fit:cover;background:#3b171f;flex:none;display:block}
.av.ph{display:grid;place-items:center;font-weight:800;color:var(--gold)}
.av.lg{width:48px;height:48px;border-radius:10px}
.av.xl{width:96px;height:96px;border-radius:16px;font-size:34px;border:3px solid var(--panel)}

/* меню аккаунта */
.umwrap{position:relative;flex:none}
.user{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border-radius:8px;background:var(--panel2)}
.user b{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.user .caret{font-size:11px;color:var(--muted)}
.umenu{display:none;position:absolute;right:0;top:calc(100% + 8px);width:290px;padding:12px;background:#1b1116;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.6);z-index:40}
.umwrap.open .umenu{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:8px}
.umenu>*{width:100%;max-width:100%;flex:none;margin:0}
.uhead{display:flex;align-items:center;gap:12px;padding:2px 2px 12px}
.uinfo{min-width:0;display:flex;flex-direction:column;gap:2px}
.uinfo b{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.uinfo a{font-size:12px;color:var(--muted)}
.uinfo a:hover{color:var(--gold)}
.ubal{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:var(--panel2);border-radius:10px}
.ubal b{display:block;font-size:20px;color:var(--gold);font-weight:900}
.ubal small{color:var(--muted);font-size:12px}
.ubal .plus{width:34px;height:34px;border-radius:50%;border:2px solid var(--muted);color:var(--muted);font-size:22px;line-height:1;display:grid;place-items:center}
.ubal .plus:hover{border-color:var(--gold);color:var(--gold)}
.uitem{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;background:var(--panel2);border-radius:10px;font-weight:700;text-align:left;transition:.15s}
.uitem:hover{background:var(--line)}
.uitem svg{width:18px;height:18px;flex:none;color:var(--gold)}

/* ---------- layout ---------- */
main{padding:20px 0 30px;min-height:70vh}
.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.title{font-size:22px;font-weight:900}
.muted{color:var(--muted)}
.small{font-size:12px}
.empty{padding:28px 10px;text-align:center;color:var(--muted)}

/* banners */
.banner{position:relative;height:300px;border-radius:14px;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;padding-bottom:26px;border:1px solid var(--line);transition:.2s}
.banner:hover{transform:translateY(-2px);border-color:var(--blue)}
.banner h2{position:relative;font-size:52px;font-weight:900;letter-spacing:2px;text-shadow:0 4px 24px rgba(0,0,0,.6)}
/* Картинка баннера: файл banner-public.jpg в корне сайта. Нет файла: виден градиент */
.banner.public{background:linear-gradient(to top,rgba(14,7,9,.78),rgba(14,7,9,0) 60%),url(banner-public.jpg) center/cover no-repeat,radial-gradient(circle at 30% 20%,#a82f55 0,transparent 55%),linear-gradient(135deg,#2a0a14,#150a0d 60%,#4a1424)}
/* Картинка баннера: файл banner-awp.jpg в корне сайта */
.banner.awp{background:linear-gradient(to top,rgba(14,7,9,.78),rgba(14,7,9,0) 60%),url(banner-awp.jpg) center/cover no-repeat,radial-gradient(circle at 70% 20%,#d0508f 0,transparent 55%),linear-gradient(135deg,#2e0c20,#160810 60%,#5a1a3a)}
.banner .deco{position:absolute;inset:0;display:grid;place-items:center;font-size:150px;opacity:.14;pointer-events:none;user-select:none}

/* home blocks */
.row{display:grid;grid-template-columns:1fr 2.4fr;gap:10px;margin-top:10px}
.tabs{display:flex;gap:8px;margin:12px 0}
.tab{flex:1;padding:9px 6px;border-radius:8px;background:var(--panel2);border:1px solid transparent;font-weight:700;font-size:12px;text-align:center}
.tab.on{border-color:var(--blue);color:#fff;background:rgba(var(--acc),.16)}
.news{position:relative;overflow:hidden;min-height:300px;display:flex;flex-direction:column;justify-content:flex-end;padding:30px;background:radial-gradient(circle at 85% 30%,rgba(var(--acc),.35),transparent 55%),var(--panel)}
.news h3{font-size:34px;font-weight:900}
.news p{margin:6px 0 16px}
.news .logo-big{position:absolute;right:40px;top:28px;width:230px;height:230px;border-radius:28px;object-fit:cover;transform:rotate(4deg);box-shadow:0 0 0 3px var(--blue),0 0 70px rgba(var(--acc),.4)}
.stats{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:10px}
.stat{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px}
.stat small{display:block;color:var(--muted);margin-bottom:6px}
.stat b{font-size:26px;font-weight:900;color:var(--blue)}
.stat.live{border-color:var(--gold)}

/* топ донатеров */
.don{display:flex;align-items:center;gap:10px;padding:8px 4px;border-bottom:1px solid var(--line)}
.don:last-child{border-bottom:0}
.don .pl{width:22px;text-align:center;font-weight:900;color:var(--muted)}
.don .nm{flex:1;min-width:0;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.don .am{color:var(--gold);font-weight:900}

/* отзывы */
.revs{margin-top:10px}
.revhead{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-bottom:14px}
.revsum{margin-left:auto;color:var(--muted)}
.revsum b{color:var(--gold);font-size:18px}
.revgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.rev{display:flex;align-items:center;gap:10px;padding:10px;background:var(--panel2);border:1px solid transparent;border-radius:10px;text-align:left;transition:.15s}
.rev:hover{border-color:var(--blue)}
.rev>div{min-width:0}
.rev b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stars{color:var(--gold);letter-spacing:1px;white-space:nowrap}
.stars i{font-style:normal;color:#4a3340}

/* servers */
.toolbar{display:flex;gap:8px;align-items:center;padding:10px;background:var(--panel);border:1px solid var(--line);border-radius:12px}
.toolbar .tab{flex:none;padding:10px 18px}
.toolbar .online{margin-left:auto;color:var(--green);font-weight:800;display:flex;align-items:center;gap:8px}
.sec{margin-top:10px;padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:14px}
.sec h4{font-size:13px;letter-spacing:1px;color:var(--muted);margin:12px 0 8px;text-transform:uppercase}
.sec h4:first-child{margin-top:0}
.srvgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.srv{position:relative;height:84px;border-radius:12px;overflow:hidden;border:1px solid var(--line);padding:12px 14px;display:flex;align-items:center;justify-content:space-between}
.srv.awp{background:linear-gradient(120deg,#2e0c20,#5a1a3a 55%,#7b2a52)}
.srv.public{background:linear-gradient(120deg,#2a0a14,#4a1424 55%,#6e1f35)}
.srv .nm{font-weight:900;font-size:17px;text-shadow:0 2px 8px rgba(0,0,0,.6)}
.tag{display:inline-block;background:var(--blue);padding:1px 6px;border-radius:5px;font-size:12px;margin-left:4px;vertical-align:middle}
.srv .cnt{font-weight:800;font-size:13px;margin:2px 0 6px}
.pb{width:300px;max-width:100%;height:5px;border-radius:3px;background:rgba(255,255,255,.12);overflow:hidden}
.pb i{display:block;height:100%;background:var(--green);border-radius:3px}
.pb i.warn{background:var(--orange)}
.srv .btns{display:flex;flex-direction:column;gap:6px}
.ib{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.14);display:grid;place-items:center;font-size:13px}
.ib:hover{background:var(--blue)}

/* shop */
.shop{display:grid;grid-template-columns:1fr 330px;gap:14px;margin-top:10px}
.shophead{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--panel);border:1px solid var(--line);border-radius:12px}
.privs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:start}
.prv{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;position:relative}
.prv .hd{height:110px;display:grid;place-items:center;font-size:44px;font-weight:900;font-style:italic;background:#1a0d14}
.prv .pop{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.55);border:1px solid var(--gold);color:var(--gold);padding:3px 9px;border-radius:12px;font-size:11px;font-weight:700}
.prv ul{list-style:none;padding:10px;display:flex;flex-direction:column;gap:6px}
.prv li{background:var(--panel2);padding:9px 12px;border-radius:8px;font-size:13px}
.prv li::before{content:"✓";color:var(--blue);margin-right:8px;font-weight:900}
.prv .buy{padding:0 10px 12px}
.price{background:var(--gold-bg);border-radius:10px;padding:10px;text-align:center;margin-bottom:8px}
.price b{display:block;font-size:22px;color:var(--gold);font-weight:900}
.price select{margin-top:4px;background:transparent;color:var(--muted);border:0;font:inherit;font-size:12px;font-weight:700;cursor:pointer;text-align:center}
.price select option{background:#22131a;color:#fff}
.addcart{width:100%;padding:13px;border-radius:9px;font-weight:800;color:#fff}
.pick{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px;position:sticky;top:80px}
.pick h5{font-size:15px;margin-bottom:10px}
.pick button{display:block;width:100%;text-align:left;padding:13px 12px;border-radius:9px;background:var(--panel2);margin-bottom:8px;font-weight:700;font-size:13px;border:1px solid transparent}
.pick button.on{border-color:var(--blue);background:rgba(var(--acc),.16)}

/* skins */
.skins{display:grid;grid-template-columns:384px 1fr;gap:10px}
.notice{padding:18px 20px;border-radius:14px;background:linear-gradient(120deg,#5a1a38,#2a0f1d);border:1px solid #7b1f39;margin-bottom:10px}
.notice b{display:block;color:var(--blue);font-size:22px;margin-bottom:2px}
.create{width:100%;display:flex;gap:10px;align-items:center;text-align:left;padding:12px;border:1px dashed #4a2f3b;border-radius:10px;margin:10px 0}
.create i{width:34px;height:34px;display:grid;place-items:center;background:var(--panel2);border-radius:8px;font-style:normal;font-size:20px}
.create:disabled{opacity:.4;cursor:not-allowed}
.col{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:10px;background:var(--panel2);margin-bottom:8px;border:1px solid transparent;width:100%;text-align:left}
.col.on{border-color:var(--blue)}
.col b{color:var(--blue);display:block}
.col small{color:var(--muted)}
.colhead{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line);margin:-16px -16px 0}
.colhead h3{font-size:19px}
.skbody{text-align:center;padding:50px 10px}
.skbody h3{font-size:24px;color:#b69aa6;margin-bottom:24px}

/* ---------- профиль ---------- */
.prof{display:grid;grid-template-columns:340px 1fr;gap:14px;align-items:start}
.psel{width:100%;padding:12px 14px;margin-bottom:10px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:10px;font:inherit;outline:none}
.psel option{background:#22131a}
.pcard{background:var(--panel);border:1px solid var(--line);border-radius:14px}
.pbanner{position:relative;height:110px;border-radius:14px 14px 0 0;background:radial-gradient(circle at 30% 20%,#a82f55 0,transparent 60%),linear-gradient(135deg,#3b1726,#5a1a3a)}
.pav{position:absolute;left:50%;bottom:-48px;transform:translateX(-50%)}
.slink{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:8px;background:rgba(0,0,0,.4);display:grid;place-items:center;color:var(--text)}
.slink:hover{background:var(--blue)}
.slink svg{width:20px;height:20px}
.pbody{padding:58px 16px 16px;text-align:center}
.pname{font-size:22px;font-weight:900;margin-bottom:12px;word-break:break-word}
.pmeta{padding:10px;margin-bottom:8px;background:var(--panel2);border-radius:10px}
.pmeta small{display:block;color:var(--muted);margin-bottom:2px}
.role{display:inline-block;margin:6px 0 4px;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:800;background:var(--panel2);color:var(--muted)}
.role-owner{background:rgba(245,158,11,.15);color:var(--orange)}
.role-admin{background:rgba(var(--acc),.18);color:var(--blue)}
.logout{width:100%;margin-top:12px}
.ptabs{display:flex;gap:8px;margin-bottom:14px}
.pnote{padding:10px 14px;margin-bottom:14px;border-radius:10px;background:rgba(245,158,11,.1);color:var(--orange);font-size:13px}
.pgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.psec{margin-bottom:14px}
.psec h5{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.kvs{display:grid;gap:6px}
.kv{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;background:var(--panel2);border-radius:8px;width:100%;text-align:left}
.kv small{color:var(--muted)}
.kv b{font-weight:700;word-break:break-all;text-align:right}
button.kv:hover{background:var(--line)}

/* ---------- админ-панель ---------- */
.adm{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.arow{display:flex;align-items:center;gap:10px;padding:10px;margin-bottom:8px;background:var(--panel2);border-radius:10px}
.arow>div{flex:1;min-width:0}
.arow b{overflow-wrap:anywhere}
.arow small{display:block;overflow-wrap:anywhere}
.addrow{display:flex;gap:8px}

/* ---------- modal ---------- */
.ov{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.72);display:grid;place-items:center;padding:16px;animation:f .15s}
@keyframes f{from{opacity:0}to{opacity:1}}
.modal{background:#170c11;border:1px solid var(--line);border-radius:18px;padding:22px;width:min(860px,100%);max-height:92vh;overflow:auto;position:relative}
.modal.mini{width:min(460px,100%)}
.modal h3{font-size:22px;margin-bottom:14px;padding-right:30px}
.x{position:absolute;top:16px;right:18px;font-size:22px;color:var(--muted)}
.x:hover{color:#fff}
.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.lbl{font-weight:700;margin:12px 0 8px;font-size:13px;color:#e6cfd9}
.lbl:first-child{margin-top:0}
.warn-box{background:rgba(245,158,11,.1);color:var(--orange);border-radius:8px;padding:9px 12px;font-size:12px;margin-bottom:10px}
.pm{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pm button{padding:22px 10px;border-radius:12px;background:var(--panel2);border:1px solid transparent;font-weight:900;font-size:15px;text-align:center}
.pm button small{display:block;color:var(--muted);font-size:11px;font-weight:600;margin-top:4px}
.pm button.on{border-color:var(--blue);background:rgba(var(--acc),.16)}
.chosen{background:var(--panel2);border-radius:10px;padding:12px 14px}
.chosen small{color:var(--muted);display:block}
.chosen b{font-size:20px}
.chips{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
.chips button{padding:11px 0;background:var(--panel2);border-radius:8px;font-weight:800}
.chips button:hover{background:var(--line)}
input[type=number],input[type=text],textarea{width:100%;padding:13px 14px;background:var(--panel2);border:1px solid transparent;border-radius:8px;color:var(--text);font:inherit;outline:none}
textarea{resize:vertical;min-height:100px}
input:focus,textarea:focus{border-color:var(--blue)}
.amt{display:flex;gap:6px}
.amt button{width:46px;border-radius:8px;background:var(--panel2);font-size:18px;font-weight:800}
.agree{display:flex;align-items:center;gap:10px;margin:16px 0 10px;padding-top:14px;border-top:1px solid var(--line)}
.agree input{width:20px;height:20px;accent-color:var(--blue)}
.agree a{color:var(--blue)}
.submit{width:100%;padding:14px;border-radius:9px;background:var(--blue);font-weight:800;color:#fff;margin-top:6px}
.submit.danger{background:var(--red)}
.submit:disabled{background:var(--panel2);color:var(--muted);cursor:not-allowed}
.cartrow{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--panel2);border-radius:10px;margin-bottom:8px}
.cartrow small{color:var(--muted);display:block}
.cartrow button{color:var(--red);font-size:20px;padding:0 6px}
.total{display:flex;justify-content:space-between;font-size:20px;font-weight:900;margin:14px 0}

/* окна отзывов и уведомлений */
.who{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.starpick{display:flex;gap:4px}
.starpick button{font-size:32px;line-height:1;color:#4a3340;transition:.1s}
.starpick button.on{color:var(--gold)}
.modal .cnt{text-align:right;color:var(--muted);font-size:12px;margin:4px 0 10px}
.rv-head{display:flex;align-items:center;gap:14px;margin-bottom:6px;padding-right:30px}
.rv-name{display:block;font-size:20px;margin-bottom:2px}
.rv-text{padding:12px 14px;margin-bottom:14px;background:var(--panel2);border-radius:10px;white-space:pre-wrap;overflow-wrap:anywhere}
.twobtn{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.note{padding:12px 14px;margin-bottom:8px;background:var(--panel2);border-radius:10px;display:flex;flex-direction:column;gap:4px}
.note.new{border-left:3px solid var(--blue)}
.note .quote{color:var(--muted);overflow-wrap:anywhere}

/* footer */
footer{margin-top:10px;padding-bottom:30px}
footer .box{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px 24px}
footer .fr{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid var(--line)}
footer .fl{display:flex;align-items:center;gap:10px;font-weight:900;font-size:20px;color:#6b4757}
footer .fl img{width:32px;height:32px;border-radius:8px;object-fit:cover;opacity:.85}
footer .links{display:flex;gap:30px;flex-wrap:wrap}
footer .links a{color:#e6cfd9}
footer .links a:hover{color:#fff}
footer p{text-align:center;color:var(--muted);font-size:12px;margin-top:14px}

#toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(20px);background:#2a1520;border:1px solid var(--line);padding:12px 20px;border-radius:10px;opacity:0;pointer-events:none;transition:.25s;z-index:99;max-width:90vw}
#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* на средних экранах убираем иконки в навигации, чтобы всё влезло в один ряд */
@media(max-width:1250px){
  nav a svg{display:none}
}
@media(max-width:1000px){
  .grid2,.row,.shop,.skins,.two,.prof,.adm,.pgrid{grid-template-columns:1fr}
  .stats{grid-template-columns:repeat(2,1fr)}
  .srvgrid,.privs{grid-template-columns:1fr}
  .pick{position:static}
  .banner{height:200px}.banner h2{font-size:38px}
  .hbar{gap:10px;flex-wrap:wrap;height:auto;padding:10px 0}
  nav{order:3;width:100%;flex:none;justify-content:flex-start;overflow-x:auto}
  nav a svg{display:inline-block}
  .news h3{font-size:26px}
  .news .logo-big{width:110px;height:110px;right:20px;top:20px}
  .umenu{right:-10px}
}

/* === Меню аккаунта: принудительно вертикально (приоритет выше любых старых правил) === */
#umwrap .umenu{display:none !important}
#umwrap.open .umenu{display:flex !important;flex-direction:column !important;flex-wrap:nowrap !important;align-items:stretch !important;gap:8px !important;width:290px !important}
#umwrap .umenu > *{display:flex !important;flex:none !important;width:100% !important;max-width:100% !important;margin:0 !important;box-sizing:border-box}
#umwrap .umenu > .uhead{align-items:center}
#umwrap .umenu > .ubal{justify-content:space-between;align-items:center}
#umwrap .umenu > .uitem{justify-content:flex-start;align-items:center;white-space:normal}

/* кнопка «+» в балансе: иконка по центру */
.ubal .plus{padding:0;display:flex;align-items:center;justify-content:center;flex:none}
.ubal .plus svg{display:block;width:18px;height:18px}

/* префикс игрока */
.pfx{display:inline-block;margin-right:6px;padding:1px 7px;border-radius:6px;background:rgba(var(--acc),.18);color:var(--gold);font-size:11px;font-weight:800;line-height:1.5;vertical-align:middle;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.uinfo .pfx,.rv-name .pfx{margin:2px 0}
.arow .pfx{margin:0;flex:none}

/* вкладки админ-панели */
.admtabs{margin:0 0 14px}
.admtabs .tab{padding:12px 6px;font-size:13px}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.fgrid input[type=date]{width:100%;padding:13px 14px;background:var(--panel2);border:1px solid transparent;border-radius:8px;color:var(--text);font:inherit;outline:none;color-scheme:dark}
.fgrid input[type=date]:focus{border-color:var(--blue)}
.fgrid input[type=number]{-moz-appearance:textfield}
.plus-amt{color:var(--green);font-weight:800}
.minus-amt{color:#ff8a98;font-weight:800;white-space:nowrap}
b.plus-amt{white-space:nowrap}
.code{font-family:ui-monospace,Consolas,monospace;letter-spacing:1px;color:var(--gold)}
.copyid{cursor:pointer}
.copyid:hover{color:var(--gold)}
.amt button[data-act="gencode"]{white-space:nowrap}
@media(max-width:1000px){.fgrid{grid-template-columns:1fr}.admtabs{flex-wrap:wrap}.admtabs .tab{flex:1 1 45%}}

/* убираем стрелочки вверх/вниз у числовых полей: сумму просто вписывают */
input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
input[type=number]{-moz-appearance:textfield;appearance:textfield}

/* выбор цвета префикса */
.swatches{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.sw{width:30px;height:30px;border-radius:8px;border:2px solid transparent;box-shadow:0 0 0 1px var(--line)}
.sw:hover{border-color:#fff}
input[type=color]{width:42px;height:32px;padding:0;border:0;border-radius:8px;background:none;cursor:pointer}
.qchips{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}

/* окно пополнения: вкладки-кнопки и поле промокода */
.mtabs{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px;padding-right:44px}
.mtab{font-size:22px;font-weight:900;padding:6px 14px;border-radius:10px;border:1px solid transparent;color:var(--muted);transition:.15s}
.mtab:hover{color:#fff}
.mtab.on{color:#fff;background:rgba(var(--acc),.16);border-color:var(--blue)}
.mtab.sm{font-size:14px;font-weight:800;padding:10px 16px;background:var(--panel2)}
.mtab.sm.on{background:rgba(var(--acc),.16)}
.pcode-row{display:flex;align-items:center;gap:10px;padding:7px 7px 7px 14px;background:var(--panel2);border:1px solid transparent;border-radius:10px}
.pcode-row:focus-within{border-color:var(--blue)}
.pcode-row.ok{border-color:rgba(var(--acc),.5)}
.pc-ico{display:grid;place-items:center;color:var(--gold);flex:none}
.pc-ico svg{width:22px;height:22px}
.pcode-row input{flex:1;min-width:0;width:auto;padding:9px 0;background:transparent;border:0;border-radius:0;text-transform:uppercase}
.pcode-row input:focus{border:0}
.pcode-row input::placeholder{text-transform:none}
.pc-info{flex:1;min-width:0;display:flex;flex-direction:column}
.pc-info b{letter-spacing:1px;overflow:hidden;text-overflow:ellipsis}
.pc-info small{color:var(--green);font-size:12px}
.pc-btn{padding:10px 18px;border-radius:8px;background:var(--blue);color:#fff;font-weight:800;flex:none;transition:.15s}
.pc-btn:hover{background:var(--blue2)}
.pc-btn:disabled{opacity:.5;cursor:default}
.pc-ok{width:40px;height:40px;border-radius:8px;background:var(--blue);color:#fff;display:grid;place-items:center;flex:none}
.pc-ok svg{width:20px;height:20px}
.bonusline{margin-top:6px;font-size:13px;color:var(--green)}
.bonusline b{color:var(--gold)}

/* переключатели валюты и языка в шапке */
.dd{position:relative;flex:none}
.ddbtn{display:flex;align-items:center;gap:5px;height:40px;padding:0 11px;border-radius:8px;background:var(--panel2);font-weight:800;font-size:13px;transition:.15s}
.ddbtn:hover{background:var(--line)}
.ddbtn .caret{font-size:10px;color:var(--muted)}
.ddmenu{display:none;position:absolute;right:0;top:calc(100% + 8px);min-width:130px;padding:6px;background:#1b1116;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 50px rgba(0,0,0,.6);z-index:45}
.dd.open .ddmenu{display:flex;flex-direction:column;gap:2px}
.ddmenu button{padding:10px 12px;border-radius:8px;text-align:left;font-weight:700;font-size:13px;white-space:nowrap}
.ddmenu button:hover{background:var(--panel2)}
.ddmenu button.on{color:var(--blue);background:rgba(var(--acc),.12)}

/* выбор валюты прямо в строке суммы пополнения */
.amt .dd{display:flex}
.amt .ddbtn{width:auto;height:auto;align-self:stretch;padding:0 14px;white-space:nowrap;font-size:13px;font-weight:800;border-radius:8px;background:var(--panel2)}
.amt .ddmenu{right:auto;left:0;min-width:120px}
.amt .ddmenu button{width:100%;font-size:13px;font-weight:700;border-radius:8px;background:none}
.amt .ddmenu button:hover{background:var(--panel2)}
.amt .ddmenu button.on{color:var(--blue);background:rgba(var(--acc),.12)}

/* выбор сервера в профиле */
.psrv{display:block;width:100%;margin-bottom:10px}
.psrv .ddbtn{width:100%;height:auto;padding:13px 14px;justify-content:flex-start;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:10px;font-size:14px}
.psrv .ddbtn:hover{background:var(--panel2)}
.psrv .ddbtn .caret{margin-left:auto}
.psrv .ddmenu{left:0;right:0;top:calc(100% + 6px);min-width:0;width:100%}
.psrv .ddmenu button{display:flex;align-items:center;gap:10px;width:100%;padding:12px 12px}
.psrv .ddmenu button small{margin-left:auto;color:var(--muted);font-weight:700;font-size:12px}
.psrv .sname{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sdot{flex:none;width:9px;height:9px;border-radius:50%;background:#5a4450}
.sdot.on{background:var(--green);box-shadow:0 0 8px rgba(52,211,153,.6)}
.psrv-empty{padding:12px 14px;margin-bottom:10px;background:var(--panel);border:1px solid var(--line);border-radius:10px;color:var(--muted)}

/* без белой рамки фокуса на кнопках, списках и полях */
button:focus,button:focus-visible,.ddbtn:focus,.ddbtn:focus-visible,.ddmenu button:focus-visible,select:focus,select:focus-visible,a:focus-visible{outline:none;box-shadow:none}

/* уведомления: выпадающее меню вниз, как меню аккаунта */
.nwrap{position:relative;flex:none}
.nmenu{display:none;position:absolute;right:-60px;top:calc(100% + 8px);width:min(380px,92vw);background:#1b1116;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.6);z-index:40;overflow:hidden}
.nwrap.open .nmenu{display:block}
.nhead{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;font-weight:900;font-size:16px;border-bottom:1px solid var(--line)}
.nclear{font-size:12px;font-weight:700;color:var(--muted);padding:4px 8px;border-radius:6px}
.nclear:hover{color:#ffb3bf;background:#5b1d28}
.nlist{max-height:min(460px,65vh);overflow-y:auto;padding:10px}
.nlist .note{position:relative;padding-right:44px}
.ndel,.ib2{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;color:var(--muted);transition:.15s;flex:none}
.ndel{position:absolute;top:8px;right:8px}
.ndel:hover,.ib2.del:hover{background:#5b1d28;color:#ffb3bf}
.ib2:hover{background:rgba(255,255,255,.08);color:var(--gold)}
.ndel svg,.ib2 svg{display:block}

/* коллекции скинченджера */
.col{gap:8px;padding:6px 8px 6px 14px}
.colsel{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:6px 0}
.colsel b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.colact{display:flex;gap:2px;flex:none}
.colhead h3{display:flex;align-items:center;gap:8px}

/* меню аккаунта: рубли и ADIH коины в одном блоке, кнопки ниже */
.ubal{gap:12px}
.ubal .ubc{min-width:0}
.ubal .ubc.coins{text-align:right;padding-left:12px;border-left:1px solid var(--line)}
.ubal .ubc.coins b{color:var(--blue)}
.ubal .cname{font-size:12px;font-weight:900;letter-spacing:1px;color:var(--gold)}
#umwrap .umenu > .ulist .ubtns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ubtn{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;padding:11px 4px;border-radius:10px;background:var(--panel2);font-weight:800;font-size:12px;color:var(--text);transition:.15s;white-space:nowrap}
.ubtn:hover{background:var(--line);color:var(--gold)}
.ubtn svg{flex:none;color:var(--gold)}

/* выбор срока привилегии: список раскрывается внутри карточки */
.price{padding:12px}
.pdd{display:block;width:100%;margin-top:10px;text-align:left}
.pdd .ddbtn{width:100%;height:auto;padding:12px 14px;justify-content:space-between;gap:10px;background:rgba(14,7,9,.55);border:1px solid var(--line);border-radius:10px;font-size:13px;color:var(--text)}
.pdd .ddbtn:hover{background:rgba(14,7,9,.8);border-color:rgba(var(--acc),.5)}
.pdd.open .ddbtn{border-color:var(--blue)}
.pdd .ddbtn .pl{color:var(--muted);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pdd .ddbtn .pl.set{color:var(--gold)}
.pdd .ddbtn .caret{font-size:11px;color:var(--gold);transition:transform .15s}
.pdd.open .ddbtn .caret{transform:rotate(180deg)}
.pdd .ddmenu{position:static;display:none;min-width:0;width:100%;margin-top:6px;padding:6px;background:rgba(14,7,9,.55);border:1px solid var(--line);border-radius:10px;box-shadow:none}
.pdd.open .ddmenu{display:flex;flex-direction:column;gap:4px}
.pdd .ddmenu button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:11px 12px;border-radius:8px;background:transparent;color:var(--text);font-size:13px;font-weight:700}
.pdd .ddmenu button b{color:var(--gold);font-weight:900;font-size:14px}
.pdd .ddmenu button:hover{background:rgba(var(--acc),.14)}
.pdd .ddmenu button.on{background:rgba(var(--acc),.22);color:#fff;box-shadow:inset 0 0 0 1px var(--blue)}

/* полосы прокрутки в стиле сайта */
*{scrollbar-width:thin;scrollbar-color:#5a1a3a transparent}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:#4a1f35;border-radius:8px;border:2px solid transparent;background-clip:content-box}
::-webkit-scrollbar-thumb:hover{background:var(--blue);background-clip:content-box}
html{scrollbar-color:#5a1a3a var(--bg)}
html::-webkit-scrollbar-track{background:var(--bg)}
.nlist{scrollbar-gutter:stable}

/* профиль: роль и префиксы выше, ближе к нику, с отступом до блоков ниже */
.pname{margin-bottom:6px}
.prole{margin:0 0 6px}
.prole .role{margin:0}
.pfxrow{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0 0 16px}
.pfxrow .pfx{margin:0}

/* друзья: красный кружок, кнопка в профиле, ряды */
.rdot{display:inline-block;width:11px;height:11px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 2px #1b1116,0 0 10px rgba(239,68,68,.7);flex:none}
.user{position:relative}
.user>.rdot{position:absolute;top:-3px;left:30px;box-shadow:0 0 0 2px var(--bg),0 0 10px rgba(239,68,68,.7)}
.uitem .rdot.inline{margin-left:auto}
.fbtn{position:absolute;top:52px;right:10px;width:34px;height:34px;border-radius:8px;background:rgba(0,0,0,.4);display:grid;place-items:center;color:var(--text);transition:.15s}
.fbtn:hover{background:var(--blue)}
.fbtn.friends{color:var(--green)}
.fbtn.out{color:var(--gold)}
.fbtn.in{background:var(--blue);color:#fff}
.fbtn.blocked{color:#ff8a98}
.fbtn svg{width:20px;height:20px}
.frbtns{display:flex;gap:6px;flex:none;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.arow .frbtns{flex:none}
.arow .frn .pfx{margin-right:6px}

/* окна поверх страницы: полупрозрачное стекло */
.ov{background:rgba(8,3,6,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.modal{background:linear-gradient(145deg,rgba(60,24,40,.62),rgba(24,12,18,.52));border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 70px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.12);-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%)}
.umenu,.nmenu,.ddmenu,#toast{background:rgba(30,15,22,.68);border-color:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%)}
.modal .chosen,.modal .pcode-row,.modal .cartrow,.modal .note,.modal .arow{background:rgba(255,255,255,.06)}
.modal input[type=number],.modal input[type=text],.modal textarea{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.08)}
.modal input:focus,.modal textarea:focus{border-color:var(--blue)}
.modal .btn.ghost,.modal .pm button,.modal .chips button,.modal .amt button,.modal .ddbtn{background:rgba(255,255,255,.08)}
.modal .btn.ghost:hover,.modal .chips button:hover,.modal .amt button:hover{background:rgba(255,255,255,.14)}
/* карточки тарифов внутри меню выбора срока остаются читаемыми */
.pdd .ddmenu{background:rgba(14,7,9,.55);-webkit-backdrop-filter:none;backdrop-filter:none}
.modal .pcode-row input[type=text]{background:transparent;border:0}

/* ===== плавное открытие и закрытие: выпадающие меню и окна ===== */
:root{--ease:cubic-bezier(.2,.8,.2,1)}
.ddmenu{display:flex !important;flex-direction:column;gap:2px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px) scale(.97);transform-origin:top right;
  transition:opacity .18s ease,transform .24s var(--ease),visibility 0s linear .24s}
.dd.open .ddmenu{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity .18s ease,transform .24s var(--ease),visibility 0s}
.amt .ddmenu,.psrv .ddmenu{transform-origin:top left}
.ddbtn .caret{display:inline-block;transition:transform .25s var(--ease)}
.dd.open .ddbtn .caret{transform:rotate(180deg)}

/* список срока в карточке привилегии: плавно раскрывается по высоте */
.pdd .ddmenu{transform:none;max-height:0;padding-top:0;padding-bottom:0;margin-top:0;border-width:0;overflow:hidden;
  transition:max-height .36s var(--ease),opacity .22s ease,padding .28s var(--ease),margin .28s var(--ease),border-width .2s,visibility 0s linear .36s}
.pdd.open .ddmenu{max-height:280px;padding-top:6px;padding-bottom:6px;margin-top:6px;border-width:1px;
  transition:max-height .36s var(--ease),opacity .26s ease .04s,padding .28s var(--ease),margin .28s var(--ease),border-width .2s,visibility 0s}
.pdd .ddmenu button{opacity:0;transform:translateY(-6px);transition:opacity .22s ease,transform .3s var(--ease),background .15s}
.pdd.open .ddmenu button{opacity:1;transform:none}
.pdd.open .ddmenu button:nth-child(1){transition-delay:.05s,.05s,0s}
.pdd.open .ddmenu button:nth-child(2){transition-delay:.09s,.09s,0s}
.pdd.open .ddmenu button:nth-child(3){transition-delay:.13s,.13s,0s}
.pdd.open .ddmenu button:nth-child(4){transition-delay:.17s,.17s,0s}
.pdd.open .ddmenu button:nth-child(n+5){transition-delay:.2s,.2s,0s}

/* меню аккаунта и уведомления */
#umwrap .umenu{display:flex !important;flex-direction:column !important;flex-wrap:nowrap !important;align-items:stretch !important;gap:8px !important;width:290px !important;
  opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px) scale(.97);transform-origin:top right;
  transition:opacity .18s ease,transform .24s var(--ease),visibility 0s linear .24s}
#umwrap.open .umenu{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity .18s ease,transform .24s var(--ease),visibility 0s}
.nmenu{display:block !important;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px) scale(.97);transform-origin:top right;
  transition:opacity .18s ease,transform .24s var(--ease),visibility 0s linear .24s}
.nwrap.open .nmenu{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity .18s ease,transform .24s var(--ease),visibility 0s}

/* окна: появление с лёгким увеличением, закрытие плавное */
.ov{animation:ovIn .2s ease both}
.ov .modal{animation:mIn .3s var(--ease) both}
.ov.out{animation:ovOut .18s ease both;pointer-events:none}
.ov.out .modal{animation:mOut .18s ease both}
@keyframes ovIn{from{opacity:0}to{opacity:1}}
@keyframes ovOut{from{opacity:1}to{opacity:0}}
@keyframes mIn{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}
@keyframes mOut{from{opacity:1;transform:none}to{opacity:0;transform:translateY(8px) scale(.97)}}

@media (prefers-reduced-motion:reduce){
  .ddmenu,.pdd .ddmenu,.pdd .ddmenu button,#umwrap .umenu,.nmenu,.ov,.ov .modal,.ddbtn .caret{transition:none !important;animation:none !important}
}

/* поиск игроков: лупа в шапке, строка выезжает влево */
.usearch{position:relative;flex:none}
.usbox{position:absolute;right:48px;top:0;width:min(320px,62vw);z-index:60;pointer-events:none}
.usearch.open .usbox{pointer-events:auto}
.usin{height:40px;border-radius:10px;background:rgba(30,15,22,.78);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);
  clip-path:inset(0 0 0 100% round 10px);opacity:0;transition:clip-path .38s var(--ease),opacity .22s ease}
.usearch.open .usin{clip-path:inset(0 0 0 0 round 10px);opacity:1}
.usin:focus-within{border-color:var(--blue)}
.usin input{width:100%;height:100%;padding:0 14px;background:transparent !important;border:0 !important;border-radius:10px;color:var(--text);font:inherit;outline:none}
.usin input::placeholder{color:var(--muted)}
.usres{margin-top:6px;border-radius:12px;background:rgba(30,15,22,.82);border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);
  box-shadow:0 18px 50px rgba(0,0,0,.55);overflow:hidden;max-height:0;opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:max-height .32s var(--ease),opacity .2s ease,transform .28s var(--ease),visibility 0s linear .32s}
.usres.show{max-height:420px;opacity:1;visibility:visible;transform:none;overflow-y:auto;padding:6px;transition:max-height .32s var(--ease),opacity .2s ease,transform .28s var(--ease),visibility 0s}
.usitem{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;transition:background .15s}
.usitem:hover{background:rgba(var(--acc),.16)}
.usn{display:flex;flex-direction:column;min-width:0}
.usn b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.usn small{color:var(--muted);font-size:11px}
.usempty{padding:14px;text-align:center;color:var(--muted)}
.usearch.open>.cartbtn{background:rgba(var(--acc),.22);color:var(--gold)}
@media(max-width:1000px){.usbox{right:0;top:48px;width:min(320px,calc(100vw - 32px))}}
@media (prefers-reduced-motion:reduce){.usin,.usres{transition:none !important}}
.usin{background:rgba(22,11,16,.97)}
.usres{background:rgba(24,12,18,.95)}

/* задания */
.tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.task{display:flex;flex-direction:column;gap:10px;padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:14px;transition:.15s}
.task:hover{border-color:rgba(var(--acc),.5)}
.task.off{opacity:.6}
.thead{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.ttitle{font-size:17px;font-weight:900;overflow-wrap:anywhere}
.tbadge{flex:none;padding:2px 9px;border-radius:10px;background:var(--panel2);color:var(--muted);font-size:11px;font-weight:800}
.tdesc{color:#e6cfd9;white-space:pre-wrap;overflow-wrap:anywhere}
.tprize{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--gold-bg);border-radius:10px;color:var(--gold)}
.tprize svg{flex:none}
.tprize b{color:var(--gold);font-weight:900;overflow-wrap:anywhere}
.tbar{height:5px;border-radius:3px;background:rgba(255,255,255,.1);overflow:hidden}
.tbar i{display:block;height:100%;background:var(--blue);border-radius:3px}
.tact{margin-top:auto;display:flex;flex-direction:column;gap:8px}
.tact .btn{width:100%}
.tok{padding:11px 12px;border-radius:9px;background:rgba(52,211,153,.12);color:var(--green);font-weight:800;text-align:center}
.trej{padding:9px 12px;border-radius:9px;background:rgba(239,68,68,.12);color:#ff8a98;font-size:13px;overflow-wrap:anywhere}
.town{display:flex;gap:8px;padding-top:10px;border-top:1px solid var(--line)}
.tbox{margin-bottom:14px}
.thd{font-size:13px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:10px;cursor:default}
details.tbox>summary{cursor:pointer;margin-bottom:0}
details.tbox[open]>summary{margin-bottom:10px}
.tbox .arow>div:first-of-type small{display:block}
@media(max-width:1000px){.tgrid{grid-template-columns:1fr}}
@media(min-width:1001px) and (max-width:1250px){.tgrid{grid-template-columns:repeat(2,1fr)}}

/* правила */
.rule{margin-bottom:12px}
.rule .ttitle{font-size:19px}
.rtext{margin-top:10px;color:#e6cfd9;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}
.rtools{display:flex;gap:2px;flex:none}
.toolbar a.tab{display:inline-block}

/* автоматические задания */
.tautoline{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:10px;background:rgba(52,211,153,.1);color:var(--green);font-weight:700;font-size:13px}
.tautoline svg{flex:none}
.tauto{display:flex;flex-direction:column;gap:8px}
.tauto .tbar{height:8px}

/* шкала победителей по секциям */
.tseg{display:flex;gap:3px;height:8px}
.tseg i{flex:1;min-width:0;border-radius:3px;background:rgba(255,255,255,.1);transition:background .3s}
.tseg i.on{background:var(--blue);box-shadow:0 0 8px rgba(var(--acc),.45)}

/* окно подтверждения */
.cfm{text-align:center;padding:6px 4px 4px}
.cfm h3{padding-right:0;margin:12px 0 8px}
.cfm p{overflow-wrap:anywhere}
.cfmico{width:60px;height:60px;margin:0 auto;border-radius:50%;display:grid;place-items:center;background:rgba(239,68,68,.16);color:#ff8a98;box-shadow:0 0 0 6px rgba(239,68,68,.07)}
.cfmico svg{width:26px;height:26px}

/* скинченджер */
.sktool{flex-wrap:wrap;margin:10px 0}
.sktool .tab{padding:10px 16px}
.sksearch{margin-left:auto;min-width:200px;padding:10px 14px;border-radius:10px;background:var(--panel2);border:1px solid var(--line);color:#fff}
.skgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.skc{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 10px;border-radius:12px;background:var(--panel);border:1px solid var(--line);text-align:center;transition:.15s}
.skc:hover{border-color:var(--blue);transform:translateY(-2px)}
.skc.on{border-color:var(--blue);background:rgba(var(--acc),.12)}
.skc img{width:100%;height:96px;object-fit:contain}
.skc .skimg{height:96px}
.skc b{font-size:14px}.skc small{color:var(--muted);font-size:12px;line-height:1.25}
.skm{max-height:46vh;overflow:auto;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));padding:2px}
.skm .skc img{height:72px}
.skopts{display:grid;grid-template-columns:1fr 130px;gap:14px;margin:14px 0;align-items:end}
.skopts input[type=range]{width:100%}
.skopts input[type=number]{width:100%;padding:10px;border-radius:10px;background:var(--panel2);border:1px solid var(--line);color:#fff}

/* привилегии: кнопка «Подробнее» и окно с функциями */
.moreb{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin:0 0 8px;padding:10px;border-radius:9px;background:rgba(255,255,255,.06);border:1px solid var(--line);color:var(--text);font-weight:700;font-size:13px;transition:.15s}
.moreb:hover{background:rgba(255,255,255,.12);border-color:var(--c,var(--blue));color:#fff}
.pi-top{text-align:center;padding:4px 0 12px}
.pi-name{font-size:42px;font-weight:900;font-style:italic;line-height:1.1}
.pi-about{margin:0 0 12px;color:#e6cfd9;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.pi-inc{margin-bottom:12px;padding:9px 12px;border-radius:10px;background:rgba(255,255,255,.07);color:var(--gold);font-weight:700;font-size:13px;text-align:center}
.pi-list{max-height:52vh;overflow-y:auto;padding-right:4px}
.pi-sec{margin-bottom:12px}
.pi-h{font-size:12px;font-weight:900;letter-spacing:1px;text-transform:uppercase;margin-bottom:6px}
.pi-f{display:flex;gap:10px;padding:10px 12px;margin-bottom:6px;border-radius:10px;background:rgba(255,255,255,.06)}
.pi-ok{font-weight:900;flex:none}
.pi-f b{font-weight:700}
.pi-f p{margin-top:3px;color:var(--muted);font-size:13px;line-height:1.45;overflow-wrap:anywhere}
.pi-chips{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}
.pi-chip{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:11px 12px;border-radius:10px;background:rgba(255,255,255,.07);border:1px solid transparent;font-weight:700;font-size:13px;transition:.15s}
.pi-chip b{color:var(--gold)}
.pi-chip:hover{background:rgba(255,255,255,.13)}
.pi-chip.on{border-color:var(--blue);background:rgba(var(--acc),.2)}

/* редактор товаров магазина (владельцы) */
.prvedit{position:absolute;top:10px;left:10px;z-index:2;width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:rgba(0,0,0,.5);color:var(--gold);transition:.15s}
.prvedit:hover{background:var(--blue);color:#fff}
.pe-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pe-chk{display:flex;align-items:center;gap:8px;margin:2px 0 8px;font-weight:700;cursor:pointer}
.pe-chk input{width:18px;height:18px;accent-color:var(--blue)}

/* плашки серверов и редактор */
.srv .sbadge{margin-left:6px;vertical-align:middle}
.sbadge{display:inline-block;padding:2px 8px;border-radius:7px;font-size:10.5px;font-weight:900;letter-spacing:.5px;line-height:1.5}
.sbadge.new{background:rgba(52,211,153,.2);color:var(--green);border:1px solid rgba(52,211,153,.5)}
.sbadge.pop{background:rgba(244,182,207,.18);color:var(--gold);border:1px solid rgba(244,182,207,.5)}
.srv .btns{position:relative;z-index:1}

/* флаги в переключателях валюты и языка */
.flag{flex:none;width:22px;height:15px;border-radius:3px;box-shadow:0 0 0 1px rgba(255,255,255,.18);display:block}
.ddbtn{gap:7px}
.ddmenu button{display:flex;align-items:center;gap:9px}
.amt .ddbtn .flag{width:20px;height:14px}
@media(min-width:1001px) and (max-width:1450px){nav a{padding:10px 6px;font-size:13px;gap:4px}.hbar{gap:8px}.right{gap:6px}.ddbtn{padding:0 8px;gap:5px}.top .wrap{padding:0 12px}}

/* тема сайта */
#bgimg{position:fixed;inset:-24px;z-index:-1;pointer-events:none;background-size:cover;background-position:center;background-repeat:no-repeat;display:none}
.thgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:4px 16px}
.thgrid input[type=color]{width:100%;height:40px}
.thdot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:7px;vertical-align:-1px}

/* карточки серверов, баннеры и плашки следуют за основным акцентом */
.srv.awp{background:linear-gradient(120deg,color-mix(in srgb,var(--blue) 16%,#000),color-mix(in srgb,var(--blue) 36%,#000) 55%,color-mix(in srgb,var(--blue) 50%,#000))}
.srv.public{background:linear-gradient(120deg,color-mix(in srgb,var(--blue) 12%,#000),color-mix(in srgb,var(--blue) 28%,#000) 55%,color-mix(in srgb,var(--blue) 42%,#000))}
.notice{background:linear-gradient(120deg,color-mix(in srgb,var(--blue) 34%,#000),color-mix(in srgb,var(--blue) 12%,#000));border-color:color-mix(in srgb,var(--blue) 45%,#000)}
.pbanner{background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--blue) 60%,#000) 0,transparent 60%),linear-gradient(135deg,color-mix(in srgb,var(--blue) 20%,#000),color-mix(in srgb,var(--blue) 34%,#000))}

/* окна поверх страницы: настраиваются в админ-панели (вкладка «Интерфейс») */
.ov{background:rgba(8,3,6,var(--md-dim,.45));-webkit-backdrop-filter:blur(var(--md-ovblur,6px));backdrop-filter:blur(var(--md-ovblur,6px))}
.modal{background:linear-gradient(145deg,var(--md-bg1,rgba(60,24,40,.62)),var(--md-bg2,rgba(24,12,18,.52)));border-color:var(--md-line,rgba(255,255,255,.14));border-radius:var(--md-r,18px);
  -webkit-backdrop-filter:blur(var(--md-blur,22px)) saturate(160%);backdrop-filter:blur(var(--md-blur,22px)) saturate(160%);
  box-shadow:0 24px 70px rgba(0,0,0,.55),0 0 var(--md-glow,0px) rgba(var(--acc),.55),inset 0 1px 0 rgba(255,255,255,.12)}
.umenu,.nmenu,.ddmenu,#toast{background:var(--md-menu,rgba(30,15,22,.68));border-color:var(--md-line,rgba(255,255,255,.12))}
.pdd .ddmenu{background:rgba(14,7,9,.55)}
.thprev{margin-top:6px;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:repeating-linear-gradient(45deg,rgba(var(--acc),.55) 0 22px,rgba(255,255,255,.08) 22px 44px),var(--bg)}
.thov{display:grid;place-items:center;padding:26px 10px;background:rgba(8,3,6,var(--md-dim,.45));-webkit-backdrop-filter:blur(var(--md-ovblur,6px));backdrop-filter:blur(var(--md-ovblur,6px))}
.thmodal{width:min(420px,100%);animation:none !important}

/* полоса прокрутки следует за акцентом из «Интерфейса» */
:root{--sb:color-mix(in srgb,var(--blue) 42%,#000)}
*{scrollbar-color:var(--sb) transparent}
html{scrollbar-color:var(--sb) var(--bg)}
::-webkit-scrollbar-thumb{background:var(--sb);background-clip:content-box}
::-webkit-scrollbar-thumb:hover{background:var(--blue);background-clip:content-box}
html::-webkit-scrollbar-track{background:var(--bg)}

/* кнопка «Подробнее»: сплошная, без просвета, цвет берётся от привилегии и темы сайта */
.moreb{background:color-mix(in srgb,var(--c,var(--blue)) 24%,var(--bg));border:1px solid color-mix(in srgb,var(--c,var(--blue)) 60%,var(--bg));color:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}
.moreb:hover{background:color-mix(in srgb,var(--c,var(--blue)) 40%,var(--bg));border-color:var(--c,var(--blue));color:#fff}
.moreb svg{color:var(--c,var(--gold))}

/* переход по ссылке «Договор оферты»: раздел подсвечивается */
.rule{scroll-margin-top:84px}
.rule.hl{animation:rulehl 2.2s ease}
@keyframes rulehl{0%,60%{box-shadow:0 0 0 2px var(--blue),0 0 28px rgba(var(--acc),.45)}100%{box-shadow:0 0 0 0 transparent}}

/* ===== кейсы, инвентарь, скинченджер из инвентаря ===== */
.csbtns{display:flex;gap:10px;flex-wrap:wrap}
.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-top:6px}
.ccard{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 14px 14px;border-radius:16px;background:var(--panel);border:1px solid var(--line);text-align:center;transition:.18s}
.ccard:hover{border-color:var(--blue);transform:translateY(-3px);box-shadow:0 10px 30px rgba(var(--acc),.12)}
.ccard.off{opacity:.65}
.ccard b{font-size:16px}
.cimg,.chimg{display:flex;align-items:center;justify-content:center;width:100%;height:150px}
.cimg img,.chimg img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.5))}
.noimg{width:96px;height:96px;border-radius:18px;background:linear-gradient(135deg,var(--panel2),var(--line));opacity:.7}
.cown{position:absolute;top:10px;right:10px;background:var(--blue);color:#fff;border-radius:999px;padding:2px 10px;font-weight:800;font-size:13px}
.cbadge{position:absolute;top:10px;left:10px;background:rgba(0,0,0,.55);border:1px solid var(--line);border-radius:999px;padding:2px 10px;font-size:12px;color:var(--muted)}
.cbadge.inl{position:static;display:inline-block;vertical-align:middle;margin-left:8px}
.cbadge.on{background:var(--blue);border-color:var(--blue);color:#fff}
.cprice{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.cpr{display:inline-flex;gap:4px;align-items:baseline;padding:4px 10px;border-radius:999px;background:var(--panel2);border:1px solid var(--line);font-weight:700;color:var(--gold)}
.cpr.coin{color:#ffd166}.cpr small{font-size:11px;opacity:.85}.cpr.free{color:var(--muted);font-weight:500}
.cprice.big .cpr{font-size:16px;padding:6px 14px}
.cbtn2{display:flex;gap:8px;margin-top:4px}
.back{display:inline-block;margin:10px 2px;color:var(--muted)}.back:hover{color:var(--text)}
.casehead{display:grid;grid-template-columns:minmax(200px,320px) 1fr;gap:24px;align-items:center}
.casehead .chimg{height:220px}
.chbtns{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.btn.big{font-size:16px;padding:12px 26px}
.citems{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:10px}
.citem,.sinv{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 10px;border-radius:12px;background:var(--panel);border:1px solid var(--line);border-bottom:3px solid var(--c,var(--line));text-align:center}
.citem img,.sinv img{width:100%;height:92px;object-fit:contain}
.citem b,.sinv b{font-size:14px}.citem small,.sinv small{color:var(--muted);font-size:12px;line-height:1.25}
.irar{display:flex;justify-content:space-between;gap:8px;width:100%;margin-top:4px;font-size:12px}.irar span{color:var(--c)}.irar i{font-style:normal;font-weight:800}
.sgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
.sinv .btn{margin-top:6px;width:100%}
.tabs.sub{margin:8px 0 12px}
.skc{border-bottom:3px solid var(--c,var(--line))}
.skc small.sel{color:var(--blue);font-weight:600}
.skc:disabled{opacity:.6}

/* открытие кейса */
.modal.reelmodal{width:min(980px,100%)}
.reelwrap{position:relative;overflow:hidden;border-radius:14px;background:rgba(0,0,0,.35);border:1px solid var(--line);padding:14px 0}
.reelwrap::before,.reelwrap::after{content:"";position:absolute;top:0;bottom:0;width:90px;z-index:2;pointer-events:none}
.reelwrap::before{left:0;background:linear-gradient(90deg,rgba(14,7,9,.9),transparent)}
.reelwrap::after{right:0;background:linear-gradient(270deg,rgba(14,7,9,.9),transparent)}
.reelmark{position:absolute;left:50%;top:0;bottom:0;width:3px;margin-left:-1.5px;background:var(--blue);box-shadow:0 0 14px var(--blue);z-index:3}
.reel{display:flex;gap:8px;will-change:transform;padding-left:0}
.rcell{flex:0 0 150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:150px;padding:8px;border-radius:10px;background:var(--panel);border:1px solid var(--line);border-bottom:4px solid var(--c)}
.rcell img{width:100%;height:92px;object-fit:contain}.rcell small{font-size:12px;color:var(--muted);text-align:center;line-height:1.2;max-height:30px;overflow:hidden}
.rcell.win{border-color:var(--c);box-shadow:0 0 26px var(--c);background:var(--panel2)}
.reelres{margin-top:16px}
.dropres{display:flex;align-items:center;gap:16px;padding:14px;border-radius:14px;background:var(--panel);border:1px solid var(--c);box-shadow:0 0 30px color-mix(in srgb,var(--c) 40%,transparent);animation:dropIn .5s var(--ease,ease) both}
.dropres img{width:150px;height:100px;object-fit:contain}
@keyframes dropIn{from{opacity:0;transform:scale(.92) translateY(8px)}to{opacity:1;transform:none}}

/* редактор кейса */
.ceitems{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow:auto;padding:2px}
.ceit{display:grid;grid-template-columns:54px 1fr 150px 74px 64px 28px;gap:8px;align-items:center;padding:6px 8px;border-radius:10px;background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--c)}
.ceit img{width:54px;height:36px;object-fit:contain}.ceit .cen{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.ceit input,.ceit select{width:100%;min-width:0;padding:6px 8px;font-size:13px}
.cepct{font-size:12px;color:var(--gold);text-align:right}
.ceitdel{color:var(--muted);font-size:15px}.ceitdel:hover{color:var(--red)}
.upl{display:inline-flex;align-items:center;padding:0 14px;border-radius:10px;background:var(--panel2);border:1px solid var(--line);cursor:pointer;font-size:13px;white-space:nowrap}
.upl:hover{border-color:var(--blue)}
.cfgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;margin-top:6px}
.cfgrid label{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;border-radius:10px;background:var(--panel);border:1px solid var(--line)}
.cfgrid label .dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--c);margin-right:6px}
.cfgrid input{width:90px;padding:5px 8px}
.cfgrid.w{grid-template-columns:1fr}.cfw{display:grid;grid-template-columns:1fr 90px 90px;gap:8px;align-items:center}.cfw input{padding:5px 8px}

@media (max-width:720px){
  .casehead{grid-template-columns:1fr}
  .ceit{grid-template-columns:44px 1fr 28px;grid-auto-rows:auto}
  .ceit select,.ceit input,.ceit .cepct{grid-column:1/-1}
  .dropres{flex-direction:column;text-align:center}
}
.chinfo .cprice{justify-content:flex-start;margin-top:10px}
#pcase,.ceit select,.fgrid select{background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:inherit;outline:0}
#pcase:focus,.ceit select:focus{border-color:var(--blue)}
#pcase option,.ceit select option{background:#1a0f14;color:var(--text)}

/* категории кейсов, перемещение, быстрое открытие */
.ccwrap{position:relative;display:flex;flex-direction:column}
.ccwrap .ccard{flex:1}
.cmove{display:flex;justify-content:center;gap:6px;margin-top:6px}
.cmove .ib2{background:var(--panel2);font-weight:800}
.ib2[disabled]{opacity:.3;pointer-events:none}
.chbtns .btn.big{margin-right:8px}
.cbtn2{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.toolbar button.tab{flex:none;padding:10px 18px;cursor:pointer}

.csec{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:26px 2px 12px}
.csec h3{font-size:22px;text-transform:uppercase;letter-spacing:.5px;margin:0}
.catpick{max-height:46vh;overflow:auto;display:flex;flex-direction:column;gap:6px;margin-top:6px}
.catrow{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:var(--panel2);cursor:pointer}
.catrow:hover{background:rgba(255,255,255,.07)}
.catrow input{width:18px;height:18px;flex:none}
.cpimg{width:46px;height:34px;display:grid;place-items:center;flex:none}.cpimg img{max-width:100%;max-height:100%;object-fit:contain}
.cpn{font-weight:700;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* открытие нескольких кейсов */
.mmodal{max-width:760px;width:94vw}
.mgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;max-height:56vh;overflow:auto;padding:2px}
.mdrop{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 8px;border-radius:12px;background:var(--panel2);border-bottom:3px solid var(--c);text-align:center;opacity:0;animation:mpop .35s ease forwards}
.mdrop img{width:100%;max-height:64px;object-fit:contain}
.mdrop b{font-size:13px}.mdrop small{font-size:11px;line-height:1.2}
@keyframes mpop{from{opacity:0;transform:translateY(10px) scale(.92)}to{opacity:1;transform:none}}

/* бесплатные кейсы, инвентарь игрока (владелец) */
.cbadge.free{background:rgba(60,200,120,.18);color:#6fe3a1;border:1px solid rgba(60,200,120,.4);left:auto;right:10px;top:10px}
.cpr.free{color:#6fe3a1}
.airow{display:flex;align-items:center;gap:10px;padding:7px 10px;margin-top:6px;border-radius:10px;background:var(--panel2);border-left:3px solid var(--c,var(--line))}
.airow b,.airow .cpn{flex:1;min-width:0}
.airow .rtools{margin-left:auto}
.aiskins{max-height:30vh;overflow:auto}
.chbtns .btn[disabled]{opacity:.7;cursor:default}
#ainv .amt{display:flex;gap:8px;align-items:center}
#ainv .amt select{flex:1;min-width:0;background:var(--panel2);color:inherit;border:1px solid var(--line);border-radius:10px;padding:11px 12px;font:inherit}
#ainv .amt .btn{white-space:nowrap;background:var(--blue);color:#fff;padding:11px 14px}
#cecat,#cep{width:100%;background:var(--panel2);color:inherit;border:1px solid var(--line);border-radius:10px;padding:11px 12px;font:inherit}

.ctimer{font-size:12px;font-weight:700;color:#6fe3a1;background:rgba(60,200,120,.12);border-radius:8px;padding:3px 8px}
#cesell{width:100%;background:var(--panel2);color:inherit;border:1px solid var(--line);border-radius:10px;padding:11px 12px;font:inherit}

/* звук и параллельные рулетки */
.reelhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding-right:34px}
.reelhead h3{margin:0}
.sndbtn{font-size:18px;width:36px;height:36px}
.mreels{display:flex;flex-direction:column;gap:8px;max-height:56vh;overflow:auto}
.reelwrap.sm{padding:6px 0}
.reelwrap.sm .rcell{flex-basis:104px;height:96px;padding:4px}
.reelwrap.sm .rcell img{height:56px}
.reelwrap.sm .rcell small{display:none}

/* магазин: длинный список функций не растягивает карточку, а прокручивается */
.prv ul{max-height:278px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--sb,#555) transparent}
.prv ul::-webkit-scrollbar{width:6px}
.prv ul::-webkit-scrollbar-thumb{background:var(--sb,#555);border-radius:6px}
.prv li{flex:none}
.privs{align-items:start}

/* плашки кейсов всегда поверх картинки */
.ccard .cbadge,.ccard .cown{z-index:3}
.cbadge.free{left:10px;right:auto;font-size:11px;white-space:nowrap}
.ccard:has(.cbadge:not(.free):not(.inl)) .cbadge.free{top:38px}
.ccard:has(.cbadge.free) .cown{top:auto;bottom:auto;right:10px;top:38px}
.ccard:has(.cbadge.free):has(.cbadge:not(.free)) .cown{top:66px}

.invbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:8px 0 12px}
.invbar .btn{white-space:nowrap}

/* вкладка «База данных» */
.modal.dbmodal{width:min(1040px,100%)}
.dbwrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px}
.dbt{width:100%;border-collapse:collapse;font-size:13px}
.dbt th{text-align:left;color:var(--muted);font-weight:700;padding:9px 10px;background:var(--panel2);white-space:nowrap}
.dbt td{padding:8px 10px;border-top:1px solid var(--line);vertical-align:middle}
.dbt .r{text-align:right;white-space:nowrap}
.dbt .dnote{max-width:280px;overflow-wrap:anywhere}
.dbt .copyid{cursor:pointer;color:var(--muted);font-size:12px}
.modal input[type=date]{width:100%;padding:13px 14px;background:var(--panel2);border:1px solid transparent;border-radius:8px;color:var(--text);font:inherit;outline:none;color-scheme:dark}