*{box-sizing:border-box}

.results-page{
    margin:0;
    background:
        radial-gradient(circle at 84% 0,var(--theme-role-surface-rgba-91-32-200-11-66e570),transparent 430px),
        var(--theme-role-surface-0d1328);
    color:var(--theme-role-text-fff);
    font-family:Arial,Helvetica,sans-serif;
}

.results-main{
    width:min(1400px,calc(100% - 44px));
    margin:0 auto;
    padding:30px 0 68px;
}

/* HERO */
.results-hero{
    position:relative;
    min-height:300px;
    overflow:hidden;
    border:1px solid var(--theme-role-border-354165);
    border-radius:11px;
    background:
        radial-gradient(circle at 83% 30%,var(--theme-role-surface-rgba-91-32-200-28-dd5a28),transparent 300px),
        radial-gradient(circle at 18% 20%,var(--theme-role-surface-rgba-35-87-210-16-24c386),transparent 360px),
        linear-gradient(135deg,var(--theme-role-surface-121a38),var(--theme-role-surface-090f23) 74%);
    box-shadow:0 18px 44px var(--theme-role-shadow-rgba-0-0-0-20-d5b06a);
}

.results-hero::after{
    content:"";
    position:absolute;
    inset:auto 0 0;
    height:100px;
    background:linear-gradient(180deg,transparent,var(--theme-role-surface-rgba-231-255-0-035-32b2f9));
    pointer-events:none;
}

.results-hero-inner{
    position:relative;
    z-index:3;
    width:min(820px,calc(100% - 70px));
    margin:0 auto;
    padding:48px 0 38px;
    text-align:center;
}

.results-kicker{
    display:inline-flex;
    min-height:29px;
    padding:0 12px;
    align-items:center;
    background:var(--theme-role-surface-e7ff00);
    color:var(--theme-role-text-101225);
    font-size:10px;
    font-weight:1000;
    letter-spacing:.06em;
}

.results-hero h1{
    margin:14px 0 8px;
    color:var(--theme-role-text-fff);
    font-family:"Arial Narrow","Segoe UI",Arial,sans-serif;
    font-size:clamp(58px,7vw,96px);
    line-height:.82;
    font-style:italic;
    font-weight:1000;
    letter-spacing:-.055em;
}

.results-hero h1 em{
    color:var(--theme-role-text-e7ff00);
    font-style:italic;
}

.results-hero p{
    margin:0;
    color:var(--theme-role-text-d4d8e5);
    font-size:15px;
    font-weight:700;
}

.results-hero-vs,
.results-hero-one{
    position:absolute;
    z-index:1;
    color:var(--theme-role-text-rgba-255-255-255-04-12b43a);
    font-family:"Arial Narrow","Segoe UI",Arial,sans-serif;
    font-size:180px;
    line-height:1;
    font-style:italic;
    font-weight:1000;
    pointer-events:none;
}

.results-hero-vs{
    left:28px;
    top:56px;
    transform:rotate(-8deg);
}

.results-hero-one{
    right:32px;
    top:55px;
    color:var(--theme-role-text-rgba-231-255-0-045-5d766f);
    transform:rotate(5deg);
}

.results-type-tabs{
    display:grid;
    grid-template-columns:1fr 1fr;
    width:min(470px,100%);
    gap:10px;
    margin:22px auto 0;
}

.results-type-tabs a,
.results-period-tabs a{
    min-height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid var(--theme-role-border-526082);
    border-radius:5px;
    background:var(--theme-role-surface-121831);
    color:var(--theme-role-text-fff);
    text-decoration:none;
    font-size:10px;
    font-weight:1000;
    letter-spacing:.025em;
}

.results-type-tabs a.active,
.results-period-tabs a.active{
    border-color:var(--theme-role-border-e7ff00);
    background:var(--theme-role-surface-e7ff00);
    color:var(--theme-role-text-101225);
}

/* GENERAL PANELS */
.results-panel{
    margin-top:16px;
    padding:18px;
    border:1px solid var(--theme-role-border-3d486d);
    border-radius:10px;
    background:
        linear-gradient(180deg,var(--theme-role-surface-rgba-255-255-255-012-6b00d3),transparent 80px),
        var(--theme-role-surface-121831);
    box-shadow:0 10px 24px var(--theme-role-shadow-rgba-0-0-0-14-f0fe22);
}

