/* =============================================
   nova.css — NovaGames redesign overrides
   Все наработки по редизайну Eirin → Nova
   ============================================= */

/* ===== HEADER ===== */

/* Фон прозрачный, бирюзовая линия снизу */
html body .header .header_container{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-bottom:3px solid rgba(53,158,166,0.5)!important}

/* Звёздочки навигации — золотые */
html body .header__nav-icon{filter:sepia(1) saturate(2.5) hue-rotate(0deg) brightness(1.3) contrast(0.95)!important}

/* Nav hover — чистый фон + бирюзовое сияние на буквах */
.header__nav-item,.header__nav-item:hover,.nova-scope .header__nav-item,.nova-scope .header__nav-item:hover{background:transparent!important;background-color:transparent!important;box-shadow:none!important;border:none!important;outline:none!important}
.header__nav-item:hover .header__nav-link,.nova-scope .header__nav-item:hover .header__nav-link{color:#fff!important;text-shadow:0 0 10px rgba(53,158,166,0.8),0 0 40px rgba(53,158,166,0.5),0 0 80px rgba(53,158,166,0.3),0 0 120px rgba(53,158,166,0.15)!important}

/* Donation hover — сияние */
@media(hover:hover){
html body .header__donation:hover .header__donation-link{color:#fff!important;text-shadow:0 0 10px rgba(53,158,166,0.8),0 0 40px rgba(53,158,166,0.5),0 0 80px rgba(53,158,166,0.3),0 0 120px rgba(53,158,166,0.15)!important}
}

/* Cabinet — прозрачный, бирюзовая обводка, засвет при hover */
html body a.header__cabinet-button.bordered-button{background:transparent!important;border:2px solid rgba(53,158,166,0.5)!important;box-shadow:none!important}
html body a.header__cabinet-button.bordered-button .header__cabinet-text{color:#fff!important;text-shadow:none!important}
html body a.header__cabinet-button.bordered-button:hover{background:radial-gradient(ellipse at center,transparent 0%,transparent 55%,rgba(53,158,166,0.15) 75%,rgba(53,158,166,0.3) 100%)!important;border-color:rgba(53,158,166,0.5)!important;box-shadow:0 0 35px rgba(53,158,166,0.25),0 0 60px rgba(53,158,166,0.1)!important;overflow:visible!important}
html body a.header__cabinet-button.bordered-button::before,html body a.header__cabinet-button.bordered-button::after{background:none!important;background-image:none!important;display:none!important;content:""!important;width:0!important;height:0!important;opacity:0!important}

/* Language selector — бирюзовая обводка, засвет при hover */
html body .header__lang-selector{background:transparent!important;border:2px solid rgba(53,158,166,0.5)!important;border-radius:9999px!important;box-shadow:none!important}
html body .header__lang-selector svg path{fill:rgba(53,158,166,0.7)!important}
html body .header__lang-selector.active,html body .header__lang-selector:focus-within,html body .header__lang-selector:hover{background:radial-gradient(ellipse at center,transparent 0%,transparent 55%,rgba(53,158,166,0.15) 75%,rgba(53,158,166,0.3) 100%)!important;border-color:rgba(53,158,166,0.6)!important;box-shadow:0 0 35px rgba(53,158,166,0.25),0 0 60px rgba(53,158,166,0.1)!important;border-top-color:rgba(53,158,166,0.6)!important;border-bottom-color:rgba(53,158,166,0.6)!important}
html body .header__lang-selector:hover svg path,html body .header__lang-selector.active svg path{fill:#fff!important}

/* Language dropdown */
html body .header__lang-dropdown{background:linear-gradient(180deg,rgba(30,60,65,0.95),rgba(15,40,45,0.95))!important;backdrop-filter:blur(12px)!important;border:none!important;box-shadow:0 4px 15px rgba(0,0,0,0.5)!important}
html body .header__lang-option{border-bottom:none!important}
html body .header__lang-option:hover{background-color:rgba(53,158,166,0.2)!important}
html body .header__lang-option-text{color:rgba(255,245,220,0.9)!important}

/* Burger menu */
html body .header__burger-line{background-color:#C5A028!important}

/* Countdown & server info */
html body .header__countdown-date{background:linear-gradient(135deg,#8B6914,#C5A028,#8B6914)!important;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,0.5)!important;border:1px solid rgba(197,160,40,0.4)!important}
html body .countdown-server-block .online-stars svg path{stroke:#C5A028!important}
html body .header__countdown-toggle{background-color:#8B6914!important}
html body .header__server-info-toggle{background-color:#8B6914!important}
html body .header__server-info-container{background-color:rgba(28,22,12,0.5)!important;backdrop-filter:blur(8px)!important}
html body .header__countdown-container{background-color:transparent!important}
html body .header__server-info-rating svg path{stroke:#C5A028!important}
html body .header__server-info-players{border-color:#C5A028!important;background-color:rgba(28,22,12,0.6)!important}

/* ===== КНОПКА "ПРИСОЕДИНИТЬСЯ" ===== */

/* Овал с затухающим контуром к верху */
html body .nova-scope a.button,html body a.button{background:transparent!important;border:5px solid transparent!important;border-radius:9999px!important;box-shadow:none!important;animation:none!important;padding:0.8rem 3rem!important;position:relative!important;overflow:visible!important}
html body .nova-scope a.button::before,html body a.button::before{content:""!important;display:block!important;position:absolute!important;inset:-5px!important;border-radius:9999px!important;border:5px solid rgba(53,158,166,0.6)!important;pointer-events:none!important;-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 50%,rgba(0,0,0,0) 100%)!important;mask-image:linear-gradient(to top,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 50%,rgba(0,0,0,0) 100%)!important;width:auto!important;height:auto!important;opacity:1!important;background:none!important}

/* Сияние вокруг кнопки — центр вырезан */
html body .nova-scope a.button::after,html body a.button::after{display:block!important;content:""!important;position:absolute!important;left:-30px!important;right:-30px!important;bottom:-30px!important;top:-100px!important;background:radial-gradient(ellipse at center bottom,rgba(53,158,166,0.3) 0%,rgba(53,158,166,0.15) 30%,rgba(53,158,166,0.05) 60%,transparent 100%)!important;pointer-events:none!important;border-radius:50%!important;filter:blur(20px)!important;opacity:1!important;width:auto!important;height:auto!important;z-index:-1!important;-webkit-mask-image:radial-gradient(ellipse at center,transparent 25%,black 50%)!important;mask-image:radial-gradient(ellipse at center,transparent 25%,black 50%)!important}

/* Текст с постоянным сиянием, усиливается при hover */
html body .nova-scope a.button .button__text,html body a.button .button__text{color:#fff!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:0.1em!important;text-shadow:0 0 10px rgba(53,158,166,0.6),0 0 30px rgba(53,158,166,0.3),0 0 60px rgba(53,158,166,0.15)!important}
html body .nova-scope a.button:hover,html body a.button:hover{background:radial-gradient(ellipse at center,transparent 0%,transparent 55%,rgba(53,158,166,0.15) 75%,rgba(53,158,166,0.3) 100%)!important;box-shadow:0 0 35px rgba(53,158,166,0.25),0 0 60px rgba(53,158,166,0.1)!important}
html body .nova-scope a.button:hover .button__text,html body a.button:hover .button__text{text-shadow:0 0 10px rgba(53,158,166,0.9),0 0 40px rgba(53,158,166,0.6),0 0 80px rgba(53,158,166,0.4),0 0 120px rgba(53,158,166,0.2)!important}

/* Скрыть иконки/стрелки на кнопке */
html body .nova-scope a.button img,html body a.button img,html body .nova-scope a.button svg,html body a.button svg{display:none!important}

/* ===== NOVA SERVER CARD (правый верхний угол) ===== */

.nova-server-card{position:absolute;top:6.25rem;right:2.5rem;z-index:999;display:flex;flex-direction:column;align-items:center;background:rgba(10,15,18,0.85);backdrop-filter:blur(0.75rem);-webkit-backdrop-filter:blur(0.75rem);border:1px solid rgba(53,158,166,0.3);border-radius:0.75rem;padding:0.9375rem 1rem;transition:opacity 0.3s ease;width:auto}

.nova-server-card__info{display:flex;align-items:center;gap:1.25rem;margin-bottom:0.9375rem;width:100%}

.nova-server-card__logo{display:none}

.nova-server-card__details{display:flex;flex-direction:row;align-items:center;gap:0.25rem;margin-left:0;flex:1;min-width:0;justify-content:flex-end;width:100%}

.nova-server-card__name{display:none}

/* x3 block — spinning star + 3 */
.nova-server-card__x3{display:flex;align-items:center;gap:0.15rem;margin-top:2.1rem;align-self:center}
.nova-server-card__x3-star{width:3.75rem!important;height:3.75rem!important;animation:novaStarSpin 8s ease-in-out infinite;margin-left:-1.5rem;position:relative;z-index:2}
.nova-server-card__x3-three{height:3rem;width:auto;margin-left:-1.25rem;position:relative;z-index:3}
@keyframes novaStarSpin{0%{transform:rotate(0deg)}10%{transform:rotate(45deg)}85%{transform:rotate(45deg)}100%{transform:rotate(360deg)}}

.nova-server-card__type{font-size:1.8rem;color:rgba(53,158,166,0.9);font-style:italic;margin-top:-0.625rem}

.nova-server-card__type-img{height:8rem;width:12.5rem;margin-top:0;display:block;margin-left:-2rem;object-fit:cover;object-position:center}

.nova-server-card__content{display:flex;flex-direction:column;flex:1;min-width:0;margin-left:0;align-items:flex-end}
.nova-server-card__stars{display:flex;gap:4px;margin-top:0.5rem;margin-left:auto;margin-right:2rem}
.nova-server-card__stars svg{width:22px;height:22px}

.nova-server-card__countdown{display:flex;align-items:center;gap:2rem;margin-bottom:0.625rem;margin-left:0.9375rem}

.nova-server-card__countdown-title{color:rgba(255,245,220,0.8);font-size:1.3rem}

.nova-server-card__timer{display:flex;align-items:center;gap:0.5rem}

.nova-server-card__timer-unit{display:flex;flex-direction:column;align-items:center;gap:0.125rem}

.nova-server-card__timer-unit .header__countdown-unit{font-size:1.7rem;font-weight:700;color:#5ce0c8;text-shadow:0 0 0.625rem rgba(53,158,166,0.8),0 0 1.875rem rgba(53,158,166,0.4);background:rgba(53,158,166,0.1);border:1px solid rgba(53,158,166,0.4);border-radius:0.5rem;padding:0.5rem 1rem;min-width:3.125rem;text-align:center}

.nova-server-card__timer-label{font-size:0.8rem;color:rgba(255,245,220,0.5);text-transform:uppercase;letter-spacing:0.05em}

.nova-server-card__timer .header__countdown-separator{display:none}

.nova-server-card .header__countdown-date{font-size:1.5rem;color:#5ce0c8;text-shadow:0 0 0.625rem rgba(53,158,166,0.8),0 0 1.875rem rgba(53,158,166,0.4);border:2px solid rgba(53,158,166,0.5);border-radius:9999px;padding:0.25rem 1rem;animation:novaPulse 2s ease-in-out infinite;background:transparent!important;background-image:none!important;margin-left:-1rem}

/* Social links */
.nova-server-card__social{display:flex;flex-direction:column;gap:0.5rem;margin:0;margin-left:0;align-self:flex-start;margin-top:0.5rem}
.nova-server-card__social-link{width:4.5rem;height:4.5rem;border:1px solid rgba(53,158,166,0.4);border-radius:0.5rem;display:flex;align-items:center;justify-content:center;box-shadow:none;background:rgba(53,158,166,0.1);transition:all 0.3s ease}
.nova-server-card__social-link img{width:3.5rem;height:3.5rem;object-fit:contain;filter:sepia(1) saturate(2) hue-rotate(140deg) brightness(1) opacity(0.8)}
.nova-server-card__social-link:hover{border-color:rgba(53,158,166,0.7);box-shadow:0 0 1rem rgba(53,158,166,0.3),0 0 2rem rgba(53,158,166,0.15)}

@keyframes novaPulse{0%,100%{box-shadow:0 0 0.3125rem rgba(53,158,166,0.2),0 0 0.9375rem rgba(53,158,166,0.1)}50%{box-shadow:0 0 0.9375rem rgba(53,158,166,0.5),0 0 2.1875rem rgba(53,158,166,0.2),0 0 3.75rem rgba(53,158,166,0.1)}}

/* ===== КНОПКА "ПРИСОЕДИНИТЬСЯ" ===== */

/* Овал с затухающим контуром к верху */
html body .nova-scope a.button,html body a.button{background:transparent!important;border:0.3125rem solid transparent!important;border-radius:9999px!important;box-shadow:none!important;animation:none!important;padding:0.8rem 3rem!important;position:fixed!important;bottom:2rem!important;left:50%!important;transform:translateX(-50%)!important;z-index:999!important;overflow:visible!important}
html body .nova-scope a.button::before,html body a.button::before{content:""!important;display:block!important;position:absolute!important;inset:-0.3125rem!important;border-radius:9999px!important;border:0.3125rem solid rgba(53,158,166,0.6)!important;pointer-events:none!important;-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 50%,rgba(0,0,0,0) 100%)!important;mask-image:linear-gradient(to top,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 50%,rgba(0,0,0,0) 100%)!important;width:auto!important;height:auto!important;opacity:1!important;background:none!important}

/* Сияние вокруг кнопки — центр вырезан */
html body .nova-scope a.button::after,html body a.button::after{display:block!important;content:""!important;position:absolute!important;left:-1.875rem!important;right:-1.875rem!important;bottom:-1.875rem!important;top:-6.25rem!important;background:radial-gradient(ellipse at center bottom,rgba(53,158,166,0.3) 0%,rgba(53,158,166,0.15) 30%,rgba(53,158,166,0.05) 60%,transparent 100%)!important;pointer-events:none!important;border-radius:50%!important;filter:blur(1.25rem)!important;opacity:1!important;width:auto!important;height:auto!important;z-index:-1!important;-webkit-mask-image:radial-gradient(ellipse at center,transparent 25%,black 50%)!important;mask-image:radial-gradient(ellipse at center,transparent 25%,black 50%)!important}

/* Текст с постоянным сиянием, усиливается при hover */
html body .nova-scope a.button .button__text,html body a.button .button__text{color:#fff!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:0.1em!important;text-shadow:0 0 0.625rem rgba(53,158,166,0.6),0 0 1.875rem rgba(53,158,166,0.3),0 0 3.75rem rgba(53,158,166,0.15)!important}
html body .nova-scope a.button:hover,html body a.button:hover{background:radial-gradient(ellipse at center,transparent 0%,transparent 55%,rgba(53,158,166,0.15) 75%,rgba(53,158,166,0.3) 100%)!important;box-shadow:0 0 2.1875rem rgba(53,158,166,0.25),0 0 3.75rem rgba(53,158,166,0.1)!important}
html body .nova-scope a.button:hover .button__text,html body a.button:hover .button__text{text-shadow:0 0 0.625rem rgba(53,158,166,0.9),0 0 2.5rem rgba(53,158,166,0.6),0 0 5rem rgba(53,158,166,0.4),0 0 7.5rem rgba(53,158,166,0.2)!important}

/* Скрыть иконки/стрелки на кнопке */
html body .nova-scope a.button img,html body a.button img,html body .nova-scope a.button svg,html body a.button svg{display:none!important}

/* Пульсация */
@keyframes novaBtnPulse{0%,100%{filter:drop-shadow(0 0 0.3125rem rgba(53,158,166,0.2))}50%{filter:drop-shadow(0 0 1.25rem rgba(53,158,166,0.7)) drop-shadow(0 0 2.5rem rgba(53,158,166,0.3))}}

[data-section="header"] a.button{animation:novaBtnPulse 2.5s ease-in-out infinite!important}

/* ===== НАВИГАЦИЯ — четырёхконечные звёзды ===== */

/* Боковая навигация (point__dot) */
.point__dot,.point__dot::before,.point__dot::after{background:none!important;background-image:none!important;content:""!important}
.point__dot{width:3.125rem!important;height:3.125rem!important;min-width:3.125rem!important;min-height:3.125rem!important;display:flex!important;align-items:center!important;justify-content:center!important;border:none!important;overflow:visible!important;flex-shrink:0!important}
.point__dot img,.point__dot svg{width:3.125rem!important;height:3.125rem!important;object-fit:contain!important;overflow:visible!important;transition:transform 0.5s ease!important}
.point:hover .point__dot img,.point:hover .point__dot svg,.point_active .point__dot img,.point_active .point__dot svg{transform:rotate(180deg)!important}
.point{display:flex!important;align-items:center!important;gap:1.25rem!important}
.point__name{display:flex!important;align-items:center!important;margin-top:0!important;padding-top:0!important;line-height:1!important;transform:translateY(0.4375rem)!important;margin-left:0.625rem!important}

/* Хедер навигация — вращение при hover */
.header__nav-item{display:flex!important;align-items:center!important;gap:0.5rem!important}
.header__nav-item svg,.header__nav-item .header__nav-icon-img{flex-shrink:0!important;transition:transform 0.5s ease!important}
.header__nav-item:hover svg,.header__nav-item:hover .header__nav-icon-img{transform:rotate(180deg)!important}
.header__nav-link{line-height:1!important}

/* Лого хедера — фиксированный размер */
html body .header__logo-image{max-width:2.5rem!important;max-height:2.5rem!important;width:2.5rem!important;height:2.5rem!important}
html body .header__logo-button{width:3rem!important;height:3rem!important;min-width:3rem!important;min-height:3rem!important;padding:0.25rem!important;flex-shrink:0!important}

/* ===== ЗАГОЛОВКИ СЕКЦИЙ — Nova стиль ===== */

/* Скрыть Airin заголовки */
#rating .heading,#inform .heading{display:none!important}

/* Общий стиль Nova заголовков */
.nova-heading-capsule{border:3px solid rgba(53,158,166,0.5);border-radius:30px;pointer-events:none;z-index:10;display:flex;align-items:center;justify-content:center;height:60px;-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 100%,transparent 0%,transparent 50%,black 70%);mask-image:radial-gradient(ellipse 50% 50% at 50% 100%,transparent 0%,transparent 50%,black 70%)}
.nova-heading-capsule .nova-heading-title{color:#fff;font-size:2.2rem;font-weight:700;letter-spacing:0.1em}
.nova-heading-sub{color:rgba(53,158,166,0.7);font-size:1.2rem;letter-spacing:0.15em;text-align:center;pointer-events:none;z-index:10;white-space:nowrap;margin-top:-15px;position:relative}
.nova-heading-star{z-index:11;pointer-events:none;width:60px;height:60px;margin:0 -65px}

/* ===== ВКЛАДКИ РЕЙТИНГА — Nova стиль ===== */

/* Линии сверху и снизу */
#rating .rating__btns{position:relative!important}
#rating .rating__btns::before{content:""!important;position:absolute!important;top:0!important;left:0!important;right:0!important;height:2px!important;background:linear-gradient(to right,transparent 0%,rgba(53,158,166,0.5) 15%,rgba(53,158,166,0.5) 85%,transparent 100%)!important;pointer-events:none!important;z-index:5!important;display:block!important}
#rating .rating__btns::after{content:""!important;position:absolute!important;bottom:0!important;left:0!important;right:0!important;height:2px!important;background:linear-gradient(to right,transparent 0%,rgba(53,158,166,0.5) 15%,rgba(53,158,166,0.5) 85%,transparent 100%)!important;pointer-events:none!important;z-index:5!important;display:block!important}

/* Вкладки — серые неактивные, бирюзовая активная */
html body #rating .rating__btns .btn.btn_size_small{background:none!important;background-image:none!important;border:none!important;box-shadow:none!important;padding:0.5rem 1.5rem!important;cursor:pointer!important}
html body #rating .rating__btns .btn.btn_size_small::before,html body #rating .rating__btns .btn.btn_size_small::after{background-image:none!important;background:none!important;content:""!important;display:none!important}
html body #rating .rating__btns .btn.btn_size_small.btn_accent_no{color:rgba(255,255,255,0.35)!important}
html body #rating .rating__btns .btn.btn_size_small.btn_accent{color:#5ce0c8!important;text-shadow:0 0 15px rgba(53,158,166,1),0 0 40px rgba(53,158,166,0.7),0 0 80px rgba(53,158,166,0.4)!important}

/* Звёзды по краям вкладок */
.nova-tab-star{width:30px;height:30px;z-index:6;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}
.nova-tab-star-left{left:5px}
.nova-tab-star-right{right:5px}

/* ===== КНОПКА "ПОЛНЫЙ РЕЙТИНГ" ===== */
#rating a.btn.btn_size_large{position:relative!important;overflow:visible!important;background:transparent!important;background-image:none!important;border:2px solid rgba(53,158,166,0.5)!important;border-radius:9999px!important;color:#fff!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:0.1em!important;text-shadow:0 0 10px rgba(53,158,166,0.6),0 0 30px rgba(53,158,166,0.3)!important;white-space:nowrap!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;transition:all 0.3s ease!important;margin-top:1rem!important}
#rating a.btn.btn_size_large::before,#rating a.btn.btn_size_large::after{display:none!important;content:none!important;background:none!important;background-image:none!important}
#rating a.btn.btn_size_large:hover{background:radial-gradient(ellipse at center,rgba(53,158,166,0.15) 0%,transparent 70%)!important;box-shadow:0 0 20px rgba(53,158,166,0.4),0 0 40px rgba(53,158,166,0.2),inset 0 0 20px rgba(53,158,166,0.1)!important;text-shadow:0 0 10px rgba(53,158,166,0.9),0 0 30px rgba(53,158,166,0.6),0 0 60px rgba(53,158,166,0.4)!important}

/* Rating box подтяжка */
#rating .rating__box{margin-top:-1.5rem!important}

/* === Mobile: кнопка Присоединиться === */
@media (max-width: 768px) {
html body .nova-scope a.button,html body a.button{position:absolute!important;bottom:0.5rem!important;left:50%!important;transform:translateX(-50%)!important;z-index:10!important;width:70%!important;display:flex!important;justify-content:center!important;margin:0!important;animation:none!important}
}