/* Neo Modern UI — isolated behind body.neo-ui for safe host-site integration. */
@font-face{font-family:NeoUI;src:url('/storage/assets/fonts/vendors/sfpro/SFProDisplay-Regular.woff2') format('woff2');font-display:swap;font-weight:400}
@font-face{font-family:NeoUI;src:url('/storage/assets/fonts/vendors/sfpro/SFProDisplay-Semibold.woff2') format('woff2');font-display:swap;font-weight:600}
@font-face{font-family:NeoDisplay;src:url('/storage/assets/fonts/vendors/unb/Unbounded-Medium.woff2') format('woff2');font-display:swap;font-weight:500}

body.neo-ui{--neo-bg:#070a12;--neo-surface:#0e1320;--neo-surface-2:#131a2a;--neo-line:rgba(154,171,205,.14);--neo-text:#f5f7ff;--neo-muted:#8f9bb3;--neo-accent:#7c5cff;--neo-accent-2:#26e6c8;--neo-danger:#ff5574;--neo-radius:18px;--neo-shadow:0 18px 60px rgba(0,0,0,.28);margin:0;background:radial-gradient(circle at 10% 0,rgba(124,92,255,.15),transparent 28rem),radial-gradient(circle at 92% 18%,rgba(38,230,200,.08),transparent 25rem),var(--neo-bg);color:var(--neo-text);font-family:NeoUI,system-ui,-apple-system,sans-serif;line-height:1.5;color-scheme:dark;min-height:100vh}
body.neo-ui *,body.neo-ui *::before,body.neo-ui *::after{box-sizing:border-box}
body.neo-ui a{color:inherit;text-decoration:none}
body.neo-ui button,body.neo-ui input,body.neo-ui select,body.neo-ui textarea{font:inherit}
body.neo-ui :focus-visible{outline:2px solid var(--neo-accent-2);outline-offset:3px}
body.neo-ui .global-container{width:min(1520px,calc(100% - 32px));margin:0 auto;overflow:visible}
body.neo-ui .container-fluid{width:100%;padding:0}
body.neo-ui .navbar{position:sticky;z-index:100;top:12px;min-height:72px;margin:12px 0 28px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--neo-line);border-radius:20px;background:rgba(10,14,24,.82);box-shadow:0 12px 40px rgba(0,0,0,.22);backdrop-filter:blur(20px)}
body.neo-ui .drpdwn_menu,body.neo-ui .navbar_menu_left,body.neo-ui .navbar_usermenu{display:flex;align-items:center;gap:6px}
body.neo-ui .dropbtn{min-height:46px;padding:0 14px;border-radius:12px;display:flex;align-items:center;gap:9px;color:var(--neo-muted);font-weight:600;cursor:pointer;transition:.2s ease}
body.neo-ui .dropbtn svg{width:18px;height:18px;fill:currentColor}
body.neo-ui .dropbtn:hover,body.neo-ui .dropbtn.active_btn{color:var(--neo-text);background:rgba(124,92,255,.14)}
body.neo-ui .dropbtn.active_btn{box-shadow:inset 0 0 0 1px rgba(124,92,255,.3)}
body.neo-ui .dropdown{position:relative}
body.neo-ui .dropdown_block,body.neo-ui .user__menu,body.neo-ui .notification-wrapper{border:1px solid var(--neo-line)!important;border-radius:16px!important;background:rgba(14,19,32,.98)!important;box-shadow:var(--neo-shadow)!important;backdrop-filter:blur(20px)}
body.neo-ui .dropdown_block{top:calc(100% + 10px);padding:8px;min-width:250px}
body.neo-ui .dropdown_item{padding:11px;border-radius:10px;transition:.2s ease}
body.neo-ui .dropdown_item:hover{background:rgba(255,255,255,.05)}
body.neo-ui .dropdown_item h4{margin:0;color:var(--neo-text);font-size:14px}
body.neo-ui .dropdown_item p{margin:2px 0 0;color:var(--neo-muted);font-size:12px}
body.neo-ui .auth_user_btn,body.neo-ui .secondary_btn,body.neo-ui .server_button{border:1px solid transparent;border-radius:12px;background:linear-gradient(135deg,var(--neo-accent),#9c72ff);color:#fff;font-weight:600;box-shadow:0 10px 25px rgba(124,92,255,.2);transition:transform .2s ease,box-shadow .2s ease}
body.neo-ui .auth_user_btn:hover,body.neo-ui .secondary_btn:hover,body.neo-ui .server_button:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(124,92,255,.3)}
body.neo-ui .user__avatar img{border-radius:12px!important;box-shadow:0 0 0 2px var(--neo-surface),0 0 0 3px var(--neo-accent)}
body.neo-ui .card,body.neo-ui .server_block,body.neo-ui .statistics_container,body.neo-ui .profile_block,body.neo-ui .leaderboard,body.neo-ui [class*='profile_'][class*='_block']{border:1px solid var(--neo-line)!important;border-radius:var(--neo-radius)!important;background:linear-gradient(145deg,rgba(20,27,43,.94),rgba(11,16,27,.94))!important;box-shadow:var(--neo-shadow)}
body.neo-ui .row{margin-left:-8px;margin-right:-8px}
body.neo-ui [class*='col-']{padding-left:8px;padding-right:8px}
body.neo-ui h1,body.neo-ui h2,body.neo-ui h3,body.neo-ui .page_name{font-family:NeoDisplay,NeoUI,sans-serif;letter-spacing:-.03em;color:var(--neo-text)}
body.neo-ui .page_name{font-size:clamp(24px,3vw,40px);margin-bottom:20px}
body.neo-ui .servers_filter{padding:12px;display:flex;justify-content:space-between;gap:12px;margin-bottom:16px}
body.neo-ui .filter_chips{display:flex;gap:8px;flex-wrap:wrap}
body.neo-ui .chips_btn{min-height:38px;padding:0 14px;border:1px solid var(--neo-line);border-radius:999px;background:transparent;color:var(--neo-muted);cursor:pointer;transition:.2s ease}
body.neo-ui .chips_btn:hover,body.neo-ui .chips_btn.chips_active{color:var(--neo-text);border-color:rgba(124,92,255,.55);background:rgba(124,92,255,.15)}
body.neo-ui .servers_wrap{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}
body.neo-ui .server_block{position:relative;overflow:hidden;min-height:210px;margin:0!important;transition:transform .25s ease,border-color .25s ease}
body.neo-ui .server_block:hover{transform:translateY(-4px);border-color:rgba(124,92,255,.48)!important}
body.neo-ui .server_map_image{position:absolute;inset:0}
body.neo-ui .server_map_image::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,10,18,.18),rgba(7,10,18,.96))}
body.neo-ui .server_map_image img{width:100%;height:100%;object-fit:cover}
body.neo-ui .top_server_block,body.neo-ui .bottom_server_block{position:relative;z-index:1}
body.neo-ui .top_server_block{min-height:180px;padding:22px;display:flex;align-items:flex-end}
body.neo-ui .server_name_custom{font-family:NeoDisplay;font-size:17px}
body.neo-ui .server_players_mapname{color:var(--neo-muted)}
body.neo-ui .progress{height:4px;background:rgba(255,255,255,.08)}
body.neo-ui .progress-value{background:linear-gradient(90deg,var(--neo-accent),var(--neo-accent-2));box-shadow:0 0 16px var(--neo-accent)}
body.neo-ui .statistics_container{min-height:125px;padding:20px;position:relative;overflow:hidden}
body.neo-ui .statistics_name{color:var(--neo-muted);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}
body.neo-ui .statistics_number{font-family:NeoDisplay;font-size:30px;margin-top:10px}
body.neo-ui .statistics_icon{opacity:.18;right:14px;bottom:10px;transform:rotate(-8deg)}
body.neo-ui .image-slider,body.neo-ui .image-slider__image{border-radius:24px!important;overflow:hidden}
body.neo-ui .image-slider__image::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,10,18,.88),rgba(7,10,18,.08));pointer-events:none}
body.neo-ui .image-slider__image>p,body.neo-ui .image-slider__image>h3,body.neo-ui .swiper_btn{position:relative;z-index:2}
body.neo-ui .right-swiper__block{gap:12px}
body.neo-ui .neo-table-scroll{width:100%;overflow-x:auto;border:1px solid var(--neo-line);border-radius:var(--neo-radius);background:var(--neo-surface);box-shadow:var(--neo-shadow);scrollbar-width:thin}
body.neo-ui .neo-table-scroll table{width:100%;min-width:760px;margin:0!important;border-collapse:separate;border-spacing:0;background:transparent!important}
body.neo-ui table th{padding:15px 18px!important;border:0!important;border-bottom:1px solid var(--neo-line)!important;background:#111827!important;color:var(--neo-muted)!important;font-size:12px!important;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap}
body.neo-ui table td{padding:14px 18px!important;border:0!important;border-bottom:1px solid rgba(154,171,205,.09)!important;color:var(--neo-text)!important;vertical-align:middle}
body.neo-ui table tbody tr{background:transparent!important;transition:background .18s ease}
body.neo-ui table tbody tr:hover{background:rgba(124,92,255,.07)!important}
body.neo-ui table tbody tr:last-child td{border-bottom:0!important}
body.neo-ui th.neo-sortable{cursor:pointer;padding-right:35px!important;position:relative;user-select:none}
body.neo-ui th.neo-sortable::after{content:'↕';position:absolute;right:15px;color:#59647a}
body.neo-ui th[aria-sort='ascending']::after{content:'↑';color:var(--neo-accent-2)}
body.neo-ui th[aria-sort='descending']::after{content:'↓';color:var(--neo-accent-2)}
body.neo-ui table img{border-radius:10px}
body.neo-ui .profile_head,body.neo-ui .profile_header{border-radius:24px!important;overflow:hidden}
body.neo-ui .profile_avatar img{border-radius:18px!important}
body.neo-ui .profile_stats,body.neo-ui .profile_statistics,body.neo-ui .profile_content{gap:16px}
body.neo-ui input,body.neo-ui select,body.neo-ui textarea{border:1px solid var(--neo-line)!important;border-radius:12px!important;background:#0b101b!important;color:var(--neo-text)!important;min-height:44px;padding:10px 13px!important}
body.neo-ui input::placeholder,body.neo-ui textarea::placeholder{color:#68748b}
body.neo-ui .modal-card,body.neo-ui .popup_modal_content{border:1px solid var(--neo-line)!important;border-radius:22px!important;background:var(--neo-surface)!important;box-shadow:0 24px 90px rgba(0,0,0,.55)!important;overflow:hidden}
body.neo-ui .footer{margin-top:48px;border-top:1px solid var(--neo-line);color:var(--neo-muted)}
body.neo-ui .footer a:hover{color:var(--neo-accent-2)}

@media(max-width:1100px){body.neo-ui .servers_wrap{grid-template-columns:repeat(2,minmax(0,1fr))}body.neo-ui .desc_nav_item{display:none}body.neo-ui .dropbtn{padding:0 12px}body.neo-ui .global-container{width:min(100% - 24px,1100px)}}
@media(max-width:767px){body.neo-ui{background-position:center top}body.neo-ui .global-container{width:calc(100% - 20px)}body.neo-ui .navbar{top:6px;margin:6px 0 18px;min-height:62px;border-radius:16px;padding:8px 10px}body.neo-ui .drpdwn_menu{display:none}body.neo-ui .header_burger{display:flex;width:42px;height:42px;border-radius:11px;background:rgba(255,255,255,.05);align-items:center;justify-content:center}body.neo-ui .nav_header_menu{position:fixed;inset:78px 10px auto;max-height:calc(100vh - 96px);overflow:auto;border:1px solid var(--neo-line);border-radius:16px;background:rgba(10,14,24,.98);box-shadow:var(--neo-shadow);padding:10px}body.neo-ui .nav_header_menu .header_list{display:grid;gap:4px;margin:0;padding:0}body.neo-ui .nav_header_menu li{padding:13px;border-radius:10px}body.neo-ui .nav_header_menu li:hover{background:rgba(124,92,255,.13)}body.neo-ui .servers_wrap{grid-template-columns:1fr}body.neo-ui .server_block{min-height:190px}body.neo-ui .statistics_container{margin-bottom:10px}body.neo-ui .image-slider{min-height:300px}body.neo-ui .hide_balance_text{display:none}body.neo-ui .footer_links ul{flex-wrap:wrap;gap:12px}body.neo-ui .page_name{font-size:26px}}
@media(max-width:420px){body.neo-ui .navbar_usermenu{gap:4px}body.neo-ui .auth_user_btn{font-size:0;width:42px;padding:0;justify-content:center}body.neo-ui .auth_user_btn svg{margin:0}body.neo-ui .servers_filter{align-items:flex-start}body.neo-ui .chips_btn{padding:0 11px;font-size:12px}body.neo-ui .top_server_block{padding:17px}}
@media(prefers-reduced-motion:reduce){body.neo-ui *,body.neo-ui *::before,body.neo-ui *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Stable slider composition: overrides legacy absolute/percentage sizing. */
body.neo-ui.route-home .image-slider{height:360px!important;min-height:360px;border:1px solid var(--neo-line);border-radius:24px!important;overflow:hidden;box-shadow:var(--neo-shadow);background:var(--neo-surface)}
body.neo-ui.route-home .image-slider__wrapper,
body.neo-ui.route-home .image-slider__slide,
body.neo-ui.route-home .image-slider__image{height:100%!important}
body.neo-ui.route-home .image-slider__image{position:relative!important;border-radius:0!important;overflow:hidden}
body.neo-ui.route-home .image-slider__image::after{z-index:1;background:linear-gradient(90deg,rgba(7,10,18,.94) 0%,rgba(7,10,18,.48) 52%,rgba(7,10,18,.08) 100%)}
body.neo-ui.route-home .image-slider__image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
body.neo-ui.route-home .image-slider__image>h3,
body.neo-ui.route-home .image-slider__image>p,
body.neo-ui.route-home .image-slider__image>.swiper_btn{position:absolute!important;z-index:2;left:28px!important;max-width:min(560px,70%);margin:0}
body.neo-ui.route-home .image-slider__image>h3{bottom:112px!important;font-size:clamp(22px,3vw,38px);line-height:1.15}
body.neo-ui.route-home .image-slider__image>p{bottom:76px!important;width:auto!important;color:#d3d9e8;white-space:normal!important}
body.neo-ui.route-home .image-slider__image>.swiper_btn{bottom:22px!important}
body.neo-ui.route-home .right-swiper__block{height:360px!important;gap:12px}
body.neo-ui.route-home .right-swiper__block .card{min-height:0;box-shadow:none}
body.neo-ui.route-home .right-swiper__second,
body.neo-ui.route-home .right-swiper__online{min-height:0}

/* Footer participates in normal document flow on every breakpoint. */
body.neo-ui .footer_fluid{position:relative!important;inset:auto!important;z-index:1!important;width:100%!important;margin:56px 0 0!important;border-top:1px solid var(--neo-line);background:rgba(10,14,24,.82);color:var(--neo-muted)}
body.neo-ui .footer_body{position:relative!important;z-index:2;width:min(1520px,calc(100% - 32px));height:auto!important;min-height:120px!important;margin:0 auto!important;padding:30px 0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:28px}
body.neo-ui .footer_info{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px;flex:1}
body.neo-ui .left_footer,body.neo-ui .right_footer{display:flex;align-items:center;gap:18px}
body.neo-ui .footer_links{display:block!important;width:auto!important}
body.neo-ui .footer_links ul{display:flex!important;grid-template-columns:none!important;align-items:center!important;flex-wrap:wrap;gap:10px 22px!important;width:auto!important;margin:0;padding:0;list-style:none}
body.neo-ui .footer_links a{color:var(--neo-muted);font-size:13px}
body.neo-ui .footer_bg{display:none!important}

body.neo-ui .server_block.server-offline{border-color:rgba(255,85,116,.36)!important}
body.neo-ui .server_block.server-offline::after{content:'OFFLINE';position:absolute;z-index:3;top:14px;right:14px;padding:5px 9px;border:1px solid rgba(255,85,116,.4);border-radius:999px;background:rgba(255,85,116,.14);color:#ff8ba0;font-size:10px;font-weight:700;letter-spacing:.09em}

@media(max-width:768px){
  body.neo-ui.route-home .image-slider{height:300px!important;min-height:300px!important}
  body.neo-ui.route-home .right-swiper__block{height:auto!important;margin-top:12px}
  body.neo-ui.route-home .image-slider__image>h3,
  body.neo-ui.route-home .image-slider__image>p,
  body.neo-ui.route-home .image-slider__image>.swiper_btn{left:20px!important;max-width:calc(100% - 40px)}
  body.neo-ui .footer_body,body.neo-ui .footer_info{width:100%;flex-direction:column;align-items:flex-start!important}
  body.neo-ui .footer_body{width:calc(100% - 24px)}
}