.results-section-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
    margin-bottom:15px;
}

.results-section-head>div{
    display:flex;
    align-items:flex-start;
    gap:10px;
}

.results-section-head>div>span{
    color:var(--theme-role-text-e7ff00);
    font-size:20px;
    line-height:1;
}

.results-section-head h2{
    margin:0;
    color:var(--theme-role-text-fff);
    font-family:"Arial Narrow","Segoe UI",Arial,sans-serif;
    font-size:24px;
    line-height:1;
    font-style:italic;
    font-weight:1000;
}

.results-section-head p{
    margin:4px 0 0;
    color:var(--theme-role-text-969fb8);
    font-size:10px;
    font-weight:700;
}

.results-section-head>a{
    color:var(--theme-role-text-e7ff00);
    text-decoration:none;
    font-size:9px;
    font-weight:1000;
}

.results-section-head.compact{
    align-items:flex-start;
}


/* SONGS MEDIA
   Champion-led result cards may use the ranking's shared Album / Soundtrack
   Cover Art. Pair-vs-pair and movement cards deliberately fall back to the
   vinyl treatment instead of repeating the same cover on both contenders. */
.song-shared-cover{
    object-fit:contain !important;
    background:
        radial-gradient(circle at 50% 50%,var(--theme-role-surface-rgba-231-255-0-045-5d766f),transparent 58%),
        var(--theme-role-surface-0c1228);
}

.song-result-fallback{
    width:100%;
    height:100%;
    min-height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:
        radial-gradient(circle at 50% 50%,var(--theme-role-surface-rgba-231-255-0-035-32b2f9),transparent 62%),
        var(--theme-role-surface-10162d);
}

.song-result-fallback>b{
    width:min(66%,86px);
    aspect-ratio:1;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid var(--theme-role-border-rgba-255-255-255-13-0634c1);
    border-radius:50%;
    background:
        radial-gradient(circle at 50% 50%,var(--theme-role-surface-e7ff00) 0 7%,var(--theme-role-surface-252c45) 8% 11%,transparent 12%),
        repeating-radial-gradient(circle at 50% 50%,var(--theme-role-surface-161c32) 0 3px,var(--theme-role-surface-0b1021) 4px 6px);
    box-shadow:
        0 8px 18px var(--theme-role-shadow-rgba-0-0-0-32-78ad00),
        inset 0 0 0 1px var(--theme-role-shadow-rgba-255-255-255-025-40fa64);
    color:var(--theme-role-text-e7ff00);
    font-family:Arial,Helvetica,sans-serif;
    font-size:clamp(18px,2.2vw,34px);
    font-style:normal;
    line-height:1;
}

.mover-image .song-result-fallback>b{
    width:26px;
    font-size:13px;
}

.close-call-images .song-result-fallback>b{
    width:min(72%,58px);
    font-size:22px;
}

.result-letter-fallback{
    color:var(--theme-role-text-e7ff00);
}

/* CURRENT TOP */
.current-top-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
}

.current-top-card{
    position:relative;
    min-width:0;
    overflow:hidden;
    border:1px solid var(--theme-role-border-465278);
    border-radius:8px;
    background:var(--theme-role-surface-151c38);
    color:var(--theme-role-text-fff);
    text-decoration:none;
}

.current-top-card:hover{
    border-color:var(--theme-role-border-6877a5);
    transform:translateY(-2px);
}

.current-top-number{
    position:absolute;
    z-index:6;
    left:10px;
    top:10px;
    min-width:32px;
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--theme-role-surface-e7ff00);
    color:var(--theme-role-text-101225);
    font-size:13px;
    font-weight:1000;
}

.current-top-image{
    position:relative;
    height:205px;
    display:block;
    overflow:hidden;
    background:var(--theme-role-surface-10162d);
}

.current-top-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.current-top-image>b{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    color:var(--theme-role-text-e7ff00);
    font-size:54px;
}

