.elementor-12 .elementor-element.elementor-element-3f2dd71:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-3f2dd71 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background:url("https://surveysport.com/wp-content/uploads/2025/12/asmDCXY6Obe1otYHHxIVJ.png") 50% 50%;background-size:cover;}.elementor-12 .elementor-element.elementor-element-3f2dd71 > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12 .elementor-element.elementor-element-3f2dd71{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-12 .elementor-element.elementor-element-24c318f{--display:flex;--margin-top:30px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-12 .elementor-element.elementor-element-eea4a16{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-12 .elementor-element.elementor-element-eea4a16 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-12 .elementor-element.elementor-element-eea4a16 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-12 .elementor-element.elementor-element-eea4a16:after{content:"0.66";}.elementor-12 .elementor-element.elementor-element-eea4a16 .elementor-post__thumbnail__link{width:100%;}.elementor-12 .elementor-element.elementor-element-eea4a16 .elementor-post__meta-data span + span:before{content:"•";}.elementor-12 .elementor-element.elementor-element-eea4a16 .elementor-post__card{background-color:#0B0B0B;border-color:var( --e-global-color-6710a01 );border-width:1px;border-radius:12px;padding-top:15px;padding-bottom:15px;}.elementor-12 .elementor-element.elementor-element-eea4a16 .elementor-post__text{padding:0 15px;margin-top:20px;}.elementor-12 .elementor-element.elementor-element-eea4a16 .elementor-post__meta-data{padding:10px 15px;}.elementor-12 .elementor-element.elementor-element-eea4a16 .elementor-post__avatar{padding-right:15px;padding-left:15px;}.elementor-12 .elementor-element.elementor-element-eea4a16 .elementor-post__card .elementor-post__meta-data{border-top-color:var( --e-global-color-6710a01 );}.elementor-12 .elementor-element.elementor-element-eea4a16 .elementor-post__badge{right:0;}.elementor-12 .elementor-element.elementor-element-eea4a16 .elementor-post__card .elementor-post__badge{margin:20px;}.elementor-12 .elementor-element.elementor-element-7f5f501{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-12 .elementor-element.elementor-element-25aa6a9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12 .elementor-element.elementor-element-d85d2f9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;padding:8px 8px 8px 8px;}.elementor-12 .elementor-element.elementor-element-527fc81{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12 .elementor-element.elementor-element-4c0a4ea .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-12 .elementor-element.elementor-element-4c0a4ea .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-12 .elementor-element.elementor-element-4c0a4ea .elementor-field-group.recaptcha_v3-bottomleft, .elementor-12 .elementor-element.elementor-element-4c0a4ea .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-12 .elementor-element.elementor-element-4c0a4ea .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-12 .elementor-element.elementor-element-4c0a4ea .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-12 .elementor-element.elementor-element-4c0a4ea .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-12 .elementor-element.elementor-element-4c0a4ea .elementor-field-type-html{padding-bottom:0px;}.elementor-12 .elementor-element.elementor-element-4c0a4ea .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-12 .elementor-element.elementor-element-4c0a4ea .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-12 .elementor-element.elementor-element-4c0a4ea .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-12 .elementor-element.elementor-element-4c0a4ea .elementor-button[type="submit"]{color:#ffffff;}.elementor-12 .elementor-element.elementor-element-4c0a4ea .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-12 .elementor-element.elementor-element-4c0a4ea .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-12 .elementor-element.elementor-element-4c0a4ea .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-12 .elementor-element.elementor-element-4c0a4ea .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-12 .elementor-element.elementor-element-4c0a4ea .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-12 .elementor-element.elementor-element-4c0a4ea .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-12 .elementor-element.elementor-element-4c0a4ea{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-12 .elementor-element.elementor-element-25aa6a9{--width:33.3333%;}.elementor-12 .elementor-element.elementor-element-527fc81{--width:66.6666%;}}@media(max-width:767px){.elementor-12 .elementor-element.elementor-element-eea4a16 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-12 .elementor-element.elementor-element-eea4a16:after{content:"0.5";}.elementor-12 .elementor-element.elementor-element-eea4a16 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for html, class: .elementor-element-e2c570f */.elementor-12 .elementor-element.elementor-element-e2c570f {     
    /* === GUILD WARS HUD BAR ========================================= */     
    display: grid;     
    grid-template-columns: 2.1fr 2.3fr 1.6fr;     
    align-items: center;     
    gap: 20px;     
    padding: 10px 20px;     
    background: radial-gradien(circle at 0% 0%, rgba(58, 124, 255, .25), transparent),                 
                radial-gradient(circle at 100% 0%, rgba(16, 185, 129, .18), transparent),                 
                #050814;     
    border-bottom: 1px solid rgba(148, 163, 184, .38);     
    box-shadow: 0 10px 40px rgba(15, 23, 42, .9);     
    border-radius: 0 0 18px 18px;     
    color: #e5e7eb;     
    font-family: 'Orbitron', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; 
}  

/* ----- Left cluster ------------------------------------------------ */ 
.elementor-12 .elementor-element.elementor-element-e2c570f .gw-hud-left {     
    display: flex;     
    align-items: center;     
    gap: 16px; 
}  

/* Emblem hologram */ 
.elementor-12 .elementor-element.elementor-element-e2c570f .gw-emblem {     
    position: relative;     
    width: 54px;     
    height: 54px;     
    border-radius: 999px;     
    background: radial-gradient(circle, rgba(59, 130, 246, .5), transparent);     
    box-shadow: 0 0 18px rgba(59, 130, 246, .7);     
    overflow: hidden; 
}  

.elementor-12 .elementor-element.elementor-element-e2c570f .gw-emblem .emblem-core {     
    position: absolute;     
    inset: 12px;     
    border-radius: 999px;     
    border: 2px solid rgba(125, 211, 252, .7);     
    box-shadow: inset 0 0 12px rgba(59, 130, 246, .7); 
}  

.elementor-12 .elementor-element.elementor-element-e2c570f .gw-emblem .emblem-ring {     
    position: absolute;     
    inset: 4px;     
    border-radius: 999px;     
    border: 1px dashed rgba(56, 189, 248, .6);     
    animation: emblemSpin 10s linear infinite; 
}  

@keyframes emblemSpin {     
    from {         
        transform: rotate(0deg);     
    }     
    to {         
        transform: rotate(360deg);     
    } 
}  

/* Avatar */ 
.elementor-12 .elementor-element.elementor-element-e2c570f .gw-avatar img {     
    width: 56px;     
    height: 56px;     
    border-radius: 999px;     
    object-fit: cover;     
    border: 2px solid rgba(244, 114, 182, .8);     
    box-shadow: 0 0 18px rgba(244, 114, 182, .8); 
}  

/* Meta rows */ 
.elementor-12 .elementor-element.elementor-element-e2c570f .gw-meta {     
    display: flex;     
    flex-direction: column;     
    gap: 4px; 
}  

.elementor-12 .elementor-element.elementor-element-e2c570f .hud-row {     
    display: flex;     
    align-items: baseline;     
    gap: 6px;     
    padding: 2px 8px;     
    background: rgba(15, 23, 42, .75);     
    border-radius: 8px;     
    border: 1px solid rgba(51, 65, 85, .8); 
}  

.elementor-12 .elementor-element.elementor-element-e2c570f .hud-row .label {     
    font-size: 10px;     
    text-transform: uppercase;     
    letter-spacing: .1em;     
    color: #7dd3fc; 
}  

.elementor-12 .elementor-element.elementor-element-e2c570f .hud-row .value {     
    font-size: 13px;     
    font-weight: 700;     
    color: #f9fafb; 
}  

/* XP row special */ 
.elementor-12 .elementor-element.elementor-element-e2c570f .hud-row.xp .label {     
    color: #fbbf24; 
}  

.elementor-12 .elementor-element.elementor-element-e2c570f .hud-row.xp .value {     
    color: #facc15; 
}  

/* Neon pulse around XP – toggle with .xp-pulse */ 
.elementor-12 .elementor-element.elementor-element-e2c570f .xp-pulse {     
    box-shadow: 0 0 0 rgba(250, 204, 21, 0.0);     
    animation: xpPulse 1.25s ease-in-out infinite alternate; 
}  

@keyframes xpPulse {     
    0% {         
        box-shadow: 0 0 0 rgba(250, 204, 21, 0.0);     
    }     
    100% {         
        box-shadow: 0 0 20px rgba(250, 204, 21, 0.75);     
    } 
}  

/* ----- Center ticker ----------------------------------------------- */ 
.elementor-12 .elementor-element.elementor-element-e2c570f .gw-hud-center {     
    overflow: hidden; 
}  

.elementor-12 .elementor-element.elementor-element-e2c570f .gw-ticker {     
    position: relative;     
    overflow: hidden;     
    border-radius: 999px;     
    border: 1px solid rgba(148, 163, 184, .7);     
    background: radial-gradient(circle at 0% 50%, rgba(56, 189, 248, .25), transparent),                 
                radial-gradient(circle at 100% 50%, rgba(236, 72, 153, .25), transparent);     
    padding: 4px 0; 
}  

.elementor-12 .elementor-element.elementor-element-e2c570f .gw-ticker-track {     
    display: inline-flex;     
    gap: 40px;     
    padding-inline: 24px;     
    white-space: nowrap;     
    animation: gwTickerScroll 22s linear infinite; 
}  

.elementor-12 .elementor-element.elementor-element-e2c570f .gw-ticker-track span {     
    font-size: 12px;     
    color: #e5e7eb; 
}  

@keyframes gwTickerScroll {     
    0% {         
        transform: translateX(0);     
    }     
    100% {         
        transform: translateX(-50%);     
    } 
}  

/* ----- Right: Rank + notifications --------------------------------- */ 
.elementor-12 .elementor-element.elementor-element-e2c570f .gw-hud-right {     
    display: flex;     
    align-items: center;     
    justify-content: flex-end;     
    gap: 18px; 
}  

/* Rank box */ 
.elementor-12 .elementor-element.elementor-element-e2c570f .rank-box {     
    text-align: right; 
}  

.elementor-12 .elementor-element.elementor-element-e2c570f .rank-title {     
    font-size: 13px;     
    font-weight: 700;     
    color: #a5f3fc;     
    text-transform: uppercase;     
    letter-spacing: .08em; 
}  

.elementor-12 .elementor-element.elementor-element-e2c570f .rank-sub {     
    font-size: 11px;     
    color: #cbd5e1; 
}  

.elementor-12 .elementor-element.elementor-element-e2c570f .rank-bar {     
    width: 180px;     
    max-width: 100%;     
    height: 10px;     
    margin-top: 6px;     
    border-radius: 999px;     
    background: rgba(15, 23, 42, .85);     
    overflow: hidden;     
    border: 1px solid rgba(148, 163, 184, .7); 
}  

.elementor-12 .elementor-element.elementor-element-e2c570f .rank-fill {     
    height: 100%;     
    background: linear-gradient(90deg, #3b82f6 0%, #a855f7 50%, #f97316 100%);     
    box-shadow: 0 0 16px rgba(59, 130, 246, .7);     
    transition: width .35s ease; 
}  

/* Notifications */ 
.elementor-12 .elementor-element.elementor-element-e2c570f .gw-notifs {     
    position: relative; 
}  

.elementor-12 .elementor-element.elementor-element-e2c570f .notif-icon {     
    width: 32px;     
    height: 32px;     
    border-radius: 999px;     
    background: radial-gradient(circle, rgba(248, 250, 252, .12), transparent);     
    border: 1px solid rgba(148, 163, 184, .7);     
    display: flex;     
    align-items: center;     
    justify-content: center;     
    cursor: pointer;     
    position: relative; 
}  

.elementor-12 .elementor-element.elementor-element-e2c570f .notif-bell {     
    font-size: 16px; 
}  

.elementor-12 .elementor-element.elementor-element-e2c570f .notif-dot {     
    position: absolute;     
    top: 4px;     
    right: 5px;     
    width: 8px;     
    height: 8px;     
    border-radius: 999px;     
    background: #f97316;     
    box-shadow: 0 0 10px rgba(248, 113, 113, .9); 
}  

/* Panel */ 
.elementor-12 .elementor-element.elementor-element-e2c570f .notif-panel {     
    position: absolute;     
    right: 0;     
    top: 40px;     
    width: 260px;     
    background: rgba(15, 23, 42, .97);     
    border-radius: 12px;     
    border: 1px solid rgba(148, 163, 184, .7);     
    box-shadow: 0 18px 50px rgba(15, 23, 42, .95);     
    padding: 10px 12px;     
    font-size: 11px;     
    color: #e5e7eb;     
    opacity: 0;     
    pointer-events: none;     
    transform: translateY(-6px);     
    transition: opacity .18s ease, transform .18s ease;     
    z-index: 30; 
}  

.elementor-12 .elementor-element.elementor-element-e2c570f .gw-notifs:hover .notif-panel {     
    opacity: 1;     
    pointer-events: auto;     
    transform: translateY(0); 
}  

/* ----- Responsive --------------------------------------------------- */ 
@media (max-width: 1024px) {     
    .elementor-12 .elementor-element.elementor-element-e2c570f .gw-hud {         
        grid-template-columns: 1fr;         
        row-gap: 10px;         
        padding: 12px;     
    }     
    .elementor-12 .elementor-element.elementor-element-e2c570f .gw-hud-right {         
        justify-content: space-between;     
    } 
}  

@media (max-width: 768px) {     
    .elementor-12 .elementor-element.elementor-element-e2c570f .gw-hud-left {         
        flex-wrap: wrap;     
    }     
    .elementor-12 .elementor-element.elementor-element-e2c570f .gw-ticker-track {         
        animation-duration: 30s;     
    } 
}/* End custom CSS */