/* =============================================================
   MU DITO V10 — DETAIL POLISH
   Targeted refinements over V9. Keeps WebEngine/PHP/routing intact.
   ============================================================= */

/* 1) Cleaner continuity on inner pages: remove the heavy black "veil" */
body.mudito-v10.mudito-inner{
  background-image:
    linear-gradient(180deg,rgba(0,4,11,.01) 0%,rgba(1,6,13,.02) 46%,rgba(2,7,14,.22) 78%,rgba(2,6,13,.62) 100%),
    url(../img/top-fon-home-v9.jpg)!important;
}
body.mudito-v10.mudito-inner:before{
  background:
    radial-gradient(circle at 12% 28%,rgba(34,132,255,.045),transparent 30%),
    radial-gradient(circle at 88% 28%,rgba(255,54,42,.04),transparent 30%),
    linear-gradient(90deg,rgba(2,9,18,.07),transparent 31%,transparent 69%,rgba(20,3,5,.07))!important;
}
.mudito-v10.mudito-inner header:after{
  height:145px!important;
  background:linear-gradient(180deg,transparent 0%,rgba(2,7,14,.08) 45%,rgba(2,7,14,.42) 100%)!important;
}
.mudito-v10.mudito-inner .content{position:relative!important;z-index:4!important;}