.current-top-shade{
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,transparent 42%,var(--theme-role-surface-rgba-9-13-29-96-52c907) 100%);
}

.current-top-copy{
    min-height:150px;
    display:flex;
    flex-direction:column;
    padding:14px 14px 12px;
}

.current-top-copy small{
    color:var(--theme-role-text-e7ff00);
    font-size:8px;
    font-weight:1000;
    letter-spacing:.07em;
}

.current-top-copy>strong{
    margin-top:5px;
    color:var(--theme-role-text-fff);
    font-family:"Arial Narrow","Segoe UI",Arial,sans-serif;
    font-size:20px;
    line-height:.96;
    font-style:italic;
    font-weight:1000;
    text-transform:uppercase;
}

.current-top-copy em{
    margin-top:auto;
    padding-top:14px;
    color:var(--theme-role-text-838da8);
    font-size:8px;
    font-style:normal;
    font-weight:1000;
    letter-spacing:.05em;
}

.current-top-copy>b{
    margin-top:4px;
    color:var(--theme-role-text-fff);
    font-size:17px;
    line-height:1.08;
    font-style:italic;
}

.result-status{
    min-height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 9px;
    border-top:1px solid var(--theme-role-border-414b6e);
    font-size:9px;
    font-weight:1000;
    letter-spacing:.035em;
}

.result-status.landslide,
.mini-badge.landslide{
    background:var(--theme-role-surface-e7ff00);
    color:var(--theme-role-text-101225);
}

.result-status.close,
.mini-badge.close{
    background:var(--theme-role-surface-60aaff);
    color:var(--theme-role-text-091121);
}

.result-status.unshakeable{
    background:var(--theme-role-surface-7f4cff);
    color:var(--theme-role-text-fff);
}

.result-status.hot{
    background:var(--theme-role-surface-ffcf38);
    color:var(--theme-role-text-171000);
}

.result-status.current{
    background:var(--theme-role-surface-1e2646);
    color:var(--theme-role-text-e7ff00);
}

/* LATEST */
.latest-top-strip{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:10px;
}

.latest-top-card{
    min-width:0;
    min-height:100px;
    display:grid;
    grid-template-columns:92px 1fr;
    border:1px solid var(--theme-role-border-465278);
    border-radius:7px;
    overflow:hidden;
    background:var(--theme-role-surface-151c38);
    color:var(--theme-role-text-fff);
    text-decoration:none;
}

.latest-top-image{
    display:block;
    background:var(--theme-role-surface-10162d);
    overflow:hidden;
}

.latest-top-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.latest-top-copy{
    min-width:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:10px;
}

.latest-top-copy small{
    color:var(--theme-role-text-e7ff00);
    font-size:7px;
    font-weight:1000;
}

.latest-top-copy strong{
    margin-top:3px;
    overflow:hidden;
    color:var(--theme-role-text-fff);
    font-size:13px;
    line-height:1.05;
    font-weight:1000;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.latest-top-copy em{
    margin-top:5px;
    overflow:hidden;
    color:var(--theme-role-text-9ba3ba);
    font-size:8px;
    line-height:1.15;
    font-style:normal;
    white-space:nowrap;
    text-overflow:ellipsis;
}

/* TWO COLUMN SECTION */
.results-two-col{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
}

.result-feature-grid,
.close-call-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:9px;
}

.result-feature-card,
.close-call-card{
    position:relative;
    min-width:0;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    padding:10px;
    border:1px solid var(--theme-role-border-445174);
    border-radius:7px;
    background:var(--theme-role-surface-10172e);
    color:var(--theme-role-text-fff);
    text-decoration:none;
}

.mini-badge{
    position:absolute;
    z-index:5;
    right:8px;
    top:8px;
    min-height:23px;
    display:flex;
    align-items:center;
    padding:0 7px;
    border-radius:3px;
    font-size:7px;
    font-weight:1000;
}

.feature-card-image{
    height:110px;
    display:block;
    overflow:hidden;
    margin:-10px -10px 10px;
    background:var(--theme-role-surface-0c1228);
}

.feature-card-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.result-feature-card>strong{
    color:var(--theme-role-text-fff);
    font-size:13px;
    line-height:1.05;
}

