/* ============================================================
   DOOMSDAY — слой оформления v4 (макет «doomsday-design-v4 / 05», 11.09.2026).
   Подключается ПОСЛЕДНИМ на каждой странице: общая шапка, базовые правки
   старых страниц (без переписывания их разметки) и витрина магазина.
   Шрифты берутся из css/fonts.css ('Black Ops One', 'Russo One').
   ============================================================ */

:root{
  --nav-height:0px; /* старая шапка была fixed 70px; новая — в потоке, отступы страниц под неё не нужны */
  --dd-bg:#0b0c10;--dd-surface:#14161b;--dd-raised:#1c1e25;--dd-line:#34363f;--dd-line2:#2c2d35;
  --dd-text:#eeeef2;--dd-muted:#a7a9b5;--dd-red:#df5059;--dd-red-light:#ff8b91;--dd-gold:#e1bf72;
  --dd-green:#90cba9;--dd-cyan:#7ec8d4;
  --dd-font-display:'Black Ops One',Impact,sans-serif;
  --dd-font-heading:'Russo One',Arial,sans-serif;
  --dd-font-body:'Segoe UI',system-ui,-apple-system,'Helvetica Neue',Arial,sans-serif;
}

/* ---- базовый слой для страниц, которые макет не переделывал (minimal.css макета) ---- */
html{scroll-behavior:auto}
*,*::before,*::after{letter-spacing:0!important}
.noise-overlay::before,.scanlines::after{display:none!important}
.section-title,.page-banner h1,.hero-title,.nav-logo,.shop-title,h1,h2,h3{text-shadow:none!important}
.btn,.shop-item,.shop-card,.product-card,.cat-pill,.opt-card,.card,.login-card{border-radius:6px!important}
.shop-item,.shop-card,.product-card{box-shadow:none!important;transition:border-color .16s,background-color .16s!important}
.shop-item:hover,.shop-card:hover,.product-card:hover{transform:none!important}
.product-desc{color:#9b9d9b!important;line-height:1.5!important}
.product-badge{color:#b9c0b3!important}
.product-card{background:#111411!important}
.btn{box-shadow:none!important}
h2.section-title{font-size:32px!important}
.opt-ctl input,.opt-ctl select,.opt-ctl textarea,.form-row input,.form-row select,.form-row textarea{min-width:0;max-width:100%}
.content{min-width:0}
.content .card-actions{flex-wrap:wrap}
@media(max-width:768px){
  h2.section-title{font-size:26px!important}
  .content input,.content select,.content textarea{max-width:100%;min-width:0}
  .stat-card{min-width:0}
  .stat-card-value{font:600 18px/1.4 var(--dd-font-body)!important;white-space:nowrap;font-variant-numeric:tabular-nums}
  .stat-card-label{font-size:11px!important}
  .balance-item{font-size:12px!important;gap:4px!important;flex:1 1 auto!important}
  .balance-item .bal-val{font-size:16px!important;white-space:nowrap}
  #balance-display{align-items:center}
}

/* ---- компактные заголовки старых страниц: без fixed-шапки баннер 40vh читался как дыра ---- */
.page-banner{height:auto!important;min-height:0!important;margin-top:0!important;padding:36px 20px 28px;background:none!important;flex-direction:column;text-align:center}
.page-banner::after{display:none!important}
.page-banner h1{font:32px/1.3 var(--dd-font-heading)!important;color:var(--dd-text)!important;text-transform:none!important;position:relative;padding-bottom:14px}
.page-banner h1::after{content:'';position:absolute;left:50%;bottom:0;width:44px;height:3px;margin-left:-22px;background:var(--dd-red)}
.cases-hero{margin-top:0!important;padding:34px 0 26px!important;background:none!important;border-bottom:1px solid var(--dd-line)!important}
.cases-hero::before{display:none!important}
.cases-hero-title{font:32px/1.3 var(--dd-font-heading)!important;color:var(--dd-text)!important;background:none!important;-webkit-text-fill-color:var(--dd-text)!important;text-transform:none!important;margin-bottom:8px!important}
.cases-hero-sub{font-size:13px!important;margin-bottom:18px!important;color:var(--dd-muted)!important}
.cases-hero .info-pill{font-size:12px;padding:8px 14px;background:var(--dd-surface);border-color:var(--dd-line);border-radius:4px}
.tm-page .tm-pack-main{padding-top:0!important}
.profile-header,.profile-login-wrap{margin-top:0!important}
.merchant-legal-strip{border-radius:4px!important}
/* обёртки, которые сами отступали от fixed-шапки на 80px */
.wipe-wrap,.rules-wrap,.lb-wrap{padding-top:16px!important}
.map-wrap{margin-top:24px!important}
@media(max-width:768px){.map-wrap{margin-top:12px!important}}
/* servers.html: «★ Голосовать» с flex-basis 0 не влезала в колонку и резалась; с basis auto кнопка переносится на вторую строку */
.server-extra-links .btn{flex:1 1 auto!important}
/* cases.html: между реквизитами и карточками было 160px пустоты (padding секции + сетки) */
section:has(>.container>#cases-grid){padding:20px 0 40px!important}
.cases-grid{padding:12px 0 24px!important}

/* ---- общая шапка ---- */
.dd-masthead{background:#121319;border-bottom:1px solid #413039;position:relative;z-index:1010;color:var(--dd-text);line-height:1.6;font-family:var(--dd-font-body)}
.dd-masthead *{box-sizing:border-box}
.dd-masthead .wrap{width:calc(100% - 64px);max-width:1240px;margin:auto;padding:0}
.dd-masthead .site-top{min-height:70px;display:flex;align-items:center;gap:18px}
.dd-masthead .wordmark{display:flex;align-items:center;gap:9px;color:var(--dd-text);font:28px/1 var(--dd-font-display);white-space:nowrap;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:0}
.dd-masthead .wordmark:hover{color:#fff}
.dd-masthead .wordmark svg{width:25px;height:25px;color:var(--dd-red-light)}
.dd-masthead .brand-sub{font:10px/1.5 var(--dd-font-body);border-left:1px solid #34363f;padding-left:17px;color:var(--dd-muted)}
.dd-masthead .gold{color:var(--dd-gold)}
.dd-masthead .actions{margin-left:auto;display:flex;align-items:center;gap:12px}
.dd-masthead .text-link{display:inline-flex;align-items:center;gap:8px;font:12px/1.6 var(--dd-font-body);min-height:36px;color:var(--dd-muted);text-decoration:none}
.dd-masthead .text-link:hover{color:#fff}
.dd-masthead svg{width:18px;height:18px;flex-shrink:0}
.dd-masthead .btn,.dd-masthead .icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 16px;font:600 12px/1.4 var(--dd-font-body);text-transform:none;color:var(--dd-text);background:var(--dd-raised);border:1px solid #454650;border-radius:4px!important;box-shadow:none!important;text-decoration:none;cursor:pointer;letter-spacing:0}
.dd-masthead .btn:hover,.dd-masthead .icon-btn:hover{background:#292b34;border-color:#777783;transform:none;color:#fff}
.dd-masthead .btn{clip-path:none;min-width:0;width:auto}
.dd-masthead .btn::before,.dd-masthead .btn::after,.dd-masthead .icon-btn::after{display:none}
.dd-masthead .icon-btn{width:42px;height:42px;flex-shrink:0;padding:0}
.dd-masthead .mobile-menu{display:none}
.dd-masthead .site-nav{display:flex;align-items:stretch;border-top:1px solid var(--dd-line2)}
.dd-masthead .site-nav a{flex:1;display:flex;align-items:center;justify-content:center;min-width:0;min-height:44px;padding:8px 5px;font:11px/1.4 var(--dd-font-heading);text-align:center;white-space:nowrap;border-bottom:2px solid transparent;color:#b6b6c2;text-decoration:none;text-transform:none;transition:background-color .15s,color .15s}
.dd-masthead .site-nav a[aria-current],.dd-masthead .site-nav a.active{background:#251b22;border-color:var(--dd-red);color:#fff}
.dd-masthead .site-nav a:hover{background:#22242b;color:#fff}
.dd-masthead :is(a,button):focus-visible{outline:2px solid var(--dd-gold);outline-offset:3px}
@media(max-width:1100px){.dd-masthead .brand-sub{display:none}.dd-masthead .site-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:850px){.dd-masthead .text-link.social-link{display:none}}
@media(max-width:600px){
  .dd-masthead .wrap{width:calc(100% - 30px)}.dd-masthead .site-top{min-height:62px;gap:10px}.dd-masthead .wordmark{font-size:23px}.dd-masthead .wordmark svg{width:22px;height:22px}
  .dd-masthead .actions{gap:8px}.dd-masthead .actions>.btn{display:none}.dd-masthead .mobile-menu{display:inline-flex}
  .dd-masthead .icon-btn{width:44px;height:44px;min-height:44px}
  .dd-masthead .site-nav{display:none;grid-template-columns:repeat(2,minmax(0,1fr));padding:8px 0}.dd-masthead.open .site-nav{display:grid}.dd-masthead .site-nav a{justify-content:flex-start;padding-left:12px;font-size:12px}
  .page-banner{padding:26px 16px 22px}.page-banner h1{font-size:26px!important}
}

/* ---- уведомление (копирование адреса и т.п.) ---- */
#dd-notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:2147481000;max-width:min(92%,500px);padding:12px 18px;border-radius:6px;border:1px solid #454650;background:var(--dd-surface);color:var(--dd-text);font:14px/1.5 var(--dd-font-body);text-align:center;box-shadow:0 6px 28px #0008}
#dd-notice[hidden]{display:none}

/* ---- диалог подключения к серверу (главная) ---- */
.dd-dialog{color-scheme:dark;max-width:calc(100% - 32px);width:460px;background:var(--dd-surface);color:var(--dd-text);border:1px solid #454650;border-radius:6px;padding:24px;margin:auto;font:14px/1.6 var(--dd-font-body)}
.dd-dialog::backdrop{background:#060709bb}
.dd-dialog .dd-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.dd-dialog h2{font:20px/1.4 var(--dd-font-heading);margin:0;color:var(--dd-text)}
.dd-dialog p{font-size:13px;color:var(--dd-muted);margin:12px 0 18px}
.dd-dialog .dd-dialog-close{display:grid;place-items:center;width:36px;height:36px;background:var(--dd-raised);color:var(--dd-text);border:1px solid #454650;border-radius:4px;cursor:pointer;flex-shrink:0}
.dd-dialog svg{width:18px;height:18px}
.dd-dialog code{display:block;font:15px/1.6 Consolas,monospace;color:var(--dd-gold);overflow-wrap:anywhere;padding:10px 12px;background:#0f1014;border:1px solid var(--dd-line);border-radius:4px}
.dd-dialog .dd-dialog-actions{display:flex;flex-wrap:wrap;gap:8px}
.dd-dialog .dd-dialog-actions a,.dd-dialog .dd-dialog-actions button{display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:42px;padding:10px 14px;color:var(--dd-text);background:var(--dd-raised);border:1px solid #454650;border-radius:4px;text-decoration:none;font:600 12px/1.4 var(--dd-font-body);cursor:pointer;flex:1 1 auto;white-space:nowrap}
.dd-dialog .dd-dialog-actions .primary{background:var(--dd-red);border-color:var(--dd-red);color:#fff}

/* ---- иконки в составе кейса (cases.html) ---- */
.modal-list-head,.item-row{grid-template-columns:44px 1fr 90px 90px 90px}
.item-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#0d0e12;border:1px solid var(--item-rar-color,#6b7280);border-radius:4px;overflow:hidden;flex-shrink:0}
.item-icon img{width:38px;height:38px;object-fit:contain;display:block}
.item-icon.none{background:#15161b}
@media(max-width:600px){
  /* на телефоне строка состава в две строки: иконка | название / бонус | шанс; шапка таблицы не нужна */
  .modal-list-head{display:none!important}
  .item-row{grid-template-columns:40px minmax(0,1fr) auto!important;grid-template-areas:"icon name chance" "icon bonus chance";column-gap:10px;row-gap:2px;align-items:center}
  .item-icon{grid-area:icon;width:40px;height:40px}.item-icon img{width:34px;height:34px}
  .item-name{grid-area:name;font-size:.85rem;line-height:1.35}
  .item-name .rar-tag{display:block;margin:3px 0 0;white-space:nowrap}
  .item-quality{display:none!important}
  .item-bonus{grid-area:bonus;text-align:left;font-size:.75rem}
  .item-bonus:not(.has){display:none}
  .item-chance{grid-area:chance;font-size:.9rem;padding-left:4px}
}

/* ============================================================
   Витрина магазина: только оформление, каталог и покупки — исходный код shop.html.
   ============================================================ */
html:has(.dd-ref-shop),body.dd-ref-shop{background:var(--dd-bg)!important;color:var(--dd-text)!important;--font-body:var(--dd-font-body);--font-heading:var(--dd-font-heading);--font-display:var(--dd-font-display);--text-secondary:#a7a9b5;--toxic-green:#df5059;--toxic-green-bright:#ff8b91;--nav-height:0px}
.dd-ref-shop :is(button,a,input,select,summary):focus-visible{outline:2px solid var(--dd-gold);outline-offset:3px}
.dd-ref-shop .shop-hero,.dd-ref-shop .balance-inner,.dd-ref-shop .shop-filters,.dd-ref-shop .shop-grid,.dd-ref-shop .dd-shop-warning,.dd-ref-shop .merchant-legal-strip,.dd-ref-shop .legend,.dd-ref-shop .history-section{width:calc(100% - 64px);max-width:1240px;margin-inline:auto}
.dd-ref-shop .shop-hero{background:none;padding:20px 0 18px;text-align:left;margin-top:0;position:relative}
.dd-ref-shop .dd-crumbs{display:flex;align-items:center;gap:9px;margin-bottom:12px;color:var(--dd-muted);font-size:11px}
.dd-ref-shop .dd-crumbs svg{width:12px;height:12px}
.dd-ref-shop .dd-crumbs a{color:var(--dd-muted)}
.dd-ref-shop .dd-crumbs a:hover{color:#fff}
.dd-ref-shop .dd-shop-doc-link{margin-left:auto;display:inline-flex;gap:5px;align-items:center;min-height:20px}
.dd-ref-shop .dd-category-picker{display:none}
.dd-ref-shop .shop-hero h1{font:32px/1.3 var(--dd-font-heading)!important;color:var(--dd-text);text-transform:none;text-shadow:none!important;margin:0 0 8px;padding-left:14px;border-left:3px solid var(--dd-red)}
.dd-ref-shop .shop-hero p{color:var(--dd-muted);font-size:13px;margin:0}
.dd-ref-shop .balance-bar{position:static;padding:14px 0;background:#121319;border-block:1px solid var(--dd-line2);box-shadow:none}
.dd-ref-shop .balance-inner{padding:0;display:flex;align-items:center;justify-content:space-between;gap:20px}
.dd-ref-shop .balance-left{display:flex;gap:24px;align-items:center;min-width:0}
.dd-ref-shop #balance-display{gap:20px;align-items:center;flex-wrap:wrap;min-width:0}
.dd-ref-shop .balance-item{gap:8px;font-size:12px;color:var(--dd-muted);white-space:nowrap}
.dd-ref-shop .balance-item .bal-val{font:600 17px/1.4 var(--dd-font-body);font-variant-numeric:tabular-nums}
.dd-ref-shop .balance-item .bal-icon{display:flex;align-items:center}
.dd-ref-shop .bal-icon svg{width:17px;height:17px}
.dd-ref-shop .bal-credits :is(.bal-val,.bal-icon){color:var(--dd-gold)}
.dd-ref-shop .bal-bonuses :is(.bal-val,.bal-icon){color:var(--dd-green)}
.dd-ref-shop .user-info{gap:8px}
.dd-ref-shop .user-info img{width:30px;height:30px;border:1px solid #454650;border-radius:4px}
.dd-ref-shop .user-info span{font-size:12px;color:var(--dd-text);overflow-wrap:anywhere}
.dd-ref-shop .btn-topup{width:38px;height:38px;padding:0;margin:0;background:var(--dd-red);color:#fff;border:1px solid var(--dd-red);border-radius:4px;display:inline-flex;align-items:center;justify-content:center;transform:none!important;box-shadow:none!important}
.dd-ref-shop .btn-topup svg{width:18px;height:18px}
.dd-ref-shop .server-select{display:flex;gap:12px;align-items:center}
.dd-ref-shop .server-select label{font-size:11px;color:var(--dd-muted);white-space:nowrap}
.dd-ref-shop .server-select select{max-width:100%;width:285px;min-height:38px;padding:8px 10px;border:1px solid #454650;background:var(--dd-raised);color:var(--dd-text);border-radius:4px;font-size:12px}
.dd-ref-shop .dd-shop-warning{border:0;border-bottom:1px solid #343039;background:none;margin-block:12px 0;color:#c0b0b5}
.dd-ref-shop .dd-shop-warning summary{min-height:43px;padding:9px 0;display:flex;align-items:center;gap:10px;list-style:none;cursor:pointer;font-size:12px}
.dd-ref-shop .dd-shop-warning summary::-webkit-details-marker{display:none}
.dd-ref-shop .dd-shop-warning summary>svg:first-child{color:var(--dd-gold);width:17px;height:17px}
.dd-ref-shop .dd-shop-warning summary strong{color:var(--dd-red-light);font-weight:600}
.dd-ref-shop .dd-shop-warning summary>svg:last-child{margin-left:auto;width:16px;height:16px;flex-shrink:0}
.dd-ref-shop .dd-shop-warning[open] summary>svg:last-child{transform:rotate(180deg)}
.dd-ref-shop .dd-shop-warning .boss-gear-warning{width:auto!important;margin:0!important;padding:10px 26px 18px!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;font:12px/1.7 var(--dd-font-body)!important;color:#c8bcc0!important}
.dd-ref-shop .dd-shop-warning .boss-gear-warning>strong:first-child{display:none!important}
.dd-ref-shop .shop-filters{margin-block:20px 16px;padding:0}
.dd-ref-shop .filter-row{display:grid;grid-template-columns:minmax(0,1fr) 224px;gap:8px 22px;align-items:start}
.dd-ref-shop .filter-pills{display:flex;flex-wrap:wrap;gap:4px;grid-row:1/3;align-content:start}
.dd-ref-shop .filter-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--dd-muted);min-height:34px;padding:7px 9px;font-size:12px;line-height:1.4;transition:background-color .15s,border-color .15s;white-space:nowrap}
.dd-ref-shop .filter-pill svg{width:14px;height:14px;flex-shrink:0}
.dd-ref-shop .filter-pill:hover{color:var(--dd-text);background:var(--dd-raised);border-color:#454650}
.dd-ref-shop .filter-pill.active{background:#2b1e25;color:#ffadb2;border-color:#7a3b46;font-weight:600}
.dd-ref-shop .dd-search{position:relative;grid-column:2;grid-row:1;display:block}
.dd-ref-shop .dd-search>svg{position:absolute;left:12px;top:12px;width:16px;height:16px;color:var(--dd-muted);pointer-events:none}
.dd-ref-shop .shop-search{font:13px/1.4 var(--dd-font-body);background:var(--dd-surface);border:1px solid #454650;border-radius:4px;color:var(--dd-text);min-height:40px;width:100%;padding:9px 12px 9px 36px;margin:0}
.dd-ref-shop .shop-count{grid-column:2;grid-row:2;font-size:11px;color:var(--dd-muted);text-align:right}
.dd-ref-shop .shop-count span{color:var(--dd-text);font-weight:600}
.dd-ref-shop .shop-grid{padding:0 0 30px;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
/* 11.09: карточки в ряду одной высоты, цена и кнопки прижаты к низу — иначе кнопки «плавали» по высоте описания */
.dd-ref-shop .product-card{display:flex;flex-direction:column;height:100%}
.dd-ref-shop .product-body{display:flex;flex-direction:column;flex:1 1 auto}
.dd-ref-shop .product-prices,.dd-ref-shop .premium-price{margin-top:auto}
.dd-ref-shop .product-card{background:var(--dd-surface)!important;border:1px solid #34363f!important;border-top:2px solid #454650!important;box-shadow:none!important;border-radius:4px!important;transform:none!important;content-visibility:visible;contain-intrinsic-size:none;min-width:0;overflow:hidden;transition:border-color .15s!important}
/* 11.09.2026: карточка набора 990009 держит всплывающий состав — не обрезать, иначе не видно низа списка и ссылки на полную страницу */
.dd-ref-shop .product-card.time-money-card{overflow:visible}
.dd-ref-shop .product-card:hover{border-color:#79505c!important}
.dd-ref-shop .product-card.rarity-legendary{border-top-color:var(--dd-red)!important}
.dd-ref-shop .product-card.rarity-epic,.dd-ref-shop .product-card.premium-card{border-top-color:var(--dd-gold)!important}
.dd-ref-shop .product-icon{height:168px;min-height:168px;padding:12px!important;background:#111216!important;border-bottom:1px solid #2b2d34}
.dd-ref-shop .product-icon::after{display:none}
.dd-ref-shop .product-icon img{width:100%;height:142px;max-height:142px!important;max-width:100%!important;object-fit:contain;border-radius:3px!important}
.dd-ref-shop .product-icon>svg{width:48px;height:48px;color:var(--dd-gold);stroke-width:1.3}
.dd-ref-shop .product-badge{top:10px;left:10px;padding:3px 6px;font:10px/1.4 var(--dd-font-body);background:#0b0c10de;color:#c2c3cd!important;border-radius:3px;max-width:calc(100% - 68px);overflow-wrap:anywhere}
.dd-ref-shop .product-discount{top:10px;right:10px;background:#3b2228;color:#ff9ca2;font-size:11px;padding:3px 6px;border-radius:3px}
.dd-ref-shop .product-body{padding:16px;min-width:0}
.dd-ref-shop .product-name{font:14px/1.5 var(--dd-font-heading)!important;color:var(--dd-text)!important;margin:0 0 8px;min-height:42px;overflow-wrap:anywhere}
.dd-ref-shop .rarity-tag{align-self:flex-start;min-height:17px;margin:0 0 7px;padding:0;background:none!important;border-radius:0;font:11px/1.5 var(--dd-font-body);color:var(--dd-muted)}
.dd-ref-shop .rarity-tag.legendary{color:#ed9198}
.dd-ref-shop .rarity-tag.epic{color:var(--dd-gold)}
.dd-ref-shop .rarity-tag.rare{color:var(--dd-green)}
.dd-ref-shop .product-desc{font:12px/1.7 var(--dd-font-body)!important;color:#bfc1ca!important;white-space:pre-line;margin:5px 0 14px;overflow-wrap:anywhere;display:block;flex:none;height:auto;max-height:none;overflow:visible;-webkit-line-clamp:unset}
.dd-ref-shop .product-contents{font-size:12px;margin:12px 0}
.dd-ref-shop .pc-title{font-size:11px;color:#c6c7d0}
.dd-ref-shop .pc-list{font-size:11px;height:auto;max-height:none;overflow:visible;overflow-wrap:anywhere;color:var(--dd-muted)}
.dd-ref-shop .pc-q{color:var(--dd-gold)}
.dd-ref-shop .choice-select{font-size:12px;min-height:36px;padding:7px 8px;border-color:#454650;background:var(--dd-raised);color:var(--dd-text);border-radius:4px}
.dd-ref-shop .tm-delivery-notice{padding:0 0 0 10px;font:11px/1.65 var(--dd-font-body);color:#b5d5da;background:none;border:0;border-left:2px solid var(--dd-cyan);border-radius:0;margin:12px 0}
.dd-ref-shop .product-prices{margin:auto 0 12px;padding-top:2px;gap:28px;min-height:52px;align-items:flex-end} /* margin-top:auto — цена и кнопки у нижнего края карточки */
.dd-ref-shop .price-col{gap:2px;min-width:0}
.dd-ref-shop .price-label{color:var(--dd-muted);font-size:10px;line-height:1.4;text-transform:none}
.dd-ref-shop .price-old{color:#8e929f;font-size:10px;line-height:1.3}
.dd-ref-shop .price-new{font:600 20px/1.35 var(--dd-font-body);font-variant-numeric:tabular-nums;white-space:nowrap}
.dd-ref-shop .price-new.cr{color:var(--dd-gold)}
.dd-ref-shop .price-new.bn{color:var(--dd-green)}
.dd-ref-shop .product-actions{gap:8px}
.dd-ref-shop .btn-buy{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:9px 8px;border:1px solid #454650;border-radius:4px!important;font:600 12px/1.4 var(--dd-font-body);text-transform:none;box-shadow:none!important;transform:none!important;min-width:0;overflow-wrap:anywhere}
.dd-ref-shop .btn-buy svg{width:15px;height:15px;flex-shrink:0}
.dd-ref-shop .btn-buy-credits,.dd-ref-shop .btn-buy-premium{background:var(--dd-red);color:#fff;border-color:var(--dd-red)}
.dd-ref-shop .btn-buy-credits:hover,.dd-ref-shop .btn-buy-premium:hover{background:#ec626a;color:#fff}
.dd-ref-shop .btn-buy-bonuses{background:#1b2521;color:#a7d7bc;border-color:#3d5b4b}
.dd-ref-shop .btn-buy-bonuses:hover{background:#26382f}
.dd-ref-shop .btn-buy:disabled{opacity:.45}
.dd-ref-shop .premium-price{color:var(--dd-gold);font:600 20px/1.4 var(--dd-font-body);margin:auto 0 4px;padding-top:4px}
.dd-ref-shop .premium-card .product-actions{margin-top:14px}
.dd-ref-shop .premium-card .product-body>div:last-child>a{font-size:11px;color:var(--dd-muted)}
.dd-ref-shop .merchant-legal-strip{margin-block:16px!important;padding:16px 0!important;background:none!important;border:0!important;border-top:1px solid #34363f!important;border-radius:0!important;color:var(--dd-muted)!important;font:11px/1.7 var(--dd-font-body)!important;overflow-wrap:anywhere}
.dd-ref-shop .merchant-legal-strip a,.dd-ref-shop .merchant-legal-strip strong{color:#c8c3b6!important;font-weight:400!important}
.dd-ref-shop .legend{padding:0;margin-block:16px 30px}
.dd-ref-shop .legend-grid{gap:10px 20px}
.dd-ref-shop .legend-item{color:var(--dd-muted);font-size:11px}
.dd-ref-shop .history-section{padding:0;margin-block:24px;overflow-x:auto}
.dd-ref-shop .history-title{font:18px/1.4 var(--dd-font-heading);color:var(--dd-text);margin-bottom:14px}
.dd-ref-shop .history-table th{font-size:11px;color:var(--dd-muted);background:var(--dd-surface)}
.dd-ref-shop .history-table td{font-size:12px;border-color:#34363f}
.dd-ref-shop .footer{background:#0e1014;border-top:1px solid #34363f;box-shadow:none}
.dd-ref-shop .footer h3{color:var(--dd-red-light);font:12px/1.5 var(--dd-font-heading)}
.dd-ref-shop .footer a,.dd-ref-shop .footer p{font-size:12px;color:var(--dd-muted)}
.dd-ref-shop .footer-bottom{color:var(--dd-muted);font-size:11px}
.dd-ref-shop .modal-overlay{background:#060709c9;backdrop-filter:blur(3px)}
.dd-ref-shop .modal{background:var(--dd-surface);border:1px solid #454650;border-radius:6px!important;box-shadow:0 24px 80px #0006;padding:26px}
.dd-ref-shop .modal h3{font:21px/1.4 var(--dd-font-heading);color:var(--dd-text);text-shadow:none}
.dd-ref-shop .modal p{color:var(--dd-muted)!important}
.dd-ref-shop .modal .modal-item{color:var(--dd-text);font-size:16px;margin-block:16px}
.dd-ref-shop .purchase-server-warning{background:#241c21;border:1px solid #62404b;border-radius:4px}
.dd-ref-shop .purchase-server-warning strong{color:#ffadb2}
.dd-ref-shop .modal-contents{border:0;border-radius:0;background:none;color:#c6c7d0;padding:8px 0}
.dd-ref-shop .modal-price{font:600 24px/1.5 var(--dd-font-body);color:var(--dd-gold)}
.dd-ref-shop .server-confirm-check{font-size:12px;line-height:1.7;color:#c6c7d0}
.dd-ref-shop .server-confirm-check input{accent-color:var(--dd-red);flex-shrink:0}
.dd-ref-shop .modal-btn{background:var(--dd-raised);border:1px solid #454650;border-radius:4px;color:var(--dd-text);min-height:42px;text-transform:none;font:600 12px/1.4 var(--dd-font-body)}
.dd-ref-shop .modal-btn-confirm{background:var(--dd-red);border-color:var(--dd-red);color:#fff}
.dd-ref-shop .modal-btn-confirm:disabled{opacity:.4}
.dd-ref-shop .topup-method{background:var(--dd-raised);border:1px solid #454650;border-radius:4px}
.dd-ref-shop .tm-name{color:var(--dd-text);font-size:12px}
.dd-ref-shop .tm-desc{color:var(--dd-muted);font-size:11px}
.dd-ref-shop .btn-login{background:var(--dd-red);border-color:var(--dd-red);color:#fff;border-radius:4px;box-shadow:none;font-size:12px}
.dd-ref-shop .shop-empty{color:var(--dd-muted);font-size:14px;grid-column:1/-1}
.dd-ref-shop .toast{background:var(--dd-surface);border-radius:4px;font-size:13px;color:var(--dd-text)}
@media(max-width:1200px){
  .dd-ref-shop .balance-left{gap:14px}.dd-ref-shop #balance-display{gap:12px}.dd-ref-shop .server-select{flex-direction:column;align-items:flex-start;gap:4px}.dd-ref-shop .server-select select{width:260px}
  .dd-ref-shop .shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1100px){
  .dd-ref-shop .balance-inner{flex-wrap:wrap;gap:12px}.dd-ref-shop .server-select{flex-direction:row;align-items:center;gap:12px}.dd-ref-shop .server-select select{width:285px}
  .dd-ref-shop .filter-row{grid-template-columns:minmax(0,1fr) 200px;gap:8px 16px}
}
@media(max-width:850px){
  .dd-ref-shop .shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dd-ref-shop .filter-row{grid-template-columns:1fr 210px}.dd-ref-shop .filter-pills{grid-column:1/-1;grid-row:2}.dd-ref-shop .dd-search{grid-column:1;grid-row:1}.dd-ref-shop .shop-count{grid-column:2;grid-row:1;align-self:center}
}
@media(max-width:600px){
  .dd-ref-shop .shop-hero,.dd-ref-shop .balance-inner,.dd-ref-shop .shop-filters,.dd-ref-shop .shop-grid,.dd-ref-shop .dd-shop-warning,.dd-ref-shop .merchant-legal-strip,.dd-ref-shop .legend,.dd-ref-shop .history-section{width:calc(100% - 30px)}
  .dd-ref-shop .shop-hero{padding:22px 0!important}.dd-ref-shop .shop-hero h1{font-size:26px!important}.dd-ref-shop .shop-hero p{font-size:12px;line-height:1.7}.dd-ref-shop .dd-crumbs{margin-bottom:10px;flex-wrap:wrap;gap:7px;font-size:10px}.dd-ref-shop .dd-shop-doc-link{font-size:10px}
  .dd-ref-shop .balance-bar{padding:14px 0!important}.dd-ref-shop .balance-inner,.dd-ref-shop .balance-left{display:flex;flex-direction:column;align-items:stretch;width:calc(100% - 30px);gap:12px!important}.dd-ref-shop .balance-left{width:100%}
  .dd-ref-shop #balance-display{gap:10px;justify-content:space-between;flex-wrap:nowrap}.dd-ref-shop .balance-item{gap:5px;font-size:11px!important;flex:none!important}.dd-ref-shop .bal-icon svg{width:15px;height:15px}.dd-ref-shop .balance-item .bal-val{font-size:16px!important}.dd-ref-shop .btn-topup{width:44px;height:44px;min-height:44px;flex-shrink:0}
  .dd-ref-shop .balance-right,.dd-ref-shop .server-select{width:100%}.dd-ref-shop .server-select{align-items:stretch;flex-direction:column;gap:4px}.dd-ref-shop .server-select select{width:100%;font-size:16px;min-height:42px}
  .dd-ref-shop .dd-shop-warning summary{flex-wrap:wrap;gap:4px 8px;padding:12px 0}.dd-ref-shop .dd-shop-warning summary>span{order:4;width:100%;padding-left:25px;font-size:11px}.dd-ref-shop .dd-shop-warning .boss-gear-warning{padding:8px 0 16px!important}
  .dd-ref-shop .shop-filters{margin-block:15px;padding:0!important}.dd-ref-shop .filter-row{grid-template-columns:minmax(0,1fr) 112px;gap:10px;align-items:center!important}
  .dd-ref-shop .dd-search{grid-column:1/-1;grid-row:1}.dd-ref-shop .shop-search{font-size:16px;min-height:44px}.dd-ref-shop .dd-search>svg{top:14px}
  .dd-ref-shop .filter-pills{display:none!important}
  .dd-ref-shop .dd-category-picker{display:block;grid-column:1;grid-row:2;max-width:100%;min-width:0;width:100%;min-height:44px;background:var(--dd-surface);border:1px solid #454650;color:var(--dd-text);border-radius:4px;font:16px/1.4 var(--dd-font-body);padding:8px}
  .dd-ref-shop .shop-count{grid-column:2;grid-row:2;text-align:right;font-size:10px;white-space:normal}
  .dd-ref-shop .shop-grid{grid-template-columns:1fr;gap:16px!important;padding-left:0!important;padding-right:0!important}.dd-ref-shop .product-icon{height:190px;min-height:190px}.dd-ref-shop .product-icon img{height:158px;max-height:158px!important}.dd-ref-shop .product-name{font-size:16px!important;min-height:0}
  .dd-ref-shop .product-body{padding:18px}.dd-ref-shop .product-desc{font-size:13px!important}
  .dd-ref-shop .btn-buy{min-height:44px;font-size:13px;width:auto!important}.dd-ref-shop .choice-select{font-size:16px;min-height:42px}.dd-ref-shop .price-new{font-size:22px}
  .dd-ref-shop .product-prices{min-height:55px}.dd-ref-shop .product-actions{flex-direction:row!important}
  .dd-ref-shop .modal{padding:20px;max-width:calc(100% - 28px)}.dd-ref-shop .modal h3{font-size:19px}.dd-ref-shop .modal-btn{min-height:44px}.dd-ref-shop .history-table{min-width:600px}
  .dd-ref-shop #promo-input{min-width:0;width:100%;font-size:16px!important}
}
@media(max-width:360px){
  .dd-ref-shop .balance-item .bal-icon{display:none}.dd-ref-shop #balance-display{gap:6px}.dd-ref-shop .balance-item{font-size:11px!important;gap:4px}
  .dd-ref-shop .shop-hero h1{font-size:24px!important}
  .dd-masthead .brand-sub{display:none}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.dd-ref-shop *{transition:none!important}}