.elementor-240 .elementor-element.elementor-element-8295d08{--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-240 .elementor-element.elementor-element-3c660ea img{width:84px;}.elementor-240 .elementor-element.elementor-element-30b7287.elementor-element{--align-self:center;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-240 .elementor-element.elementor-element-0579e10{padding:20px 0px 0px 0px;text-align:center;font-family:"Roboto Mono", Sans-serif;font-size:12px;font-weight:400;color:#FFFFFF;}body.elementor-page-240:not(.elementor-motion-effects-element-type-background), body.elementor-page-240 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#121212;background-image:url("https://whackabrief.tpf.london/wp-content/uploads/2026/10/bg_lines-scaled.webp");background-position:top center;background-repeat:no-repeat;background-size:cover;}@media(max-width:1024px){.elementor-240 .elementor-element.elementor-element-0579e10{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;}.elementor-240 .elementor-element.elementor-element-0579e10.elementor-element{--align-self:center;}}@media(min-width:768px){.elementor-240 .elementor-element.elementor-element-8295d08{--content-width:900px;}}/* Start custom CSS for shortcode, class: .elementor-element-8f0a30a *//* =========================================
   WHACK-A-BRIEF — FINAL SCORE
========================================= */

/* RESULT CONTAINER */
.tpf-whack-result {
    width: 100%;
    padding: 40px 25px;
    text-align: center;
    font-family: "Roboto Mono", monospace;
    color: #ffffff;
}

/* HEADING */
.tpf-whack-result h2 {
    font-family: "Roboto Mono", monospace;
    font-size: clamp(28px, 5vw, 50px);
    font-weight: 700;
    line-height: 1.1;
    color: #ffffff;
    margin: 0 0 30px;
}

/* LARGE SCORE */
.tpf-whack-result .tpf-whack-result-number {
    font-family: "Roboto Mono", monospace;
    font-size: clamp(80px, 15vw, 160px);
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.08em;
    color: #0047FF;
    margin-bottom: 30px;
}

/* DESCRIPTION */
.tpf-whack-result p {
    font-family: "Roboto Mono", monospace;
    font-size: clamp(16px, 2vw, 22px);
    font-weight: 400;
    line-height: 1.5;
    color: #ffffff;
    max-width: 550px;
    margin: 0 auto;
}

/* SCORE ENTRANCE ANIMATION */
.tpf-whack-result .tpf-whack-result-number {
    animation: scoreReveal 0.7s cubic-bezier(.2, 1.3, .4, 1) both;
    transform-origin: center;
}

@keyframes scoreReveal {
    0% {
        opacity: 0;
        transform: scale(0.5);
    }

    75% {
        opacity: 1;
        transform: scale(1.08);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

/* MOBILE */
@media (max-width: 767px) {
    .tpf-whack-result {
        padding: 30px 15px;
    }

    .tpf-whack-result h2 {
        margin-bottom: 20px;
    }

    .tpf-whack-result .tpf-whack-result-number {
        font-size: clamp(65px, 18vw, 110px);
        margin-bottom: 20px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-30b7287 */.tpf-whack-next-player {
 appearance: none;
    border: 2px solid;
    border color: white;
    border-radius: 50px;
background-color:black !important;
    color: white;
    padding: 10px 30px;
    font:  17px "Roboto Mono", Sans-serif;
    cursor: pointer;
    min-height: 48px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-eedd5a7 *//* =========================================
   WHACK-A-BRIEF — LEADERBOARD
========================================= */

.whack-leaderboard .tpf-whack-leaderboard {
    width: 100%;
    font-family: "Roboto Mono", monospace;
    color: #ffffff;
}

/* HEADING */
.whack-leaderboard .tpf-whack-leaderboard h2 {
    font-family: "Roboto Mono", monospace;
    font-size: clamp(24px, 4vw, 42px);
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
    color: #ffffff;
}

/* RESET LIST */
.whack-leaderboard .tpf-whack-leaderboard ol {
    list-style: none;
    counter-reset: leaderboard;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* PLAYER ROWS */
.whack-leaderboard .tpf-whack-leaderboard li {
    counter-increment: leaderboard;

    display: flex;
    align-items: center;
    gap: 20px;

    background: #000000;
    border: 2px solid #ffffff;
    border-radius: 20px;

    padding: 10px 15px;
    min-height: 65px;

    color: #ffffff;
    font-size: 18px;
    transition: border-color 0.2s ease;
}

/* RANK NUMBER */
.whack-leaderboard .tpf-whack-leaderboard li::before {
    content: counter(leaderboard, decimal-leading-zero);
    font-size: 24px;
    font-weight: 700;
    color: #ffffff;
    min-width: 45px;
}

/* PLAYER NAME */
.whack-leaderboard .tpf-whack-leaderboard li span {
    flex: 1;
    min-width: 0;
    overflow-wrap: anywhere;
    font-weight: 500;
    text-transform: uppercase;
}

/* SCORE */
.whack-leaderboard .tpf-whack-leaderboard li strong {
    font-size: 24px;
    font-weight: 700;
    color: #ffffff;
    margin-left: auto;
    white-space: nowrap;
}

/* FIRST PLACE */
.whack-leaderboard .tpf-whack-leaderboard li:first-child {
    border-color: #0047FF;
    border-width: 3px;
}

.whack-leaderboard .tpf-whack-leaderboard li:first-child::before,
.whack-leaderboard .tpf-whack-leaderboard li:first-child strong {
    color: #0047FF;
}

/* HOVER */
.whack-leaderboard .tpf-whack-leaderboard li:hover {
    border-color: #0047FF;
}

/* MOBILE */
@media (max-width: 767px) {
    .whack-leaderboard .tpf-whack-leaderboard li {
        padding: 15px;
        min-height: 70px;
        gap: 12px;
        font-size: 14px;
        border-radius: 15px;
    }

    .whack-leaderboard .tpf-whack-leaderboard li::before {
        font-size: 18px;
        min-width: 30px;
    }

    .whack-leaderboard .tpf-whack-leaderboard li strong {
        font-size: 18px;
    }
}/* End custom CSS */