.result-feature-card>em{
    min-height:27px;
    margin-top:4px;
    color:var(--theme-role-text-a9b0c3);
    font-size:8px;
    line-height:1.18;
    font-style:normal;
}

.feature-card-score{
    margin-top:auto;
    padding-top:12px;
    display:grid;
    grid-template-columns:auto 1fr auto;
    gap:5px;
    align-items:end;
    color:var(--theme-role-text-fff);
}

.feature-card-score b{
    color:var(--theme-role-text-fff);
    font-size:30px;
    line-height:.82;
    font-style:italic;
    text-align:center;
}

.feature-card-score small{
    color:var(--theme-role-text-8791aa);
    font-size:6px;
    font-weight:1000;
}

.feature-card-foot{
    margin-top:7px;
    color:var(--theme-role-text-e7ff00);
    font-size:8px;
    font-weight:1000;
    text-align:center;
}

.close-call-images{
    height:110px;
    display:grid;
    grid-template-columns:1fr 30px 1fr;
    margin:-10px -10px 10px;
    overflow:hidden;
    background:var(--theme-role-surface-0c1228);
}

.close-call-images>span{
    overflow:hidden;
}

.close-call-images img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.close-call-images i{
    z-index:4;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--theme-role-surface-0d1329);
    color:var(--theme-role-text-e7ff00);
    font-size:8px;
    font-style:italic;
    font-weight:1000;
}

.close-call-names{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
}

.close-call-names strong{
    font-size:9px;
    line-height:1.08;
}

.close-call-names strong:last-child{
    text-align:right;
}

.close-call-score{
    margin-top:10px;
    color:var(--theme-role-text-fff);
    font-size:21px;
    font-style:italic;
    font-weight:1000;
    text-align:center;
}

.close-call-score small{
    color:var(--theme-role-text-e7ff00);
    font-size:8px;
}

.close-call-card>em{
    margin-top:auto;
    padding-top:8px;
    color:var(--theme-role-text-9aa2b7);
    font-size:8px;
    line-height:1.14;
    font-style:normal;
    text-align:center;
}

/* MOVERS */
.movers-columns{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}

.movers-columns>div{
    min-width:0;
    padding:12px;
    border:1px solid var(--theme-role-border-3f496b);
    border-radius:6px;
    background:var(--theme-role-surface-0f162d);
}

.movers-columns h3{
    margin:0 0 8px;
    font-size:10px;
    font-weight:1000;
}

.movers-up-title{color:var(--theme-role-text-83e83e)}
.movers-down-title{color:var(--theme-role-text-ff5c66)}

.movers-list{
    list-style:none;
    margin:0;
    padding:0;
}

.movers-list li{
    min-height:46px;
    display:grid;
    grid-template-columns:34px 1fr auto;
    gap:9px;
    align-items:center;
    border-top:1px solid var(--theme-role-border-2f3857);
}

.movers-list li:first-child{
    border-top:0;
}

.mover-image{
    width:34px;
    height:34px;
    overflow:hidden;
    border-radius:3px;
    background:var(--theme-role-surface-191f39);
}

.mover-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.mover-copy{
    min-width:0;
    display:flex;
    flex-direction:column;
}

