:root{
    --bg:#03111d;
    --bg2:#061a28;
    --panel:#082235;
    --panel2:#0b2b42;
    --panel3:#0f324b;
    --line:#174763;
    --lineSoft:rgba(69,118,147,.35);
    --gold:#f2b632;
    --goldSoft:#ffd66c;
    --cyan:#27d6e6;
    --text:#f4f8fb;
    --muted:#95afc0;
    --muted2:#6f8fa4;
    --shadow:0 18px 55px rgba(0,0,0,.34);
}

*{
    box-sizing:border-box;
}

html{
    background:var(--bg);
}

body{
    margin:0;
    min-height:100vh;
    background:
        radial-gradient(circle at 50% -220px,#123752 0,#071d2c 390px,#03111d 850px);
    color:var(--text);
    font-family:Inter,"Segoe UI",Arial,sans-serif;
}

.wla-header{
    position:sticky;
    top:0;
    z-index:50;
    background:rgba(2,15,25,.96);
    backdrop-filter:blur(16px);
    border-bottom:1px solid rgba(242,182,50,.26);
}

.wla-header-inner{
    width:min(calc(100% - 42px),1420px);
    min-height:78px;
    margin:auto;
    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:center;
    gap:42px;
}

.wla-brand{
    display:flex;
    align-items:center;
    gap:12px;
    min-width:245px;
    color:inherit;
    text-decoration:none;
}

.wla-logo-mark{
    width:44px;
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:11px;
    background:linear-gradient(135deg,#f6c545,#dc9813);
    color:#071722;
    font-size:14px;
    font-weight:950;
}

.wla-brand-copy{
    display:grid;
    gap:1px;
}

.wla-brand-copy strong{
    color:#ffffff;
    font-size:17px;
    font-weight:800;
}

.wla-brand-copy span{
    color:#7e9aaf;
    font-size:10px;
    font-weight:600;
}

.wla-nav{
    display:flex;
    align-items:stretch;
    justify-content:center;
    gap:4px;
}

.wla-nav a{
    min-height:50px;
    padding:0 15px;
    display:flex;
    align-items:center;
    border-radius:8px 8px 0 0;
    color:#b7c8d4;
    text-decoration:none;
    font-size:13px;
    font-weight:750;
}

.wla-nav a:hover{
    color:#ffffff;
    background:rgba(255,255,255,.03);
}

.wla-nav a.active{
    color:var(--gold);
    background:rgba(242,182,50,.07);
    box-shadow:inset 0 -2px 0 var(--gold);
}

.wla-header-actions{
    display:flex;
    align-items:center;
    gap:10px;
}

.wla-plan,
.wla-account-button{
    min-height:36px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 14px;
    border-radius:9px;
    background:#071c2b;
    color:#e6eff4;
    font-family:inherit;
    font-size:11px;
    font-weight:750;
}

.wla-plan{
    border:1px solid rgba(242,182,50,.50);
}

.wla-account-button{
    border:1px solid #31566f;
    cursor:pointer;
}

.wla-notice{
    min-height:31px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    padding:5px 18px;
    border-bottom:1px solid rgba(85,130,158,.18);
    color:#819caf;
    font-size:10px;
}

.wla-notice strong{
    color:var(--gold);
}

.wla-page{
    width:min(calc(100% - 42px),1360px);
    margin:auto;
    padding:28px 0 90px;
}

.wla-page-head{
    display:grid;
    grid-template-columns:1fr minmax(330px,450px);
    align-items:end;
    gap:40px;
    padding:26px 28px;
    border:1px solid var(--lineSoft);
    border-radius:16px;
    background:linear-gradient(135deg,rgba(10,40,60,.97),rgba(6,27,42,.97));
    box-shadow:0 10px 35px rgba(0,0,0,.18);
}

.wla-eyebrow{
    display:block;
    margin-bottom:7px;
    color:#5f9abc;
    font-size:9px;
    font-weight:850;
    letter-spacing:1.4px;
}

.wla-page-head h1{
    margin:0 0 8px;
    color:#ffffff;
    font-size:36px;
    font-weight:760;
    letter-spacing:-.7px;
}

.wla-page-head p{
    margin:0;
    color:#8ba8bc;
    font-size:14px;
}

.wla-date-control label{
    display:block;
    margin-bottom:7px;
    color:#7193aa;
    font-size:9px;
    font-weight:850;
    letter-spacing:.8px;
    text-transform:uppercase;
}

.wla-date-row{
    display:grid;
    grid-template-columns:1fr auto;
    gap:9px;
}

.wla-date-row select{
    min-height:46px;
    width:100%;
    padding:0 13px;
    border:1px solid #315a73;
    border-radius:9px;
    background:#071d2c;
    color:#edf5f9;
    font-family:inherit;
    font-size:14px;
    font-weight:700;
    outline:none;
}

.wla-history-button{
    min-height:46px;
    padding:0 17px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(242,182,50,.55);
    border-radius:9px;
    background:linear-gradient(135deg,#f2ba37,#dd9a15);
    color:#07151f;
    text-decoration:none;
    font-size:13px;
    font-weight:850;
}

.wla-meeting-zone{
    margin-top:18px;
}

.wla-section-label{
    display:block;
    margin-bottom:8px;
    color:#5f8298;
    font-size:9px;
    font-weight:850;
    letter-spacing:1px;
    text-transform:uppercase;
}

.wla-meeting-tabs{
    display:flex;
    gap:8px;
    overflow-x:auto;
    scrollbar-width:none;
}

.wla-meeting-tabs::-webkit-scrollbar{
    display:none;
}

.wla-meeting-tab{
    flex:0 0 auto;
    min-height:43px;
    padding:0 18px;
    border:1px solid #315a73;
    border-radius:10px;
    background:#071d2c;
    color:#b8cbd7;
    font-family:inherit;
    font-size:13px;
    font-weight:800;
    cursor:pointer;
}

.wla-meeting-tab:hover{
    border-color:#52758b;
    color:#ffffff;
}

.wla-meeting-tab.active{
    border-color:#f1ba35;
    background:linear-gradient(135deg,#f5c543,#df9e17);
    color:#07151f;
}

.wla-meeting-mobile{
    display:none;
}

.wla-race-nav-zone{
    margin-top:18px;
    border:1px solid rgba(69,118,147,.32);
    border-radius:13px;
    background:rgba(5,25,39,.62);
    overflow:hidden;
}

.wla-race-nav-header{
    min-height:56px;
    padding:0 17px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-bottom:1px solid rgba(61,108,136,.24);
}

.wla-race-nav-header > div{
    display:flex;
    align-items:center;
    gap:11px;
}

.wla-race-nav-header .wla-section-label{
    margin:0;
}

.wla-race-nav-header strong{
    color:#eaf3f7;
    font-size:16px;
}

#raceCounter{
    color:#6f91a7;
    font-size:12px;
}

.wla-race-tabs{
    display:flex;
    padding:0 8px;
    overflow-x:auto;
    scrollbar-width:none;
}

.wla-race-tabs::-webkit-scrollbar{
    display:none;
}

.wla-race-tab{
    position:relative;
    min-width:52px;
    height:50px;
    flex:0 0 auto;
    border:0;
    background:transparent;
    color:#9cb5c5;
    font-family:inherit;
    font-size:13px;
    font-weight:800;
    cursor:pointer;
}

.wla-race-tab.active{
    color:var(--gold);
}

.wla-race-tab.active::after{
    content:"";
    position:absolute;
    left:11px;
    right:11px;
    bottom:0;
    height:3px;
    border-radius:2px;
    background:var(--gold);
    box-shadow:0 0 11px rgba(242,182,50,.38);
}

.wla-race-panel{
    margin-top:20px;
    overflow:hidden;
    border:1px solid #1b5674;
    border-radius:16px;
    background:linear-gradient(180deg,#082437,#061b29);
    box-shadow:var(--shadow);
}

.wla-race-hero{
    position:relative;
    display:grid;
    grid-template-columns:1fr minmax(320px,400px);
    align-items:center;
    gap:28px;
    min-height:132px;
    padding:22px 24px;
    border-bottom:1px solid rgba(58,107,136,.36);
    background:linear-gradient(110deg,#0b2b42,#082135 65%,#071d2d);
}

.wla-race-hero::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:0;
    height:2px;
    background:linear-gradient(90deg,var(--cyan),#35dfe8 55%,var(--gold));
}

.wla-race-kicker{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:12px;
}

.wla-race-kicker span{
    min-height:34px;
    padding:0 12px;
    display:flex;
    align-items:center;
    border-radius:999px;
    border:1px solid rgba(96,148,179,.35);
    background:rgba(255,255,255,.04);
    color:#c6d8e4;
    font-size:13px;
    font-weight:800;
}

.wla-race-kicker span:first-child{
    border:1px solid rgba(39,214,230,.48);
    background:rgba(8,105,120,.18);
    color:#a9f3f7;
}

.wla-race-hero h2{
    margin:0 0 10px;
    color:#ffffff;
    font-size:32px;
    font-weight:760;
    letter-spacing:-.45px;
    line-height:1.1;
}

.wla-race-hero-main p{
    margin:0;
    color:#95aec0;
    font-size:13px;
}

.wla-bias-panel{
    min-height:92px;
    padding:16px 17px;
    display:grid;
    grid-template-columns:52px 1fr;
    align-items:center;
    gap:14px;
    border:1px solid rgba(41,203,221,.32);
    border-radius:13px;
    background:linear-gradient(135deg,rgba(5,57,77,.74),rgba(5,37,53,.75));
}

.wla-bias-icon{
    width:50px;
    height:50px;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    gap:4px;
    padding:10px 8px;
    border:1px solid rgba(42,214,229,.5);
    border-radius:50%;
}

.wla-bias-icon span{
    width:5px;
    border-radius:4px;
    background:var(--cyan);
}

.wla-bias-icon span:nth-child(1){ height:12px; }
.wla-bias-icon span:nth-child(2){ height:22px; }
.wla-bias-icon span:nth-child(3){ height:30px; }

.wla-bias-copy{
    display:grid;
    gap:4px;
}

.wla-bias-copy small{
    color:#88acc0;
    font-size:10px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.7px;
}

.wla-bias-copy strong{
    color:#ffd05a;
    font-size:18px;
    font-weight:850;
    line-height:1.15;
}

.wla-bias-copy span{
    color:#8aa6b8;
    font-size:11px;
}

.wla-contender-heading{
    min-height:56px;
    padding:0 20px;
    display:flex;
    align-items:center;
    border-bottom:1px solid rgba(60,110,139,.28);
    background:rgba(3,18,29,.46);
}

.wla-contender-heading > div{
    display:grid;
    gap:3px;
}

.wla-contender-heading strong{
    color:#ffffff;
    font-size:14px;
}

.wla-contender-heading span{
    color:#7f9bae;
    font-size:11px;
}

.wla-runner-list{
    display:grid;
}

.wla-runner{
    position:relative;
    min-height:116px;
    padding:15px 18px;
    display:grid;
    grid-template-columns:minmax(300px,370px) 1fr auto;
    align-items:center;
    gap:22px;
    border-bottom:1px solid rgba(62,112,141,.28);
    background:linear-gradient(90deg,rgba(10,39,57,.93),rgba(7,30,45,.92));
}

.wla-runner:last-child{
    border-bottom:0;
}

.wla-runner:hover{
    background:linear-gradient(90deg,rgba(12,48,70,.96),rgba(8,34,51,.94));
}

.wla-runner.finish-1{
    box-shadow:inset 4px 0 0 var(--gold);
}

.wla-runner.finish-2{
    box-shadow:inset 4px 0 0 #b8c0c7;
}

.wla-runner.finish-3{
    box-shadow:inset 4px 0 0 #c88763;
}

.wla-runner-identity{
    min-width:0;
    display:grid;
    grid-template-columns:42px 64px minmax(0,1fr);
    align-items:center;
    gap:14px;
}

.wla-runner-number{
    width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    border:1.6px solid rgba(242,182,50,.75);
    background:rgba(242,182,50,.10);
    color:#ffd15c;
    font-size:18px;
    font-weight:900;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
}

.wla-silk-wrap{
    width:64px;
    height:72px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
    overflow:visible;
}

.wla-silk{
    display:block;
    width:60px;
    height:68px;
    object-fit:contain;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    filter:drop-shadow(0 3px 4px rgba(0,0,0,.24));
}

.wla-runner-name{
    min-width:0;
    color:#ffffff;
    font-size:20px;
    font-weight:820;
    line-height:1.12;
    letter-spacing:-.22px;
}

.wla-runner-details{
    min-width:0;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px 18px;
}

.wla-detail{
    min-width:0;
    display:grid;
    gap:5px;
}

.wla-detail small{
    color:#79a0b8;
    font-size:10px;
    font-weight:850;
    letter-spacing:.65px;
    text-transform:uppercase;
}

.wla-detail strong{
    min-width:0;
    color:#edf4f8;
    font-size:16px;
    font-weight:740;
    line-height:1.25;
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
}

.wla-runner-odds{
    display:grid;
    grid-template-columns:repeat(2,86px);
    gap:8px;
}

.wla-price{
    min-height:58px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    padding:6px 5px;
    border-radius:10px;
}

.wla-price small{
    color:#84a5b7;
    font-size:9px;
    font-weight:850;
    letter-spacing:.75px;
}

.wla-price strong{
    font-size:18px;
    font-weight:850;
    line-height:1;
}

.wla-price.win{
    border:1px solid rgba(38,214,230,.58);
    background:rgba(3,67,84,.44);
}

.wla-price.win strong{
    color:#62e8ef;
}

.wla-price.place{
    border:1px solid rgba(242,182,50,.63);
    background:rgba(71,53,11,.26);
}

.wla-price.place strong{
    color:#ffd05d;
}

.wla-race-footer{
    min-height:70px;
    padding:0 17px;
    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:center;
    gap:16px;
    border-top:1px solid rgba(59,109,137,.3);
    background:rgba(3,18,28,.48);
}

.wla-race-footer > div{
    display:grid;
    justify-items:center;
    gap:3px;
}

.wla-race-footer strong{
    color:#dce7ed;
    font-size:13px;
}

.wla-race-footer span{
    color:#617f93;
    font-size:10px;
}

.wla-race-arrow{
    width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #31576e;
    border-radius:50%;
    background:#071e2d;
    color:#dce8ee;
    font-size:17px;
    cursor:pointer;
}

.wla-empty{
    margin-top:18px;
    padding:30px;
    border:1px solid rgba(69,119,147,.34);
    border-radius:12px;
    background:#071c2b;
    color:#85a0b2;
    text-align:center;
}

.wla-ai-button{
    position:fixed;
    right:24px;
    bottom:24px;
    z-index:40;
    width:58px;
    height:58px;
    border:0;
    border-radius:50%;
    background:linear-gradient(135deg,#f5c33e,#dc9914);
    color:#06151e;
    font-size:13px;
    font-weight:900;
    box-shadow:0 12px 28px rgba(0,0,0,.36);
    cursor:pointer;
}

@media (max-width:1180px){
    .wla-runner{
        grid-template-columns:minmax(260px,340px) 1fr auto;
    }

    .wla-runner-details{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .wla-race-hero{
        grid-template-columns:1fr;
    }
}

@media (max-width:900px){
    .wla-page-head{
        grid-template-columns:1fr;
    }
}

@media (max-width:760px){
    .wla-header-inner{
        width:calc(100% - 24px);
        min-height:68px;
        grid-template-columns:1fr auto;
        gap:18px;
    }

    .wla-nav{
        display:none;
    }

    .wla-brand-copy span{
        display:none;
    }

    .wla-plan{
        display:none;
    }

    .wla-account-button{
        width:38px;
        padding:0;
        overflow:hidden;
        font-size:0;
    }

    .wla-account-button::after{
        content:"●";
        font-size:14px;
    }

    .wla-page{
        width:calc(100% - 16px);
        padding-top:15px;
    }

    .wla-page-head{
        padding:18px 16px;
    }

    .wla-page-head h1{
        font-size:29px;
    }

    .wla-meeting-tabs{
        display:none;
    }

    .wla-meeting-mobile{
        display:block;
        width:100%;
        min-height:44px;
        padding:0 12px;
        border:1px solid #315a73;
        border-radius:9px;
        background:#071d2c;
        color:#ffffff;
        font-family:inherit;
        font-size:13px;
        font-weight:700;
    }

    .wla-race-hero{
        gap:16px;
        padding:17px 14px;
        min-height:auto;
    }

    .wla-race-hero h2{
        font-size:24px;
    }

    .wla-race-kicker span{
        min-height:31px;
        font-size:12px;
    }

    .wla-bias-copy strong{
        font-size:16px;
    }

    .wla-runner{
        grid-template-columns:1fr;
        gap:14px;
        min-height:auto;
        padding:14px 12px;
    }

    .wla-runner-identity{
        grid-template-columns:40px 56px minmax(0,1fr);
        gap:11px;
    }

    .wla-runner-number{
        width:38px;
        height:38px;
        font-size:17px;
    }

    .wla-silk-wrap{
        width:56px;
        height:66px;
    }

    .wla-silk{
        width:54px;
        height:62px;
    }

    .wla-runner-name{
        font-size:18px;
    }

    .wla-runner-details{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:12px;
    }

    .wla-detail small{
        font-size:9px;
    }

    .wla-detail strong{
        font-size:14px;
    }

    .wla-runner-odds{
        justify-self:start;
        grid-template-columns:repeat(2,82px);
    }
}

@media (max-width:470px){
    .wla-date-row{
        grid-template-columns:1fr;
    }

    .wla-history-button{
        min-height:40px;
    }

    .wla-runner-details{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .wla-runner-odds{
        grid-template-columns:repeat(2,74px);
    }

    .wla-price strong{
        font-size:16px;
    }
}
/* ==========================================================
   WINNING LINE AI
   LIGHT SELECTION CARD DESIGN
   ========================================================== */


/* ----------------------------------------------------------
   SHELL REMAINS PREMIUM DARK
   ---------------------------------------------------------- */

body{
    background:
        radial-gradient(
            circle at 50% -220px,
            #123752 0,
            #071d2c 390px,
            #03111d 850px
        ) !important;
}


/* ----------------------------------------------------------
   RACE NAVIGATION
   ---------------------------------------------------------- */

.wla-race-nav-zone{
    background:
        rgba(5,25,39,.78) !important;

    border:
        1px solid
        rgba(68,119,149,.42) !important;
}

.wla-race-nav-header{
    min-height:60px !important;
}

.wla-race-nav-header strong{
    color:#ffffff !important;

    font-size:17px !important;

    font-weight:800 !important;
}

#raceCounter{
    font-size:12px !important;

    color:#8da8ba !important;
}

.wla-race-tab{
    min-width:56px !important;

    height:54px !important;

    font-size:14px !important;

    font-weight:800 !important;
}


/* ----------------------------------------------------------
   RACE PANEL
   ---------------------------------------------------------- */

.wla-race-panel{
    border:
        1px solid
        rgba(62,113,143,.52) !important;

    border-radius:16px !important;

    background:#ffffff !important;

    box-shadow:
        0 20px 55px
        rgba(0,0,0,.28) !important;
}


/* ----------------------------------------------------------
   RACE HERO STAYS DARK
   ---------------------------------------------------------- */

.wla-race-hero{
    min-height:150px !important;

    padding:
        24px 26px !important;

    grid-template-columns:
        1fr
        minmax(330px,410px) !important;

    background:
        linear-gradient(
            120deg,
            #0b2d45,
            #082238 63%,
            #071c2c
        ) !important;

    border-bottom:
        0 !important;
}

.wla-race-kicker{
    gap:10px !important;

    margin-bottom:14px !important;
}

.wla-race-kicker span{
    min-height:38px !important;

    padding:
        0 14px !important;

    border-radius:9px !important;

    color:#d2e0e9 !important;

    background:
        rgba(255,255,255,.055) !important;

    border:
        1px solid
        rgba(116,157,181,.30) !important;

    font-size:14px !important;

    font-weight:850 !important;
}

.wla-race-kicker span:first-child{
    color:#aaf5f8 !important;

    border-color:
        rgba(39,214,230,.55) !important;

    background:
        rgba(17,126,143,.16) !important;
}

.wla-race-hero h2{
    margin:
        0 0 10px !important;

    color:#ffffff !important;

    font-size:32px !important;

    font-weight:780 !important;

    line-height:1.1 !important;

    letter-spacing:-.5px !important;
}

.wla-race-hero-main p{
    color:#a0b6c5 !important;

    font-size:14px !important;
}


/* ----------------------------------------------------------
   HISTORICAL BIAS
   ---------------------------------------------------------- */

.wla-bias-panel{
    min-height:105px !important;

    padding:
        17px 18px !important;

    grid-template-columns:
        58px
        1fr !important;

    gap:15px !important;

    border-radius:13px !important;

    border:
        1px solid
        rgba(49,205,221,.34) !important;

    background:
        linear-gradient(
            135deg,
            rgba(6,58,78,.84),
            rgba(5,39,56,.82)
        ) !important;
}

.wla-bias-icon{
    width:56px !important;
    height:56px !important;
}

.wla-bias-copy small{
    color:#8bb1c5 !important;

    font-size:10px !important;

    font-weight:800 !important;
}

.wla-bias-copy strong{
    color:#ffd05c !important;

    font-size:20px !important;

    font-weight:850 !important;

    line-height:1.15 !important;
}

.wla-bias-copy span{
    color:#91aaba !important;

    font-size:11px !important;
}


/* ----------------------------------------------------------
   CONTENDER HEADING
   ---------------------------------------------------------- */

.wla-contender-heading{
    min-height:66px !important;

    padding:
        0 22px !important;

    background:
        #f2f6f9 !important;

    border-bottom:
        1px solid
        #d9e2e8 !important;
}

.wla-contender-heading strong{
    color:#102f4a !important;

    font-size:16px !important;

    font-weight:850 !important;
}

.wla-contender-heading span{
    color:#688094 !important;

    font-size:11px !important;
}


/* ----------------------------------------------------------
   WHITE RUNNER CARDS
   ---------------------------------------------------------- */

.wla-runner{
    min-height:118px !important;

    padding:
        15px 20px !important;

    grid-template-columns:
        minmax(330px,1.1fr)
        minmax(520px,1.8fr)
        170px !important;

    gap:25px !important;

    background:
        linear-gradient(
            180deg,
            #ffffff,
            #fbfcfd
        ) !important;

    border-bottom:
        1px solid
        #d9e2e8 !important;

    box-shadow:none !important;
}

.wla-runner:hover{
    background:
        #f7fafc !important;
}

.wla-runner.finish-1{
    background:
        linear-gradient(
            90deg,
            #fff8df,
            #ffffff 24%
        ) !important;

    box-shadow:
        inset 4px 0 0
        #e4ad26 !important;
}

.wla-runner.finish-2{
    background:
        linear-gradient(
            90deg,
            #f1f4f6,
            #ffffff 24%
        ) !important;

    box-shadow:
        inset 4px 0 0
        #aeb8c0 !important;
}

.wla-runner.finish-3{
    background:
        linear-gradient(
            90deg,
            #fff0e8,
            #ffffff 24%
        ) !important;

    box-shadow:
        inset 4px 0 0
        #bd805e !important;
}


/* ----------------------------------------------------------
   HORSE NUMBER
   CLEAN, NOT A BIG YELLOW BLOCK
   ---------------------------------------------------------- */

.wla-runner-number{
    width:38px !important;
    height:38px !important;

    border-radius:7px !important;

    border:
        1.5px solid
        #d7a428 !important;

    background:
        #fff9e8 !important;

    color:
        #785716 !important;

    font-size:17px !important;

    font-weight:900 !important;

    box-shadow:none !important;
}


/* ----------------------------------------------------------
   SILKS
   ORIGINAL IMAGE + WHITE BACKGROUND BLENDS INTO CARD
   ---------------------------------------------------------- */

.wla-silk-wrap{
    width:70px !important;
    height:78px !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    background:
        #ffffff !important;

    border:0 !important;

    box-shadow:none !important;

    overflow:hidden !important;
}

.wla-silk{
    width:64px !important;
    height:74px !important;

    object-fit:contain !important;

    background:
        #ffffff !important;

    border:0 !important;

    border-radius:0 !important;

    padding:0 !important;

    box-shadow:none !important;

    filter:none !important;
}


/* ----------------------------------------------------------
   HORSE NAME
   ---------------------------------------------------------- */

.wla-runner-name{
    color:
        #102f4a !important;

    font-size:20px !important;

    font-weight:850 !important;

    line-height:1.12 !important;

    letter-spacing:-.2px !important;
}


/* ----------------------------------------------------------
   DETAILS
   ---------------------------------------------------------- */

.wla-runner-details{
    grid-template-columns:
        .65fr
        1.2fr
        1.2fr
        .95fr !important;

    gap:
        14px 24px !important;
}

.wla-detail{
    gap:5px !important;
}

.wla-detail small{
    color:
        #8194a4 !important;

    font-size:
        10px !important;

    font-weight:
        850 !important;

    letter-spacing:
        .65px !important;
}

.wla-detail strong{
    color:
        #1d374d !important;

    font-size:
        15px !important;

    font-weight:
        720 !important;

    line-height:
        1.25 !important;
}


/* ----------------------------------------------------------
   ODDS
   SMALLER / CLEANER
   ---------------------------------------------------------- */

.wla-runner-odds{
    grid-template-columns:
        repeat(2,72px) !important;

    gap:7px !important;
}

.wla-price{
    min-height:
        52px !important;

    padding:
        5px !important;

    border-radius:
        8px !important;
}

.wla-price small{
    font-size:
        8px !important;

    color:
        #7690a2 !important;
}

.wla-price strong{
    font-size:
        16px !important;

    font-weight:
        850 !important;
}

.wla-price.win{
    border:
        1px solid
        #3bb8c8 !important;

    background:
        #ecfafd !important;
}

.wla-price.win strong{
    color:
        #087c8d !important;
}

.wla-price.place{
    border:
        1px solid
        #ddb64f !important;

    background:
        #fff9e8 !important;
}

.wla-price.place strong{
    color:
        #8a6409 !important;
}


/* ----------------------------------------------------------
   FOOTER
   ---------------------------------------------------------- */

.wla-race-footer{
    background:
        #f1f5f8 !important;

    border-top:
        1px solid
        #d7e1e7 !important;
}

.wla-race-footer strong{
    color:
        #19384f !important;
}

.wla-race-footer span{
    color:
        #7890a1 !important;
}

.wla-race-arrow{
    background:
        #ffffff !important;

    border:
        1px solid
        #b9c9d4 !important;

    color:
        #19384f !important;
}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media (max-width:1180px){

    .wla-runner{
        grid-template-columns:
            minmax(290px,1fr)
            minmax(390px,1.35fr)
            160px !important;
    }

    .wla-runner-details{
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }

}


@media (max-width:760px){

    .wla-race-hero{
        grid-template-columns:
            1fr !important;

        min-height:auto !important;

        padding:
            18px 15px !important;
    }

    .wla-race-hero h2{
        font-size:
            25px !important;
    }

    .wla-race-kicker span{
        min-height:
            33px !important;

        font-size:
            12px !important;
    }

    .wla-runner{
        grid-template-columns:
            1fr
            auto !important;

        grid-template-areas:
            "identity odds"
            "details details";

        gap:
            12px !important;

        min-height:
            130px !important;

        padding:
            13px 11px !important;
    }

    .wla-runner-identity{
        grid-area:identity;

        grid-template-columns:
            34px
            52px
            minmax(0,1fr) !important;

        gap:
            9px !important;
    }

    .wla-runner-number{
        width:
            33px !important;

        height:
            33px !important;

        font-size:
            15px !important;
    }

    .wla-silk-wrap{
        width:
            52px !important;

        height:
            60px !important;
    }

    .wla-silk{
        width:
            50px !important;

        height:
            58px !important;
    }

    .wla-runner-name{
        font-size:
            16px !important;
    }

    .wla-runner-details{
        grid-area:details;

        grid-template-columns:
            repeat(4,minmax(0,1fr)) !important;

        gap:
            8px !important;
    }

    .wla-detail small{
        font-size:
            8px !important;
    }

    .wla-detail strong{
        font-size:
            11px !important;
    }

    .wla-runner-odds{
        grid-area:odds;

        grid-template-columns:
            repeat(2,58px) !important;

        gap:
            4px !important;
    }

    .wla-price{
        min-height:
            44px !important;
    }

    .wla-price strong{
        font-size:
            13px !important;
    }

}


/* ==========================================================
   LAYOUT TEST - CSS ONLY
   NO HTML MOVING
   NO RACING JS CHANGES
   ========================================================== */

/* Main area becomes a simple two-column first row */
.wla-page{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 360px !important;
    column-gap:24px !important;
    row-gap:14px !important;

    padding-top:18px !important;
}


/* ----------------------------------------------------------
   REMOVE THE BIG BET SELECTIONS INTRO CONTENT
   BUT KEEP ITS DATE CONTROL
   ---------------------------------------------------------- */

.wla-page-head{
    grid-column:2 !important;
    grid-row:1 !important;

    display:block !important;

    margin:0 !important;
    padding:0 !important;

    min-height:0 !important;

    border:0 !important;
    border-radius:0 !important;

    background:none !important;

    box-shadow:none !important;

    align-self:end !important;
}

/* Hide Winning Line AI / Bet Selections / race count */
.wla-page-head > div:first-child{
    display:none !important;
}


/* ----------------------------------------------------------
   DATE
   ---------------------------------------------------------- */

.wla-date-control{
    width:100% !important;
    margin:0 !important;
}

.wla-date-control label{
    margin:0 0 7px !important;

    color:#7193aa !important;

    font-size:9px !important;
    font-weight:850 !important;
}

.wla-date-row{
    display:block !important;
}

.wla-date-row select{
    width:100% !important;

    min-height:40px !important;
    height:40px !important;

    font-size:13px !important;

    border-radius:8px !important;
}

/* History already has its own main nav tab */
.wla-history-button{
    display:none !important;
}


/* ----------------------------------------------------------
   TODAY'S MEETINGS - SAME ROW AS DATE
   ---------------------------------------------------------- */

.wla-meeting-zone{
    grid-column:1 !important;
    grid-row:1 !important;

    margin:0 !important;

    align-self:end !important;
}

.wla-section-label{
    margin-bottom:7px !important;
}

.wla-meeting-tab{
    min-height:40px !important;

    padding:0 16px !important;

    border-radius:8px !important;

    font-size:12px !important;
}


/* ----------------------------------------------------------
   RACE NAVIGATION FULL WIDTH
   ---------------------------------------------------------- */

.wla-race-nav-zone{
    grid-column:1 / -1 !important;
    grid-row:2 !important;

    margin:0 !important;

    border-radius:11px !important;
}

.wla-race-nav-header{
    min-height:48px !important;

    padding:0 15px !important;
}

.wla-race-nav-header strong{
    font-size:15px !important;
}

.wla-race-tab{
    height:42px !important;

    min-width:48px !important;

    font-size:13px !important;
}


/* ----------------------------------------------------------
   RACE CARD FULL WIDTH
   ---------------------------------------------------------- */

.wla-race-panel{
    grid-column:1 / -1 !important;

    margin-top:0 !important;

    border-radius:13px !important;
}

.wla-empty{
    grid-column:1 / -1 !important;
}


/* ----------------------------------------------------------
   COMPACT RACE HEADER
   ---------------------------------------------------------- */

.wla-race-hero{
    min-height:102px !important;

    padding:14px 18px !important;

    grid-template-columns:
        1fr
        minmax(280px,330px) !important;

    gap:20px !important;
}

.wla-race-kicker{
    margin-bottom:7px !important;

    gap:6px !important;
}

.wla-race-kicker span{
    min-height:28px !important;

    padding:0 9px !important;

    font-size:12px !important;
}

.wla-race-hero h2{
    margin-bottom:5px !important;

    font-size:23px !important;
}

.wla-race-hero-main p{
    font-size:11px !important;
}


/* ----------------------------------------------------------
   COMPACT BIAS
   ---------------------------------------------------------- */

.wla-bias-panel{
    min-height:66px !important;

    padding:9px 11px !important;

    grid-template-columns:38px 1fr !important;

    gap:9px !important;
}

.wla-bias-icon{
    width:37px !important;
    height:37px !important;

    padding:7px !important;
}

.wla-bias-copy small{
    font-size:8px !important;
}

.wla-bias-copy strong{
    font-size:15px !important;
}

.wla-bias-copy span{
    font-size:9px !important;
}


/* ----------------------------------------------------------
   TOP FIVE BAR
   ---------------------------------------------------------- */

.wla-contender-heading{
    min-height:40px !important;

    padding:0 15px !important;
}

.wla-contender-heading strong{
    font-size:13px !important;
}

.wla-contender-heading span{
    font-size:9px !important;
}


/* ----------------------------------------------------------
   COMPACT HORSE ROWS
   This is where most wasted white space is removed.
   ---------------------------------------------------------- */

.wla-runner{
    min-height:72px !important;

    padding:5px 14px !important;

    grid-template-columns:
        minmax(250px,1.05fr)
        minmax(470px,1.85fr)
        140px !important;

    gap:15px !important;
}

.wla-runner-identity{
    grid-template-columns:
        30px
        50px
        minmax(0,1fr) !important;

    gap:8px !important;
}


/* Runner number */
.wla-runner-number{
    width:29px !important;
    height:29px !important;

    border-radius:6px !important;

    font-size:14px !important;
}


/* Silk */
.wla-silk-wrap{
    width:50px !important;
    height:58px !important;
}

.wla-silk{
    width:auto !important;
    height:auto !important;

    max-width:48px !important;
    max-height:56px !important;

    object-fit:contain !important;

    filter:none !important;
}


/* Horse */
.wla-runner-name{
    font-size:16px !important;

    font-weight:850 !important;
}


/* Barrier/Jockey/Trainer/Style */
.wla-runner-details{
    grid-template-columns:
        .55fr
        1.15fr
        1.2fr
        .85fr !important;

    gap:12px !important;
}

.wla-detail{
    gap:2px !important;
}

.wla-detail small{
    font-size:8px !important;
}

.wla-detail strong{
    font-size:12px !important;

    line-height:1.1 !important;
}


/* Odds */
.wla-runner-odds{
    grid-template-columns:
        repeat(2,60px) !important;

    gap:5px !important;
}

.wla-price{
    min-height:39px !important;

    padding:2px !important;

    border-radius:6px !important;
}

.wla-price small{
    font-size:7px !important;
}

.wla-price strong{
    font-size:13px !important;
}


/* Footer */
.wla-race-footer{
    min-height:44px !important;
}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media(max-width:760px){

    .wla-page{
        grid-template-columns:1fr !important;
    }

    .wla-meeting-zone{
        grid-column:1 !important;
        grid-row:1 !important;
    }

    .wla-page-head{
        grid-column:1 !important;
        grid-row:2 !important;
    }

    .wla-race-nav-zone{
        grid-column:1 !important;
        grid-row:3 !important;
    }

    .wla-race-panel{
        grid-column:1 !important;
    }

    .wla-race-hero{
        grid-template-columns:1fr !important;
    }

    .wla-runner{
        grid-template-columns:1fr auto !important;

        grid-template-areas:
            "identity odds"
            "details details";

        gap:7px !important;

        padding:7px 9px !important;
    }

    .wla-runner-identity{
        grid-area:identity;
    }

    .wla-runner-details{
        grid-area:details;

        grid-template-columns:
            repeat(4,minmax(0,1fr)) !important;
    }

    .wla-runner-odds{
        grid-area:odds;
    }
}


/* ==========================================================
   RESTORE ORIGINAL CONTENT SIZES
   KEEP CURRENT COMPACT CARD DIMENSIONS
   ========================================================== */

/* Race information */
.wla-race-kicker span{
    font-size:14px !important;
    font-weight:850 !important;
}

.wla-race-hero h2{
    font-size:30px !important;
    font-weight:780 !important;
}

.wla-race-hero-main p{
    font-size:13px !important;
}


/* Historical Winner Bias */
.wla-bias-copy small{
    font-size:10px !important;
}

.wla-bias-copy strong{
    font-size:18px !important;
}

.wla-bias-copy span{
    font-size:10px !important;
}


/* Top Five heading */
.wla-contender-heading strong{
    font-size:15px !important;
}

.wla-contender-heading span{
    font-size:10px !important;
}


/* Horse number */
.wla-runner-number{
    width:36px !important;
    height:36px !important;

    font-size:16px !important;
}


/* HD Silk */
.wla-silk-wrap{
    width:64px !important;
    height:62px !important;
}

.wla-silk{
    width:auto !important;
    height:auto !important;

    max-width:62px !important;
    max-height:60px !important;

    object-fit:contain !important;

    filter:none !important;
}


/* Identity columns enlarged INSIDE same runner width */
.wla-runner-identity{
    grid-template-columns:
        38px
        66px
        minmax(0,1fr) !important;

    gap:10px !important;
}


/* Horse name */
.wla-runner-name{
    font-size:19px !important;
    font-weight:850 !important;
}


/* Barrier / Jockey / Trainer / Style */
.wla-detail small{
    font-size:10px !important;
    font-weight:850 !important;
}

.wla-detail strong{
    font-size:14px !important;
    font-weight:720 !important;
    line-height:1.15 !important;
}


/* WIN / PLACE */
.wla-price small{
    font-size:9px !important;
    font-weight:850 !important;
}

.wla-price strong{
    font-size:16px !important;
    font-weight:850 !important;
}


/* Keep current compact horse-row dimensions */
.wla-runner{
    min-height:72px !important;
    padding-top:5px !important;
    padding-bottom:5px !important;
}


/* ==========================================================
   INCREASE RUNNER DETAIL TEXT ONLY
   DO NOT CHANGE HORSE NAME OR ROW SIZE
   ========================================================== */

.wla-detail small{
    font-size:11px !important;
    font-weight:850 !important;
}

.wla-detail strong{
    font-size:16px !important;
    font-weight:730 !important;
    line-height:1.1 !important;
}

.wla-price small{
    font-size:10px !important;
    font-weight:850 !important;
}

.wla-price strong{
    font-size:18px !important;
    font-weight:850 !important;
}

/* Explicitly preserve horse-name size */
.wla-runner-name{
    font-size:19px !important;
}

/* Explicitly preserve compact row dimensions */
.wla-runner{
    min-height:72px !important;
    padding-top:5px !important;
    padding-bottom:5px !important;
}


/* ==========================================================
   DESKTOP / TABLET DISPLAY PASS
   KEEP CURRENT CARD DIMENSIONS
   ========================================================== */


/* ----------------------------------------------------------
   MEETING NAMES
   ---------------------------------------------------------- */

.wla-meeting-tab{
    font-size:15px !important;
    font-weight:850 !important;

    padding-left:20px !important;
    padding-right:20px !important;
}

.wla-section-label{
    font-size:10px !important;
}


/* ----------------------------------------------------------
   R1 / R2 / R3...
   ---------------------------------------------------------- */

.wla-race-tab{
    font-size:16px !important;
    font-weight:850 !important;

    min-width:53px !important;
}


/* ----------------------------------------------------------
   CURRENT MEETING HEADING
   ---------------------------------------------------------- */

.wla-race-nav-header strong{
    font-size:18px !important;
    font-weight:850 !important;
}


/* ----------------------------------------------------------
   PERIOD + RACING DATE
   ---------------------------------------------------------- */

.wla-date-control{
    display:grid !important;

    grid-template-columns:
        1fr
        1fr !important;

    gap:10px !important;

    align-items:end !important;
}

.wla-period-control{
    min-width:0;
}

.wla-period-control label,
.wla-date-control > label{
    display:block !important;

    margin-bottom:7px !important;

    color:#7193aa !important;

    font-size:9px !important;
    font-weight:850 !important;

    letter-spacing:.8px !important;

    text-transform:uppercase !important;
}

.wla-period-control select{
    width:100% !important;

    height:40px !important;

    padding:0 12px !important;

    border:
        1px solid
        #315a73 !important;

    border-radius:
        8px !important;

    background:
        #071d2c !important;

    color:
        #edf5f9 !important;

    font-family:
        inherit !important;

    font-size:
        13px !important;

    font-weight:
        700 !important;
}

.wla-date-row{
    display:block !important;
}


/* ----------------------------------------------------------
   SILKS BIGGER
   ROW SIZE DOES NOT CHANGE
   ---------------------------------------------------------- */

.wla-runner{
    height:72px !important;
    min-height:72px !important;

    padding-top:3px !important;
    padding-bottom:3px !important;
}

.wla-runner-identity{
    grid-template-columns:
        38px
        72px
        minmax(0,1fr) !important;

    gap:9px !important;
}

.wla-silk-wrap{
    width:70px !important;
    height:66px !important;

    overflow:hidden !important;
}

.wla-silk{
    width:auto !important;
    height:auto !important;

    max-width:68px !important;
    max-height:64px !important;

    object-fit:contain !important;

    filter:none !important;
}


/* HORSE NAME STAYS EXACTLY THE SAME */

.wla-runner-name{
    font-size:19px !important;
}


/* ----------------------------------------------------------
   RACE NUMBER / DISTANCE / TIME
   ---------------------------------------------------------- */

.wla-race-kicker span{
    font-size:14px !important;
    font-weight:850 !important;
}


/* ----------------------------------------------------------
   HISTORICAL WINNER BIAS
   ---------------------------------------------------------- */

.wla-bias-copy small{
    font-size:10px !important;
}

.wla-bias-copy strong{
    font-size:18px !important;
    font-weight:850 !important;
}

.wla-bias-copy span{
    font-size:10px !important;
}


/* ----------------------------------------------------------
   TABLET
   ---------------------------------------------------------- */

@media(max-width:1050px){

    .wla-meeting-tab{
        font-size:14px !important;

        padding-left:16px !important;
        padding-right:16px !important;
    }

    .wla-race-tab{
        font-size:15px !important;
    }

}


/* ----------------------------------------------------------
   PHONE
   ---------------------------------------------------------- */

@media(max-width:760px){

    .wla-date-control{
        grid-template-columns:1fr !important;
    }

    .wla-silk-wrap{
        width:58px !important;
        height:58px !important;
    }

    .wla-silk{
        max-width:56px !important;
        max-height:56px !important;
    }

}


/* ==========================================================
   TOP BAR / PERIOD / RESPONSIBLE USE
   ========================================================== */


/* Pull main content higher now that notice moves away */

.wla-page{
    padding-top:10px !important;

    grid-template-columns:
        minmax(0,1fr)
        330px !important;

    column-gap:24px !important;
}


/* ==========================================================
   TODAY'S MEETINGS
   ========================================================== */

.wla-meeting-zone{
    align-self:end !important;

    margin-top:0 !important;
}


/* ==========================================================
   PERIOD ONLY
   Remove redundant Racing Date control
   ========================================================== */

.wla-page-head{
    align-self:end !important;
}

.wla-date-control{
    display:block !important;

    width:100% !important;
}


/* Hide original RACING DATE label */

.wla-date-control > label{
    display:none !important;
}


/* Hide original Latest Loaded Day racing-date box */

.wla-date-row{
    display:none !important;
}


/* Keep only Period control */

.wla-period-control{
    display:block !important;

    width:100% !important;
}

.wla-period-control label{
    display:block !important;

    margin-bottom:7px !important;

    color:#7193aa !important;

    font-size:10px !important;

    font-weight:850 !important;

    letter-spacing:.9px !important;

    text-transform:uppercase !important;
}

.wla-period-control select{
    width:100% !important;

    height:40px !important;

    padding:0 13px !important;

    border:
        1px solid
        #315a73 !important;

    border-radius:8px !important;

    background:#071d2c !important;

    color:#edf5f9 !important;

    font-size:13px !important;

    font-weight:750 !important;
}


/* ==========================================================
   REMOVE ORIGINAL TOP RESPONSIBLE-USE STRIP SPACE
   ========================================================== */

body > .wla-notice:not(.wla-bottom-notice){
    display:none !important;
}


/* ==========================================================
   BOTTOM RESPONSIBLE-USE NOTICE
   ========================================================== */

.wla-bottom-notice{
    width:100% !important;

    min-height:52px !important;

    margin-top:28px !important;

    padding:
        13px 90px
        13px 24px !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    gap:7px !important;

    background:#04121d !important;

    border-top:
        1px solid
        rgba(242,182,50,.30) !important;

    border-bottom:0 !important;

    color:#9db2c0 !important;

    font-size:13px !important;

    line-height:1.4 !important;

    text-align:center !important;
}

.wla-bottom-notice strong{
    color:#f2b632 !important;

    font-size:14px !important;

    font-weight:900 !important;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media(max-width:1050px){

    .wla-page{
        grid-template-columns:
            minmax(0,1fr)
            290px !important;
    }

}


/* ==========================================================
   PHONE
   ========================================================== */

@media(max-width:760px){

    .wla-page{
        grid-template-columns:1fr !important;

        padding-top:8px !important;
    }

    .wla-meeting-zone{
        grid-row:1 !important;
    }

    .wla-page-head{
        grid-row:2 !important;
    }

    .wla-period-control select{
        height:42px !important;
    }

    .wla-bottom-notice{
        padding:
            13px 18px !important;

        font-size:12px !important;
    }

}


/* ==========================================================
   DESKTOP TEXT ENLARGEMENT ONLY
   NO BOX OR LAYOUT DIMENSIONS CHANGED
   HORSE NAME UNCHANGED
   ========================================================== */

@media (min-width:761px){

    /* Today's Meetings label */
    .wla-section-label{
        font-size:12px !important;
        font-weight:850 !important;
    }

    /* Meeting names */
    .wla-meeting-tab{
        font-size:17px !important;
        font-weight:850 !important;
    }

    /* Period */
    .wla-period-control label{
        font-size:12px !important;
    }

    .wla-period-control select{
        font-size:15px !important;
        font-weight:800 !important;
    }

    /* Current meeting heading */
    .wla-race-nav-header .wla-section-label{
        font-size:11px !important;
    }

    .wla-race-nav-header strong{
        font-size:20px !important;
        font-weight:850 !important;
    }

    #raceCounter{
        font-size:14px !important;
    }

    /* R1 / R2 / R3 etc */
    .wla-race-tab{
        font-size:18px !important;
        font-weight:850 !important;
    }

    /* Race / distance / time */
    .wla-race-kicker span{
        font-size:16px !important;
        font-weight:850 !important;
    }

    /* Race title */
    .wla-race-hero h2{
        font-size:28px !important;
        font-weight:800 !important;
    }

    .wla-race-hero-main p{
        font-size:14px !important;
    }

    /* Historical Winner Bias */
    .wla-bias-copy small{
        font-size:11px !important;
        font-weight:850 !important;
    }

    .wla-bias-copy strong{
        font-size:20px !important;
        font-weight:850 !important;
    }

    .wla-bias-copy span{
        font-size:11px !important;
    }

    /* Top Five Contenders */
    .wla-contender-heading strong{
        font-size:16px !important;
        font-weight:850 !important;
    }

    .wla-contender-heading span{
        font-size:11px !important;
    }

    /* IMPORTANT:
       Horse name deliberately stays unchanged */
    .wla-runner-name{
        font-size:19px !important;
    }

    /* Barrier / Jockey / Trainer / Style labels */
    .wla-detail small{
        font-size:12px !important;
        font-weight:850 !important;
    }

    /* Barrier / Jockey / Trainer / Style values */
    .wla-detail strong{
        font-size:17px !important;
        font-weight:750 !important;
        line-height:1.05 !important;
    }

    /* WIN / PLACE labels */
    .wla-price small{
        font-size:11px !important;
        font-weight:850 !important;
    }

    /* WIN / PLACE prices */
    .wla-price strong{
        font-size:19px !important;
        font-weight:900 !important;
    }

    /* Race footer */
    .wla-race-footer strong{
        font-size:15px !important;
        font-weight:800 !important;
    }

    .wla-race-footer span{
        font-size:11px !important;
    }

    /* Responsible-use footer */
    .wla-bottom-notice{
        font-size:15px !important;
    }

    .wla-bottom-notice strong{
        font-size:16px !important;
    }
}


/* ==========================================================
   HEADER TEXT SIZE INCREASE - DESKTOP / TABLET ONLY
   KEEP CURRENT HEADER STRUCTURE
   ========================================================== */

@media (min-width:761px){

    /* Keep header content aligned to the same main-page width */
    .wla-header-inner{
        width:min(calc(100% - 42px),1360px) !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }

    /* Brand */
    .wla-brand-copy strong{
        font-size:21px !important;
        font-weight:850 !important;
        line-height:1.05 !important;
    }

    .wla-brand-copy span{
        font-size:12px !important;
        font-weight:650 !important;
        line-height:1.15 !important;
    }

    /* Main navigation */
    .wla-nav a{
        font-size:16px !important;
        font-weight:800 !important;
    }

    /* Plan + Account */
    .wla-plan,
    .wla-account-button{
        font-size:13px !important;
        font-weight:800 !important;
    }
}


/* ==========================================================
   REMOVE TOP FIVE CONTENDERS STRIP
   ========================================================== */

.wla-contender-heading{
    display:none !important;
}


/* ==========================================================
   STRONG PODIUM COLOURS
   KEEP ALL CURRENT DIMENSIONS
   ========================================================== */

/* 1ST - GOLD */
.wla-runner.finish-1 .wla-runner-number{
    background:#d9a514 !important;
    border-color:#b98a08 !important;
    color:#141008 !important;

    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.28),
        0 0 10px rgba(217,165,20,.28) !important;
}


/* 2ND - SILVER */
.wla-runner.finish-2 .wla-runner-number{
    background:#c6cdd3 !important;
    border-color:#9ea7ae !important;
    color:#111820 !important;

    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.42),
        0 0 10px rgba(198,205,211,.22) !important;
}


/* 3RD - BRONZE */
.wla-runner.finish-3 .wla-runner-number{
    background:#b56f3f !important;
    border-color:#8e522d !important;
    color:#fff8f0 !important;

    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.20),
        0 0 10px rgba(181,111,63,.24) !important;
}


/* ==========================================================
   VIBRANT PODIUM NUMBER PANEL
   KEEP ALL CURRENT DIMENSIONS
   ========================================================== */

/* 1ST - GOLD PANEL */
.wla-runner.finish-1{
    background:
        linear-gradient(
            90deg,
            #f2b632 0,
            #f2b632 112px,
            #ffffff 112px,
            #ffffff 100%
        ) !important;
}

.wla-runner.finish-1 .wla-runner-number{
    background:#c98f00 !important;
    border-color:#8f6600 !important;
    color:#ffffff !important;
}


/* 2ND - SILVER PANEL */
.wla-runner.finish-2{
    background:
        linear-gradient(
            90deg,
            #c9d0d6 0,
            #c9d0d6 112px,
            #ffffff 112px,
            #ffffff 100%
        ) !important;
}

.wla-runner.finish-2 .wla-runner-number{
    background:#9da7af !important;
    border-color:#707b83 !important;
    color:#101820 !important;
}


/* 3RD - BRONZE PANEL */
.wla-runner.finish-3{
    background:
        linear-gradient(
            90deg,
            #c77b48 0,
            #c77b48 112px,
            #ffffff 112px,
            #ffffff 100%
        ) !important;
}

.wla-runner.finish-3 .wla-runner-number{
    background:#9c552a !important;
    border-color:#703a1b !important;
    color:#ffffff !important;
}


/* Make sure silks stay clearly visible */
.wla-runner.finish-1 .wla-silk-wrap,
.wla-runner.finish-2 .wla-silk-wrap,
.wla-runner.finish-3 .wla-silk-wrap{
    background:rgba(255,255,255,.88) !important;
    border-radius:4px !important;
}


/* ==========================================================
   PODIUM COLOUR ONLY BEHIND HORSE NUMBER
   KEEP SILK AREA WHITE
   ========================================================== */

.wla-runner.finish-1{
    background:
        linear-gradient(
            90deg,
            #f2b632 0,
            #f2b632 56px,
            #ffffff 56px,
            #ffffff 100%
        ) !important;
}

.wla-runner.finish-2{
    background:
        linear-gradient(
            90deg,
            #c9d0d6 0,
            #c9d0d6 56px,
            #ffffff 56px,
            #ffffff 100%
        ) !important;
}

.wla-runner.finish-3{
    background:
        linear-gradient(
            90deg,
            #c77b48 0,
            #c77b48 56px,
            #ffffff 56px,
            #ffffff 100%
        ) !important;
}

/* Silk area remains white */
.wla-runner.finish-1 .wla-silk-wrap,
.wla-runner.finish-2 .wla-silk-wrap,
.wla-runner.finish-3 .wla-silk-wrap{
    background:#ffffff !important;
}


/* ==========================================================
   CENTRE HORSE NUMBER BOX INSIDE COLOURED STRIP
   ========================================================== */

/* left coloured strip cell */
.wla-runner .wla-number-col,
.wla-runner .wla-runner-number-col,
.wla-runner .wla-no-col{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 !important;
}

/* actual number badge */
.wla-runner .wla-number,
.wla-runner .wla-runner-number,
.wla-runner .wla-no{
    margin:0 auto !important;
    position:relative !important;
    left:-6px !important;
}

/* keep silk area untouched */
.wla-runner .wla-silk-wrap{
    background:#fff !important;
}


/* WLA DARK RACE CARD PASS START
   Colour-only treatment.
   Layout, silks, odds, race data and functionality unchanged.
   ========================================================== */

/* Main race shell - remove the large white card */
.wla-race-panel{
    background:#071b29 !important;

    border-color:
        rgba(63,112,140,.55) !important;
}


/* Runner list background */
.wla-runner-list{
    background:#061824 !important;
}


/* ----------------------------------------------------------
   RUNNER ROW
   Dark analytical area
   ---------------------------------------------------------- */

.wla-runner,
.wla-runner:hover,
.wla-runner.finish-1,
.wla-runner.finish-2,
.wla-runner.finish-3{
    background:
        linear-gradient(
            90deg,
            #082233,
            #071b29
        ) !important;

    border-bottom:
        1px solid
        rgba(85,124,147,.30) !important;

    box-shadow:none !important;
}


/* ----------------------------------------------------------
   IDENTITY AREA
   Horse number remains separate/dark.
   White begins exactly where the silk area begins and
   continues behind the horse name.
   ---------------------------------------------------------- */

.wla-runner-identity{
    align-self:stretch !important;

    background:
        linear-gradient(
            90deg,
            transparent 0,
            transparent 47px,
            #ffffff 47px,
            #ffffff 100%
        ) !important;

    border-radius:
        0 7px 7px 0 !important;
}


/* Keep silk image/background completely untouched and white */
.wla-silk-wrap,
.wla-runner.finish-1 .wla-silk-wrap,
.wla-runner.finish-2 .wla-silk-wrap,
.wla-runner.finish-3 .wla-silk-wrap{
    background:#ffffff !important;
}

.wla-silk{
    background:#ffffff !important;
}


/* Horse name stays on the white identity area */
.wla-runner-name{
    color:#102f4a !important;
}


/* ----------------------------------------------------------
   BARRIER / JOCKEY / TRAINER / STYLE
   Same layout - dark treatment only
   ---------------------------------------------------------- */

.wla-detail small{
    color:#7897ab !important;
}

.wla-detail strong{
    color:#f0f6f9 !important;
}


/* ----------------------------------------------------------
   ODDS
   DO NOT CHANGE EXISTING WIN / PLACE BOX COLOURS
   ---------------------------------------------------------- */

.wla-price.win{
    background:#ecfafd !important;
    border-color:#3bb8c8 !important;
}

.wla-price.win small{
    color:#7690a2 !important;
}

.wla-price.win strong{
    color:#087c8d !important;
}

.wla-price.place{
    background:#fff9e8 !important;
    border-color:#ddb64f !important;
}

.wla-price.place small{
    color:#7690a2 !important;
}

.wla-price.place strong{
    color:#8a6409 !important;
}


/* ----------------------------------------------------------
   BOTTOM RACE NAVIGATION
   Replace remaining pale footer with dark shell
   ---------------------------------------------------------- */

.wla-race-footer{
    background:#071b29 !important;

    border-top:
        1px solid
        rgba(85,124,147,.34) !important;
}

.wla-race-footer strong{
    color:#edf5f9 !important;
}

.wla-race-footer span{
    color:#7f9bae !important;
}


/* Arrow stays visible */
.wla-race-arrow{
    background:#0b293c !important;

    border-color:
        rgba(100,146,172,.55) !important;

    color:#ffffff !important;
}


/* ==========================================================
   MOBILE
   Preserve same dark/white identity treatment
   ========================================================== */

@media (max-width:760px){

    .wla-runner-identity{
        background:
            linear-gradient(
                90deg,
                transparent 0,
                transparent 47px,
                #ffffff 47px,
                #ffffff 100%
            ) !important;
    }

    .wla-detail strong{
        color:#f0f6f9 !important;
    }
}

/* WLA DARK RACE CARD PASS END */


/* WLA DARK HORSE NAME AREA START
   Keep only the silk tile white.
   Horse name now blends into the dark runner row.
   ========================================================== */

.wla-runner-identity,
.wla-runner.finish-1 .wla-runner-identity,
.wla-runner.finish-2 .wla-runner-identity,
.wla-runner.finish-3 .wla-runner-identity{
    background:#071b29 !important;
    border-radius:0 !important;
}

.wla-runner-name,
.wla-runner.finish-1 .wla-runner-name,
.wla-runner.finish-2 .wla-runner-name,
.wla-runner.finish-3 .wla-runner-name{
    color:#f4f8fb !important;
}

/* Only the silk itself keeps a white tile for now */
.wla-silk-wrap,
.wla-runner.finish-1 .wla-silk-wrap,
.wla-runner.finish-2 .wla-silk-wrap,
.wla-runner.finish-3 .wla-silk-wrap{
    background:#ffffff !important;

    border-radius:5px !important;
}

/* WLA DARK HORSE NAME AREA END */


/* WLA HORSE NAME FONT START
   Match the cleaner jockey typography while keeping
   the horse name slightly more prominent.
   ========================================================== */

.wla-runner-name,
.wla-runner.finish-1 .wla-runner-name,
.wla-runner.finish-2 .wla-runner-name,
.wla-runner.finish-3 .wla-runner-name{
    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size:17px !important;
    line-height:1.2 !important;
    font-weight:700 !important;

    letter-spacing:0 !important;

    color:#f4f8fb !important;
}

/* WLA HORSE NAME FONT END */


/* WLA_FINAL_TRANSPARENT_SILKS_START */

.wla-silk-wrap{
    width:70px !important;
    height:66px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    background:none !important;
    background-color:transparent !important;

    border:0 !important;
    box-shadow:none !important;
    overflow:visible !important;
    padding:0 !important;
}

.wla-silk{
    width:auto !important;
    height:auto !important;

    max-width:66px !important;
    max-height:62px !important;

    object-fit:contain !important;

    background:none !important;
    background-color:transparent !important;

    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    padding:0 !important;

    filter:none !important;
    image-rendering:auto !important;
}

@media (max-width:700px){
    .wla-silk-wrap{
        width:60px !important;
        height:60px !important;
        background:none !important;
        background-color:transparent !important;
    }

    .wla-silk{
        max-width:58px !important;
        max-height:58px !important;
        background:none !important;
        background-color:transparent !important;
    }
}

/* WLA_FINAL_TRANSPARENT_SILKS_END */


/* WLA_LOCKED_SILK_DESIGN_START */

/*
   Winning Line AI accepted silk presentation
   Locked 28 October 2026

   - transparent background
   - no white tile
   - desktop scale 1.35
   - mobile scale 1.25
*/

.wla-runner .wla-silk-wrap,
.wla-runner-identity .wla-silk-wrap,
.wla-silk-wrap{
    width:72px !important;
    height:66px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    background:none !important;
    background-color:transparent !important;
    background-image:none !important;

    border:0 !important;
    box-shadow:none !important;
    padding:0 !important;
    overflow:visible !important;
}

.wla-runner .wla-silk,
.wla-runner-identity .wla-silk,
.wla-silk{
    width:auto !important;
    height:auto !important;

    max-width:72px !important;
    max-height:66px !important;

    object-fit:contain !important;

    transform:scale(1.35) !important;
    transform-origin:center center !important;

    background:none !important;
    background-color:transparent !important;
    background-image:none !important;

    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    padding:0 !important;

    filter:none !important;
    image-rendering:auto !important;
}

@media (max-width:700px){

    .wla-silk-wrap{
        width:60px !important;
        height:60px !important;
    }

    .wla-silk{
        max-width:58px !important;
        max-height:58px !important;

        transform:scale(1.25) !important;
    }
}

/* WLA_LOCKED_SILK_DESIGN_END */

/* WLA_BLANK_MISSING_SILKS_START
   Missing historical silk:
   preserve the silk space for alignment but display absolutely
   no white tile, border, shadow, placeholder, text or symbol.
*/

.wla-silk-wrap:not(:has(img.wla-silk)){
    background:transparent !important;
    background-color:transparent !important;
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
}

.wla-silk-wrap:not(:has(img.wla-silk))::before,
.wla-silk-wrap:not(:has(img.wla-silk))::after{
    display:none !important;
    content:none !important;
}

/* WLA_BLANK_MISSING_SILKS_END */

/* WLA_MISSING_SILK_SPACER_START
   Missing silk = transparent alignment space only.
   This element is intentionally NOT .wla-silk-wrap, so legacy
   silk background/finish-position rules cannot affect it.
*/

.wla-silk-spacer{
    width:72px !important;
    height:66px !important;
    min-width:72px !important;
    flex:0 0 72px !important;

    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;

    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;

    padding:0 !important;
    margin:0 !important;

    overflow:hidden !important;
}

.wla-silk-spacer::before,
.wla-silk-spacer::after{
    display:none !important;
    content:none !important;
}

@media(max-width:700px){
    .wla-silk-spacer{
        width:72px !important;
        height:66px !important;
        min-width:72px !important;
        flex-basis:72px !important;
    }
}

/* WLA_MISSING_SILK_SPACER_END */

/* WLA_FINAL_PODIUM_FULL_BOX_START
   Authoritative podium result treatment.
   Entire runner box is identified by placement.
   Existing number-box colours remain.
   Silk transparency remains untouched.
*/

/* 1ST - GOLD */
.wla-runner.finish-1{
    background:
        linear-gradient(
            90deg,
            rgba(217,165,20,.13) 0%,
            rgba(7,27,41,1) 18%,
            rgba(7,27,41,1) 100%
        ) !important;

    border:2px solid #d9a514 !important;
    border-radius:7px !important;

    box-shadow:
        inset 0 0 0 1px rgba(255,226,120,.18),
        0 0 12px rgba(217,165,20,.16) !important;
}

/* 2ND - SILVER */
.wla-runner.finish-2{
    background:
        linear-gradient(
            90deg,
            rgba(198,205,211,.13) 0%,
            rgba(7,27,41,1) 18%,
            rgba(7,27,41,1) 100%
        ) !important;

    border:2px solid #b8c0c7 !important;
    border-radius:7px !important;

    box-shadow:
        inset 0 0 0 1px rgba(235,240,244,.16),
        0 0 12px rgba(184,192,199,.14) !important;
}

/* 3RD - BRONZE */
.wla-runner.finish-3{
    background:
        linear-gradient(
            90deg,
            rgba(181,111,63,.15) 0%,
            rgba(7,27,41,1) 18%,
            rgba(7,27,41,1) 100%
        ) !important;

    border:2px solid #b56f3f !important;
    border-radius:7px !important;

    box-shadow:
        inset 0 0 0 1px rgba(235,170,120,.15),
        0 0 12px rgba(181,111,63,.15) !important;
}

/* Keep all inner runner sections transparent so the
   full podium treatment shows through consistently. */

.wla-runner.finish-1 .wla-runner-identity,
.wla-runner.finish-1 .wla-runner-details,
.wla-runner.finish-1 .wla-runner-odds,

.wla-runner.finish-2 .wla-runner-identity,
.wla-runner.finish-2 .wla-runner-details,
.wla-runner.finish-2 .wla-runner-odds,

.wla-runner.finish-3 .wla-runner-identity,
.wla-runner.finish-3 .wla-runner-details,
.wla-runner.finish-3 .wla-runner-odds{
    background:transparent !important;
}

/* Silk area stays transparent. */
.wla-runner.finish-1 .wla-silk-wrap,
.wla-runner.finish-2 .wla-silk-wrap,
.wla-runner.finish-3 .wla-silk-wrap{
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    border:0 !important;
    box-shadow:none !important;
}

/* WLA_FINAL_PODIUM_FULL_BOX_END */

/* WLA_PODIUM_NUMBER_OUTLINE_ONLY_START
   Final podium treatment:
   - keep the existing number box fill/colour exactly as-is
   - add only a podium-coloured outer outline
   - do not colour the full runner row
*/

/* Restore normal runner background for all placings */
.wla-runner.finish-1,
.wla-runner.finish-2,
.wla-runner.finish-3{
    background:
        linear-gradient(
            90deg,
            #082233,
            #071b29
        ) !important;

    border-color:rgba(64,118,150,.28) !important;
    box-shadow:none !important;
}

/* 1ST - GOLD OUTLINE ONLY */
.wla-runner.finish-1 .wla-runner-number{
    outline:2px solid #d9a514 !important;
    outline-offset:3px !important;
    box-shadow:
        0 0 0 1px rgba(217,165,20,.20),
        0 0 8px rgba(217,165,20,.25) !important;
}

/* 2ND - SILVER OUTLINE ONLY */
.wla-runner.finish-2 .wla-runner-number{
    outline:2px solid #b8c0c7 !important;
    outline-offset:3px !important;
    box-shadow:
        0 0 0 1px rgba(184,192,199,.18),
        0 0 8px rgba(184,192,199,.22) !important;
}

/* 3RD - BRONZE OUTLINE ONLY */
.wla-runner.finish-3 .wla-runner-number{
    outline:2px solid #b56f3f !important;
    outline-offset:3px !important;
    box-shadow:
        0 0 0 1px rgba(181,111,63,.18),
        0 0 8px rgba(181,111,63,.22) !important;
}

/* WLA_PODIUM_NUMBER_OUTLINE_ONLY_END */

/* WLA_CHRONO_VIEW_CSS_START */

.wla-meeting-view-row{
    display:flex;
    align-items:flex-end;
    gap:12px;
    width:100%;
}

.wla-meeting-view-row .wla-meeting-tabs{
    flex:1 1 auto;
    min-width:0;
}

.wla-view-control{
    flex:0 0 230px;
    display:flex;
    flex-direction:column;
    gap:4px;
}

.wla-view-control label{
    color:#6fa5c3;
    font-size:11px;
    line-height:1;
    font-weight:900;
    letter-spacing:1px;
}

.wla-view-control select{
    width:100%;
    height:41px;
    padding:0 12px;

    border:1px solid #315d76;
    border-radius:8px;

    background:#071b29;
    color:#f4f8fb;

    font:inherit;
    font-size:14px;
    font-weight:800;
}

.wla-chrono-view[hidden]{
    display:none !important;
}

.wla-chrono-view{
    margin-top:8px;
}

.wla-chrono-heading{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:16px;

    margin-bottom:10px;
    padding:11px 14px;

    border:1px solid #234e67;
    border-radius:9px;

    background:#071b29;
}

.wla-chrono-heading > div{
    display:flex;
    align-items:center;
    gap:12px;
}

.wla-chrono-heading strong{
    color:#f4f8fb;
    font-size:18px;
}

#wlaChronoCount{
    color:#8ebbd2;
    font-size:13px;
}

#wlaChronoList{
    display:grid;
    gap:12px;
}

.wla-chrono-race{
    overflow:hidden;

    border:1px solid #25536d;
    border-radius:10px;

    background:#071b29;
}

.wla-chrono-race-head{
    display:grid;
    grid-template-columns:minmax(0,1fr) 260px;
    gap:18px;

    padding:13px 17px;

    border-top:3px solid #27bad2;
    border-bottom:1px solid #234e67;

    background:#0a2b40;
}

.wla-chrono-meta{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;

    margin-bottom:5px;
}

.wla-chrono-meta span,
.wla-chrono-meeting{
    display:inline-flex;
    align-items:center;

    min-height:27px;
    padding:3px 9px;

    border:1px solid #315d76;
    border-radius:7px;

    color:#d8eaf3;

    font-size:13px;
    font-weight:800;
}

.wla-chrono-meeting{
    border-color:#22aec8;
    color:#ffffff;
}

.wla-chrono-time{
    border-color:#d3a119 !important;
    color:#ffd35c !important;
}

.wla-chrono-race h2{
    margin:0;

    color:#ffffff;
    font-size:23px;
    line-height:1.15;
}

.wla-chrono-race-main p{
    margin:5px 0 0;

    color:#8fc2dc;
    font-size:13px;
}

.wla-chrono-bias{
    display:flex;
    flex-direction:column;
    justify-content:center;

    padding-left:16px;
    border-left:1px solid #315d76;
}

.wla-chrono-bias small{
    color:#6fa5c3;
    font-size:10px;
    font-weight:900;
    letter-spacing:.7px;
    text-transform:uppercase;
}

.wla-chrono-bias strong{
    margin-top:4px;
    color:#f4f8fb;
    font-size:14px;
    line-height:1.25;
}

.wla-chrono-runner-list{
    display:grid;
}

.wla-chrono-runner-list .wla-runner{
    border-radius:0 !important;
}

@media(max-width:900px){

    .wla-meeting-view-row{
        align-items:stretch;
        flex-direction:column;
    }

    .wla-view-control{
        width:100%;
        flex-basis:auto;
    }

    .wla-chrono-race-head{
        grid-template-columns:1fr;
    }

    .wla-chrono-bias{
        padding-left:0;
        padding-top:9px;
        border-left:0;
        border-top:1px solid #315d76;
    }
}

/* WLA_CHRONO_VIEW_CSS_END */

/* WLA_FINAL_NUMBER_BOX_STYLE_START
   Authoritative horse number presentation:
   - dark navy box
   - white number
   - podium placement shown by outline only
*/

.wla-runner .wla-runner-number,
.wla-runner.finish-1 .wla-runner-number,
.wla-runner.finish-2 .wla-runner-number,
.wla-runner.finish-3 .wla-runner-number{
    background:#0b2a3d !important;
    background-color:#0b2a3d !important;
    background-image:none !important;

    color:#ffffff !important;

    border:1px solid #315d76 !important;
    border-radius:6px !important;

    font-weight:900 !important;

    box-shadow:none !important;
    text-shadow:none !important;
}

/* Normal runners */
.wla-runner:not(.finish-1):not(.finish-2):not(.finish-3) .wla-runner-number{
    outline:none !important;
}

/* 1ST - GOLD FRAME */
.wla-runner.finish-1 .wla-runner-number{
    outline:2px solid #d9a514 !important;
    outline-offset:3px !important;

    box-shadow:
        0 0 0 1px rgba(217,165,20,.18),
        0 0 8px rgba(217,165,20,.22) !important;
}

/* 2ND - SILVER FRAME */
.wla-runner.finish-2 .wla-runner-number{
    outline:2px solid #b8c0c7 !important;
    outline-offset:3px !important;

    box-shadow:
        0 0 0 1px rgba(184,192,199,.16),
        0 0 8px rgba(184,192,199,.20) !important;
}

/* 3RD - BRONZE FRAME */
.wla-runner.finish-3 .wla-runner-number{
    outline:2px solid #b56f3f !important;
    outline-offset:3px !important;

    box-shadow:
        0 0 0 1px rgba(181,111,63,.16),
        0 0 8px rgba(181,111,63,.20) !important;
}

/* WLA_FINAL_NUMBER_BOX_STYLE_END */

/* WLA_REMOVE_NUMBER_COLUMN_STRIP_START
   Remove the narrow continuous shaded strip running vertically
   beside the horse-number column.
   Number boxes themselves remain unchanged.
*/

.wla-runner,
.wla-runner-identity{
    background-image:none !important;
}

.wla-runner-identity{
    background:#071b29 !important;
}

.wla-runner::before,
.wla-runner::after,
.wla-runner-identity::before,
.wla-runner-identity::after{
    box-shadow:none !important;
}

/* WLA_REMOVE_NUMBER_COLUMN_STRIP_END */

/* WLA_LARGE_PODIUM_NUMBER_FRAME_START
   Strong result frame around existing number box.
   Inner number tile remains unchanged.
*/

/* Remove the old thin podium outlines */
.wla-runner.finish-1 .wla-runner-number,
.wla-runner.finish-2 .wla-runner-number,
.wla-runner.finish-3 .wla-runner-number{
    outline:none !important;
}

/* 1ST - GOLD LARGE FRAME */
.wla-runner.finish-1 .wla-runner-number{
    box-shadow:
        0 0 0 4px #d9a514,
        0 0 0 6px rgba(217,165,20,.22),
        0 0 10px rgba(217,165,20,.28) !important;
}

/* 2ND - SILVER LARGE FRAME */
.wla-runner.finish-2 .wla-runner-number{
    box-shadow:
        0 0 0 4px #b8c0c7,
        0 0 0 6px rgba(184,192,199,.20),
        0 0 10px rgba(184,192,199,.24) !important;
}

/* 3RD - BRONZE LARGE FRAME */
.wla-runner.finish-3 .wla-runner-number{
    box-shadow:
        0 0 0 4px #b56f3f,
        0 0 0 6px rgba(181,111,63,.20),
        0 0 10px rgba(181,111,63,.24) !important;
}

/* WLA_LARGE_PODIUM_NUMBER_FRAME_END */

/* WLA_CRISP_PODIUM_FRAME_START
   Strong but sharp podium frame.
   No glow, blur or soft halo.
*/

.wla-runner.finish-1 .wla-runner-number,
.wla-runner.finish-2 .wla-runner-number,
.wla-runner.finish-3 .wla-runner-number{
    outline:none !important;
}

/* 1ST */
.wla-runner.finish-1 .wla-runner-number{
    box-shadow:
        0 0 0 4px #d9a514 !important;
}

/* 2ND */
.wla-runner.finish-2 .wla-runner-number{
    box-shadow:
        0 0 0 4px #b8c0c7 !important;
}

/* 3RD */
.wla-runner.finish-3 .wla-runner-number{
    box-shadow:
        0 0 0 4px #b56f3f !important;
}

/* WLA_CRISP_PODIUM_FRAME_END */

/* WLA_TRACK_RAIL_UI_START */

/* Meeting-level information shown once in By Meeting view */
.wla-meeting-track-info{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;

    margin:8px 0 4px 0;
}

/* Track and rail share the compact race-meta appearance */
.wla-track-pill,
.wla-rail-pill{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:28px;
    padding:4px 10px;

    border:1px solid #315d76;
    border-radius:7px;

    background:#0b2a3d;

    color:#ffffff;

    font-size:12px;
    font-weight:900;
    line-height:1.1;

    white-space:nowrap;
}

/* Track rating receives a small cyan accent */
.wla-track-pill{
    border-color:#168da8;
    color:#dffaff;
}

/* Rail stays quieter so it does not overpower race information */
.wla-rail-pill{
    color:#d8e8f2;
}

/* Chronological pills sit directly beside distance/time metadata */
.wla-chrono-track-pill,
.wla-chrono-rail-pill{
    margin-left:6px;
    vertical-align:middle;
}

/* Reuse the exact accepted Historical Winner Bias visual */
.wla-chrono-bias-panel{
    margin:0 !important;
    flex-shrink:0;
}

@media(max-width:760px){

    .wla-meeting-track-info{
        gap:6px;
    }

    .wla-track-pill,
    .wla-rail-pill{
        font-size:11px;
        padding:4px 8px;
    }

    .wla-chrono-rail-pill{
        white-space:normal;
    }
}

/* WLA_TRACK_RAIL_UI_END */

/* WLA_MEETING_TRACK_SEPARATE_ROW_START
   By Meeting only:
   - meeting tabs remain on the top row
   - View selector remains on the right
   - track condition / rail move to their own full-width row below
*/

.wla-meeting-view-row{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:flex-end !important;
    column-gap:12px !important;
    row-gap:6px !important;
}

/* Meeting buttons retain the available left-side space */
.wla-meeting-view-row #meetingTabs{
    flex:1 1 auto !important;
    min-width:0 !important;
}

/* Track / rail always starts a fresh row */
.wla-meeting-view-row .wla-meeting-track-info{
    flex:0 0 100% !important;
    width:100% !important;

    order:3 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;

    gap:8px !important;

    margin:0 !important;
    padding:2px 0 4px 0 !important;
}

/* Do not let a long rail position squeeze the meeting tabs */
.wla-meeting-view-row .wla-meeting-track-info .wla-track-pill,
.wla-meeting-view-row .wla-meeting-track-info .wla-rail-pill{
    flex:0 0 auto !important;
    max-width:100% !important;
}

/* Long rail descriptions may wrap naturally on smaller screens */
.wla-meeting-view-row .wla-meeting-track-info .wla-rail-pill{
    white-space:normal !important;
    text-align:left !important;
}

/* Chronological track/rail pills are deliberately untouched */

@media(max-width:760px){

    .wla-meeting-view-row .wla-meeting-track-info{
        gap:6px !important;
    }
}

/* WLA_MEETING_TRACK_SEPARATE_ROW_END */

/* WLA_LADBROKES_SILK_SIZE_START
   Ladbrokes artwork is larger within its 64x64 canvas than the older
   TAB-derived silk artwork, so reduce only PriceKinetics images slightly.
*/
img[src*="cdn.prod.pricekinetics.com/silks/"]{
    transform:scale(.90) !important;
    transform-origin:center center !important;
}
/* WLA_LADBROKES_SILK_SIZE_END */
/* WLA_LADBROKES_SILK_SIZE_REAL_START
   Winning Line AI normal silk scale:
     desktop = 1.35
     mobile  = 1.25

   PriceKinetics artwork fills more of its source canvas,
   so display it approximately 10% smaller.
*/

html body .wla-runner img[src*="cdn.prod.pricekinetics.com/silks/"],
html body .wla-runner img[src*="pricekinetics.com/silks/"],
html body img[src*="cdn.prod.pricekinetics.com/silks/"],
html body img[src*="pricekinetics.com/silks/"]{
    transform:scale(1.21) !important;
    transform-origin:center center !important;
}

@media(max-width:760px){

    html body .wla-runner img[src*="cdn.prod.pricekinetics.com/silks/"],
    html body .wla-runner img[src*="pricekinetics.com/silks/"],
    html body img[src*="cdn.prod.pricekinetics.com/silks/"],
    html body img[src*="pricekinetics.com/silks/"]{
        transform:scale(1.12) !important;
        transform-origin:center center !important;
    }
}

/* WLA_LADBROKES_SILK_SIZE_REAL_END */
/* WLA_LADBROKES_LOCAL_SIZE_START
   Clean Ladbrokes / PriceKinetics artwork fills more of its
   source canvas than the old TAB artwork.

   Normal WLA silk scale:
     Desktop = 1.35
     Mobile  = 1.25

   Ladbrokes preferred scale:
     Desktop = 1.21
     Mobile  = 1.12

   Applies to BOTH:
     - live PriceKinetics URLs
     - locally downloaded Ladbrokes silks
*/

html body img[src*="cdn.prod.pricekinetics.com/silks/"],
html body img[src*="pricekinetics.com/silks/"],
html body img[src*="assets/silks/ladbrokes/"],
html body img[src*="/assets/silks/ladbrokes/"] {
    transform: scale(1.21) !important;
    transform-origin: center center !important;
}

@media (max-width:760px) {

    html body img[src*="cdn.prod.pricekinetics.com/silks/"],
    html body img[src*="pricekinetics.com/silks/"],
    html body img[src*="assets/silks/ladbrokes/"],
    html body img[src*="/assets/silks/ladbrokes/"] {
        transform: scale(1.12) !important;
        transform-origin: center center !important;
    }
}

/* WLA_LADBROKES_LOCAL_SIZE_END */
/* WLA_LADBROKES_CLASS_SIZE_START
   Dedicated class applied by JS to all Ladbrokes / PriceKinetics silks.
   This deliberately overrides the normal WLA silk scale of 1.35 / 1.25.
*/

html body .wla-silk-wrap img.wla-ladbrokes-silk {
    transform: scale(1.21) !important;
    transform-origin: center center !important;
}

@media (max-width:760px) {
    html body .wla-silk-wrap img.wla-ladbrokes-silk {
        transform: scale(1.12) !important;
        transform-origin: center center !important;
    }
}

/* WLA_LADBROKES_CLASS_SIZE_END */