/* Bazi444sb theme. Loaded after every other stylesheet. Sizes and colours are the measured design values
   (phone 412px wide, desktop 1366px). On phones sizes follow the screen width like the reference: --v is 1px at 412px.
   Font: Tahoma everywhere. */
:root{
    --v:1px;
    --nice-font:Tahoma,Verdana,Geneva,sans-serif;
    --nice-navy:linear-gradient(-180deg,#315195 0%,#14213d 100%);
    --nice-slate:linear-gradient(-180deg,#2e4b5e 0%,#243a48 82%);
    --nice-green:linear-gradient(180deg,#a4dc60 0%,#4f9f21 100%);
    --nice-red:linear-gradient(-180deg,#f72424 0%,#bb1c00 100%);
    --nice-foot:linear-gradient(-180deg,#243a48 20%,#172732 91%);
    --nice-foot-on:linear-gradient(-180deg,#32617f 20%,#1f4258 91%);
    --nice-blue:#2789ce;
    --nice-page:#ededed;
    --nice-line:#c8ced3;
    --nice-line-2:#e0e6e6;
}
@media(max-width:700px){:root{--v:min(calc(100vw / 412),1.15px)}}

body.nice,body.nice main{background:var(--nice-page)}
body.nice,.nice .site-header,.nice .balance-bar,.nice .mobile-nav,.nice .match-list,.nice .account-list,.nice .nice-casino,.nice button,.nice input{font-family:var(--nice-font)}
@media(max-width:700px){body.nice{font-family:var(--nice-font);padding-bottom:calc(60 * var(--v))}}

/* ---------- Header: 56px navy gradient, logo 160x55, red Login 80x35 ---------- */
.nice .site-header{background:var(--nice-navy);color:#fff}
.nice .site-header .header-row{height:calc(56 * var(--v));max-width:none;margin:0;padding:0 calc(8 * var(--v)) 0 calc(13 * var(--v));gap:0}
.nice .site-header .logo{width:calc(160 * var(--v));height:calc(55 * var(--v));margin:0 auto 0 0}
.nice .site-header .logo img{object-fit:contain;object-position:left center}
.nice .guest-actions{margin-left:auto;gap:0}
.nice .guest-actions>a.nice-login-btn{display:flex;align-items:center;justify-content:center;gap:calc(4 * var(--v));width:calc(80 * var(--v));min-width:0;height:calc(35 * var(--v));margin:0;padding:calc(6 * var(--v)) calc(12 * var(--v));border:0;border-radius:calc(3.2 * var(--v));background:var(--nice-red);box-shadow:none;color:#fff;font-size:calc(12.25 * var(--v));line-height:1}
.nice .nice-login-btn b{font-weight:700}
.nice .nice-login-btn svg{width:calc(11 * var(--v));height:calc(12 * var(--v));fill:#fff}
.nice .guest-actions>a:not(.nice-login-btn){background:rgba(255,255,255,.12);border:1px solid #0b1933;color:#fff}
.nice .event-search,.nice .signup,.nice .header-login-user,.nice .header-login-code,.nice .nav-tz,.nice .nav-games{display:none}
.nice .nice-head-search-form{display:flex;gap:6px;padding:6px 8px;background:#14213d}
.nice .nice-head-search-form[hidden]{display:none}
.nice .nice-head-search-form input{flex:1;min-width:0;height:32px;padding:0 10px;border:1px solid #000;border-radius:4px;background:#fff;color:#000;font-size:14px}
.nice .nice-head-search-form button{width:32px;height:32px;border:0;border-radius:4px;background:var(--nice-red);color:#fff;font-size:22px;line-height:1;cursor:pointer}
/* the guest news line is not on the reference; logged in it is */
.nice:not(.logged-in) .marquee{display:none}

/* Logged in (phone): the header's place = Bets | Main / Exposure | refresh | settings, all on the navy gradient */
.nice .balance-bar{height:calc(56 * var(--v));gap:calc(8 * var(--v));padding:calc(8 * var(--v)) calc(4 * var(--v)) calc(8 * var(--v)) calc(1 * var(--v));background:var(--nice-navy);border:0;box-shadow:none}
.nice .balance-bar .bets-btn,.nice .balance-bar .settings-btn,.nice .balance-bar .wallet-refresh{height:calc(38 * var(--v));border:0;border-bottom:1px solid #0b1933;border-radius:calc(4.4 * var(--v));background:var(--nice-navy);box-shadow:inset 0 1px 0 0 rgba(255,255,255,.4);color:#fff}
.nice .balance-bar .bets-btn{flex:0 0 calc(80 * var(--v));width:calc(80 * var(--v));justify-content:center;gap:calc(5 * var(--v));padding:0;font-size:calc(14 * var(--v));font-weight:700}
.nice .balance-bar .bets-btn svg{width:calc(18 * var(--v));height:calc(20 * var(--v));fill:#fff}
.nice .balance-bar .wallet-box{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:calc(8 * var(--v));height:auto;border:0;background:none;box-shadow:none}
.nice .balance-bar .wallet-lines{display:flex;flex-direction:column;align-items:flex-end;padding:0;color:#fff;font-size:calc(12 * var(--v));font-weight:700;line-height:calc(18 * var(--v))}
.nice .balance-bar .wallet-lines em{color:#fff;font-style:normal}
.nice .balance-bar .wallet-lines b{color:#fff;font-weight:900}
.nice .balance-bar #wallet-exposure{color:red}
.nice .balance-bar #wallet-exposure::before{content:'(';color:#fff}
.nice .balance-bar #wallet-exposure::after{content:')';color:#fff}
/* Open exposure: red amount in white brackets like zero, no pill */
.nice .balance-bar #wallet-exposure.neg{padding:0;border-radius:0;background:none;color:red}
.nice .balance-bar .plus-pill{border-color:rgba(255,255,255,.6);color:#fff}
.nice .balance-bar .wallet-refresh{flex:0 0 calc(37 * var(--v));width:calc(37 * var(--v));margin:0}
.nice .balance-bar .wallet-refresh svg{width:calc(20 * var(--v));height:calc(20 * var(--v));fill:#fff}
.nice .balance-bar .settings-btn{flex:0 0 calc(38 * var(--v));width:calc(38 * var(--v))}
.nice .balance-bar .settings-btn svg{width:calc(20 * var(--v));height:calc(20 * var(--v));fill:#fff}
.nice .balance-bar .bets-alert{background:red;color:#fff}

/* News line (logged in): dark slate bar, white "News" */
.nice .marquee{background:#1b2a33;border-bottom:0}
.nice .marquee-left{width:auto;padding:calc(3 * var(--v)) calc(6 * var(--v))}
.nice .marquee-left-content,.nice .marquee-item-content{color:#fff;font-size:calc(13 * var(--v))}
.nice .marquee-item-date{background:none;color:#fff;padding:0}

/* ---------- Banner (Home): full width ---------- */
.nice .promo-banner,.nice .home-page .promo-banner{max-width:none;height:auto;margin:0;background:#000;aspect-ratio:970/241}
.nice .promo-slide img{object-fit:fill}
.nice .promo-dots{display:none}
.nice .promo-prev,.nice .promo-next{display:none}

/* ---------- Green sport menu (43px, tabs 38px radius 6.6 top, 14px bold; black feature tab; 49px dark search) ---------- */
.nice-menu{display:flex;height:calc(43 * var(--v));background:var(--nice-green)}
.nice-menu-tabs{flex:1;display:flex;align-items:flex-end;gap:calc(10 * var(--v));min-width:0;padding:0 0 0 calc(3 * var(--v));overflow-x:auto;scrollbar-width:none}
.nice-menu-tabs::-webkit-scrollbar{display:none}
.nice-menu-tab{flex:0 0 auto;display:flex;align-items:center;gap:calc(2 * var(--v));height:calc(39 * var(--v));padding:calc(5 * var(--v)) calc(3 * var(--v));border-radius:calc(6.592 * var(--v)) calc(6.592 * var(--v)) 0 0;color:#000;font-size:calc(14 * var(--v));font-weight:700;line-height:1.2;text-decoration:none;white-space:nowrap}
.nice-menu-tab.active{background:var(--nice-navy);color:#fff}
.nice-menu-ico{display:flex;align-items:center;justify-content:center;width:calc(32 * var(--v));height:calc(29 * var(--v))}
.nice-menu-ico svg{width:calc(26 * var(--v));height:calc(26 * var(--v));fill:currentColor}
.nice-menu-tab.nice-feature{height:calc(40 * var(--v));padding-right:calc(4 * var(--v));background:#000;color:#ffd800}
.nice-plane{width:calc(50 * var(--v));height:calc(28 * var(--v));object-fit:contain}
/* Pulsing image + name (the black box stays still), as the reference's .exch.heartBeat: 1 s zoom 1.1 → 0.8 → 1.1,
   text yellow → red → yellow */
.nice-menu-tab.heartBeat>img,.nice-menu-tab.heartBeat>span{transition:.3s ease-in;animation:nice-zoom-in-zoom-out 1s ease infinite}
@keyframes nice-zoom-in-zoom-out{0%{transform:scale(1.1);color:#ff0}50%{transform:scale(.8);color:red}to{transform:scale(1.1);color:#ff0}}
.nice-menu-search{flex:0 0 calc(49 * var(--v));display:flex;align-items:center;justify-content:center;border:0;background:linear-gradient(180deg,#525252 0%,#2d2d2d 80%);color:#fff;cursor:pointer}
.nice-menu-search svg{width:calc(22 * var(--v));height:calc(22 * var(--v))}
.nice-highlights{display:none}

/* ---------- Match rows ---------- */
.nice .match-list{margin:0;background:#fff;box-shadow:none;border:0}
.nice .match-list-head{display:none}
.nice .match-row{display:flex;align-items:flex-start;gap:calc(4 * var(--v));min-height:0;padding:calc(6 * var(--v)) calc(5 * var(--v)) calc(6 * var(--v)) calc(9 * var(--v));border-bottom:1px solid var(--nice-line);background:#fff}
.nice .match-row:hover{background:#fff}
.nice .match-row .match-info{flex:1;display:block;min-width:0;padding:0;color:inherit;text-decoration:none}
.nice .match-name{display:block;margin:0;color:var(--nice-blue);font-size:calc(16.48 * var(--v));font-weight:700;line-height:calc(24 * var(--v))}
.nice .match-name strong{display:inline;min-width:0;overflow:visible;white-space:normal;text-overflow:clip;color:var(--nice-blue);font-size:inherit;font-weight:700;line-height:inherit;text-decoration:none}
.nice .match-name .score{color:inherit;font-weight:700}
.nice .match-status{display:none;margin-left:calc(4 * var(--v));color:#008000;font-size:calc(12 * var(--v));font-style:normal;font-weight:700;line-height:calc(18 * var(--v))}
.nice .match-status.live{display:inline}
.nice.nice-home:not(.logged-in) .match-status.live{color:#f60400}
.nice .nice-time{display:block;padding:calc(3 * var(--v)) 0 0 calc(5 * var(--v));color:#777;font-size:calc(12 * var(--v));line-height:calc(18 * var(--v))}
.nice .match-row:has(.match-status.live) .nice-time{display:none}
.nice .virtual-tag{display:inline-flex;vertical-align:middle;margin-left:4px}
.nice .nice-badges{flex:0 0 auto;display:flex;gap:calc(4 * var(--v));padding-top:calc(2 * var(--v))}
.nice .nice-badges i{display:flex;align-items:center;justify-content:center;height:calc(19 * var(--v));padding:0 calc(5 * var(--v));border-radius:calc(4 * var(--v));color:#fff;font-size:calc(16 * var(--v));font-style:italic;font-weight:700;line-height:1;text-shadow:0 1px 0 rgba(0,0,0,.3)}
.nice .nice-badges .nice-bm{order:0;padding:0 calc(2 * var(--v)) 0 calc(2 * var(--v));min-width:calc(31 * var(--v));background:linear-gradient(-180deg,#315195,#14213d);letter-spacing:-.5px}
.nice .nice-badges .nice-f{order:1;background:linear-gradient(#0a92a5 15%,#076875 100%)}
.nice .nice-badges .nice-s{order:2;background:linear-gradient(#f26d1c 15%,#d14100 100%)}
.nice .mini-odds{display:none}
.nice .row-pin{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:calc(25 * var(--v));height:calc(25 * var(--v));margin:calc(1 * var(--v)) 0 0 calc(8 * var(--v));padding:0;border:1px solid #9a9a9a;border-radius:50%;background:linear-gradient(180deg,#fff,#d7d7d7);cursor:pointer}
.nice .row-pin svg{width:calc(15 * var(--v));height:calc(15 * var(--v));fill:#8a8a8a}
.nice .row-pin.pinned{background:var(--nice-blue);border-color:var(--nice-blue)}
.nice .row-pin.pinned svg{fill:#fff}
.nice .empty-list{margin:0;padding:calc(14 * var(--v)) calc(10 * var(--v));background:#fff;color:#777;font-size:calc(14 * var(--v));text-align:center}
.nice .competition-title{background:#e4e7ea;color:#1e1e1e}
/* Sports search results title */
.nice .nice-search-title{margin:0}

/* In-Play: compact rows (15.2px name, 30px rows), navy sport bars 30px with 10px between groups */
.nice.nice-inplay .match-row,.nice.nice-sport .match-row{align-items:center;padding:calc(3 * var(--v)) 0 calc(3 * var(--v)) calc(9 * var(--v))}
.nice.nice-inplay .match-name,.nice.nice-sport .match-name{font-size:calc(15.244 * var(--v));line-height:calc(23 * var(--v))}
.nice.nice-inplay .nice-badges .nice-bm,.nice.nice-sport .nice-badges .nice-bm{order:3}
.nice.nice-inplay .nice-badges,.nice.nice-sport .nice-badges{padding:0}
.nice.nice-inplay .row-pin{display:none}
.nice .match-list .list-title,.nice .section-bar{display:flex;align-items:center;justify-content:center;height:calc(30 * var(--v));margin:0;padding:0 0 0 10px;border:0;background:var(--nice-navy);color:#fff;font-size:calc(14 * var(--v));font-weight:700}
.nice .inplay-page .match-list{margin:0 0 calc(10 * var(--v));border-bottom:1px solid var(--nice-line)}
.nice .inplay-tabs{display:block;height:auto;padding:calc(3 * var(--v)) calc(4 * var(--v)) calc(3 * var(--v)) calc(5 * var(--v));background:var(--nice-page)}
.nice .inplay-tabs nav{display:flex;width:100%;margin:0;border:0;border-radius:calc(4 * var(--v));overflow:hidden}
.nice .inplay-tabs nav a{flex:1;display:flex;align-items:center;justify-content:center;height:calc(38 * var(--v));border:1px solid #3b5160;border-left-width:0;background:#fff;color:#3b5160;font-size:calc(15 * var(--v));font-weight:700;text-decoration:none}
.nice .inplay-tabs nav a:first-child{border-left-width:1px;border-radius:calc(4 * var(--v)) 0 0 calc(4 * var(--v))}
.nice .inplay-tabs nav a:last-child{border-radius:0 calc(4 * var(--v)) calc(4 * var(--v)) 0}
.nice .inplay-tabs nav a.active{background:#3b5160;color:#fff}
.nice .inplay-tabs nav a:not(.active):hover{background:#f2f4f5}
.nice .inplay-page>.match-list:first-of-type{margin-top:0}

/* Home (phones): the match list is a 260px box that scrolls inside itself (258px up to 426px wide), dark green line under it */
@media(max-width:700px){
    .nice.nice-home .match-list{max-height:260px;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;border-bottom:3px solid #265e04}
}
@media(max-width:426px){.nice.nice-home .match-list{max-height:258px}}

/* ---------- Casino block: green tabs (43px, 37px tabs, 8px padding) over the patterned grid (3 columns, 12px corners) ---------- */
.nice-casino{background:none}
.nice-casino-tabs{display:flex;align-items:flex-end;gap:calc(10 * var(--v));height:calc(43 * var(--v));padding:0 0 0 calc(5 * var(--v));background:var(--nice-green);overflow-x:auto;scrollbar-width:none}
.nice-casino-tabs::-webkit-scrollbar{display:none}
.nice-casino-tabs a{flex:0 0 auto;display:flex;align-items:center;height:calc(37 * var(--v));padding:calc(8 * var(--v));border-radius:calc(6.592 * var(--v)) calc(6.592 * var(--v)) 0 0;color:#000;font-size:calc(14 * var(--v));font-weight:700;line-height:1.2;text-decoration:none;white-space:nowrap}
.nice-casino-tabs a.active{background:var(--nice-navy);color:#fff}
/* casino background (images/casinobg.png): repeated, scaled to fit, fixed while the page scrolls, over the grey page */
.nice-casino-body{min-height:50vh;margin-left:1px;padding:15px 3px 15px 3px;background:url("../images/casinobg.png") 0 0/contain repeat fixed}
.nice-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:calc(15 * var(--v))}
.nice-card{position:relative;display:block;margin:0 calc(6 * var(--v)) 0 calc(4 * var(--v));aspect-ratio:360/280;border-radius:12px;background:linear-gradient(#000,#000 42%);box-shadow:0 5px 9px -3px #212529;text-decoration:none}
.nice-card img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.nice-card.no-art{display:flex;align-items:center;justify-content:center;padding:6px;background:linear-gradient(160deg,#315195,#14213d)}
.nice-card.no-art b{color:#fff;font-size:calc(14 * var(--v));font-style:italic;font-weight:900;text-align:center;text-transform:uppercase}
.nice-empty{margin:0;padding:20px 10px;color:#555;font-size:14px;text-align:center}
.nice .nice-providers{display:flex;gap:6px;margin:0;padding:6px 5px;overflow-x:auto;background:#fff;border-bottom:1px solid var(--nice-line);scrollbar-width:none}
.nice .nice-providers a{flex:0 0 auto;display:flex;align-items:center;gap:5px;height:28px;padding:0 10px;border:1px solid #3b5160;border-radius:14px;background:#fff;color:#3b5160;font-size:13px;font-weight:700;white-space:nowrap;text-decoration:none}
.nice .nice-providers a.active{background:#3b5160;color:#fff}
.nice .nice-providers em{font-style:normal;font-weight:400;opacity:.75}
.nice .casino-page{padding:0;max-width:none}
.nice .casino-pager{margin:15px 0 0}

/* ---------- Home foot: policy links (14px black, "|"), Download Android APP ---------- */
.nice-foot{padding:calc(6 * var(--v)) calc(15 * var(--v)) calc(20 * var(--v));text-align:center}
.nice-foot .policy-links{max-width:none;margin:calc(12 * var(--v)) 0 0;padding:0;justify-content:center;line-height:calc(22 * var(--v))}
.nice .nice-foot .policy-links a{margin:0;color:#000;font-size:calc(14 * var(--v));text-decoration:none}
.nice .nice-foot .policy-links a:not(:last-child)::after{content:'|';width:auto;height:auto;margin:0 calc(13 * var(--v));background:none;color:#000}
.nice .nice-foot .policy-links a:hover{text-decoration:underline}
.nice-app-btn{display:inline-flex;align-items:center;gap:8px;margin:calc(18 * var(--v)) auto 0;padding:6px 16px 6px 12px;border:1px solid #666;border-radius:8px;background:#111;color:#fff;cursor:pointer}
.nice-app-btn[hidden]{display:none}
.nice-app-btn svg{width:26px;height:26px;fill:#fff}
.nice-app-btn span{display:flex;flex-direction:column;align-items:flex-start;font-size:16px;font-weight:700;line-height:1.1}
.nice-app-btn small{font-size:11px;font-weight:400}

/* ---------- Footer menu: 5 cells of 20vw x 13.33vw on the slate gradient; the raised curve behind Sports; active cell
   lighter and underlined. Same units as the measured design (vw), so it scales with the phone. ---------- */
@media(max-width:700px){
    body.nice{padding-bottom:13.3333vw}
    .nice .mobile-nav.nice-footer-nav{position:fixed;left:0;right:0;bottom:0;z-index:9999;display:block;width:100%;height:auto;padding:0;border:0;background:var(--nice-foot);box-shadow:none;color:#fff;overflow:visible}
    .nice .nice-footer-nav ul{display:flex;margin:0;padding:0}
    .nice .nice-footer-nav li{list-style:none}
    .nice .nice-footer-nav li.nice-main{position:relative}
    .nice .mobile-nav.nice-footer-nav a.nav-item{display:block;width:20vw;height:13.3333vw;box-sizing:border-box;min-width:0;padding:1.86667vw 2.66667vw 0;background:none;color:#fff;font-family:var(--nice-font);font-size:3.2vw;line-height:1.1;text-align:center;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;gap:0}
    .nice .mobile-nav.nice-footer-nav a.nav-item.active{background:var(--nice-foot-on);color:#fff;text-decoration:none}
    .nice .mobile-nav.nice-footer-nav a.nav-item:is(:hover,:focus,:active,:visited){text-decoration:none;-webkit-tap-highlight-color:transparent}
    .nice .mobile-nav.nice-footer-nav .nav-ico{display:block}
    .nice .mobile-nav.nice-footer-nav .nav-label,.nice .mobile-nav.nice-footer-nav a span{display:inline;padding:0;font-size:inherit;line-height:inherit;overflow:visible}
    .nice .mobile-nav.nice-footer-nav .nav-icon{display:block;width:7.70333vw;height:7.33333vw;margin:0 auto .53333vw;fill:currentColor;color:#fff;filter:none}
    .nice .mobile-nav.nice-footer-nav .nav-icon path{fill:currentColor}
    /* Sports: the glyph sits higher, on the curve drawn behind the cell */
    .nice .mobile-nav.nice-footer-nav li.nice-main .nav-ico{width:8.70333vw;height:6.33333vw;margin:-2.13333vw auto 2.06667vw}
    .nice .mobile-nav.nice-footer-nav li.nice-main a.nav-item::before{content:'';position:absolute;top:-4.26667vw;left:0;z-index:-1;display:block;width:100%;height:17.5333vw;pointer-events:none;background:var(--nice-foot);clip-path:polygon(99.973% 24.242%,100% 24.242%,100% 100%,0% 100%,0% 24.242%,.027% 24.242%,.027% 24.242%,.885% 23.318%,2.866% 21.335%,5.893% 18.565%,9.891% 15.281%,14.783% 11.756%,20.494% 8.261%,26.947% 5.068%,34.066% 2.451%,41.776% .681%,50% .03%,50% 12.152%,50% .03%,50% .03%,58.224% .681%,65.934% 2.451%,73.053% 5.068%,79.506% 8.261%,85.217% 11.756%,90.109% 15.281%,94.107% 18.565%,97.134% 21.335%,99.115% 23.318%,99.973% 24.242%)}
    .nice .mobile-nav.nice-footer-nav li.nice-main.is-on a.nav-item::before{background:var(--nice-foot-on)}
    /* Casino: the turning chip (images/nice-chip.gif), 31px high */
    .nice .mobile-nav.nice-footer-nav .nav-icon-casino{height:31px;margin-bottom:0;object-fit:contain}
}
@media(min-width:300px) and (max-width:350px){.nice .mobile-nav.nice-footer-nav .nav-icon-casino{height:23px}}
@media(min-width:351px) and (max-width:370px){.nice .mobile-nav.nice-footer-nav .nav-icon-casino{height:26px}}
@media(min-width:371px) and (max-width:400px){.nice .mobile-nav.nice-footer-nav .nav-icon-casino{height:27px}}

/* ---------- Sports page: Quick Links / All Sports ---------- */
.nice-quick-head{display:flex;align-items:center;justify-content:center;height:calc(34 * var(--v));margin:0;background:var(--nice-slate);color:#fff;font-size:calc(15.38 * var(--v));font-weight:700}
.nice-quick-head:first-child{font-weight:500}
.nice-quick{display:grid;grid-template-columns:repeat(5,1fr);background:#14213d}
.nice-quick a{display:flex;flex-direction:column;align-items:center;gap:calc(4 * var(--v));min-height:calc(87 * var(--v));padding:calc(12 * var(--v)) calc(5.5 * var(--v));border-right:1px solid #4b4b4b;border-bottom:1px solid #4b4b4b;color:#fff;font-size:calc(13.184 * var(--v));font-weight:700;line-height:1.1;text-align:center;text-decoration:none}
.nice-quick a:last-child{border-right:0}
.nice-quick svg{width:calc(27 * var(--v));height:calc(27 * var(--v));fill:#fff;color:#fff}
.nice-all-sports{background:#fff}
.nice-all-sports a,.nice .mobile-account .account-item{position:relative;display:flex;align-items:center;min-height:calc(45 * var(--v));padding:calc(8.8 * var(--v)) calc(8.5 * var(--v)) calc(8.8 * var(--v)) calc(9.75 * var(--v));border-bottom:1px solid var(--nice-line-2);background:#fff;color:var(--nice-blue);font-size:calc(16.48 * var(--v));font-weight:700;text-decoration:none}
.nice-all-sports a span{flex:1}
.nice-all-sports a i{position:relative;flex:0 0 calc(26 * var(--v));width:calc(26 * var(--v));height:calc(26 * var(--v));border:1px solid #1e1e1e;border-radius:calc(4.4 * var(--v));background:#fff}
.nice-all-sports a i::after{content:'';position:absolute;left:28%;top:31%;width:28%;height:28%;border:solid #1e1e1e;border-width:calc(2.6 * var(--v)) calc(2.6 * var(--v)) 0 0;transform:rotate(45deg)}
.nice-all-sports a:hover,.nice .mobile-account .account-item:hover{background:#f6f8f8}

/* ---------- Account: slate name bar, blue items with boxed arrows, red LOGOUT ---------- */
.nice .mobile-account{background:var(--nice-page)}
.nice .mobile-account .account-info{background:var(--nice-slate)}
.nice .account-info-name-wrap{height:calc(34 * var(--v));padding:0 calc(6.7 * var(--v))}
.nice .account-info-name-wrap .icon-account{width:calc(16 * var(--v));height:calc(16 * var(--v));margin-right:calc(6 * var(--v))}
.nice .account-info-name{font-size:calc(15.38 * var(--v));font-weight:500}
.nice .mobile-account .account-item .account-item-label{color:var(--nice-blue);font-size:calc(16.48 * var(--v));font-weight:700}
.nice .account-item-arrow{width:calc(26 * var(--v));height:calc(26 * var(--v));border:1px solid #1e1e1e;border-radius:calc(4.4 * var(--v))}
.nice .account-item-arrow svg{width:calc(12 * var(--v));height:calc(12 * var(--v));fill:#1e1e1e}
.nice .mobile-account .account-logout{margin:calc(20 * var(--v)) 0 0}
.nice .mobile-account .account-logout button{height:calc(52 * var(--v));padding:0;border:0;border-top:1px solid #c8372b;border-bottom:1px solid #8d1a0f;background:linear-gradient(180deg,#e73727 0%,#d02a19 50%,#b51d0d 100%);color:#fff;font-size:calc(16.48 * var(--v));font-weight:700}

/* ---------- Login page: dark gradient, centred logo, orange-edged fields, green buttons, green close box ---------- */
body.nice-login,body.nice.nice-login{min-height:100vh;background:linear-gradient(#535353 0%,#000 80%) fixed}
body.nice.nice-login main{background:transparent}
.nice-login-shell{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:calc(30 * var(--v)) 0}
.nice-login-close{position:absolute;top:calc(20 * var(--v));right:calc(21 * var(--v));display:flex;align-items:center;justify-content:center;width:calc(32 * var(--v));height:calc(32 * var(--v));border-radius:calc(7 * var(--v));background:var(--nice-green);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}
.nice-login-close svg{width:calc(16 * var(--v));height:calc(16 * var(--v))}
.nice-login-box{width:calc(288 * var(--v));max-width:calc(100% - 40px);margin:calc(-40 * var(--v)) auto 0}
.nice-login-box .logo{display:flex;justify-content:center;width:calc(225 * var(--v));height:calc(45 * var(--v));margin:0 auto calc(37 * var(--v))}
.nice-login-box .logo img{width:100%;height:100%;object-fit:contain}
.nice-login-form{display:flex;flex-direction:column;gap:0}
.nice-login-form input{height:calc(39 * var(--v));margin:0 0 calc(25 * var(--v));padding:0 calc(13 * var(--v));border:1px solid #fd8f3b;border-radius:calc(4.4 * var(--v));background:#fff;color:#000;font-size:calc(16 * var(--v));outline:0}
.nice-login-form input:focus{box-shadow:0 0 0 2px rgba(253,143,59,.45)}
.nice-login-form input::placeholder{color:grey}
.nice-login-form button{height:calc(43 * var(--v));margin:0 0 calc(5 * var(--v));border:0;border-radius:calc(4.4 * var(--v));background:linear-gradient(180deg,#92d050 0%,#4f9f21 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.35);color:#fff;font-size:calc(16 * var(--v));font-weight:700;cursor:pointer}
.nice-login-form button:hover{filter:brightness(1.06)}
.nice-login-error{margin:calc(-15 * var(--v)) 0 calc(12 * var(--v));color:#fff;font-size:calc(13 * var(--v));line-height:1.3;text-align:center}

/* ---------- 18+ box before the login (green, white text, Confirm / Exit, orange round ×) ---------- */
.nice-age{width:calc(396 * var(--v));max-width:calc(100vw - 16px);margin:auto;padding:calc(22 * var(--v)) calc(16 * var(--v)) calc(26 * var(--v));border:0;border-radius:2px;background:linear-gradient(180deg,#8fd14f 0%,#68b52e 100%);color:#fff;font-family:var(--nice-font);text-align:center;overflow:visible}
.nice-age::backdrop{background:rgba(0,0,0,.5)}
.nice-age h2,.nice-age h3{margin:0;padding:0 0 calc(18 * var(--v));border-bottom:1px solid #fff;font-size:calc(17 * var(--v));font-weight:700}
.nice-age h3{padding-top:calc(10 * var(--v))}
.nice-age p{margin:0;padding:calc(18 * var(--v)) calc(8 * var(--v));font-size:calc(14.5 * var(--v));font-weight:700;line-height:1.5}
.nice-age footer{display:flex;justify-content:center;gap:calc(26 * var(--v));margin-top:calc(14 * var(--v))}
.nice-age footer button{width:calc(108 * var(--v));height:calc(30 * var(--v));border:1px solid #fff;border-radius:2px;font-size:calc(14 * var(--v));font-weight:700;cursor:pointer}
.nice-age-ok{background:#fff;color:#000}
.nice-age-exit{background:#000;color:#fff}
.nice-age-x{position:absolute;top:calc(4 * var(--v));right:calc(4 * var(--v));width:calc(26 * var(--v));height:calc(26 * var(--v));padding:0;border:0;border-radius:50%;background:linear-gradient(-180deg,#fd8f3b 0%,#fd3523 100%);color:#000;font-size:calc(20 * var(--v));font-weight:700;line-height:1;cursor:pointer}

/* ===================================== Desktop (701px and wider) ===================================== */
@media(min-width:701px){
    /* Header 70px: logo | zoom glass, Username, Password (193x25), red Login */
    .nice .site-header .header-row{height:70px;padding:0 40px 0 0}
    .nice .site-header .logo{width:160px;height:60px;margin-left:2px}
    .nice .guest-actions .nice-head-login{display:flex;align-items:center;gap:17px}
    .nice .nice-head-search{display:flex;width:28px;height:28px;margin-right:16px;padding:0;border:0;background:none;color:#fff;cursor:pointer}
    .nice .nice-head-search svg{width:28px;height:28px}
    .nice .header-login input{width:193px;height:25px;padding:0 12px;border:1px solid #000;border-radius:2px;background:#fff;box-shadow:none;color:#000;font-family:var(--nice-font);font-size:14px}
    .nice .header-login input::placeholder{color:#777}
    .nice .header-login-btn{width:95px;height:25px;margin:0 0 0 5px;border-radius:4px;background:var(--nice-red);font-family:var(--nice-font);font-size:14px}
    .nice .header-login-btn svg{width:12px;height:12px}
    .nice .guest-actions>a.nice-login-btn{display:none}
    .nice .nice-head-search-form{justify-content:flex-end;padding:6px 40px}
    .nice .nice-head-search-form input{flex:0 0 420px;height:28px}
    .nice .nice-head-search-form button{width:28px;height:28px}

    /* Menu bar: 30px green, 13px bold black, black feature tab with yellow text */
    .nice .desktop-nav{display:flex;height:30px;padding:0 0 0 20px;background:var(--nice-green);overflow:hidden}
    .nice .desktop-nav a{position:relative;display:flex;align-items:center;padding:0 10px;border-right:1px solid rgba(0,0,0,.2);color:#000;font-family:var(--nice-font);font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap}
    .nice .desktop-nav a:first-child{padding:0 14px}
    .nice .desktop-nav a:hover{background:rgba(255,255,255,.18);text-decoration:none}
    .nice .desktop-nav a.active{background:rgba(0,0,0,.12);box-shadow:none;color:#fff}
    .nice .desktop-nav a.nice-nav-feature{gap:4px;padding:0 10px 0 42px;background:#000 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 28'%3E%3Cpath fill='%23e8202a' d='M2 15c9-1 20-1.5 30-1l9-9h6l-5 9.5c6 .3 12 1.4 17 3-5 1.8-11 2.7-17 3l5 7h-6l-9-6.5c-10 .4-21-.2-30-1.5z'/%3E%3C/svg%3E") 8px 50%/30px 14px no-repeat;color:#ffd800}
    .nice .desktop-nav .nav-setting{margin-left:auto;color:#000;border-left:1px solid rgba(0,0,0,.2)}
    .nice .desktop-nav .nav-setting svg{fill:#000}

    /* Logged in desktop: header row, then the balance line */
    .nice.logged-in .site-header .guest-actions a{color:#fff;font-weight:700}
    .nice .balance-bar{height:44px;padding:3px 10px;gap:8px}
    .nice .balance-bar .bets-btn,.nice .balance-bar .settings-btn,.nice .balance-bar .wallet-refresh{height:36px}
    .nice .balance-bar .bets-btn{width:80px;font-size:14px}
    .nice .balance-bar .wallet-lines{font-size:12px;line-height:17px}
    .nice .balance-bar .wallet-refresh,.nice .balance-bar .settings-btn{flex-basis:37px;width:37px}

    /* Frame: Sports menu 238px | page | Open Bets 340px on the grey page */
    .nice .dk-layout{gap:8px;margin:0 0 0 20px;align-items:flex-start}
    .nice .dk-menu{flex:0 0 238px;min-height:calc(100vh - 100px);background:#fff}
    .nice .dk-menu-title{display:flex;align-items:center;justify-content:flex-end;height:25px;padding:0 8px;border:0;background:var(--nice-navy);color:#fff;font-size:13px;font-weight:700;position:relative}
    .nice .dk-menu-title::before{content:'';position:absolute;left:14px;top:5px;width:4px;height:15px;background:radial-gradient(circle,#fff 1.6px,transparent 1.8px) 0 0/4px 5px repeat-y}
    .nice .dk-menu-link{position:relative;height:30px;padding:0 30px 0 16px;border-bottom:1px solid #ddd;color:#1e1e1e;font-size:12.5px}
    .nice .dk-menu-link::after{content:'';position:absolute;right:8px;top:7px;width:14px;height:14px;border:1.5px solid #6fa82f;border-radius:3px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M3.5 1.5 7 5l-3.5 3.5' fill='none' stroke='%236fa82f' stroke-width='1.8'/%3E%3C/svg%3E") 50%/9px no-repeat}
    .nice .dk-menu-link:hover,.nice .dk-menu-link.active{background:#eef6e5;color:#1e1e1e}
    .nice .dk-slip{flex:0 0 340px;background:#fff}
    .nice .dk-slip-title{height:28px;border:0;background:var(--nice-navy);color:#fff;font-size:13px;font-weight:700}
    .nice .dk-slip-title i{display:none}
    .nice .dk-main{padding:0;background:transparent}
    .nice .dk-main .sports-page,.nice .dk-main .home-page{max-width:none;margin:0;background:#fff}
    .nice .dk-main .sports-page:not(.inplay-page){display:block}
    .nice.nice-home .dk-main .home-page{background:transparent}

    /* Highlights: green bar with the sport pills, grey 1 / X / 2 line, rows with the odds */
    .nice .nice-menu{display:none}
    .nice .nice-highlights{display:block;background:var(--nice-green)}
    .nice .nice-highlights>b{display:block;height:22px;padding:4px 10px 0;color:#1e1e1e;font-size:13px;font-weight:700;line-height:18px}
    .nice .nice-highlights nav{display:flex;gap:2px;padding:4px 0 0 20px}
    .nice .nice-highlights nav a{display:flex;align-items:center;justify-content:center;min-width:84px;height:20px;padding:0 12px;border-radius:10px 10px 0 0;background:var(--nice-navy);color:#fff;font-size:13px;font-weight:700;text-decoration:none}
    .nice .nice-highlights nav a.active{background:#dddcd6;color:#1e1e1e}
    .nice .dk-main .match-list .match-list-head,.nice .dk-main .sports-page .match-list .match-list-head{display:grid;grid-template-columns:1fr 110px repeat(3,122px) 30px;align-items:center;height:20px;padding:0 0 0 10px;border:0;background:#dddcd6;color:#1e1e1e;font-size:12px}
    .nice .dk-main .match-list .match-list-head span{font-weight:700;text-align:center}
    .nice .dk-main .match-row,.nice .dk-main .sports-page .match-row{display:grid;grid-template-columns:1fr 110px repeat(3,122px) 30px;align-items:center;gap:0;min-height:46px;padding:2px 0 2px 10px;border-bottom:1px solid #ccc}
    .nice .dk-main .match-row:hover{background:#f4f9fd}
    .nice .dk-main .match-name{font-size:13px;line-height:18px}
    .nice .dk-main .match-status{font-size:12.5px;margin-left:8px}
    .nice.nice-home .dk-main .match-status.live{color:#1e1e1e}
    .nice .dk-main .nice-time{display:inline;padding:0 0 0 8px;color:#555;font-size:12.5px}
    .nice .dk-main .match-info{display:block;padding-right:6px}
    .nice .dk-main .nice-badges{justify-content:flex-end;align-items:center;padding:0 8px 0 0}
    .nice .dk-main .nice-badges .nice-bm{order:0;height:34px;min-width:47px;padding:0 3px;border-radius:5px;font-size:27px;letter-spacing:-1.5px}
    .nice .dk-main .nice-badges .nice-f,.nice .dk-main .nice-badges .nice-s{align-self:flex-end;height:13px;padding:0 3px;border-radius:3px;font-size:11px}
    .nice .dk-main .mini-odds{display:grid;grid-template-columns:1fr 1fr;gap:0;height:20px;padding:0 11px 0 11px;border:0}
    .nice .dk-main .mini-odds i{display:flex;align-items:center;justify-content:flex-start;padding:0 0 0 12px;border-radius:0;color:#1e1e1e;font-size:12px;font-weight:700}
    .nice .dk-main .mini-odds i.back,.nice .dk-main .mini-odds.none i.back{background:#72bbef}
    .nice .dk-main .mini-odds i.lay,.nice .dk-main .mini-odds.none i.lay{background:#faa9ba}
    .nice .dk-main .mini-odds i:empty::before{content:'0'}
    .nice .dk-main .row-pin{display:flex;justify-self:center;width:22px;height:22px;margin:0}
    .nice .dk-main .row-pin svg{width:13px;height:13px}
    .nice .dk-main .nice-search-title{display:none}

    /* In-Play desktop: 40% tab box, navy sport bars 30px, 15px apart */
    .nice .dk-main .inplay-tabs{height:auto;padding:10px 0 25px;background:var(--nice-page)}
    .nice .dk-main .inplay-tabs nav{width:352px}
    .nice .dk-main .inplay-tabs nav a{height:27px;font-size:13.5px}
    .nice .dk-main .inplay-page{background:transparent}
    .nice .dk-main .match-list .list-title{justify-content:flex-start;height:30px;padding-left:10px;border:0;background:var(--nice-navy);font-size:14.5px}
    .nice .dk-main .inplay-page .match-list{margin:0 0 15px;border:0}
    .nice.nice-inplay .dk-main .row-pin{display:none}
    .nice.nice-inplay .dk-main .match-row,.nice.nice-sport .dk-main .match-row{min-height:29px}
    .nice.nice-inplay .dk-main .match-name,.nice.nice-sport .dk-main .match-name{font-size:12.5px}
    .nice.nice-inplay .dk-main .nice-badges .nice-bm,.nice.nice-sport .dk-main .nice-badges .nice-bm{order:3;margin-left:6px}

    /* Casino on desktop: 4 columns */
    .nice .dk-main .nice-casino{margin-top:0}
    .nice.nice-inplay .dk-main .nice-casino{margin-top:30px}
    .nice .dk-main .nice-casino-tabs{height:42px;padding-left:5px}
    .nice .dk-main .nice-casino-tabs a{height:37px;font-size:15px}
    .nice .dk-main .nice-cards{grid-template-columns:repeat(4,minmax(0,1fr))}
    .nice .dk-main .nice-card{margin:0 5px}

    /* Sports page on desktop: big Quick Links, All Sports list */
    .nice .dk-main .nice-sports-page{background:#fff}
    .nice .dk-main .nice-quick-head{height:112px;font-size:52px;font-weight:500}
    .nice .dk-main .nice-quick-head+.nice-quick+.nice-quick-head{font-weight:700}
    .nice .dk-main .nice-quick{grid-template-columns:repeat(auto-fill,minmax(150px,auto))}
    .nice .dk-main .nice-quick a{min-height:180px;padding:30px 20px;font-size:28px}
    .nice .dk-main .nice-quick svg{width:70px;height:70px}
    .nice .dk-main .nice-all-sports a{min-height:58px;padding:8px 30px;font-size:24px}
    .nice .dk-main .nice-all-sports a i{flex-basis:40px;width:40px;height:40px}

    /* Home foot */
    .nice .dk-main .nice-foot{background:var(--nice-page)}
    .nice .dk-main .nice-foot .policy-links a{font-size:13px}

    /* Login page on desktop keeps the phone sizes */
    body.nice-login{--v:1.15px}
}
@media(min-width:701px) and (max-width:999px){.nice .dk-layout{margin-left:8px}}

/* ===================================== Match page ===================================== */
/* Guests: the sport picture (90px) with the market state, game time and "Bet Started" / Count Down, in place of the
   title bar and the scoreboard */
.nice-ev-banner{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:90px;padding:8px 16px 16px;background:linear-gradient(0deg,rgba(0,0,0,.77),rgba(0,0,0,.45)),url("../images/match-banners/sports.jpg") 50% 100%/cover;color:#fff;text-shadow:#fc0 1px 0 10px}
.nice-ev-cricket{background:linear-gradient(0deg,rgba(0,0,0,.1),rgba(0,0,0,.45)),url("../images/match-banners/cricket.jpg") 0 0/100% 90px}
.nice-ev-tennis{background:linear-gradient(0deg,rgba(0,0,0,0),rgba(0,0,0,.45)),url("../images/match-banners/tennis.jpg") 0 0/100% 90px}
.nice-ev-soccer{background:url("../images/match-banners/soccer.jpg") 0 0/100% 90px}
.nice-ev-horse{background:url("../images/match-banners/horse.jpg") 0 0/100% 90px}
.nice-ev-top{display:flex;justify-content:space-between;width:100%;font-size:12px;font-weight:700;line-height:18px}
.nice-ev-top i{font-style:normal}
.nice-ev-bet{margin:0;font-size:14px;font-weight:700;line-height:21px}
.nice-ev-bet i{font-style:normal;color:#f7ffeb}
.nice-ev-bet b{color:#ffd800}
.nice.nice-event:not(.logged-in) .event-page.fm .fm-title,.nice.nice-event:not(.logged-in) .event-page.fm .fm-score{display:none}

/* Market tabs on both sizes: Fancy Bet (teal) and Sportsbook (orange) with their (i) blocks; teal / orange filter bar */
.nice .event-page.fm #markets .fm-sb-tabs{display:flex;align-items:flex-start;height:30px;padding:0;background:none;border:0}
.nice .event-page.fm #markets .fm-sb-pin,.nice .event-page.fm .fm-sb-clock,.nice .event-page.fm #markets .fm-new{display:none}
.nice .event-page.fm #markets .fm-sb-tab,.nice .event-page.fm #markets .fm-sb-tabs.has-fancy .fm-sb-tab.fancy{display:flex;align-items:stretch;height:30px;margin:0;padding:0;border:0;background:none;opacity:1;color:#fff;font-family:var(--nice-font);font-size:12px;font-weight:700;line-height:30px}
.nice .event-page.fm #markets .fm-sb-tab span,.nice .event-page.fm #markets .fm-sb-tabs.has-fancy .fm-sb-tab.fancy span,.nice .event-page.fm #markets .fm-sb-tabs.has-fancy .fm-sb-tab:not(.active) span,.nice .event-page.fm #markets .fm-sb-tabs:not(.has-fancy) .fm-sb-tab.premium span{display:flex;align-items:center;gap:0;height:30px;padding:0 14px 0 8px;border-radius:0;background:linear-gradient(#0a92a5 15%,#076875 100%);color:#fff;font-size:12px;font-weight:700;line-height:30px;clip-path:none}
.nice .event-page.fm #markets .fm-sb-tab i,.nice .event-page.fm #markets .fm-sb-tab.active i{display:flex;align-items:center;justify-content:center;width:41px;height:30px;margin:0 0 0 -4px;padding:0;background:linear-gradient(180deg,#1cb0b5 15%,#1cb0b5 100%);clip-path:polygon(100% 100%,79% 22%,76% 15%,74% 12%,72% 9%,68% 6%,59% 3%,78% 2%,0% 0%,0% 100%)}
.nice .event-page.fm #markets .fm-sb-tab i svg{width:15px;height:15px;margin:0;fill:#fff}
.nice .event-page.fm #markets .fm-sb-tabs .fm-sb-tab.premium span,.nice .event-page.fm #markets .fm-sb-tabs.has-fancy .fm-sb-tab.premium:not(.active) span{padding:0 10px;border-radius:10px 0 0 0;background:linear-gradient(#f26d1c 15%,#d14100 100%)}
.nice .event-page.fm #markets .fm-sb-tab.premium i{background:linear-gradient(180deg,#f58b30 15%,#f58b30 100%)}
.nice .event-page.fm #markets .fm-sb-tabs .fm-sb-tab.active i::before{content:none} /* reference: one flat colour, no darker layer on the open tab */
.nice .event-page.fm #markets .fm-sb-filter,.nice .dk-main #markets .fm-sb-filter{display:flex;justify-content:center;height:30px;padding:3px 0;background:linear-gradient(#0a92a5 15%,#076875 100%);overflow-x:auto;scrollbar-width:none}
.nice .event-page.fm #markets .fm-sb:not(.fancy) .fm-sb-filter,.nice .dk-main #markets .fm-sb:not(.fancy) .fm-sb-filter{background:linear-gradient(#f26d1c 15%,#d14100 100%)}
.nice .event-page.fm #markets .fm-sb-filter .dk-fpanel{display:flex;gap:0;margin:0 auto;padding:0;border-radius:5px;background:rgba(255,255,255,.5)}
.nice .event-page.fm #markets .fm-sb-filter button,.nice .dk-main #markets .fm-sb-filter button{flex:0 0 auto;min-width:0;height:22px;margin:0 4px 0 0;padding:0 5px;border:0;border-radius:4px;background:none;color:#23282c;font-family:var(--nice-font);font-size:12px;font-weight:700;line-height:22px;box-shadow:none}
.nice .event-page.fm #markets .fm-sb-filter button:last-child{margin-right:0}
.nice .event-page.fm #markets .fm-sb-filter.fancy button[data-filter="all"]{text-transform:uppercase} /* Fancy "ALL", Sportsbook "All" (reference) */
.nice .event-page.fm #markets .fm-sb-filter button.active,.nice .dk-main #markets .fm-sb-filter button.active{background:#fff;color:#000}

@media(max-width:700px){
    /* Logged in: slate title bar with the sport name in the middle */
    .nice .event-page.fm .fm-title{justify-content:center;height:34px;padding:0;background:linear-gradient(-180deg,#2e4b5e 0%,#243a48 82%)}
    .nice .event-page.fm .fm-title .fm-pin,.nice .event-page.fm .fm-title .fm-status{display:none}
    .nice .event-page.fm .fm-title b{flex:1;margin:0;font-size:15.38px;font-weight:700;color:#fff;text-align:center}

    /* Pills: All (green) / Popular / markets / Bookmaker on #e0e6e6 */
    .nice .event-page.fm .fm-pills{gap:5.5px;height:auto;margin:2px 0 -4px;padding:7.7px;background:#e0e6e6}
    .nice .event-page.fm .fm-pills button,.nice .event-page.fm .fm-pills button.active{height:39px;padding:0 9.9px;border:0;border-top:1px solid #000;border-bottom:1px solid #000;border-radius:19.8px;background:linear-gradient(-180deg,#2e4b5e 0%,#243a48 82%);color:#fff;font-family:var(--nice-font);font-size:14.28px;font-weight:700;line-height:37px;box-shadow:none}
    .nice .event-page.fm .fm-pills button.active{background:linear-gradient(#a4dc60 0%,#4f9f21 100%);color:#000}
    .nice .fm-markets[data-only="ex"] .fm-market:not(.fm-mo),.nice .fm-markets[data-only="bookmaker"] .fm-market:not(.fm-bm),.nice .fm-markets[data-only="popular"] .fm-sb{display:none}

    /* Every market: white card, 16px apart on the grey page */
    .nice .event-page.fm{background:#ededed}
    .nice .event-page.fm .fm-markets{padding-top:4px}
    .nice .event-page.fm .fm-market,.nice .event-page.fm .fm-sb.fancy,.nice .event-page.fm .fm-sb{margin:0 0 16px;padding:0;background:#fff;box-shadow:none}
    .nice .event-page.fm .fm-sb{background:none}

    /* Title tab: slate tab (radius 0 15 0 0) "Match Odds (i)", Matched at the right */
    .nice-mkt-bar{display:flex;align-items:stretch;justify-content:space-between;height:31px;border-bottom:1px solid #7e97a7;background:#fff;color:#000}
    .nice-mkt-bar>b,.nice .event-page.fm .fm-bm .fm-bar>b{display:flex;align-items:center;gap:7px;height:30px;margin:0;padding:0 30px 0 10px;border-radius:0 15px 0 0;background:linear-gradient(-180deg,#2e4b5e 0%,#243a48 82%);color:#fff;font-family:var(--nice-font);font-size:12px;font-weight:700;line-height:30px}
    .nice-mkt-bar button,.nice-bar-i{display:flex;padding:0;border:0;background:none;cursor:pointer}
    .nice-mkt-bar button svg,.nice-bar-i svg{width:15px;height:15px;fill:#fff}
    .nice-mkt-bar>span{padding:6.5px 10px 5px 3px;font-size:11px;line-height:17px;color:#000}
    .nice-mkt-bar strong{font-weight:700}

    /* Min/Max bar (#bed5d8) beside the Back (#72bbef) / Lay (#faa9ba) heads, 70px columns */
    .nice-mm{display:flex;align-items:center;justify-content:center;gap:8px;height:20px;margin:0 5px;border-radius:3px;background:#bed5d8;color:#000;font-size:10px;font-weight:700}
    .nice-mm i{font-style:normal;color:#315195}
    .nice .event-page.fm .fm-mo-head{display:grid;grid-template-columns:1fr 70px 70px;align-items:stretch;min-height:0;height:31px;padding:0;border-bottom:1px solid #7e97a7;background:#fff}
    .nice .event-page.fm .fm-mo-head .nice-mm{align-self:center}
    .nice .event-page.fm .fm-mo-head .fm-mo-mm,.nice .event-page.fm .fm-mo-head .fm-mo-tri,.nice .event-page.fm .fm-mo-head .fm-matched{display:none}
    .nice .event-page.fm .fm-mo-head>b{display:flex;align-items:center;justify-content:center;padding:5px;background:#72bbef;color:#212529;font-size:12px;font-weight:700;line-height:18px}
    .nice .event-page.fm .fm-mo-head>b:last-of-type{background:#faa9ba}
    .nice .event-page.fm .fm-mo-head .fm-mo-mmbox{grid-column:1/-1}

    /* Runner rows: 42px, 13px bold names, 12px bold prices with 11px amounts */
    .nice .event-page.fm .fm-mo .fm-row{grid-template-columns:1fr 70px 70px;column-gap:0;min-height:42px;border-bottom:1px solid #7e97a7;background:#fff}
    .nice .event-page.fm .fm-row>strong{display:flex;flex-direction:column;justify-content:center;padding:3px 0 3px 6px;color:#23282c;font-family:var(--nice-font);font-size:13px;font-weight:700;line-height:20px}
    .nice .event-page.fm .fm-mo .odd{padding:3px 0;border:0}
    .nice .event-page.fm .fm-mo .odd.back{background:#72bbef}
    .nice .event-page.fm .fm-mo .odd.lay{background:#faa9ba}
    .nice .event-page.fm .fm-market .odd b{padding:0;color:#212529;font-family:var(--nice-font);font-size:12px;font-weight:700;line-height:18px}
    .nice .event-page.fm .fm-market .odd small{color:#212529;opacity:1;font-family:var(--nice-font);font-size:11px;font-weight:400;line-height:17px}
    .nice .event-page.fm .fm-suspend-box{left:auto;width:140px;border:0;background:rgba(36,58,72,.4);color:#fff;font-size:12px;font-weight:400}

    /* Bookmaker: same tab, cream rows (#faf8d8), faded Back / Lay columns with the 64x40 rate boxes */
    .nice .event-page.fm .fm-bm .fm-bar{height:31px;min-height:0;padding:0;gap:0;border-bottom:1px solid #7e97a7;background:#fff}
    .nice .event-page.fm .fm-bm .fm-bar-pin,.nice .event-page.fm .fm-bm .fm-bar>em,.nice .event-page.fm .fm-bm-sub{display:none}
    .nice .event-page.fm .fm-bm-head{grid-template-columns:1fr 70px 70px;align-items:stretch;height:25px;border-bottom:1px solid #7e97a7;background:#faf8d8}
    .nice .event-page.fm .fm-bm-head>span{display:flex;align-items:center}
    .nice .event-page.fm .fm-bm-head .nice-mm{flex:1}
    .nice .event-page.fm .fm-bm-head>b{display:flex;align-items:center;justify-content:flex-end;padding:2px 20px 2px 5px;background:linear-gradient(90deg,rgba(130,183,221,.15) 0,rgba(130,183,221,.8) 65%);color:#000;font-size:12px;font-weight:700}
    .nice .event-page.fm .fm-bm-head>b:last-of-type{justify-content:flex-start;padding:2px 5px 2px 20px;background:linear-gradient(270deg,rgba(231,170,184,.15) 5%,rgba(231,170,184,.8) 60%)}
    .nice .event-page.fm .fm-bm-row{grid-template-columns:1fr 70px 70px;min-height:47px;border-bottom:1px solid #7e97a7;background:#faf8d8}
    .nice .event-page.fm .fm-bm .odd{padding:2px 4px 2px 3px;border:0}
    .nice .event-page.fm .fm-bm .odd.back{background:linear-gradient(90deg,rgba(130,183,221,.15) 0,rgba(130,183,221,.8) 65%)}
    .nice .event-page.fm .fm-bm .odd.lay{background:linear-gradient(270deg,rgba(231,170,184,.15) 5%,rgba(231,170,184,.8) 60%)}
    .nice .event-page.fm .fm-bm .odd b{height:40px;border:0;border-bottom:1px solid #fff;border-radius:4px;background:#72bbef;color:#000;font-size:12px}
    .nice .event-page.fm .fm-bm .odd.lay b{background:#faa9ba}
    .nice .event-page.fm .fm-row-suspended::after,.nice .event-page.fm .fm-bm .fm-row-suspended::after{left:auto;right:0;width:140px;background:rgba(36,58,72,.4);color:#fff;font-family:var(--nice-font);font-size:12px;font-weight:400;text-shadow:none}

    /* Fancy Bet: No (#faa9ba) / Yes (#72bbef) heads, 42px rows = name | (i) | No | Yes, "Ballrun" over the prices */
    .nice .event-page.fm .dk-fancy-bar,.nice .event-page.fm .dk-fancy-mm{display:none}
    .nice .event-page.fm .fm-sb.fancy .fm-fancy-head{display:grid;grid-template-columns:1fr 36px 70px 70px;column-gap:0;height:29px;border-bottom:1px solid #7e97a7;background:#fff}
    .nice .event-page.fm .fm-sb.fancy .fm-fancy-head>span{grid-column:1/3}
    .nice .event-page.fm .fm-sb.fancy .fm-fancy-head>b{display:flex;align-items:center;justify-content:center;background:#faa9ba;color:#23282c;font-size:12px;font-weight:700}
    .nice .event-page.fm .fm-sb.fancy .fm-fancy-head>b:nth-of-type(2){background:#72bbef}
    .nice .event-page.fm .fm-sb.fancy .fm-fancy-head>i{display:none}
    .nice .event-page.fm .fm-fancy{position:relative;display:grid;grid-template-columns:1fr 36px 70px 70px;min-height:42px;border-bottom:1px solid #7e97a7;background:#fff}
    .nice .event-page.fm .fm-fancy-title{display:contents}
    .nice .event-page.fm .fm-fancy-title>span{grid-column:1;grid-row:1;align-self:center;padding:2.5px 0 2.5px 6px;color:#23282c;font-family:var(--nice-font);font-size:12px;font-weight:700;line-height:18px}
    .nice .event-page.fm .fm-fancy-i{grid-column:2;grid-row:1;align-self:center;justify-self:center;display:flex;width:20px;height:20px;margin:0 5px 0 0;padding:0;border:0;background:none}
    .nice .event-page.fm .fm-fancy-i svg{width:20px;height:20px;fill:#000}
    .nice .event-page.fm .fm-fancy-mm{grid-column:1/-1;grid-row:2}
    .nice .event-page.fm .fm-sb.fancy .fm-fancy-row{display:contents}
    .nice .event-page.fm .fm-sb.fancy .fm-fancy-remark{display:none}
    .nice .event-page.fm .fm-sb.fancy .fm-fancy-remark.has-book{display:flex;grid-column:1;grid-row:2;flex-direction:row;gap:6px;padding:0 0 4px 6px}
    .nice .event-page.fm .fm-sb.fancy .fm-fancy-row .odd{grid-row:1;min-height:42px;padding:2.5px 0;border:0}
    .nice .event-page.fm .fm-sb.fancy .fm-fancy-row .odd.lay{grid-column:3;background:#faa9ba}
    .nice .event-page.fm .fm-sb.fancy .fm-fancy-row .odd.back{grid-column:4;background:#72bbef}
    .nice .event-page.fm .fm-sb.fancy .fm-fancy-row .odd b{color:#000;font-size:13px;font-weight:700;line-height:19.5px}
    .nice .event-page.fm .fm-sb.fancy .fm-fancy-row .odd small{color:#000;font-size:11px;line-height:16.5px}
    .nice .event-page.fm .fm-sb.fancy .fm-fancy-row.fm-row-suspended::after{position:relative;inset:auto;grid-column:3/5;grid-row:1;z-index:1;display:flex;align-items:center;justify-content:center;width:auto;height:auto;margin:0;background:rgba(36,58,72,.4);color:#fff;font-size:11px;text-shadow:rgba(0,0,0,.5) 0 1px 4px}

    /* Sportsbook markets (premium): slate bars, white rows */
    .nice .event-page.fm .fm-pm .fm-bar{background:linear-gradient(-180deg,#2e4b5e 0%,#243a48 82%)}
    .nice .event-page.fm .fm-empty{margin:0;background:#fff;color:#23282c;font-size:13px}
}
@media(min-width:701px){
    .nice .nice-mkt-bar,.nice .nice-mm,.nice .nice-bar-i{display:none}
}

/* Match page, desktop: slate market tabs (Match Odds / Bookmaker), the Back / Lay tabs with Min/Max at the right,
   Fancy Bet: No / Yes heads in colour and the Min/Max column */
@media(min-width:701px){
    .nice .dk-main .nice-ev-banner{margin:0 0 6px}
    .nice .dk-main .event-page.fm .fm-market{margin-bottom:15px;background:#fff}
    .nice .dk-main .dk-mo-title{align-items:stretch;height:31px;border-top:0;border-bottom:1px solid #7e97a7}
    .nice .dk-main .dk-mo-title .dk-pin,.nice .dk-main .dk-mo-title .dk-mo-live,.nice .dk-main .dk-predict{display:none}
    .nice .dk-main .dk-mo-title>b,.nice .dk-main .event-page.fm .fm-bm .fm-bar>b{display:flex;align-items:center;height:30px;margin:0;padding:0 30px 0 10px;border-radius:0 15px 0 0;background:linear-gradient(-180deg,#2e4b5e 0%,#243a48 82%);clip-path:none;color:#fff;font-size:13px;font-weight:700;line-height:30px}
    .nice .dk-main .dk-mo-matched{margin:0 10px 0 auto;align-self:center;font-size:13px}
    .nice .dk-main .dk-mo-info{height:30px;margin-top:0;border-bottom:1px solid #7e97a7}
    .nice .dk-main .dk-mo-info>span{visibility:hidden}
    .nice .dk-main .dk-mo-info b.back,.nice .dk-main .dk-mo-info b.lay{margin-top:4px;border-radius:10px 10px 0 0;clip-path:none;font-size:0}
    .nice .dk-main .dk-mo-info b.back::after{content:'Back';font-size:13px}
    .nice .dk-main .dk-mo-info b.lay::after{content:'Lay';font-size:13px}
    .nice .dk-main .event-page.fm .fm-mo .fm-row>strong{color:#23282c;font-size:13px}

    /* Bookmaker */
    .nice .dk-main .event-page.fm .fm-bm .fm-bar{height:31px;padding:0;border-bottom:1px solid #7e97a7;background:#fff}
    .nice .dk-main .event-page.fm .fm-bm .fm-bar-pin,.nice .dk-main .event-page.fm .fm-bm .fm-bar>em{display:none}
    .nice .dk-main .event-page.fm .fm-bm-sub{display:none}
    .nice .dk-main .event-page.fm .fm-bm-head{height:30px}
    .nice .dk-main .event-page.fm .fm-bm-head>span{grid-column:6/8;grid-row:1;display:flex;align-items:center}
    .nice .dk-main .event-page.fm .fm-bm-head .nice-mm{display:flex;flex:1;height:20px;margin:0 5px;border-radius:3px;background:#bed5d8;color:#000;font-size:10px;font-weight:700;gap:6px;align-items:center;justify-content:center}
    .nice .dk-main .event-page.fm .fm-bm-head .nice-mm i{font-style:normal;color:#315195}
    .nice .dk-main .event-page.fm .fm-bm-head>b{font-size:13px}
    .nice .dk-main .event-page.fm .fm-bm .fm-row>strong{color:#23282c;font-size:13px}

    /* Fancy Bet: no extra title bar; No (pink) / Yes (blue) heads, Min/Max column in grey-blue */
    .nice .dk-main .dk-fancy-bar{display:none}
    .nice .dk-main .event-page.fm .fm-sb.fancy .fm-fancy-head{height:29px;border-bottom:1px solid #7e97a7}
    .nice .dk-main .event-page.fm .fm-sb.fancy .fm-fancy-head>b{display:flex;align-items:center;justify-content:center;background:#faa9ba;color:#23282c;font-size:13px}
    .nice .dk-main .event-page.fm .fm-sb.fancy .fm-fancy-head>b:nth-of-type(2){background:#72bbef}
    .nice .dk-main .event-page.fm .fm-sb.fancy .fm-fancy-head>i{display:flex;align-items:center;justify-content:center;color:#7e97a7;font-size:13px;font-style:normal;font-weight:700}
    .nice .dk-main .event-page.fm .fm-sb.fancy .fm-fancy-head>i::after{content:'Min/Max'}
    .nice .dk-main .event-page.fm .fm-fancy-title span{color:#23282c;font-size:13px;font-weight:700}
    .nice .dk-main .dk-fancy-mm{align-items:center;color:#000;font-size:13px;font-weight:700}
    .nice .dk-main .dk-fancy-mm small{display:none}
    .nice .dk-main .event-page.fm .fm-sb.fancy .fm-row-suspended::after{background:rgba(36,58,72,.4);color:#fff;font-size:12px}
    .nice .dk-main .event-page.fm .fm-sb{margin-top:15px}
}

/* Sport lists: every sport but cricket has the start time on the name's line (12px grey); cricket keeps it below */
.nice:not(.nice-sport-cricket) .match-row .nice-time{display:inline;padding:0 0 0 5px}
.nice:not(.nice-sport-cricket) .match-row .match-info{line-height:calc(24 * var(--v))}
/* Horse Racing Schedule (Home): slate head, ALL tab, rows = venue (13px bold blue) + time, pin; the list is not a box */
.nice-schedule-head{display:flex;align-items:center;height:34px;margin:0;padding:0 8px;background:linear-gradient(-180deg,#315195 0%,#14213d 100%);color:#fff;font-size:13px;font-weight:700}
.nice-schedule-tabs{display:flex;height:43px;background:#e0e6e6}
.nice-schedule-tabs b{display:flex;align-items:center;justify-content:center;width:70px;background:#fff;color:#000;font-size:13px;font-weight:700}
.nice.nice-schedule.nice-home .match-list{max-height:none;overflow:visible;border-bottom:0;padding-top:10px}
.nice.nice-schedule .match-row{align-items:center;min-height:45px;padding:0 10px 0 17px}
.nice.nice-schedule .match-name{font-size:13px;line-height:20px}
.nice.nice-schedule .nice-badges{display:none}
@media(min-width:701px){.nice-schedule-head,.nice-schedule-tabs{display:none}}

/* Sport lists: name and time on one line (all sports but cricket) */
.nice:not(.nice-sport-cricket) .match-row .match-name{display:inline}
/* Sportsbook tab is orange also when the match has no Fancy Bet */
.nice .event-page.fm #markets .fm-sb-tabs:not(.has-fancy) .fm-sb-tab.premium span{padding:0 10px;border-radius:10px 0 0 0;background:linear-gradient(#f26d1c 15%,#d14100 100%)}
.nice .event-page.fm #markets .fm-sb-tabs .fm-min{display:none}
@media(max-width:700px){
    /* Sportsbook markets: orange title bar (22px, radius 4), the choices two by two on the green fade, green price boxes */
    .nice .event-page.fm .fm-pm{margin:0;border:1px solid #c8ced3;background:#fff;box-shadow:none}
    .nice .event-page.fm .fm-pm .fm-bar{min-height:0;height:22px;gap:4px;padding:2px 5px;border-radius:4px;background:linear-gradient(#f26d1c 15%,#d14100 100%);box-shadow:inset 0 1px 0 0 rgba(0,0,0,.2)}
    .nice .event-page.fm .fm-pm .fm-bar-pin{display:none}
    .nice .event-page.fm .fm-pm .fm-bar>b{flex:1;overflow:hidden;color:#fff;font-family:var(--nice-font);font-size:12px;font-weight:900;line-height:18px;text-overflow:ellipsis;white-space:nowrap}
    .nice .event-page.fm .fm-pm .fm-fold{width:16px;height:16px;padding:0;border:0;background:none}
    .nice .event-page.fm .fm-pm .fm-fold svg{width:14px;height:14px;fill:#fff}
    .nice .event-page.fm .fm-pm-rows{position:relative;display:flex;flex-wrap:wrap;background:linear-gradient(90deg,rgba(130,221,166,.8),rgba(130,221,176,.35) 49%,rgba(130,221,166,.8))}
    .nice .event-page.fm .fm-pm-row{display:flex;flex-direction:column;align-items:center;width:50%;min-height:70px;padding:4px 4px 6px;border:0;background:none}
    .nice .event-page.fm .fm-pm-row>strong{display:block;padding:2px 0 4px;color:#23282c;font-size:12px;font-weight:700;line-height:16px;text-align:center;text-transform:uppercase}
    .nice .event-page.fm .fm-pm .odd{display:flex;flex-direction:column;align-items:center;justify-content:center;width:110px;max-width:100%;height:44px;min-height:0;padding:2px 0;border:1px solid #fff;border-radius:3px;background:#72e3a0}
    .nice .event-page.fm .fm-pm .odd b{color:#212529;font-size:14px;font-weight:700;line-height:21px}
    .nice .event-page.fm .fm-pm .odd small{color:#212529;font-size:11px;font-weight:400;line-height:17px}
    /* Market (i) at the right of the name bar: "Min/Max: min - max" tooltip under it (reference Bazi444sb). */
    .nice .event-page.fm .fm-pm .fm-bar{position:relative}
    .nice .event-page.fm .fm-pm .fm-pm-i{display:flex;flex:0 0 auto;width:14px;height:14px;margin:0 12px 0 8px;padding:0;border:0;background:none;cursor:pointer}
    .nice .event-page.fm .fm-pm .fm-pm-i{width:12px;margin:0 12px 0 8px}
    .nice .event-page.fm .fm-pm .fm-pm-i svg{width:12px;height:14px;fill:#fff}
    .nice .event-page.fm .fm-pm .fm-bar[data-fold]{cursor:pointer}
    .nice .event-page.fm .fm-pm .fm-pm-tip{position:absolute;top:24px;right:4px;z-index:5;padding:4px 8px;border-radius:4px;background:rgba(0,0,0,.9);color:#fff;font-size:12px;font-weight:400;line-height:18px;white-space:nowrap}
    /* Suspended (reference Bazi444sb suspend-WinSPort-external): the whole option under a slate glass with "SUSPENDED". */
    .nice .event-page.fm .fm-pm-row{position:relative}
    .nice .event-page.fm .fm-pm-suspended .fm-pm-row::after,.nice .event-page.fm .fm-pm-row.fm-row-suspended::after{content:'Suspended';inset:0;z-index:5;display:flex;align-items:center;justify-content:center;width:auto;margin:0;border:0;border-radius:0;background:rgba(36,58,72,.4);color:rgba(255,255,255,.8);font-size:12px;font-weight:400;text-shadow:0 1px 4px rgba(0,0,0,.5);text-transform:uppercase}
    .nice .event-page.fm .fm-pm-suspended .fm-pm-row .odd,.nice .event-page.fm .fm-pm-row.fm-row-suspended .odd{visibility:visible}
    .nice .event-page.fm .fm-suspend-overlay{display:none}
}

/* Home foot (measured design): links 14px black, centred, "|" 10px each side; black Download Android APP (170x48) */
.nice .nice-foot{margin:5px 0 0;padding:6px 0 20px;background:none;text-align:center}
.nice .nice-foot-links{margin:10px 10px 16px 4px;color:#000;font-size:14px;line-height:22px;text-align:center}
.nice .nice-foot-links a{color:#000;font-size:14px;font-weight:400;text-decoration:none;cursor:pointer}
.nice .nice-foot-links a+a::before{content:'|';margin:0 10px;color:#000}
.nice .nice-foot-links a:hover{text-decoration:underline}
.nice .nice-foot-links a+a:hover::before{text-decoration:none;display:inline-block}
.nice .nice-app-btn{display:inline-flex;align-items:stretch;width:170px;height:48px;margin:0 auto;padding:0;border:1px solid #a6a6a6;border-radius:8px;background:#000;color:#fff;overflow:hidden;cursor:pointer}
.nice .nice-app-btn svg{flex:0 0 42px;width:42px;height:46px;padding:10px 9px;background:#1a1a1a;fill:#fff}
.nice .nice-app-btn span{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 0 0 9px;white-space:nowrap;font-family:var(--nice-font);font-size:16px;font-weight:700;line-height:1.1}
.nice .nice-app-btn small{color:#d9d9d9;font-size:12px;font-weight:400}

/* Policy pop-up: white box 8px from the sides, 15px from the top; grey (#eee) centred headings 15px #243a48; OK button */
dialog.policy-modal.nice-rules{position:fixed;inset:15px 0 auto;width:calc(100% - 16px);max-width:500px;max-height:none;margin:0 auto;padding:0;border:1px solid rgba(0,0,0,.2);border-radius:4.8px;background:#fff;box-shadow:0 4px 5px rgba(0,0,0,.5);color:#23282c;font-family:var(--nice-font);overflow:hidden}
dialog.policy-modal.nice-rules::backdrop{background:rgba(0,0,0,.5)}
dialog.policy-modal.nice-rules .policy-body.nice-rules-body{flex:none;height:min(622px,calc(100vh - 100px));max-height:none;margin:0;padding:8px 5px;overflow-y:auto;font-size:14px;line-height:18px;color:#23282c;background:#fff}
.nice-rules .nice-rules-body h3,.nice-rules .nice-rules-body h4,.nice-rules .nice-rules-body h2{margin:0;padding:11px 0;background:#eee;color:#243a48;font-size:15px;font-weight:700;line-height:18px;text-align:center}
.nice-rules .nice-rules-body p{margin:0 0 16px;font-size:14px;line-height:18px;color:#23282c}
.nice-rules .nice-rules-body h3+p,.nice-rules .nice-rules-body h4+p,.nice-rules .nice-rules-body h3+ul,.nice-rules .nice-rules-body h4+ul,.nice-rules .nice-rules-body h3+ol,.nice-rules .nice-rules-body h4+ol{margin-top:4px}
.nice-rules .nice-rules-body ul,.nice-rules .nice-rules-body ol{margin:0 0 16px;padding-left:32px;font-size:14px;line-height:18px}
.nice-rules .nice-rules-body li{margin:0}
.nice-rules .nice-rules-foot{margin:0 0 7px;padding:8px 0 0;border-top:1px solid #ccc;text-align:center;background:#fff}
.nice-rules .nice-rules-ok{width:150px;height:25px;margin:0;padding:0;border:1px solid grey;border-radius:4px;background:#fff;color:#000;font-family:var(--nice-font);font-size:12px;font-weight:700;line-height:23px;cursor:pointer}
.nice-rules .nice-rules-ok:hover{background:#f2f2f2}

/* Universe Casino tiles, like the reference home: portrait cards, 118 x 143 on phones (3 a row) and 172 x 240 on the
   desktop (4 a row), 12px corners, the picture stretched to the card. */
.nice-card{aspect-ratio:118/143}
.nice-card img{object-fit:fill}
@media (min-width:701px){
    .nice .dk-main .nice-card{aspect-ratio:172/240}
}

/* Universe Original games: the portrait banners are stretched to the card like the tiles beside them (cropping cut off
   their top logo); only the square Dream Catcher banner is cropped, from the sides. And the game page: a back bar over
   the provider's game frame, filling the rest of the screen. */
.nice-card[data-original] img[src$="/dream-catcher"]{object-fit:cover}
.uo-game{display:flex;flex-direction:column;background:#000}
.uo-bar{display:flex;align-items:center;gap:10px;height:40px;padding:0 10px;background:#14213d;color:#fff}
.uo-bar h1{margin:0;font-size:16px;font-weight:700}
.uo-back{color:#fff;font-size:28px;line-height:1;text-decoration:none}
.uo-frame{display:block;width:100%;height:calc(100dvh - 150px);min-height:520px;border:0;background:#000}
@media (min-width:701px){
    .uo-frame{height:calc(100vh - 170px);min-height:600px}
}

/* Phones: no automatic text enlargement by the browser (Android Chrome), so text keeps the designed sizes, as on the
   reference (which turns it off through its viewport). Pinch zoom still works. */
html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}

/* Multi Markets as the reference: no tab / list head; empty = the white box with the dotted icon (#7e97a7 text). */
.mm-page .sport-tabs,.mm-page .marquee{display:none}
.mm-page .match-list:has(.mm-none) .match-list-head{display:none}
.mm-page .match-list:has(.mm-none){border:0;background:none;box-shadow:none}
.mm-page .mm-none{margin:19.2px 8.52px;padding:9.6px 6.72px 19.2px;border:1px solid #7e97a7;border-radius:8px;background:#fff;color:#7e97a7;font-family:Tahoma,Helvetica,sans-serif;text-align:center}
.mm-page .mm-none h3{position:relative;margin:0 0 4.8px;padding:6.72px 0 6.72px 40px;border-bottom:1px solid #e0e6e6;color:#7e97a7;font-size:19.2px;font-weight:500;line-height:28.8px}
.mm-page .mm-none h3 svg{position:absolute;left:0;top:50%;width:26px;height:26px;transform:translateY(-50%)}
.mm-page .mm-none p{margin:0;font-size:15.36px;line-height:23px}

/* Login page close box (reference a.crossIcon): 30 x 31.5, radius 9px, the theme's login-cross colour, black
   Font Awesome times at 21px, 20px from the top and 18px from the right. */
.nice-login-close{top:20px;right:18px;width:auto;height:31.5px;padding:0 8px;border-radius:9px;background:var(--t-cross,linear-gradient(#a4dc60 0%,#4f9f21 100%));color:#000;box-shadow:none}
.nice-login-close svg{width:14.44px;height:21px;fill:#000}

/* Age pop-up (reference ageconfirmationModal): 8px from the screen edges, radius 8px, the theme's age-modal colour,
   16px padding, white bold 16px titles and 14px text, a white 1px line, white Confirm / black Exit (93 x 30), the
   orange round 27px × sticking out at the top right. */
.nice-age{width:calc(100vw - 16px);max-width:484px;margin:auto;padding:16px;border:0;border-radius:8px;overflow:visible;background:var(--t-age,linear-gradient(#a4dc60 0%,#4f9f21 100%));color:#fff;font-family:Tahoma,Helvetica,sans-serif;text-align:center}
.nice-age::backdrop{background:rgba(0,0,0,.5)}
.nice-age-text{margin:0}
.nice-age-head{position:relative;height:20px}
.nice-age-x{position:absolute;top:-13px;right:-12px;display:flex;align-items:center;justify-content:center;width:27px;height:27px;padding:0;border:0;border-radius:50%;background:#fd8f3b;cursor:pointer}
.nice-age-x svg{width:9.63px;height:14px;fill:#000}
.nice-age-t1{font-size:16px;font-weight:700;line-height:24px}
.nice-age hr{margin:16px 0;border:0;border-top:1px solid #fff;opacity:1}
.nice-age-t2{margin:0 0 35px;font-size:14px;font-weight:700;line-height:21px}
.nice-age-text+.nice-age-text .nice-age-t2{margin-bottom:0}
.nice-age-buttons{display:flex;justify-content:center;margin:25px 0 0}
.nice-age-buttons button{width:93px;height:30px;margin:0 10px 0 0;padding:1px 6px;border:1px solid #fff;border-radius:4px;font:700 13px/19.5px Tahoma,Helvetica,sans-serif;cursor:pointer}
.nice-age-buttons .nice-age-ok{background:#fff;color:#000}
.nice-age-buttons .nice-age-exit{background:#000;color:#fff}

/* Login page boxes as the reference (measured at 360 and 412px): the form is 263px wide at 360 and 288.4 at 412; the
   Username / Password boxes are 40px (white, 1px orange edge, radius 5px) with a 38px 16px input and the black
   user / eye icon on the right; 24px between the boxes; Login and Login with Demo ID 43.6px, 16px bold, radius 5px,
   4px apart, in the theme's login-page button colours. */
.nice-login-box{width:calc(48.846vw + 87.15px);max-width:calc(100% - 40px)}
.nice-login-box .logo{width:100%;height:70px;margin:0 auto 24px}
.nice-login-field{display:flex;align-items:center;height:40px;margin:0 0 24px;border:1px solid #fd8f3b;border-radius:5px;background:#fff}
.nice-login-form .nice-login-field input{flex:1;min-width:0;height:38px;margin:0;padding:6px 12px;border:1px solid transparent;border-radius:6px;background:#fff;color:#000;font:400 16px/24px Tahoma,Helvetica,sans-serif;box-shadow:none}
.nice-login-form .nice-login-field input:focus{box-shadow:none}
.nice-login-icon{flex:0 0 auto;display:flex;align-items:center;justify-content:center;min-width:38px;height:36px;padding:6px 12px;border:0;border-radius:6px;background:none;color:#000;cursor:pointer}
.nice-login-form .nice-login-icon{height:36px;margin:0;box-shadow:none;background:none}
.nice-login-icon .inputicon{color:#000;font-size:16px;line-height:1}
.nice-login-form>button{height:43.6px;margin:0;padding:1px 6px;border:0;border-radius:5px;background:var(--t-login-btn,linear-gradient(#a4dc60 0%,#4f9f21 100%));box-shadow:none;color:var(--t-login-btn-text,#fff);font:700 16px/41.6px Tahoma,Helvetica,sans-serif}
.nice-login-form>button+button{margin-top:4px}

/* Demo ID session over (layout_bottom.php): the age pop-up's look, one Login button (the login-page green). */
.nice-demo-end{max-width:344px}
.nice-demo-end .nice-age-t2{margin:0}
.nice-demo-end .nice-age-buttons .nice-demo-end-login{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:119px;height:41px;margin:0;padding:6px 12px;border:0;border-radius:5px;background:var(--t-login-btn,linear-gradient(#a4dc60 0%,#4f9f21 100%));color:var(--t-login-btn-text,#fff);font:700 16px/27px Tahoma,Helvetica,sans-serif;text-decoration:none}
/* Demo ID session over = the Unauthorized Access message, on the theme's pop-up colour (--t-age; theme 10 by default). */
.nice-demo-end{max-width:420px;padding:24px 20px;text-align:left}
.nice-demo-end .ua-title{margin:0 0 8px;font-size:24px;font-weight:500;line-height:30px;text-align:center}
.nice-demo-end p,.nice-demo-end ol{font-weight:400}
.nice-demo-end p{margin:0 0 12px;font-size:15px;line-height:22px}
.nice-demo-end ol{margin:0 0 12px;padding:0 0 0 24px;font-size:14px;line-height:21px}
.nice-demo-end .ua-again{text-align:center}
.nice-demo-end .nice-age-buttons{margin:4px 0 0}
.nice-demo-end .nice-age-buttons .nice-demo-end-login{background:#fff;color:#000}

/* Match page, logged in (reference Bazi444sb): no news bar; TV icon at the right of the title bar opens the Live Score /
   Watch Live tabs; Live Score = black score card; Demo ID = "real ID" notice. */
.nice.nice-event .site-top .marquee{display:none}
.nice .event-page.fm .fm-title{position:relative}
.nice .event-page.fm .nice-tv-ico{position:absolute;top:50%;right:16px;display:flex;padding:0;border:0;background:none;color:#fff;cursor:pointer;transform:translateY(-50%)}
.nice .event-page.fm .nice-tv-ico svg{width:18px;height:16px}
/* Match with a score: the icon pulses white -> red and 10% bigger every second (reference in_play_tv / inplayTv). */
.nice .event-page.fm .nice-tv-ico.nice-tv-live{transition:.4s ease-in;animation:nice-inplay-tv 1s infinite}
@keyframes nice-inplay-tv{0%{transform:translateY(-50%) scale(1);color:#fff}50%{transform:translateY(-50%) scale(1.1);color:red}to{transform:translateY(-50%) scale(1);color:#fff}}
.nice-tvp{display:flow-root;background:#000;color:#fff}
.nice-tvp[hidden]{display:none}
.nice-tvp-tabs{display:flex;background:#2b2b2b}
.nice-tvp-tabs button{flex:1;height:31px;border:0;border-right:1px solid #fff;background:#2b2b2b;color:#fff;font-size:14px;font-weight:400;cursor:pointer}
.nice-tvp-tabs button:last-child{border-right:0}
.nice-tvp-tabs button.active{background:#4a4a4a}
.nice-tvp-score[hidden],.nice-tvp .fm-tv[hidden],.nice-tvp-lock[hidden],.nice-sc[hidden],.nice-tvp-frame[hidden],.nice-tvp-none[hidden]{display:none}
.nice-tvp-frame{display:block;width:100%;border:0;background:#fff}
.nice-tvp-none{margin:0;padding:24px 12px;font-size:13px;text-align:center;color:#ccc}
.nice-sc{padding:10px 6px 4px;font-size:12px}
.nice-sc-head,.nice-sc-row{display:grid;grid-template-columns:1fr 80px 80px 34px;align-items:center;gap:4px}
.nice-sc-head{margin-bottom:6px;font-weight:700}
.nice-sc-head span{font-size:12px}
.nice-sc-head b,.nice-sc-row b{text-align:center;font-weight:700}
.nice-sc-row{min-height:34px}
.nice-sc-row span{display:flex;align-items:center;gap:6px;min-width:0;padding-left:4px;font-size:14px;font-weight:700}
.nice-sc-row span em{overflow:hidden;font-style:normal;white-space:nowrap;text-overflow:ellipsis}
.nice-sc-logo{flex:0 0 auto;width:24px;height:24px;object-fit:contain}
.nice-sc-logo[hidden]{display:none}
.nice-sc-row b[data-rr]{font-weight:400}
.nice-sc-line{margin:6px 0 0;overflow:hidden;white-space:nowrap;font-size:12px}
.nice-sc-line span{display:inline-block;padding-left:100%;animation:nice-sc-scroll 14s linear infinite}
@keyframes nice-sc-scroll{to{transform:translateX(-100%)}}
.nice-tvp .fm-tv:not([hidden]){display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 9;background:#000;color:#bbb;text-align:center}
.nice-tvp-lock{display:flex;align-items:center;gap:14px;margin:58px 20px;padding:18px 16px;border:1px solid #2c3a52;border-radius:10px;background:#111a2b}
.nice-tvp-lock i{display:flex;flex:0 0 54px;align-items:center;justify-content:center;width:54px;height:54px;border:1px solid #6b5418;border-radius:50%;background:#3a2f12;color:#f0b429}
.nice-tvp-lock svg{width:26px;height:26px}
.nice-tvp-lock b{display:block;margin-bottom:6px;font-size:18px;font-weight:600}
.nice-tvp-lock span{font-size:15px;line-height:1.4;color:#aab4c6}

/* (i) of Match Odds / Bookmaker / Fancy Bet / Sportsbook (reference Bazi444sb): white rules box, no title, text scrolled
   inside, OK button under a rule line. Fancy row (i): the Min / Max box sits left of the (i), over the market name. */
.nice-rules{align-items:flex-start;background:rgba(0,0,0,.5)}
.nice-rules .fm-rules-box{width:calc(100% - 20px);max-width:500px;height:calc(100vh - 192px);max-height:none;margin:8px auto 0;border-radius:5px;background:#fff;overflow:hidden}
.nice-rules .fm-rules-body{padding:12px 12px 0;color:#212529;font-family:Roboto,Arial,sans-serif;font-size:15px;line-height:1.45}
.nice-rules .fm-rules-body p{margin:0 0 16px}
.nice-rules .fm-rules-body h3{margin:0 0 10px;font-size:17px;font-weight:700}
.nice-rules .fm-rules-body ul{margin:0 0 16px;padding-left:22px;list-style:disc;line-height:1.45}
.nice-rules .fm-rules-body li{margin:0 0 4px;font-size:15px;line-height:1.45}
.nice-rules .fm-rules-body table{width:100%;margin:0 0 16px;border-collapse:collapse}
.nice-rules .fm-rules-body th,.nice-rules .fm-rules-body td{padding:4px 6px;border:1px solid #dee2e6;font-size:14px;text-align:left}
.nice-rules footer{flex:0 0 auto;display:flex;justify-content:center;padding:8px 0;border-top:1px solid #dee2e6;background:#fff}
.nice-rules footer button{width:150px;height:26px;border:1px solid #6c757d;border-radius:4px;background:#fff;color:#000;font-size:14px;font-weight:700;cursor:pointer}
.nice .event-page.fm .fm-fancy-mm{top:2px;right:138px;padding:4px 32px 4px 12px;border-radius:4px;box-shadow:0 2px 6px rgba(0,0,0,.35);text-align:center}
.nice .event-page.fm .fm-fancy-mm p{color:#4c6f93;font-size:13px;font-weight:700}
.nice .event-page.fm .fm-fancy-mm b{font-size:14px;font-weight:700}
.nice .event-page.fm .fm-fancy-mm button svg{width:11px;height:11px}

/* Page loading (reference Bazi444sb loader, same size and motion): 170 x 105 white card, two 35px circles sliding past
   each other every .5 s, "Loading..." at the bottom. Colours come from the theme (--nice-loader1 / --nice-loader2,
   css/themes.css); no theme = the Bazi444sb look (theme 10). */
body.nice{--nice-loader1:linear-gradient(180deg, #2A3A43 27%, #1C282D 83%);--nice-loader2:linear-gradient(#A4DC60 0%, #4F9F21 100%);--nice-loader-body:#ffffff;--nice-loader-text:black}
.nice-loader{position:absolute;z-index:999;display:flex;align-items:center;justify-content:center;width:170px;height:105px;margin:0 auto;padding:2rem;overflow:hidden;border-radius:8px;background:var(--nice-loader-body,#fff);box-shadow:0 10px 20px #0000001a;font-family:ui-sans-serif,system-ui,sans-serif;box-sizing:border-box}
.nice-loader-circles{position:relative;left:-30px;top:-32px}
.nice-loader-circles i{position:absolute;width:35px;height:35px;border-radius:50%;background:var(--nice-loader1);animation:nice-loader-slide .5s linear 0s infinite alternate}
.nice-loader-circles i.nice-loader-b{background:var(--nice-loader2);animation-name:nice-loader-return}
.nice-loader>span{position:absolute;bottom:8px;font-size:12px;color:var(--nice-loader-text,#000)}
@keyframes nice-loader-slide{0%{left:60px}to{left:calc(100% - 35px)}}
@keyframes nice-loader-return{0%{left:calc(100% - 35px)}to{left:60px}}

/* "In-Play" in the match lists (reference Bazi444sb .in_play / animationinplay): green -> red and 10% bigger every second. */
.nice .match-status.live{display:inline-block;transition:.4s ease-in;animation:nice-animation-inplay 1s infinite}
@keyframes nice-animation-inplay{0%{transform:scale(1);color:green}50%{transform:scale(1.1);color:red}to{transform:scale(1);color:green}}

/* Tennis Live Score card (reference Bazi444sb): SETS / 1 / 2 / 3 / PTS columns, 11px figures, 14px player names. */
.nice-sc-head span{color:#b2b2b2}
.nice-sc.nice-sc-tennis .nice-sc-head,.nice-sc.nice-sc-tennis .nice-sc-row{grid-template-columns:1fr 36px 36px 36px 36px 36px;gap:0}
.nice-sc.nice-sc-tennis .nice-sc-head b{font-size:11px;font-weight:600}
.nice-sc.nice-sc-tennis .nice-sc-row b{font-size:11px;font-weight:900}
.nice-sc.nice-sc-tennis .nice-sc-row span{font-weight:600;text-transform:uppercase}
.nice-sc.nice-sc-tennis .nice-sc-serve{display:none}

/* Phone header bar in the reference's fixed sizes (Bazi444sb): 56px high, Bets 80 x 36, refresh / setting 37 x 36 with a
   9px gap, 1px #0b1933 border on the three buttons, "Main PTI" / "Exposure" 12px bold. Colours stay the theme's. */
@media(max-width:700px){
    .nice .balance-bar{height:56px;gap:9px;padding:8px 4px 8px 1px}
    .nice .balance-bar .bets-btn,.nice .balance-bar .settings-btn,.nice .balance-bar .wallet-refresh{height:36px;border:1px solid #0b1933;border-radius:4.16px}
    .nice .balance-bar .bets-btn{flex:0 0 80px;width:80px;gap:5px;font-size:14px}
    .nice .balance-bar .bets-btn svg{width:19px;height:20px}
    .nice .balance-bar .wallet-box{gap:10px;margin:0}
    .nice .balance-bar .wallet-lines{font-size:12px;line-height:18px}
    .nice .balance-bar .wallet-lines em{font-weight:700}
    .nice .balance-bar .wallet-refresh,.nice .balance-bar .settings-btn{flex:0 0 37px;width:37px;margin:0}
    .nice .balance-bar .wallet-refresh svg,.nice .balance-bar .settings-btn svg{width:20px;height:20px}
}

/* Cash Out in the market headers (app.js cashOutHtml), after the reference Bazi444sb. */
.nice-co{display:inline-flex;align-items:center;flex:0 0 auto;margin:0 auto 0 8px;align-self:center;color:#000;font-size:12px;font-weight:700;line-height:18px;white-space:nowrap}
.nice-co.on{cursor:pointer}
.nice-co-i{display:flex;align-items:center;justify-content:center;width:18px;height:18px;margin-right:4px;border-radius:2px;background:#ffb900;color:#000}
.nice-co-i em{display:block;width:10px;height:10px;border-radius:50%;background:#000}
.nice-co-i svg{width:12px;height:10px}
.nice-co strong.plus{color:#4dbd74}
.nice-co strong.minus{color:#d0021b}
.nice .dk-main .dk-mo-title .nice-co{margin-right:0}

/* Fancy Bet: the reference Bazi444sb's sizes, overlay and news strip. */
.nice .event-page.fm .fm-sb.fancy .fm-fancy-row.fm-row-suspended .odd>*{visibility:visible}
.nice .event-page.fm .fm-sb.fancy .fm-fancy-row.fm-row-suspended::after{background:rgba(36,58,72,.4);color:rgba(255,255,255,.8);font-size:12px;font-weight:400;text-shadow:0 1px 4px rgba(0,0,0,.5);text-transform:none}
.nice .event-page.fm .fm-fancy-news{height:25px;overflow:hidden;border-bottom:1px solid #dee2e6;background:#c2d5e4;box-shadow:inset 0 2px rgba(0,0,0,.1);color:#23282c;font-size:13px;font-weight:700;line-height:25px;white-space:nowrap}
.nice .event-page.fm .fm-fancy-news span{display:inline-block;padding-left:100%;animation:niceFancyNews 20s linear infinite}
@keyframes niceFancyNews{to{transform:translateX(-100%)}}
@media (max-width:700px){
    .nice .event-page.fm .fm-sb.fancy .fm-fancy-head,.nice .event-page.fm .fm-fancy{grid-template-columns:1fr 38px 64px 64px}
    .nice .event-page.fm .fm-fancy{min-height:42px}
    .nice .event-page.fm .fm-fancy-i{margin-right:5px}
}
/* Odds flash: the reference Bazi444sb's colours and time. */
.nice .odd.back.flash{animation:niceSparkBack .5s ease}
.nice .odd.lay.flash{animation:niceSparkLay .5s ease}
@keyframes niceSparkBack{50%{background:#f8e71c;color:#000}}
@keyframes niceSparkLay{50%{background:#26f1f8;color:#000}}

/* Bet slip of a Fancy line: its own full-width row under the line (the line is a grid), not one of its columns. */
.nice .event-page.fm .fm-fancy>.fm-slip{grid-column:1/-1;grid-row:3;min-width:0;width:auto}
.nice .event-page.fm .fm-pm-rows>.fm-slip{flex:0 0 100%;width:100%;min-width:0}