/* Soil RP ID — личный кабинет (подключается вместе с id.css) */
body.cab-on .id-top,body.cab-on .id-main{display:none!important}
body.cab-on .id-bg::after{background:linear-gradient(180deg,rgba(13,13,13,.82),rgba(13,13,13,.93) 60%,rgba(13,13,13,.97))}
.cab{position:relative;z-index:1;min-height:100vh;padding:0 clamp(16px,7.5vw,145px) 60px;animation:card-in .45s cubic-bezier(.2,.7,.2,1) both}
.cab-wrap{max-width:1630px;margin:0 auto}
.cab button{font:inherit;color:inherit;cursor:pointer}
.cab a{text-decoration:none}

/* Шапка */
.cab-head{display:flex;align-items:center;justify-content:space-between;gap:24px;height:96px}
.cab-logo{display:flex;align-items:center;color:#fff}
.cab-logo b{font-size:32px;line-height:1;font-weight:900;font-style:italic;letter-spacing:-.05em;padding-right:.08em}
.cab-head-r{display:flex;align-items:center;gap:22px}
.cab-demo{padding:6px 10px;border-radius:6px;background:rgba(255,255,255,.06);color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;cursor:help}
.cab-lang{display:flex;align-items:center;gap:10px;border:0;background:none;font-size:15px;font-weight:800;text-transform:uppercase;color:#d6d6d6;transition:color .2s}
.cab-lang:hover{color:#fff}
.cab-lang svg{width:18px;height:18px}
.cab-bal{display:flex;align-items:center;gap:7px;font-size:20px;font-weight:800;color:#d6d6d6}
.cab-coin{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--accent);color:#fff;font-size:11px;font-weight:900;font-style:italic;letter-spacing:-.05em}
.cab-topup{display:inline-flex;align-items:center;height:48px;padding:0 16px;border-radius:6px;background:var(--accent);color:#fff!important;font-size:16px;font-weight:800;text-transform:uppercase;transition:background .2s}
.cab-topup:hover{background:var(--accent-hover)}
.cab-user{position:relative}
.cab-user-btn{display:flex;align-items:center;gap:10px;width:230px;height:48px;padding:0 8px;border:0;border-radius:8px;background:none;text-align:left;transition:background .2s}
.cab-user-btn:hover,.cab-user.open .cab-user-btn{background:rgba(255,255,255,.05)}
.cab-ava{flex:0 0 30px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#262626;color:#bdbdbd;font-size:13px;font-weight:800}
.cab-user-btn b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:800;color:#d0d0d0}
.cab-user-btn svg{width:12px;height:12px;transition:transform .2s}
.cab-user.open .cab-user-btn svg{transform:rotate(180deg)}
.cab-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:20;display:none;width:260px;padding:8px;border-radius:8px;background:#1a1a1a;border:1px solid rgba(255,255,255,.06);box-shadow:0 20px 60px rgba(0,0,0,.6)}
.cab-user.open .cab-menu{display:block;animation:view-in .2s both}
.cab-menu-head{padding:10px 12px 12px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:6px}
.cab-menu-head b{display:block;font-size:15px;font-weight:800}
.cab-menu-head span{display:block;margin-top:3px;font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis}
.cab-menu a,.cab-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;border:0;border-radius:6px;background:none;color:#e0e0e0;font-size:14px;font-weight:700;text-align:left}
.cab-menu a:hover,.cab-menu button:hover{background:rgba(255,255,255,.06);color:#fff}
.cab-menu svg{width:16px;height:16px;color:var(--muted)}
.cab-menu .danger{color:#ff7a8e}

/* Сетка */
.cab-grid{display:grid;grid-template-columns:255px minmax(0,1fr) 320px;gap:0 65px;align-items:start;margin-top:0}
.cab-side{position:sticky;top:24px}
.cab-nav a{display:flex;align-items:center;gap:10px;height:56px;margin-bottom:12px;padding:0 18px;border:1px solid transparent;border-radius:8px;color:#d9d9d9;font-size:15px;font-weight:800;text-transform:uppercase;letter-spacing:.01em;transition:background .2s,color .2s,border-color .2s}
.cab-nav a svg{flex:0 0 15px;width:15px;height:15px;color:#bdbdbd;transition:color .2s}
.cab-nav a:hover{background:rgba(255,255,255,.035);color:#fff}
.cab-nav a.on{background:rgba(255,255,255,.05);color:#fff}
.cab-nav a.on svg{color:var(--accent)}
.cab-nav a:focus-visible{outline:0;border-color:#fff}
.cab-nav hr{height:1px;margin:20px 0 24px;border:0;background:rgba(255,255,255,.08)}

.cab-main{min-width:0;padding-bottom:40px}
.cab-aside{position:sticky;top:24px;display:flex;flex-direction:column;gap:8px}

/* Заголовок персонажа */
.cab-title{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin:4px 0 30px}
.cab-title h1{font-size:28px;font-weight:800;line-height:1.25}
.cab-title h1 small{font-size:24px;font-weight:700;color:#8d8d8d}
.cab-title p{margin-top:12px;font-size:15px;color:var(--muted)}
.cab-lvl{text-align:center;flex:0 0 auto}
.cab-lvl b{display:block;font-size:22px;font-weight:800;line-height:1.2}
.cab-lvl span{font-size:15px;color:#d0d0d0}
.cab-h2{display:flex;justify-content:space-between;align-items:center;margin:36px 0 16px;font-size:16px;font-weight:800;text-transform:uppercase}
.cab-title+.cab-h2,.inv-cols .cab-h2{margin-top:0}
.cab-h2 span{color:#9a9a9a}
.cab-h2 span b{color:#fff}

/* Карточки */
.cab-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.cab-cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.cab-card{min-height:172px;padding:24px 20px 22px;border-radius:8px;background:rgba(22,22,22,.88);transition:background .2s}
.cab-card .lb{font-size:15px;font-weight:600;color:#e2e2e2}
.cab-card .val{margin:22px 0 18px;font-size:20px;font-weight:800;line-height:1.2}
.cab-card .val small{font-size:18px;font-weight:700;color:#8a8a8a}
.cab-card .meta{font-size:13px;line-height:1.7;color:#8d8d8d}
.cab-card .meta b{color:#fff;font-weight:700}
.cab-card .meta i{display:inline-flex;align-items:center;gap:6px;margin-right:16px;font-style:normal;color:#fff;font-weight:700;vertical-align:middle}
.cab-card .meta svg{width:14px;height:14px;color:#9a9a9a}
.cab-card .on,.cab-card .meta .on{color:var(--accent)}
.cab-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 18px;border:0;border-radius:6px;background:var(--accent);color:#fff!important;font-size:14px;font-weight:800;text-transform:uppercase;transition:background .2s}
.cab-btn:hover{background:var(--accent-hover)}
.cab-btn.ghost{background:rgba(255,255,255,.07);text-transform:none}
.cab-btn.ghost:hover{background:rgba(255,255,255,.12)}
.cab-btn.sm{height:32px;padding:0 12px;font-size:13px}
.cab-btn.wide{width:100%}
.cab-btn svg{width:14px;height:14px}

.cab-seg{display:flex;height:30px;margin-top:auto;border-radius:4px;background:rgba(255,255,255,.07)}
.cab-seg button{flex:1;border:0;border-radius:4px;background:none;color:#a5a5a5;font-size:14px;font-weight:700;transition:background .2s,color .2s}
.cab-seg button:hover{color:#fff}
.cab-seg button.on{background:var(--accent);color:#fff}
.cab-card.flex{display:flex;flex-direction:column}
.cab-card.flex .val{margin-bottom:22px}

.cab-bar{position:relative;height:2px;margin-top:12px;border-radius:2px;background:rgba(255,255,255,.12);overflow:hidden}
.cab-bar i{position:absolute;inset:0 auto 0 0;background:var(--accent);border-radius:2px;transform-origin:left;animation:bar-in .8s cubic-bezier(.3,.7,.2,1) both}
.cab-skill{display:flex;flex-direction:column;min-height:174px}
.cab-skill h3{font-size:20px;font-weight:800}
.cab-skill p{margin:12px 0 18px;font-size:14px;line-height:1.45;color:#d0d0d0}
.cab-skill .row{display:flex;justify-content:space-between;margin-top:auto;font-size:13px;color:#8d8d8d}
.cab-skill .row b{color:#fff}

/* Пустое состояние */
.cab-empty{display:flex;flex-direction:column;align-items:center;padding:110px 20px;text-align:center}
.cab-empty svg{width:42px;height:42px;color:#9a9a9a;margin-bottom:16px}
.cab-empty h3{font-size:18px;font-weight:700}
.cab-empty p{max-width:400px;margin-top:14px;font-size:14px;line-height:1.5;color:#9a9a9a}

/* Правая колонка */
.cab-select{position:relative}
.cab-select>button{display:flex;align-items:center;gap:12px;width:100%;height:48px;padding:0 16px 0 20px;border:0;border-radius:8px;background:rgba(28,28,28,.92);font-size:15px;font-weight:800;text-align:left;transition:background .2s}
.cab-select>button:hover{background:rgba(36,36,36,.95)}
.cab-select>button svg:first-child{width:16px;height:16px;color:var(--accent)}
.cab-select>button span{flex:1}
.cab-select>button svg:last-child{width:14px;height:14px;transition:transform .2s}
.cab-select.open>button svg:last-child{transform:rotate(180deg)}
.cab-select ul{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:10;display:none;padding:6px;border-radius:8px;background:#1c1c1c;box-shadow:0 20px 50px rgba(0,0,0,.6);list-style:none}
.cab-select.open ul{display:block;animation:view-in .2s both}
.cab-select li button{display:flex;justify-content:space-between;width:100%;padding:11px 12px;border:0;border-radius:6px;background:none;font-size:14px;font-weight:700;text-align:left}
.cab-select li button:hover{background:rgba(255,255,255,.06)}
.cab-select li small{color:var(--dim);font-weight:700}

.cab-char{display:block;width:100%;padding:22px 16px;border:1px solid transparent;border-radius:8px;background:rgba(26,26,26,.92);text-align:left;transition:background .2s,border-color .2s}
.cab-char:hover{background:rgba(32,32,32,.95)}
.cab-char.on{border-color:rgba(28,144,232,.45)}
.cab-char small{display:block;font-size:14px;font-weight:600;color:#e0e0e0}
.cab-char b{display:block;margin-top:14px;font-size:18px;font-weight:800}
.cab-char b em{font-style:normal;font-size:15px;font-weight:700;color:#8a8a8a}
.cab-char .tag{display:inline-block;margin-top:10px;padding:4px 8px;border-radius:4px;background:#e43b3b;font-size:11px;font-weight:800;text-transform:uppercase}
.cab-char .tag.ok{background:rgba(74,222,128,.15);color:var(--ok)}
.cab-char .money{display:flex;flex-direction:column;gap:12px;margin-top:16px}
.cab-char .money span{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:800}
.cab-char .money svg{width:14px;height:14px;color:#8a8a8a}
.cab-char.empty{background:rgba(22,22,22,.7)}
.cab-char.empty small,.cab-char.empty b{color:#5f5f5f}
.cab-play{display:flex;align-items:center;justify-content:center;height:48px;margin-top:0;border-radius:6px;background:var(--accent);color:#fff!important;font-size:16px;font-weight:800;text-transform:uppercase;transition:background .2s}
.cab-play:hover{background:var(--accent-hover)}

.cab-filter{display:flex;align-items:center;gap:14px;width:100%;height:56px;padding:0 18px;border:0;border-radius:8px;background:none;font-size:15px;font-weight:800;text-align:left;color:#e0e0e0;transition:background .2s}
.cab-filter svg{width:18px;height:18px;color:#bdbdbd}
.cab-filter:hover{background:rgba(255,255,255,.035)}
.cab-filter.on{background:rgba(255,255,255,.05);color:#fff}
.cab-filter.on svg{color:var(--accent)}
.cab-aside hr{height:1px;margin:10px 0;border:0;background:rgba(255,255,255,.08)}
.cab-aside .cab-filter.small{height:auto;min-height:44px;padding:11px 14px;font-size:14px;line-height:1.35}

/* Инвентарь */
.inv-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.inv-grid{--cols:6;--row:75px;display:grid;grid-template-columns:repeat(var(--cols),1fr);grid-auto-rows:var(--row);border-radius:8px;background-color:rgba(18,18,18,.92);background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:calc(100% / var(--cols)) var(--row);overflow:hidden}
.inv-grid.wallet{--cols:4;--row:113px}
.inv-item{position:relative;display:grid;place-items:center;padding:4px;border:0;background:#131313;box-shadow:inset 0 0 0 1px rgba(255,255,255,.055);transition:background .2s}
.inv-item:hover{background:#1a1a1a}
.inv-item img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5));pointer-events:none}
.inv-item i{position:absolute;right:6px;bottom:4px;font-style:normal;font-size:11px;font-weight:800;color:#d0d0d0}
.inv-item .tip{position:absolute;left:50%;bottom:calc(100% - 4px);z-index:5;padding:6px 10px;border-radius:6px;background:#2b2b2b;font-size:12px;font-weight:700;white-space:nowrap;opacity:0;visibility:hidden;transform:translate(-50%,4px);transition:opacity .15s,transform .15s,visibility .15s;pointer-events:none}
.inv-item:hover .tip,.inv-item:focus-visible .tip{opacity:1;visibility:visible;transform:translate(-50%,0)}
.inv-wallet{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-top:0}
.inv-cloth-wrap{position:relative}
.inv-cloth{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth}
.inv-cloth::-webkit-scrollbar{display:none}
.inv-slot{flex:0 0 96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:96px;border-radius:8px;background:rgba(22,22,22,.9);color:#5d5d5d;font-size:12px;font-weight:700}
.inv-slot svg{width:30px;height:30px}
.inv-slot.has{color:#e0e0e0;box-shadow:inset 0 0 0 1px rgba(28,144,232,.4)}
.inv-slot.has svg{color:#fff}
.inv-slot img{width:44px;height:44px;object-fit:contain}
.inv-next{position:absolute;right:6px;top:50%;display:grid;place-items:center;width:30px;height:30px;transform:translateY(-50%);border:0;border-radius:50%;background:#2a2a2a;box-shadow:0 4px 14px rgba(0,0,0,.5)}
.inv-next svg{width:12px;height:12px}

/* Транспорт */
.veh-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.veh{border-radius:8px;background:rgba(22,22,22,.9);overflow:hidden}
.veh-top{position:relative;padding:16px 16px 14px;background:radial-gradient(ellipse at 50% 70%,rgba(28,144,232,.14),transparent 65%),rgba(30,30,30,.6)}
.veh-km{display:inline-flex;align-items:center;gap:8px;padding:5px 8px;border-radius:4px;background:rgba(0,0,0,.35);font-size:15px;font-weight:800}
.veh-km svg{width:16px;height:16px;color:#9a9a9a}
.veh-pic{display:block;width:100%;height:150px;margin:6px 0 4px;object-fit:contain}
.veh-pic-empty{display:grid;place-items:center;height:150px;color:rgba(255,255,255,.12)}
.veh-pic-empty svg{width:72px;height:72px}
.veh-price{display:flex;gap:10px;flex-wrap:wrap}
.veh-price span{display:inline-flex;align-items:center;gap:8px;padding:4px 8px;border-radius:4px;background:rgba(0,0,0,.35);font-size:15px;font-weight:800}
.veh-price svg{width:14px;height:14px;color:#9a9a9a}
.veh-body{padding:20px}
.veh-body h3{font-size:18px;font-weight:800}
.veh-reg{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.07);font-size:13px;color:#8d8d8d}
.veh-reg b{color:#fff}
.veh-badge{padding:3px 6px;border-radius:4px;background:#2563eb;color:#fff;font-size:11px;font-weight:800}
.veh-mods{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:12px}
.veh-mods span{display:flex;align-items:center;justify-content:center;gap:8px;height:42px;border:1px solid rgba(255,255,255,.08);border-radius:4px;font-size:14px;font-weight:800}
.veh-mods svg{width:14px;height:14px;color:#8d8d8d}
.veh-lb{display:block;margin-top:16px;font-size:13px;color:#8d8d8d}
.veh-tune{display:flex;align-items:center;justify-content:center;gap:8px;height:40px;margin-top:8px;border-radius:4px;background:rgba(255,255,255,.04);font-size:13px;color:#6f6f6f}
.veh-tune svg{width:15px;height:15px}

/* Топ */
.top-podium{display:grid;grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:10px;margin:0 0 60px;text-align:center}
.top-podium .p{display:flex;flex-direction:column;align-items:center}
.top-podium .place{font-size:15px;color:#9a9a9a;margin-bottom:18px}
.top-podium .av{display:grid;place-items:center;width:128px;height:128px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#2a2a2a,#161616);font-size:44px;font-weight:900;font-style:italic;color:#3d3d3d}
.top-podium .first .av{width:128px;height:128px}
.top-podium h3{margin-top:28px;font-size:20px;font-weight:800}
.top-podium h3 svg{width:16px;height:16px;color:#f5c542;vertical-align:-1px;margin-left:4px}
.top-podium .id{margin-top:10px;font-size:15px;color:#9a9a9a}
.top-podium .sum{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:24px;font-weight:800;white-space:nowrap}
.top-podium .first .sum{font-size:32px;color:#f5c542}
.top-podium .second .sum{color:#e7e7e7}
.top-podium .third .sum{color:#e08a52}
.top-podium .sum svg{width:20px;height:28px}
.top-podium .first{padding-bottom:40px}
.top-table{width:100%;border-collapse:separate;border-spacing:0 8px;font-size:15px}
.top-table th{padding:0 16px 8px;font-size:15px;font-weight:600;text-align:left;color:#d0d0d0}
.top-table th:last-child,.top-table td:last-child{text-align:right}
.top-table td{height:50px;padding:0 16px;background:rgba(22,22,22,.9);font-weight:700}
.top-table td:first-child{border-radius:8px 0 0 8px;width:90px}
.top-table td:last-child{border-radius:0 8px 8px 0;font-weight:800}
.top-table td small{margin-left:6px;color:#8a8a8a;font-weight:700}
.top-table .ava{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:10px;border-radius:50%;background:#2a2a2a;color:#8a8a8a;font-size:10px;vertical-align:middle}
.top-table tr.g1 td:first-child{color:#f5c542}.top-table tr.g2 td:first-child{color:#e7e7e7}.top-table tr.g3 td:first-child{color:#e08a52}
.top-table tr.g1 td{background:rgba(245,197,66,.06)}
.top-table .cup svg{width:13px;height:13px;color:#f5c542;vertical-align:-1px}

/* Аукционы */
.auc-filters{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px}
.auc-filters .cab-select>button{background:rgba(28,28,28,.92);padding-left:14px}
.auc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.auc{border-radius:8px;background:rgba(22,22,22,.92);overflow:hidden;transition:transform .2s}
.auc:hover{transform:translateY(-3px)}
.auc-pic{position:relative;display:grid;place-items:center;height:200px;background:linear-gradient(160deg,#2a2a2a,#151515)}
.auc-pic svg{width:96px;height:96px;color:rgba(255,255,255,.18)}
.auc-pic .st{position:absolute;left:12px;top:12px;padding:5px 8px;border-radius:4px;background:var(--accent);font-size:11px;font-weight:800;text-transform:uppercase}
.auc-pic .st.end{background:#3a3a3a;color:#bdbdbd}
.auc-pic .tm{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:4px;background:rgba(0,0,0,.6);font-size:12px;font-weight:800}
.auc-pic .tm svg{width:12px;height:12px;color:#fff}
.auc-body{padding:18px 16px 20px}
.auc-body h3{font-size:16px;font-weight:800}
.auc-body p{margin-top:6px;font-size:14px;color:#8d8d8d}
.auc-body b{display:block;margin-top:16px;font-size:18px;font-weight:800}

/* Правила */
.rules-head small{display:block;font-size:15px;font-weight:800;text-transform:uppercase}
.rules-head h1{margin-top:8px;font-size:22px;font-weight:800}
.rules-search{position:relative;margin:18px 0 16px}
.rules-search svg{position:absolute;left:16px;top:50%;width:15px;height:15px;transform:translateY(-50%);color:#8d8d8d}
.rules-search input{width:100%;height:44px;padding:0 16px 0 42px;border:1px solid transparent;border-radius:6px;background:rgba(36,36,36,.9);color:#fff;font:inherit;font-size:15px;outline:none;transition:border-color .2s}
.rules-search input:focus{border-color:rgba(28,144,232,.55)}
.rules-search input::placeholder{color:#9a9a9a}
.rule-sec{margin-bottom:12px;border-radius:8px;background:rgba(22,22,22,.9);overflow:hidden;scroll-margin-top:20px}
.rule-sec>button{display:flex;align-items:center;gap:14px;width:100%;padding:20px;border:0;background:none;text-align:left}
.rule-sec>button .n{display:grid;place-items:center;width:32px;height:32px;border-radius:6px;background:rgba(255,255,255,.06);color:var(--accent);font-size:14px;font-weight:800}
.rule-sec>button b{flex:1;font-size:16px;font-weight:800}
.rule-sec>button .t{color:#8d8d8d;font-size:20px;line-height:1}
.rule-list{padding:0 20px 20px}
.rule-sec.closed .rule-list{display:none}
.rule{position:relative;display:grid;grid-template-columns:60px minmax(0,1fr);gap:8px;padding:16px;border-radius:6px;font-size:14px;line-height:1.5}
.rule+.rule{margin-top:4px}
.rule:hover{background:rgba(255,255,255,.025)}
.rule .rn{font-family:ui-monospace,Consolas,monospace;font-size:13px;color:#8d8d8d}
.rule .rt{font-weight:700;color:#f2f2f2}
.rule .rx{margin-top:8px;color:#a8a8a8;font-weight:600}
.rule .rx b{color:#e8e8e8}
.rule .rp{margin-top:8px;font-weight:700;color:#e8e8e8}
.rule .rp span{color:#ff6b86}
.rule .cp{position:absolute;right:10px;top:12px;display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:6px;background:none;color:#7a7a7a;opacity:0;transition:opacity .2s,background .2s}
.rule:hover .cp{opacity:1}
.rule .cp:hover{background:rgba(255,255,255,.07);color:#fff}
.rule .cp svg{width:14px;height:14px}
.rule mark{background:rgba(28,144,232,.35);color:#fff;border-radius:2px}
.rule:target,.rule.flash{background:rgba(28,144,232,.08)}

@keyframes bar-in{from{transform:scaleX(0)}to{transform:none}}

/* Адаптив */
@media (max-width:1400px){
  .cab-grid{grid-template-columns:230px minmax(0,1fr) 280px;gap:0 32px}
  .cab-user-btn{width:200px}
}
@media (max-width:1200px){
  .cab-grid{grid-template-columns:220px minmax(0,1fr);gap:24px 32px}
  .cab-side{grid-row:1 / span 2}
  .cab-aside{position:static;grid-column:2;grid-row:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
  .cab-main{grid-column:2;grid-row:2}
  .cab-aside>.cab-select,.cab-aside>.cab-play,.cab-aside>hr{grid-column:1/-1}
  .cab-cards,.veh-grid,.auc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cab-head-r{gap:14px}
  .cab-lang span{display:none}
}
@media (max-width:860px){
  .cab{padding:0 16px 40px}
  .cab-head{height:auto;padding:14px 0;flex-wrap:wrap;gap:12px}
  .cab-logo b{font-size:26px}
  .cab-demo,.cab-bal{display:none}
  .cab-topup{height:40px;padding:0 12px;font-size:13px}
  .cab-user-btn{width:auto;max-width:180px;height:40px}
  .cab-user-btn b{font-size:14px}
  .cab-grid{grid-template-columns:minmax(0,1fr);gap:16px}
  .cab-side{position:sticky;top:0;z-index:15;margin:0 -16px;padding:8px 16px;background:rgba(13,13,13,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
  .cab-nav{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
  .cab-nav::-webkit-scrollbar{display:none}
  .cab-nav a{flex:0 0 auto;height:40px;margin:0;padding:0 14px;font-size:13px}
  .cab-nav hr{display:none}
  .cab-side{grid-row:1}
  .cab-aside{grid-column:1;grid-row:2;grid-template-columns:1fr 1fr}
  .cab-main{grid-column:1;grid-row:3}
  .cab-char{padding:14px}
  .cab-char b{margin-top:8px;font-size:16px}
  .cab-char .money{margin-top:10px;gap:6px}
  .cab-char.empty{display:none}
  .cab-filter.small{display:none}
  .cab-main{padding-bottom:0}
  .cab-title h1{font-size:22px}.cab-title h1 small{font-size:18px}
  .cab-cards,.cab-cards.two,.veh-grid,.auc-grid,.inv-cols,.inv-wallet{grid-template-columns:minmax(0,1fr)}
  .cab-card{min-height:0}
  .inv-grid{--row:58px}
  .inv-grid.wallet{--row:86px}
  .top-podium{gap:4px;margin-bottom:30px}
  .top-podium .av{width:72px!important;height:72px!important;font-size:26px}
  .top-podium h3{margin-top:14px;font-size:14px}
  .top-podium .sum{font-size:14px!important;gap:2px}
  .top-podium .sum svg{display:none}
  .top-podium .first{padding-bottom:20px}
  .top-table th:nth-child(3),.top-table td:nth-child(3){display:none}
  .top-table td{padding:0 10px;font-size:13px}
  .top-table td:first-child{width:50px}
  .auc-filters{grid-template-columns:1fr}
  .rule{grid-template-columns:44px minmax(0,1fr);padding:12px 8px}
  .rule-list{padding:0 10px 14px}
}
@media (max-width:480px){
  .cab-lang{display:none}
}

/* Загрузка и ошибки кабинета */
.cab-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;min-height:80vh;text-align:center}
.cab-state h2{max-width:420px;font-size:18px;font-weight:700;line-height:1.5;color:#e0e0e0}
.cab-spin{width:34px;height:34px;border:3px solid rgba(255,255,255,.12);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}
.auc-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}