/* 2) ONLINE players: replace stacked circles with one premium server crest */
.mudito-v10 .headerButtons{width:188px!important;flex:0 0 188px!important;}
.mudito-v10 .radial{width:188px!important;height:136px!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.mudito-v10 .radial-stat{
  position:relative!important;
  width:178px!important;height:136px!important;margin:0!important;
  border-radius:0!important;
  clip-path:polygon(10% 0,90% 0,100% 15%,100% 85%,90% 100%,10% 100%,0 85%,0 15%)!important;
  background:
    radial-gradient(circle at 50% 42%,rgba(32,126,222,.19),transparent 36%),
    linear-gradient(145deg,rgba(8,27,47,.985),rgba(2,9,17,.995))!important;
  border:1px solid rgba(236,190,92,.82)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.46),inset 0 0 30px rgba(37,128,225,.11),0 0 18px rgba(38,132,231,.08)!important;
  overflow:hidden!important;
}
.mudito-v10 .radial-stat:before{
  content:"";position:absolute;inset:7px;z-index:0;pointer-events:none;
  clip-path:inherit;border:1px solid rgba(95,177,255,.28);
  background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 38%,rgba(222,171,73,.045));
}
.mudito-v10 .radial-stat:after{
  content:"";position:absolute;left:50%;top:0;transform:translate(-50%,-48%) rotate(45deg);
  width:18px;height:18px;z-index:1;
  background:linear-gradient(135deg,#1d8fff,#ffe4a0 48%,#ff493e);
  border:2px solid #07121e;box-shadow:0 0 16px rgba(75,160,255,.44),0 0 12px rgba(255,81,59,.26);
}
.mudito-v10 .circle-online{width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;}
.mudito-v10 .circle-online:after,.mudito-v10 .circlestat{display:none!important;}
.mudito-v10 .serverInfo{
  position:relative!important;width:100%!important;height:100%!important;padding:17px 12px 12px!important;z-index:3!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;
}
.mudito-v10 .serverInfo__name{display:flex!important;flex-direction:column!important;gap:2px!important;margin:0!important;color:#dce8f5!important;text-transform:uppercase!important;text-align:center!important;line-height:1!important;}
.mudito-v10 .serverInfo__name small{font-size:9px!important;letter-spacing:2px!important;color:#87a5c4!important;font-weight:800!important;}
.mudito-v10 .serverInfo__name b{font-size:11px!important;letter-spacing:1.15px!important;color:#f7d789!important;font-weight:900!important;}
.mudito-v10 .serverInfo__online{display:flex!important;flex-direction:column!important;align-items:center!important;gap:1px!important;padding:0!important;margin:0!important;text-align:center!important;}
.mudito-v10 .serverInfo__online strong{font-size:31px!important;line-height:.95!important;color:#73ff8a!important;font-weight:900!important;text-shadow:0 0 17px rgba(78,255,111,.35),0 2px 5px #000!important;}
.mudito-v10 .serverInfo__online em{position:relative;font-style:normal!important;font-size:10px!important;letter-spacing:1.2px!important;color:#a8ffb5!important;font-weight:900!important;}
.mudito-v10 .serverInfo__online em:before{content:"";display:inline-block;width:7px;height:7px;margin:0 6px 1px 0;border-radius:50%;background:#56ff6d;box-shadow:0 0 11px rgba(86,255,109,.80);animation:md10-online-pulse 1.9s ease-in-out infinite;}
@keyframes md10-online-pulse{0%,100%{opacity:.72;transform:scale(.90)}50%{opacity:1;transform:scale(1.18)}}

/* 3) Four actual news/feature images, framed cleanly without awkward cropping */
.mudito-v10 .swiper-news .swiper-slide{background-size:cover!important;background-repeat:no-repeat!important;background-position:center 31%!important;}
.mudito-v10 .swiper-news .swiper-slide:nth-child(1){background-position:center 27%!important;}
.mudito-v10 .swiper-news .swiper-slide:nth-child(2){background-position:center 24%!important;}
.mudito-v10 .swiper-news .swiper-slide:nth-child(3){background-position:center 24%!important;}
.mudito-v10 .swiper-news .swiper-slide:nth-child(4){background-position:center 27%!important;}
.mudito-v10 .swiper-news:before{
  background:linear-gradient(90deg,rgba(1,6,12,.91) 0%,rgba(1,6,12,.72) 31%,rgba(1,6,12,.28) 59%,rgba(1,6,12,.05) 100%)!important;
}
.mudito-v10 .slider-info{width:58%!important;}

/* 4) Primary bottom TOP cards: character is now a fused background layer, equal visual scale */
.mudito-v10 .bottom-block{gap:20px!important;}
.mudito-v10 .bottom-block .widget-fon-discussions{
  min-height:405px!important;height:auto!important;padding:28px 24px 26px!important;
  background:linear-gradient(180deg,rgba(4,13,24,.965),rgba(2,8,15,.995))!important;
  border-color:rgba(224,174,78,.36)!important;
  box-shadow:0 20px 48px rgba(0,0,0,.46),inset 0 0 34px rgba(31,109,194,.045)!important;
}
.mudito-v10 .bottom-block .widget-fon-discussions:before{
  left:-1%!important;top:-5%!important;width:55%!important;height:110%!important;
  background-position:left bottom!important;background-size:auto 104%!important;
  opacity:.88!important;
  filter:saturate(1.16) contrast(1.09) drop-shadow(0 15px 26px rgba(0,0,0,.52))!important;
  -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 70%,rgba(0,0,0,.72) 82%,transparent 100%);
  mask-image:linear-gradient(90deg,#000 0%,#000 70%,rgba(0,0,0,.72) 82%,transparent 100%);
}
.mudito-v10 .bottom-block .widget-fon-discussions:after{
  background:
    linear-gradient(90deg,rgba(2,8,15,.05) 0 24%,rgba(2,8,15,.28) 36%,rgba(2,8,15,.90) 55%,rgba(2,8,15,.985) 100%),
    linear-gradient(180deg,rgba(255,255,255,.02),transparent 24%,rgba(0,0,0,.14))!important;
}
.mudito-v10 .bottom-block .fon-discussions{background:radial-gradient(circle at 10% 52%,rgba(255,46,39,.12),transparent 42%),linear-gradient(180deg,rgba(4,13,24,.97),rgba(2,8,15,.995))!important;}
.mudito-v10 .bottom-block .fon-event{background:radial-gradient(circle at 10% 52%,rgba(239,177,64,.11),transparent 42%),linear-gradient(180deg,rgba(4,13,24,.97),rgba(2,8,15,.995))!important;}
.mudito-v10 .bottom-block .fon-market{background:radial-gradient(circle at 10% 52%,rgba(145,63,255,.12),transparent 42%),linear-gradient(180deg,rgba(4,13,24,.97),rgba(2,8,15,.995))!important;}
.mudito-v10 .bottom-block .discussions-title,
.mudito-v10 .bottom-block .discussions-content-top,
.mudito-v10 .bottom-block .widget-fon-discussions > .top-block{
  margin-left:38%!important;width:62%!important;max-width:62%!important;
}
.mudito-v10 .bottom-block .discussions-title{
  padding:2px 0 15px!important;margin-top:0!important;margin-bottom:10px!important;
  text-align:left!important;font-size:17px!important;
}
.mudito-v10 .bottom-block .top-block{
  padding:5px 8px!important;border:1px solid rgba(86,126,166,.17)!important;
  background:linear-gradient(180deg,rgba(1,7,13,.74),rgba(1,6,11,.84))!important;
  backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
  box-shadow:0 9px 22px rgba(0,0,0,.18)!important;
}
.mudito-v10 .bottom-block .top-list{background:transparent!important;}
.mudito-v10 .bottom-block .top-list:hover{background:linear-gradient(90deg,rgba(37,123,208,.13),rgba(226,170,72,.06))!important;}

/* 5) Fast link / privacy cards: always show the complete character, never a cropped face */
.mudito-v10 .fast-links-left,.mudito-v10 .fast-links-center,.mudito-v10 .fast-links-right{position:relative!important;min-height:150px!important;padding-right:190px!important;}
.mudito-v10 .fast-links-left:before,.mudito-v10 .fast-links-center:before,.mudito-v10 .fast-links-right:before{
  left:auto!important;right:7px!important;top:5px!important;width:182px!important;height:140px!important;
  background-size:contain!important;background-position:right bottom!important;background-repeat:no-repeat!important;
  opacity:.62!important;filter:saturate(.92) contrast(1.06) drop-shadow(0 8px 15px rgba(0,0,0,.38))!important;
  transform:none!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.78) 28%,#000 48%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.78) 28%,#000 48%,#000 100%);
}
.mudito-v10 .fast-links a:hover:before{right:13px!important;transform:scale(1.025)!important;opacity:.82!important;}
.mudito-v10 .fast-links a span{position:relative!important;z-index:3!important;}
.mudito-v10 .fast-links a p{position:relative!important;z-index:3!important;max-width:230px!important;}

/* 6) Inner-page side widgets: make figures atmospheric backgrounds rather than subjects */
.mudito-v10.mudito-inner .block-players-1:before,.mudito-v10.mudito-inner .block-players-2:before{
  right:-16px!important;top:0!important;width:54%!important;height:100%!important;
  background-position:right bottom!important;background-size:auto 105%!important;
  opacity:.18!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.70) 30%,#000 60%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.70) 30%,#000 60%);
}
.mudito-v10.mudito-inner .block-players-1 .top-block,.mudito-v10.mudito-inner .block-players-2 .top-block{position:relative!important;z-index:3!important;background:rgba(1,7,13,.72)!important;}
.mudito-v10.mudito-inner .fon-event:after{
  right:-12px!important;top:0!important;width:52%!important;height:100%!important;background-position:right bottom!important;background-size:auto 105%!important;opacity:.15!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.72) 34%,#000 64%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.72) 34%,#000 64%);
}

/* Small screens retain legibility without art occupying the data area */
@media (max-width:1100px){
  .mudito-v10 .bottom-block .widget-fon-discussions:before{width:46%!important;opacity:.48!important;}
  .mudito-v10 .bottom-block .discussions-title,
  .mudito-v10 .bottom-block .discussions-content-top,
  .mudito-v10 .bottom-block .widget-fon-discussions > .top-block{margin-left:28%!important;width:72%!important;max-width:72%!important;}
  .mudito-v10 .fast-links-left,.mudito-v10 .fast-links-center,.mudito-v10 .fast-links-right{padding-right:145px!important;}
  .mudito-v10 .fast-links-left:before,.mudito-v10 .fast-links-center:before,.mudito-v10 .fast-links-right:before{width:140px!important;}
}
@media (max-width:760px){
  .mudito-v10 .bottom-block .widget-fon-discussions:before{opacity:.20!important;width:100%!important;background-position:left bottom!important;}
  .mudito-v10 .bottom-block .discussions-title,
  .mudito-v10 .bottom-block .discussions-content-top,
  .mudito-v10 .bottom-block .widget-fon-discussions > .top-block{margin-left:0!important;width:100%!important;max-width:100%!important;}
  .mudito-v10 .fast-links-left,.mudito-v10 .fast-links-center,.mudito-v10 .fast-links-right{padding-right:120px!important;}
  .mudito-v10 .fast-links-left:before,.mudito-v10 .fast-links-center:before,.mudito-v10 .fast-links-right:before{width:116px!important;opacity:.42!important;}
}