.mover-copy strong{
    overflow:hidden;
    color:var(--theme-role-text-fff);
    font-size:9px;
    line-height:1.05;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.mover-copy small{
    margin-top:3px;
    overflow:hidden;
    color:var(--theme-role-text-858ea8);
    font-size:7px;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.movers-list.up li>b{color:var(--theme-role-text-75e23a)}
.movers-list.down li>b{color:var(--theme-role-text-ff5b64)}

.movers-list li>b{
    font-size:9px;
}

.results-mini-empty{
    color:var(--theme-role-text-818aa3);
    font-size:9px;
}

/* UNSHAKEABLE */
.unshakeable-list{
    display:grid;
    gap:8px;
}

.unshakeable-list>a{
    min-height:88px;
    display:grid;
    grid-template-columns:120px 1fr auto;
    align-items:center;
    overflow:hidden;
    border:1px solid var(--theme-role-border-404c70);
    border-radius:6px;
    background:var(--theme-role-surface-0f162d);
    color:var(--theme-role-text-fff);
    text-decoration:none;
}

.unshakeable-image{
    height:88px;
    overflow:hidden;
    background:var(--theme-role-surface-151b34);
}

.unshakeable-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.unshakeable-copy{
    min-width:0;
    display:flex;
    flex-direction:column;
    padding:10px 12px;
}

.unshakeable-copy small{
    color:var(--theme-role-text-b57cff);
    font-size:7px;
    font-weight:1000;
}

.unshakeable-copy strong{
    margin-top:4px;
    overflow:hidden;
    color:var(--theme-role-text-fff);
    font-size:14px;
    line-height:1.05;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.unshakeable-copy em{
    margin-top:4px;
    overflow:hidden;
    color:var(--theme-role-text-9da5ba);
    font-size:8px;
    font-style:normal;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.unshakeable-stats{
    min-width:105px;
    display:grid;
    grid-template-columns:auto;
    padding:8px 12px 8px 0;
    text-align:right;
}

.unshakeable-stats b{
    color:var(--theme-role-text-e7ff00);
    font-size:16px;
    line-height:1;
}

.unshakeable-stats small{
    margin:2px 0 6px;
    color:var(--theme-role-text-7f88a3);
    font-size:6px;
    font-weight:1000;
}

/* NUMBERS */
.results-numbers{
    display:grid;
    grid-template-columns:repeat(4,1fr);
}

.results-numbers>span{
    min-height:76px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border-left:1px solid var(--theme-role-border-3b4567);
}

.results-numbers>span:first-child{
    border-left:0;
}

.results-numbers b{
    color:var(--theme-role-text-fff);
    font-size:26px;
    font-style:italic;
}

.results-numbers small{
    margin-top:5px;
    color:var(--theme-role-text-929bb4);
    font-size:7px;
    font-weight:1000;
}

/* CTA */
.results-cta{
    margin-top:18px;
    padding:38px 28px;
    border:2px solid var(--theme-role-border-e7ff00);
    border-radius:9px;
    background:
        radial-gradient(circle at 12% 50%,var(--theme-role-surface-rgba-231-255-0-08-1625d1),transparent 180px),
        radial-gradient(circle at 88% 20%,var(--theme-role-surface-rgba-91-32-200-15-514c01),transparent 270px),
        var(--theme-role-surface-10172f);
    text-align:center;
}

.results-cta>span{
    color:var(--theme-role-text-e7ff00);
    font-size:9px;
    font-weight:1000;
    letter-spacing:.08em;
}

.results-cta h2{
    margin:7px 0 4px;
    color:var(--theme-role-text-fff);
    font-family:"Arial Narrow","Segoe UI",Arial,sans-serif;
    font-size:clamp(37px,5vw,60px);
    line-height:.9;
    font-style:italic;
    font-weight:1000;
}

.results-cta h2 em{
    color:var(--theme-role-text-e7ff00);
    font-style:italic;
}

.results-cta p{
    margin:7px 0 18px;
    color:var(--theme-role-text-a8b0c5);
    font-size:11px;
}

.results-cta a{
    min-height:46px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 20px;
    background:var(--theme-role-surface-e7ff00);
    color:var(--theme-role-text-101225);
    text-decoration:none;
    font-size:10px;
    font-weight:1000;
}

/* EMPTY */
.results-empty{
    display:flex;
    flex-direction:column;
    gap:8px;
    margin-top:18px;
    padding:42px 30px;
    border:1px solid var(--theme-role-border-414c70);
    background:var(--theme-role-surface-121831);
}

.results-empty strong{
    color:var(--theme-role-text-e7ff00);
    font-size:23px;
    font-style:italic;
}

.results-empty span{
    color:var(--theme-role-text-a2aac0);
}

.results-empty a{
    color:var(--theme-role-text-fff);
    font-weight:1000;
}

/* WILD */
.wild-results-toolbar{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:22px;
    margin-top:22px;
    padding:16px 0;
    border-bottom:1px solid var(--theme-role-border-384361);
}

.wild-results-toolbar>div>span{
    color:var(--theme-role-text-e7ff00);
    font-size:9px;
    font-weight:1000;
}

.wild-results-toolbar h2{
    margin:4px 0 0;
    font-size:26px;
    font-style:italic;
}

.wild-results-toolbar p{
    margin:4px 0 0;
    color:var(--theme-role-text-939cb5);
    font-size:10px;
}

.results-period-tabs{
    display:flex;
    gap:7px;
}

.results-period-tabs a{
    min-height:39px;
    padding:0 14px;
}

.wild-results-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
    margin-top:16px;
}

.wild-result-card{
    overflow:hidden;
    border:1px solid var(--theme-role-border-455174);
    border-radius:8px;
    background:var(--theme-role-surface-151b35);
}

.wild-result-card.is-featured{
    border-color:var(--theme-role-border-e7ff00);
}

.wild-result-head{
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 16px;
}

.wild-result-head>span{
    color:var(--theme-role-text-858ea7);
    font-size:9px;
    font-weight:1000;
}

.wild-result-head>b{
    min-height:23px;
    display:flex;
    align-items:center;
    padding:0 8px;
    background:var(--theme-role-surface-e7ff00);
    color:var(--theme-role-text-101225);
    font-size:7px;
    font-weight:1000;
}

.wild-result-card>h3{
    min-height:48px;
    margin:0;
    padding:0 16px 12px;
    color:var(--theme-role-text-fff);
    font-size:17px;
    line-height:1.05;
    font-style:italic;
    text-transform:uppercase;
}

.wild-score-visual{
    position:relative;
    min-height:280px;
    display:grid;
    grid-template-columns:1fr 48px 1fr;
    background:var(--theme-role-surface-0b1126);
}

.wild-side{
    position:relative;
    overflow:hidden;
}

.wild-side-image{
    position:absolute;
    inset:0;
    overflow:hidden;
    background:var(--theme-role-surface-11172f);
}

.wild-side-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.wild-side-image>b{
    position:absolute;
    left:50%;
    top:46%;
    transform:translate(-50%,-50%);
    color:var(--theme-role-text-919ab5);
    font-size:60px;
}

.wild-side-shade{
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,transparent 34%,var(--theme-role-surface-rgba-7-11-26-95-5b8719) 100%);
}

.wild-side-copy{
    position:absolute;
    z-index:3;
    left:14px;
    right:14px;
    bottom:14px;
    display:flex;
    flex-direction:column;
}

.wild-side-copy small{
    color:var(--theme-role-text-fff);
    font-size:10px;
    line-height:1.08;
    font-weight:1000;
    text-transform:uppercase;
}

.wild-side-copy strong{
    margin-top:5px;
    color:var(--theme-role-text-afb6ca);
    font-size:37px;
    line-height:.9;
    font-style:italic;
}

.wild-side.winner .wild-side-copy strong{
    color:var(--theme-role-text-e7ff00);
}

.wild-side.winner::after{
    content:"WINNER";
    position:absolute;
    z-index:4;
    top:12px;
    left:12px;
    min-height:25px;
    display:flex;
    align-items:center;
    padding:0 8px;
    background:var(--theme-role-surface-e7ff00);
    color:var(--theme-role-text-101225);
    font-size:7px;
    font-weight:1000;
}

.wild-vs{
    z-index:4;
    display:flex;
    align-items:center;
    justify-content:center;
    border-left:1px solid var(--theme-role-border-303957);
    border-right:1px solid var(--theme-role-border-303957);
    background:var(--theme-role-surface-0d1329);
    color:var(--theme-role-text-e7ff00);
    font-size:10px;
    font-style:italic;
    font-weight:1000;
}

.wild-verdict{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:15px;
    margin:14px 16px 0;
    padding-top:12px;
    border-top:1px solid var(--theme-role-border-394362);
}

.wild-verdict small{
    display:block;
    color:var(--theme-role-text-7f88a1);
    font-size:7px;
    font-weight:1000;
}

.wild-verdict strong{
    display:block;
    margin-top:3px;
    color:var(--theme-role-text-fff);
    font-size:15px;
    font-style:italic;
}

.wild-verdict>b{
    color:var(--theme-role-text-e7ff00);
    font-size:8px;
}

.wild-result-link{
    display:inline-block;
    margin:12px 16px 17px;
    color:var(--theme-role-text-cbd0df);
    text-decoration:none;
    font-size:8px;
    font-weight:1000;
}

/* FOOTER */
.results-footer{
    min-height:68px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:0 max(22px,calc((100% - 1400px)/2));
    border-top:1px solid var(--theme-role-border-343d5c);
    background:var(--theme-role-surface-090f22);
    color:var(--theme-role-text-858da7);
    font-size:8px;
    font-weight:1000;
}

/* TABLET */
@media(max-width:1100px){
    .current-top-grid{
        grid-template-columns:1fr 1fr;
    }

    .latest-top-strip{
        grid-template-columns:1fr 1fr 1fr;
    }

    .results-two-col{
        grid-template-columns:1fr;
    }
}

/* MOBILE */
@media(max-width:720px){
    .results-main{
        width:calc(100% - 18px);
        padding-top:14px;
    }

    .results-hero{
        min-height:250px;
    }

    .results-hero-inner{
        width:calc(100% - 30px);
        padding:35px 0 28px;
    }

    .results-hero h1{
        font-size:55px;
    }

    .results-hero-vs,
    .results-hero-one{
        font-size:90px;
    }

    .results-hero-vs{
        left:8px;
        top:18px;
    }

    .results-hero-one{
        right:8px;
        top:25px;
    }

    .results-type-tabs{
        gap:7px;
    }

    .results-type-tabs a{
        min-height:42px;
        padding:0 7px;
        font-size:8px;
    }

    .results-panel{
        padding:12px;
    }

    .results-section-head{
        align-items:flex-start;
        flex-direction:column;
        gap:7px;
    }

    .current-top-grid{
        grid-template-columns:1fr 1fr;
        gap:8px;
    }

    .current-top-image{
        height:160px;
    }

    .current-top-copy{
        min-height:142px;
        padding:11px;
    }

    .current-top-copy>strong{
        font-size:17px;
    }

    .latest-top-strip{
        grid-template-columns:1fr;
    }

    .latest-top-card{
        grid-template-columns:95px 1fr;
    }

    .result-feature-grid,
    .close-call-grid{
        grid-template-columns:1fr;
    }

    .feature-card-image,
    .close-call-images{
        height:170px;
    }

    .movers-columns{
        grid-template-columns:1fr;
    }

    .unshakeable-list>a{
        grid-template-columns:88px 1fr;
    }

    .unshakeable-image{
        height:88px;
    }

    .unshakeable-stats{
        grid-column:1/-1;
        min-width:0;
        grid-template-columns:auto 1fr auto 1fr;
        align-items:center;
        padding:8px 10px;
        border-top:1px solid var(--theme-role-border-343e5f);
        text-align:left;
    }

    .unshakeable-stats small{
        margin:0 8px 0 4px;
    }

    .results-numbers{
        grid-template-columns:1fr 1fr;
    }

    .results-numbers>span{
        border-left:0;
        border-top:1px solid var(--theme-role-border-3b4567);
    }

    .wild-results-toolbar{
        align-items:flex-start;
        flex-direction:column;
    }

    .results-period-tabs{
        width:100%;
        display:grid;
        grid-template-columns:1fr 1fr 1fr;
    }

    .results-period-tabs a{
        padding:0 5px;
        font-size:8px;
    }

    .wild-results-grid{
        grid-template-columns:1fr;
    }

    .wild-score-visual{
        min-height:460px;
        grid-template-columns:1fr;
    }

    .wild-side{
        min-height:230px;
    }

    .wild-vs{
        position:absolute;
        z-index:7;
        left:50%;
        top:50%;
        width:54px;
        height:54px;
        transform:translate(-50%,-50%);
        border:2px solid var(--theme-role-border-e7ff00);
        border-radius:50%;
        box-shadow:0 0 0 5px var(--theme-role-shadow-rgba-8-13-29-78-3bc1f8);
    }
}

@media(max-width:390px){
    .current-top-grid{
        grid-template-columns:1fr;
    }

    .current-top-image{
        height:210px;
    }
}