
/* REAL BOYS / CS-WZ integrated style for UniGameCMS modules_extra */
:root{
  --rb-bg:#05080f;
  --rb-bg2:#0a0f1a;
  --rb-card:rgba(12,17,28,.88);
  --rb-card2:rgba(20,27,42,.92);
  --rb-border:rgba(255,255,255,.09);
  --rb-border-red:rgba(255,35,50,.34);
  --rb-red:#ff2437;
  --rb-red2:#ba0715;
  --rb-blue:#2aa8ff;
  --rb-gold:#ffc43d;
  --rb-green:#35d36d;
  --rb-text:#f4f7ff;
  --rb-muted:#9aa6bc;
  --rb-radius:18px;
  --rb-shadow:0 18px 45px rgba(0,0,0,.42), 0 0 0 1px rgba(255,255,255,.05) inset;
  --rb-glow:0 0 28px rgba(255,36,55,.16);
}

/* Overall module pages */
.rb-module-main,
.rb-module-sidebar{position:relative;z-index:1;}
.rb-module-main > .block,
.rb-module-sidebar > .block,
#dw_donations .block,
.cases-main-block,
.cases-opens-wrapper,
.sortition,
.progression,
#activity-rewards,
#demos,
#sortition,
#dw_donations,
.clans,
.demo,
.product-card,
.rcon-shop-product,
div[data-vacancy],
.activity-rewards-banner,
.case-banner{
  border-radius:var(--rb-radius)!important;
  border:1px solid var(--rb-border)!important;
  background:linear-gradient(180deg,rgba(14,19,31,.95),rgba(7,10,17,.94))!important;
  box-shadow:var(--rb-shadow)!important;
  color:var(--rb-text)!important;
}
.rb-module-main > .block,
.rb-module-sidebar > .block,
.cases-main-block,
.cases-opens-wrapper,
#dw_donations .block.dark{overflow:hidden;}
.rb-module-main > .block:before,
.rb-module-sidebar > .block:before,
.cases-main-block:before,
.cases-opens-wrapper:before,
#dw_donations .block.dark:before{
  content:"";display:block;height:1px;width:100%;
  background:linear-gradient(90deg,transparent,var(--rb-red),rgba(42,168,255,.45),transparent);
  opacity:.85;
}
.rb-module-main .block_head,
.rb-module-sidebar .block_head,
.rb-module-main .block_header,
.cases-main-block h2,
.cases-opens-head{
  display:flex;align-items:center;gap:10px;
  min-height:46px;padding:14px 18px!important;margin:0 0 16px!important;
  color:var(--rb-text)!important;font-weight:900!important;letter-spacing:.03em;text-transform:uppercase;
  background:linear-gradient(90deg,rgba(255,36,55,.16),rgba(42,168,255,.07),transparent)!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
  text-shadow:none!important;
}
.rb-module-main .block_head:before,
.rb-module-sidebar .block_head:before,
.rb-module-main .block_header:before,
.cases-main-block h2:before,
.cases-opens-head:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--rb-red);box-shadow:0 0 18px var(--rb-red);}
.rb-module-main p,.rb-module-main li,.rb-module-main span,.rb-module-main td,.rb-module-main th,
.rb-module-sidebar p,.rb-module-sidebar li,.rb-module-sidebar span{color:inherit;}
.rb-module-main a:not(.btn),.rb-module-sidebar a:not(.btn){color:#dfe7ff;transition:.18s ease;}
.rb-module-main a:not(.btn):hover,.rb-module-sidebar a:not(.btn):hover{color:#fff;text-shadow:0 0 14px rgba(255,36,55,.45);}

/* Buttons/forms/tables */
.rb-module-main .btn,.rb-module-sidebar .btn,
.rb-module-main button:not(.close),.rb-module-sidebar button:not(.close),
.open-case,.buy-btn,.description-btn,
.case-banner a,.activity-rewards-banner a{
  border-radius:12px!important;border:1px solid rgba(255,255,255,.1)!important;
  font-weight:800!important;letter-spacing:.02em;box-shadow:none!important;transition:.2s ease!important;
}
.rb-module-main .btn-primary,.rb-module-sidebar .btn-primary,.buy-btn,
.open-case,.btn-outline-primary.btn-xl{
  color:#fff!important;background:linear-gradient(135deg,var(--rb-red),var(--rb-red2))!important;
  border-color:rgba(255,36,55,.65)!important;box-shadow:0 0 22px rgba(255,36,55,.23)!important;
}
.rb-module-main .btn-primary:hover,.rb-module-sidebar .btn-primary:hover,.buy-btn:hover,
.open-case:hover{transform:translateY(-1px);filter:brightness(1.08);}
.rb-module-main .btn-default,.rb-module-sidebar .btn-default,.description-btn{
  color:#dfe7ff!important;background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.12)!important;
}
.rb-module-main .form-control,.rb-module-sidebar .form-control,
.rb-module-main input,.rb-module-sidebar input,.rb-module-main textarea,.rb-module-sidebar textarea,
.rb-module-main select,.rb-module-sidebar select{
  background:rgba(3,6,12,.72)!important;color:#f5f7ff!important;border:1px solid rgba(255,255,255,.12)!important;
  border-radius:12px!important;box-shadow:none!important;
}
.rb-module-main .form-control:focus,.rb-module-sidebar .form-control:focus,
.rb-module-main input:focus,.rb-module-sidebar input:focus,
.rb-module-main textarea:focus,.rb-module-sidebar textarea:focus{border-color:rgba(255,36,55,.65)!important;box-shadow:0 0 0 3px rgba(255,36,55,.12)!important;}
.rb-module-main .table,.rb-module-sidebar .table{color:#e9efff!important;background:rgba(5,8,15,.55)!important;border-radius:14px;overflow:hidden;}
.rb-module-main .table td,.rb-module-main .table th,.rb-module-sidebar .table td,.rb-module-sidebar .table th{border-color:rgba(255,255,255,.08)!important;vertical-align:middle!important;}
.rb-module-main .table thead td,.rb-module-main .table thead th{background:rgba(255,36,55,.12)!important;color:#fff!important;font-weight:800!important;}
.empty-element,.noty-block{border-radius:14px!important;border:1px solid var(--rb-border)!important;background:rgba(255,255,255,.045)!important;color:#dfe7ff!important;}

/* Cases */
.cases-opens-wrapper{padding:14px!important;margin-bottom:18px!important;background:linear-gradient(180deg,rgba(14,19,31,.96),rgba(8,11,18,.96))!important;}
.cases-opens-head{margin:0 0 10px!important;padding:10px 14px!important;}
.cases-main-block{padding:0 18px 22px!important;background:radial-gradient(circle at 20% 0,rgba(255,36,55,.20),transparent 32%),linear-gradient(180deg,rgba(14,19,31,.96),rgba(6,8,14,.96))!important;}
.cases-main-block .info-block{background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;box-shadow:none!important;color:#dfe7ff!important;}
.cases-main-block .info-block h3{color:#fff!important;text-shadow:none!important;font-weight:800!important;}
#cases{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;gap:16px!important;padding:8px!important;}
#cases:before,#cases:after{content:none!important;}
#cases .case-block{width:100%!important;height:280px!important;margin:0!important;padding:0!important;border-radius:18px!important;overflow:hidden!important;background:linear-gradient(180deg,rgba(24,31,48,.9),rgba(8,11,18,.96))!important;border:1px solid rgba(255,255,255,.09)!important;box-shadow:var(--rb-shadow)!important;}
#cases .case-block:hover{transform:translateY(-4px);border-color:rgba(255,36,55,.45)!important;box-shadow:0 24px 60px rgba(0,0,0,.5),0 0 30px rgba(255,36,55,.2)!important;}
#cases .case-block div.case-image-block{height:220px!important;line-height:220px!important;background:radial-gradient(circle at center,rgba(255,36,55,.2),transparent 60%)!important;}
#cases .case-block span:nth-child(2){background:rgba(0,0,0,.62)!important;width:calc(100% - 88px)!important;color:#fff!important;font-weight:800!important;}
#cases .case-block span:nth-child(3),#cases .case-block span:nth-child(4){background:linear-gradient(135deg,var(--rb-red),var(--rb-red2))!important;color:#fff!important;}
#subjects .subject-block,#roulette .subject-block,#prize_area .subject-block{border-radius:14px!important;background:#0d1321!important;border:1px solid rgba(255,255,255,.08)!important;}

/* Product modules: digital_store / rcon_shop / skins */
.product-card,.rcon-shop-product{height:auto!important;min-height:190px!important;margin-bottom:18px!important;background:linear-gradient(180deg,rgba(14,19,31,.96),rgba(6,8,14,.96))!important;border-radius:18px!important;overflow:hidden!important;}
.product-card>div:nth-child(1),.product-card .image,.rcon-shop-product .image{height:190px!important;background-size:cover!important;background-position:center!important;}
.product-card>div:nth-child(2){background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.74))!important;}
.product-card span,.rcon-shop-product .title,.rcon-shop-product .price{border-radius:10px!important;font-weight:800!important;}
.product-card>div:nth-child(2)>span:nth-child(1),.rcon-shop-product .price{background:linear-gradient(135deg,var(--rb-green),#138a42)!important;color:#fff!important;}
.product-card>div:nth-child(2)>span:nth-child(2){background:linear-gradient(135deg,var(--rb-blue),#116cb0)!important;color:#fff!important;}
.rcon-shop-product .actions{display:flex;gap:10px;padding:14px!important;background:rgba(255,255,255,.035)!important;}
.rcon-shop-product .actions .btn{flex:1;}

/* Demos / demo view */
.demo{padding:14px!important;margin-bottom:12px!important;border-bottom:0!important;}
.demo .map{border-radius:14px!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 10px 25px rgba(0,0,0,.32)!important;}
.block-search .input-search{position:relative;}
.block-search .input-search i{color:var(--rb-red)!important;}

/* Clans */
ul.clans{padding:0!important;margin:0!important;list-style:none!important;background:transparent!important;border:0!important;box-shadow:none!important;}
ul.clans li,.clans li,.shop,div[data-vacancy]{background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;margin-bottom:12px!important;}
.shop{position:relative;overflow:hidden!important;box-shadow:var(--rb-shadow)!important;}
.shop .bg{border-radius:16px!important;}
.shop .price{background:linear-gradient(135deg,var(--rb-red),var(--rb-red2))!important;color:#fff!important;border-radius:0 0 12px 0!important;}

/* Progression */
.progression{padding:18px!important;}
.progression ul li{background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;margin-bottom:12px!important;padding:14px!important;}
.progression .status{height:20px!important;background:rgba(255,255,255,.08)!important;border-radius:99px!important;overflow:hidden;}
.progression .status .progress{background:linear-gradient(90deg,var(--rb-red),var(--rb-blue))!important;border-radius:99px!important;}
.progression ul li.finished{opacity:.72;}

/* Sortition */
.sortition{padding:0 18px 18px!important;}
.sortition .ending{margin:0 -18px 18px!important;background:radial-gradient(circle at 50% 0,rgba(255,36,55,.34),rgba(8,12,22,.95) 70%)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;}
.sortition #ending span{background:rgba(0,0,0,.38)!important;color:#fff!important;border:1px solid rgba(255,36,55,.3)!important;box-shadow:0 0 24px rgba(255,36,55,.16)!important;border-radius:14px!important;}

/* Donation widget */
#dw_donations .block.dark{background:linear-gradient(180deg,rgba(14,19,31,.96),rgba(6,8,14,.96))!important;border-color:rgba(255,255,255,.09)!important;color:#f4f7ff!important;}
#dw_donations .completed_donate{background:rgba(0,0,0,.45)!important;backdrop-filter:blur(6px);}
#dw_donations .completed_donate span.text{color:#fff!important;text-shadow:0 0 24px rgba(255,36,55,.45)!important;}

/* Activity rewards */
.activity-rewards-banner,.case-banner{background:radial-gradient(circle at 50% 0,rgba(255,36,55,.28),transparent 50%),linear-gradient(135deg,rgba(14,19,31,.98),rgba(8,11,18,.98))!important;overflow:hidden;}
.activity-rewards-banner a,.case-banner a{padding:28px!important;}
.activity-rewards-banner h3,.case-banner h3{color:#fff!important;text-shadow:none!important;font-weight:900!important;}
.activity-rewards-banner p,.case-banner p{color:#dfe7ff!important;}
.day-in-a-row{color:var(--rb-gold)!important;text-shadow:0 0 16px rgba(255,196,61,.35)!important;}

/* Vacancy */
div[data-vacancy]{height:auto!important;min-height:84px!important;transition:.18s ease!important;}
div[data-vacancy]:hover{transform:translateY(-2px);box-shadow:0 18px 45px rgba(0,0,0,.44),0 0 24px rgba(255,36,55,.15)!important;border-color:rgba(255,36,55,.35)!important;background:rgba(255,255,255,.06)!important;}
div[data-vacancy] .avatar img{border:2px solid rgba(255,36,55,.55)!important;box-shadow:0 0 20px rgba(255,36,55,.18)!important;}

/* Sidebars from module pages */
.rb-module-sidebar .vertical-navigation ul{display:flex;flex-direction:column;gap:8px;padding:12px!important;margin:0!important;}
.rb-module-sidebar .vertical-navigation li{list-style:none!important;}
.rb-module-sidebar .vertical-navigation a{display:flex;align-items:center;gap:8px;min-height:38px;padding:9px 12px!important;border-radius:12px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);}
.rb-module-sidebar .vertical-navigation a:before{content:"›";color:var(--rb-red);font-weight:900;}

/* Modals inside modules */
.modal-content{background:linear-gradient(180deg,#111827,#070b13)!important;color:#f5f7ff!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:18px!important;box-shadow:0 26px 80px rgba(0,0,0,.62),0 0 40px rgba(255,36,55,.12)!important;}
.modal-header{border-bottom:1px solid rgba(255,255,255,.08)!important;background:linear-gradient(90deg,rgba(255,36,55,.14),transparent)!important;}
.modal-title{color:#fff!important;font-weight:900!important;}
.modal-body{color:#dfe7ff!important;}
.modal .close{color:#fff!important;text-shadow:none!important;opacity:.8;}

/* Responsive */
@media(max-width:991px){
  .rb-module-main,.rb-module-sidebar{width:100%!important;max-width:100%!important;flex:0 0 100%!important;}
  #cases{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))!important;}
  #cases .case-block{height:250px!important;}
  .product-card>div:nth-child(1),.product-card .image,.rcon-shop-product .image{height:160px!important;}
  .rcon-shop-product .actions{flex-direction:column;}
  .sortition #ending span{font-size:34px!important;line-height:38px!important;}
}
@media(max-width:575px){
  .cases-main-block,.cases-opens-wrapper,.sortition,.progression{padding-left:12px!important;padding-right:12px!important;}
  #cases{grid-template-columns:1fr!important;}
  .rb-module-main .block_head,.rb-module-sidebar .block_head{font-size:14px!important;}
}
