/* DarkNESS Arena: esports layout over the preserved LR WEB component foundation. */
body[data-design="darkness"] {
  --dn-bg: #090612;
  --dn-surface: #140e22;
  --dn-raised: #211331;
  --dn-line: #45285f;
  --dn-text: #f4efff;
  --dn-muted: #b5a6c9;
  --dn-accent: #d86bff;
  --dn-primary: #a925f5;
  --dn-success: #78dcba;
  --dn-radius: 12px;
  --dn-sidebar: 0px;
  background: radial-gradient(ellipse at 85% 0, #6a148135, transparent 55%), radial-gradient(ellipse at 0 35%, #3b105d35, transparent 50%), #090612 !important;
  color: var(--dn-text);
  min-height: 100vh;
}
body[data-design="darkness"] .global-container,
body[data-design="darkness"].sidebar-collapse .global-container { margin-left: 0; padding-top: 68px; }
body[data-design="darkness"] .container-fluid { max-width: 1480px; padding: 0 24px 24px; }
body[data-design="darkness"] .main-sidebar,
body[data-design="darkness"].sidebar-collapse .main-sidebar {
  inset: 0 0 auto;
  width: 100%; height: 68px; padding: 0 24px;
  border: 0; border-bottom: 1px solid #ba51ff3d;
  background: linear-gradient(90deg, #0c0816f7, #1f0a31f7 60%, #100819f7) !important;
  overflow: visible; transform: none; box-shadow: 0 6px 24px #03010755;
}
body[data-design="darkness"] .main-sidebar > .sidebar { display: flex; align-items: center; gap: 22px; max-width: 1432px; height: 100%; margin: auto; }
body[data-design="darkness"] .dn-brand,
body[data-design="darkness"].sidebar-collapse .dn-brand { flex: 0 0 166px; order: 0; padding: 0; gap: 8px; font-size: 24px; font-style: italic; font-weight: 800; white-space: nowrap; }
body[data-design="darkness"] .dn-brand-mark { width: 27px; height: 32px; border-radius: 5px; background: transparent; color: #ead5ff; font-size: 31px; font-style: italic; text-shadow: 0 0 16px #c63aff77; }
body[data-design="darkness"] .dn-brand-mark > span { font-size: 16px; top: -1px; right: -3px; color: var(--dn-accent); }
body[data-design="darkness"] .dn-brand-light { color: #c638ff; text-shadow: 0 0 18px #a014f044; }
body[data-design="darkness"] .dn-brand small { display: none; }
body[data-design="darkness"].sidebar-collapse .dn-brand > span:last-child { display: inline; }
body[data-design="darkness"] .main-sidebar .sidebar-menu {
  order: 1; display: flex; flex: 1; align-items: center; gap: 3px;
  min-width: 0; padding: 5px 0; margin: 0; overflow-x: auto; scrollbar-width: thin;
  scrollbar-color: #7727a0 transparent;
}
body[data-design="darkness"] .main-sidebar .sidebar-menu::-webkit-scrollbar { height: 3px; }
body[data-design="darkness"] .sidebar-menu::before { display: none; }
body[data-design="darkness"] .sidebar-menu > li { flex-shrink: 0; margin: 0; border-radius: 7px; }
body[data-design="darkness"] .sidebar-menu > li > a { gap: 6px; min-height: 36px; padding: 8px 10px; color: #e2d5ed; }
body[data-design="darkness"] .sidebar-menu .sidebar-icon { display: none; width: 15px; height: 18px; flex-basis: 15px; }
body[data-design="darkness"] .sidebar-menu .sidebar-icon :is(svg, img) { width: 15px; height: 15px; }
body[data-design="darkness"] .sidebar-menu .item-name { position: static; inset: auto; width: auto; margin: 0; transform: none; font-size: 12px; white-space: nowrap; font-weight: 600; }
body[data-design="darkness"] .sidebar-menu > li:hover { background: #a231f022; }
body[data-design="darkness"] .sidebar-menu > li.sidebar-active { background: linear-gradient(180deg, #75249c80, #64188e40); box-shadow: inset 0 0 12px #a32aeb2b, 0 3px 10px #710bb333; }
body[data-design="darkness"] .sidebar-menu > li.sidebar-active > a { color: #fff; }
body[data-design="darkness"].sidebar-collapse .sidebar-menu .item-name { display: none; }
body[data-design="darkness"].sidebar-collapse .sidebar-menu .sidebar-icon { display: grid; }
body[data-design="darkness"].sidebar-collapse .sidebar-menu > li > a { padding: 8px 12px; }
body[data-design="darkness"] .user-sidebar-block,
body[data-design="darkness"].sidebar-collapse .user-sidebar-block { flex: 0 0 186px; order: 2; width: 186px; margin: 0; padding: 0; background: transparent; border: 0; }
body[data-design="darkness"] .auth-btn,
body[data-design="darkness"].sidebar-collapse .auth-btn {
  display: flex; min-height: 38px; padding: 9px 12px; border: 1px solid #e38aff70;
  border-radius: 7px; color: #fff; font-size: 12px;
  background: linear-gradient(180deg, #bc36ff, #8008dc); box-shadow: inset 0 1px 0 #ffd3ff55, 0 0 18px #a200ee44;
}
body[data-design="darkness"] .auth-steam-sidebar,
body[data-design="darkness"].sidebar-collapse .auth-steam-sidebar { display: none; }
body[data-design="darkness"] .user-sidebar-block .user_or { display: none; }
body[data-design="darkness"] .user-sidebar-block .login_in { padding-block: 0; font-size: 10px; }
body[data-design="darkness"] .user-info { gap: 9px; }
body[data-design="darkness"] .user-info a img,
body[data-design="darkness"].sidebar-collapse .user-info a img { width: 36px; height: 36px; margin: 0; position: static; border: 1px solid #c845ff80; border-radius: 50%; }
body[data-design="darkness"] .user-details,
body[data-design="darkness"].sidebar-collapse .user-details { display: block; position: relative; flex: 1; padding-right: 20px; line-height: 1.35; }
body[data-design="darkness"] .user_name { display: block; font-size: 12px; }
body[data-design="darkness"] .user_text,
body[data-design="darkness"] .user_text.lk { font-size: 9px; }
body[data-design="darkness"] .user-details ._logout { position: absolute; right: 0; top: 6px; }
body[data-design="darkness"] .user-details ._logout a { display: grid; place-items: center; min-width: 22px; min-height: 30px; }
body[data-design="darkness"] .main-sidebar .sidebar > .nav-toggle { display: none; }
body[data-design="darkness"] .navbar { min-height: 46px; height: 46px; padding: 4px 0; border-color: #7938a52e; background: transparent; }
body[data-design="darkness"] .logo-area img { display: none !important; }
body[data-design="darkness"] .logo-area .nav-toggle { width: 32px; min-height: 32px; height: 32px; flex-basis: 32px; border-color: #583172; background: #24133266; }
body[data-design="darkness"] .dn-header-caption { font-size: 9px; color: #a391b6; letter-spacing: .16em; }
body[data-design="darkness"] .right-area { gap: 2px; }
body[data-design="darkness"] .navbar-icon { min-height: 34px; min-width: 34px; }
body[data-design="darkness"] .navbar-icon :is(svg, img) { width: 17px; height: 17px; }
body[data-design="darkness"] .dn-hero {
  display: block; position: relative; min-height: 270px; margin-top: 16px;
  border: 0; border-bottom: 1px solid #b04ce452; border-radius: 14px 14px 0 0;
  background: #11071e; overflow: hidden; isolation: isolate;
}
body[data-design="darkness"] .dn-hero-art {
  position: absolute; inset: 0; z-index: -2; min-height: 0;
  background: url('../img/arena-hero.webp') 68% 48% / cover no-repeat;
}
body[data-design="darkness"] .dn-hero-art::after { inset: 0; border: 0; border-radius: 0; background: linear-gradient(90deg, #0d0618e8 0%, #13072199 38%, transparent 70%), linear-gradient(0deg, #0c0617e8, transparent 35%); }
body[data-design="darkness"] .dn-hero-copy { max-width: 730px; padding: 30px 34px 28px; }
body[data-design="darkness"] .dn-eyebrow { color: #e4d7f1; font-size: 10px; line-height: 1.8; font-weight: 500; letter-spacing: .3em; }
body[data-design="darkness"] .dn-eyebrow strong { color: #ed69ff; letter-spacing: .22em; }
body[data-design="darkness"] .dn-hero h1 { margin: 10px 0 12px; font-size: clamp(40px, 4.4vw, 66px); line-height: 1.04; font-weight: 800; font-style: italic; letter-spacing: -.035em; }
body[data-design="darkness"] .dn-hero h1 span { color: #cb2bfa; background: linear-gradient(110deg, #8a1aff, #f03fff); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-shadow: none; }
body[data-design="darkness"] .dn-hero p { max-width: 530px; margin: 0 0 18px; padding-left: 14px; border-left: 2px solid #df45ff; color: #ded2e9; font-size: 13px; line-height: 1.6; }
body[data-design="darkness"] .dn-hero p strong { color: #ed6aff; font-style: italic; }
body[data-design="darkness"] .dn-hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
body[data-design="darkness"] .dn-primary,
body[data-design="darkness"] .dn-secondary { min-height: 40px; padding: 10px 18px; gap: 10px; border-radius: 7px; font-size: 12px; }
body[data-design="darkness"] .dn-primary { border: 1px solid #e0a1ff80; background: linear-gradient(180deg, #bb32ff, #8108dc); color: #fff; box-shadow: 0 0 22px #a114e74d, inset 0 1px 0 #ffffff40; }
body[data-design="darkness"] .dn-primary:hover { background: linear-gradient(180deg, #d060ff, #9926ef); color: #fff; }
body[data-design="darkness"] .dn-secondary { margin: 0; color: #e6d7f3; border: 1px solid #824baf66; background: #170d2399; }
body[data-design="darkness"] .dn-shortcuts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 16px 0 4px; }
body[data-design="darkness"] .dn-shortcuts a { display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 46px; padding: 10px 14px; border: 1px solid #9455be70; border-radius: 9px; background: linear-gradient(180deg, #38204588, #100c1a); color: #eae1f6; font-size: 13px; font-weight: 700; transition: border-color .18s, background .18s; }
body[data-design="darkness"] .dn-shortcuts i { color: #d55dff; font-size: 22px; }
body[data-design="darkness"] .dn-shortcuts a:hover { border-color: #cc69ff; background: #60227b55; }
body[data-design="darkness"] .dn-shortcuts .dn-shortcut-active { border-color: #d970ff; background: linear-gradient(180deg, #b72eff, #8005d9); color: #fff; box-shadow: 0 0 22px #9e00e64d, inset 0 1px 0 #ffffff38; }
body[data-design="darkness"] .dn-shortcut-active i { color: white; }
body[data-design="darkness"][data-dn-page="home"] .container-fluid {
  display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 16px;
  grid-template-areas: 'utility utility' 'hero hero' 'shortcuts shortcuts' 'ranking search' 'ranking stats' 'ranking monitor' 'team team' 'reviews reviews' 'footer footer';
}
body[data-design="darkness"][data-dn-page="home"] .container-fluid > #dn-content { position: absolute; width: 1px; height: 1px; }
body[data-design="darkness"][data-dn-page="home"] .container-fluid > .dn-topbar-row { grid-area: utility; }
body[data-design="darkness"][data-dn-page="home"] .dn-hero { grid-area: hero; margin: 0; }
body[data-design="darkness"][data-dn-page="home"] .dn-shortcuts { grid-area: shortcuts; margin: 0; }
body[data-design="darkness"][data-dn-page="home"] .dn-home-ranking { grid-area: ranking; align-self: stretch; scroll-margin-top: 90px; }
body[data-design="darkness"][data-dn-page="home"] .dn-home-search { grid-area: search; }
body[data-design="darkness"][data-dn-page="home"] .dn-home-stats { grid-area: stats; }
body[data-design="darkness"][data-dn-page="home"] .dn-home-monitor { grid-area: monitor; }
body[data-design="darkness"][data-dn-page="home"] .dn-home-team { grid-area: team; }
body[data-design="darkness"][data-dn-page="home"] .dn-home-reviews { grid-area: reviews; }
body[data-design="darkness"][data-dn-page="home"] .container-fluid > :is(.dn-home-footer, .col-md-12:has(.footer-card)) { grid-area: footer; }
body[data-design="darkness"][data-dn-page="home"] .container-fluid > .row { margin: 0; min-width: 0; }
body[data-design="darkness"][data-dn-page="home"] .container-fluid > .row > [class*="col-"] { margin-top: 0; padding-inline: 0; }
body[data-design="darkness"] .dn-home-ranking > .col-md-12 + .col-md-12 { margin-top: 16px !important; }
body[data-design="darkness"] .dn-home-ranking .card { width: 100%; min-height: 100%; }
body[data-design="darkness"] .dn-home-search .card { width: 100%; }
body[data-design="darkness"] .dn-home-search .card::before { content: 'Поиск игрока'; display: block; padding: 14px 16px 0; font-size: 14px; font-weight: 700; }
body[data-design="darkness"] .dn-home-search .poisc21 { padding: 12px 14px 14px; gap: 8px; }
body[data-design="darkness"] .dn-home-search .poisc41 { font-size: 11px; }
body[data-design="darkness"] .dn-home-search .poisc31 { min-width: 38px; width: 38px; height: 42px; min-height: 42px; }
body[data-design="darkness"] .dn-home-stats { display: grid; align-content: start; gap: 8px; padding: 16px; border: 1px solid var(--dn-line); border-radius: 12px; background: linear-gradient(125deg, #251334d9, #100b1ddd); }
body[data-design="darkness"] .dn-home-stats::before { content: 'Быстрая статистика'; margin-bottom: 2px; font-size: 15px; font-weight: 700; }
body[data-design="darkness"] .dn-home-stats > .col-md-4 { flex: 0 0 100%; max-width: 100%; width: 100%; padding: 0; margin: 0; }
body[data-design="darkness"] .dn-home-stats .card { border-color: #68328366; border-radius: 8px; }
body[data-design="darkness"] .dn-home-stats .card-block-big { min-height: 72px; padding: 14px 16px; }
body[data-design="darkness"] .dn-home-stats .card-block-big h3 { font-size: 25px; margin-bottom: 3px; }
body[data-design="darkness"] .dn-home-stats .card-block-big .info { font-size: 11px; }
body[data-design="darkness"] .dn-home-stats .card-block-big .icon-stats { top: 18px; right: 16px; }
body[data-design="darkness"] .dn-home-monitor { min-width: 0; align-self: start; padding: 14px; border: 1px solid var(--dn-line); border-radius: 12px; background: #170e24c9; scroll-margin-top: 90px; }
body[data-design="darkness"] .dn-home-monitor::before { content: 'Игровые серверы'; display: block; padding-bottom: 12px; font-size: 15px; font-weight: 700; }
body[data-design="darkness"] .dn-home-monitor .row { margin: 0; gap: 12px; }
body[data-design="darkness"] .dn-home-monitor .row > [class*="col-"] { margin: 0; padding: 0; flex: 1 1 100%; max-width: 100%; }
body[data-design="darkness"] .dn-home-monitor .show_her { display: none !important; }
body[data-design="darkness"] .dn-home-monitor .custom-server { height: 150px; }
body[data-design="darkness"] .dn-home-monitor .server-data { padding: 12px; }
body[data-design="darkness"] .dn-home-monitor .data-name { font-size: 14px; }
body[data-design="darkness"] .dn-home-monitor .data-map,
body[data-design="darkness"] .dn-home-monitor .data-players__online { font-size: 12px; }
body[data-design="darkness"] .dn-home-monitor .data-secondary { width: 38px; max-width: none; flex-shrink: 0; }
body[data-design="darkness"] .dn-home-monitor .card.plug { margin-bottom: 12px; }
body[data-design="darkness"] .dn-home-monitor .card.plug .inline { padding: 8px; font-size: 11px; }
body[data-design="darkness"] .footer-card { padding: 14px 0; }
body[data-design="darkness"] .footer-line-top { margin-top: 8px !important; background: linear-gradient(90deg, transparent, #b144eb66, transparent); }
@media (min-width: 1027px) and (max-width: 1279px) {
  body[data-design="darkness"] .main-sidebar,
  body[data-design="darkness"].sidebar-collapse .main-sidebar { padding-inline: 18px; }
  body[data-design="darkness"] .main-sidebar > .sidebar { gap: 14px; }
  body[data-design="darkness"] .dn-brand { flex-basis: 150px; font-size: 22px; }
  body[data-design="darkness"] .user-sidebar-block { flex-basis: 166px; width: 166px; }
  body[data-design="darkness"][data-dn-page="home"] .container-fluid { grid-template-columns: minmax(0, 1fr) 264px; }
}
@media (max-width: 1026px) {
  body[data-design="darkness"] .global-container,
  body[data-design="darkness"].sidebar-collapse .global-container { padding-top: 0; }
  body[data-design="darkness"] .main-sidebar,
  body[data-design="darkness"].sidebar-collapse .main-sidebar { inset: 0 auto 0 0; width: 280px; height: 100dvh; padding: 24px 18px; border-right: 1px solid #8840b25c; transform: translateX(-100%); overflow-y: auto; }
  body[data-design="darkness"].sidebar-open .main-sidebar { transform: translateX(0); }
  body[data-design="darkness"] .main-sidebar > .sidebar { display: flex; flex-direction: column; align-items: stretch; gap: 16px; height: auto; }
  body[data-design="darkness"] .main-sidebar .sidebar > .nav-toggle { order: 1; display: flex; align-self: end; margin: 0; }
  body[data-design="darkness"] .dn-brand,
  body[data-design="darkness"].sidebar-collapse .dn-brand { flex-basis: auto; }
  body[data-design="darkness"] .main-sidebar .sidebar-menu { order: 3; flex: auto; display: flex; flex-direction: column; align-items: stretch; gap: 4px; overflow: visible; }
  body[data-design="darkness"] .sidebar-menu > li > a { min-height: 44px; gap: 12px; padding: 10px 12px; }
  body[data-design="darkness"] .sidebar-menu .item-name { font-size: 14px; }
  body[data-design="darkness"] .sidebar-menu .sidebar-icon { display: grid; }
  body[data-design="darkness"] .user-sidebar-block { order: 2; width: 100%; flex-basis: auto; }
  body[data-design="darkness"] .user-info a img { width: 42px; height: 42px; }
  body[data-design="darkness"] .user_name { font-size: 14px; }
  body[data-design="darkness"] .user_text,
  body[data-design="darkness"] .user_text.lk { font-size: 11px; }
  body[data-design="darkness"] .navbar { height: 62px; min-height: 62px; }
  body[data-design="darkness"] .logo-area img { display: block !important; max-width: 120px; }
  body[data-design="darkness"] .logo-area .nav-toggle { height: 40px; width: 40px; flex-basis: 40px; }
  body[data-design="darkness"] .dn-header-caption { display: none; }
  body[data-design="darkness"] .dn-hero { min-height: 260px; }
  body[data-design="darkness"][data-dn-page="home"] .container-fluid { grid-template-columns: minmax(0, 1fr) 248px; gap: 12px; }
  body[data-design="darkness"] .dn-hero-copy { padding: 28px; }
  body[data-design="darkness"] .dn-hero h1 { font-size: 52px; }
  body[data-design="darkness"] .dn-shortcuts { gap: 8px; }
  body[data-design="darkness"] .dn-shortcuts a { gap: 8px; padding: 9px; font-size: 12px; }
  body[data-design="darkness"] .dn-home-stats { padding: 12px; }
}
@media (max-width: 900px) {
  body[data-design="darkness"][data-dn-page="home"] .container-fluid { grid-template-columns: minmax(0, 1fr); grid-template-areas: 'utility' 'hero' 'shortcuts' 'search' 'ranking' 'stats' 'monitor' 'team' 'reviews' 'footer'; }
  body[data-design="darkness"] .dn-home-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body[data-design="darkness"] .dn-home-stats::before { grid-column: 1 / -1; }
  body[data-design="darkness"] .dn-home-stats .card-block-big h3 { font-size: 23px; }
}
@media (max-width: 600px) {
  body[data-design="darkness"] .container-fluid { padding-inline: 14px; }
  body[data-design="darkness"] .navbar { height: auto; min-height: 64px; }
  body[data-design="darkness"] .logo-area img { max-width: 90px; }
  body[data-design="darkness"] .right-area { gap: 0; }
  body[data-design="darkness"] .dn-hero { min-height: 330px; }
  body[data-design="darkness"] .dn-hero-copy { max-width: 100%; padding: 28px 20px 24px; }
  body[data-design="darkness"] .dn-hero-art { background-position: 65% center; }
  body[data-design="darkness"] .dn-hero-art::after { background: linear-gradient(90deg, #10071dec, #10071d9e 60%, #10071d55), linear-gradient(0deg, #0c0617f0, transparent 65%); }
  body[data-design="darkness"] .dn-hero h1 { margin-top: 16px; font-size: clamp(37px, 10vw, 54px); }
  body[data-design="darkness"] .dn-hero p { font-size: 12px; max-width: 330px; }
  body[data-design="darkness"] .dn-eyebrow { font-size: 9px; letter-spacing: .24em; }
  body[data-design="darkness"] .dn-shortcuts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body[data-design="darkness"] .dn-shortcuts a { min-height: 46px; font-size: 12px; gap: 8px; }
  body[data-design="darkness"] .dn-shortcuts i { font-size: 18px; }
  body[data-design="darkness"] .dn-home-stats { grid-template-columns: 1fr; }
  body[data-design="darkness"] .dn-home-stats .card-block-big { min-height: 76px; }
  body[data-design="darkness"] .dn-home-ranking { scroll-margin-top: 16px; }
  body[data-design="darkness"] .dn-home-monitor .custom-server { height: 180px; }
  body[data-design="darkness"] .dn-home-monitor { scroll-margin-top: 16px; }
}