/* Phone layout (≤767px) matching the reference mobile site; 1rem there = 10vw here. Desktop is untouched. */
.m-menu,.m-only{display:none}
@media (max-width:767px){
.d-only{display:none}.m-only{display:inline}
body{font:4vw/1.3 "Helvetica Neue",Helvetica,Arial,sans-serif;color:#777;background:#ebebeb;overflow-y:auto}
.layout,.footer .layout,.tickets .layout{width:auto}
.main{min-height:0}
sup{font-size:2vw;margin-left:1vw}
/* Header: logo left; promo badge + hamburger right */
.header{height:auto;margin:0;position:relative;z-index:50}
.header .layout{display:flex;justify-content:space-between;align-items:flex-start;padding:2vw;box-sizing:border-box}
.header .logo{float:none;padding:0;text-align:left}
.header .logo img{width:15vw;height:auto;margin-left:1vw}
.m-menu{display:flex;align-items:center;height:7.5vw;gap:1.1vw}
.m-promo{display:block;width:13.8vw;height:7.5vw;overflow:hidden;background:#20131a}
.m-promo img{width:100%;height:100%;object-fit:cover;object-position:50% 5%}
.menu-btn{position:relative;display:block;width:10vw;height:7.5vw;padding:0;border:0;border-radius:2px;cursor:pointer;background-color:#313c50;background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-size:45% 6.67%;background-repeat:no-repeat;background-position:50% 28.57%,50% 50%,50% 71.43%}
.menu-btn.on{background-image:none}
.menu-btn.on::before,.menu-btn.on::after{content:"";position:absolute;left:50%;top:50%;width:46%;height:7%;background:#fff;transform:translate(-50%,-50%) rotate(45deg)}
.menu-btn.on::after{transform:translate(-50%,-50%) rotate(-45deg)}
/* Full-screen navigation */
.header .nav{display:none;float:none;position:absolute;left:0;top:14vw;width:100%;background:#000;color:#fff;text-align:center;z-index:1}
html.nav-open,html.nav-open body{height:100%;overflow:hidden}
html.nav-open .header{position:fixed;inset:0;overflow-y:auto}
html.nav-open .header .nav{display:block}
.header .nav .item,.header .nav .item.on{float:none;display:block;margin:0;padding:0;border:0;border-bottom:1px solid #ebebeb;line-height:14vw;font-size:4vw;font-weight:bold;color:#fff;background:transparent}
.header .nav .item:last-child{border-bottom:0}
.header .nav a.item:hover{color:#fff}
.header .nav .results-menu{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;cursor:pointer;outline:0}
.header .nav .results-menu::after{content:"";width:1.4vw;height:1.4vw;margin:-1vw 0 0 2vw;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}
.header .nav .results-menu.open{background:linear-gradient(#313c50,#313c50) top/100% 14vw no-repeat}
.header .nav .results-menu.open::after{transform:rotate(-135deg);margin-top:1vw}
.header .nav .item .all-lottery,.header .nav .item:hover .all-lottery{order:2;flex-basis:100%;position:static;width:auto;padding:0;visibility:visible;opacity:1;transition:none;background:#000;color:#777;line-height:14vw;cursor:default}
.header .nav .results-menu:not(.open) .all-lottery{display:none}
.header .nav .item .all-lottery table,.header .nav .item .all-lottery tbody,.header .nav .item .all-lottery tr,.header .nav .item .all-lottery th,.header .nav .item .all-lottery td{display:block;width:auto!important;margin:0;border:0}
.header .nav .item .all-lottery th{padding:0 0 2vw;text-align:center;white-space:nowrap;font-size:4vw;font-weight:bold;color:#777}
.header .nav .item .all-lottery th br{display:none}
.header .nav .item .all-lottery sup{font-size:2vw;margin-left:1vw}
.header .nav .item .all-lottery td{padding:0 0 5vw;font-size:0;line-height:14vw;text-align:center}
.header .nav .item .all-lottery a{display:inline;width:auto;line-height:inherit;font-size:0}
.header .nav .item .all-lottery a span{display:none}
.header .nav .item .all-lottery a img{width:15vw;height:auto;margin:0 .7vw;vertical-align:top}
/* Hero carousel */
.banner,.banner.layout{display:block;height:auto;margin:0}
.banner .slide{width:100%;height:33.28vw}
.slide-track{height:100%}
.banner .slide .slide-track img{width:100vw;height:100%;object-fit:cover;flex:0 0 100vw}
.banner-side{display:none}
.banner .slide .dots{bottom:10px;line-height:0}
.banner .slide .dots .dot,.banner .slide .dots .dot.active{width:8px;height:8px;margin:0 5px;border:1px solid #fff;border-radius:8px;background:#555;opacity:.8;box-sizing:content-box}
.banner .slide .dots .dot.active{background:#fff}
/* Category tabs */
.lottery-newest{margin:0}
.lottery-newest .hd{display:flex;flex-flow:row nowrap;height:auto;margin:0;background:transparent;overflow-x:auto;scrollbar-width:none}
.lottery-newest .hd::-webkit-scrollbar{display:none}
.lottery-newest .hd button.item{float:none;flex:1 0 auto;height:auto;padding:3vw 1vw;border:0;border-bottom:5px solid #bcbabb;background:transparent;font-size:3vw;line-height:1.3;font-weight:normal;white-space:nowrap;color:#777}
.lottery-newest .hd button.on{border-color:#313c50;color:#000}
.lottery-newest .hd .item sup{font-size:1vw;margin-left:1vw}
#status:empty{display:none}
/* Game cards */
.lottery-newest .bd{padding:2vw 0 0}
.lottery-newest .bd .item{margin:0 2vw 2vw;padding:0 0 2vw;border-radius:0;text-align:center;color:#777}
.lottery-newest .bd .item .hdd,.lottery-newest .bd .item[data-category] .hdd{height:auto;min-height:0;padding:0;line-height:6vw;font-weight:normal;font-size:4vw;text-align:center}
.lottery-newest .bd .item sup{font-size:2vw;margin-left:1vw}
.lottery-newest .bd .item table,.lottery-newest .bd .item tbody,.lottery-newest .bd .item tr,.lottery-newest .bd .item td{display:block;width:auto;height:auto}
.lottery-newest .bd .item td.tc{padding:2vw 0 0}
.lottery-newest .bd .item td.tc img{width:35%;height:auto;max-width:148px;max-height:none}
.lottery-newest .bd .item .gmt{margin:0;height:auto;line-height:1.3}
.lottery-newest .bd .item .crt_period{width:auto;min-width:0;max-width:none;padding:0;white-space:normal;height:auto;margin:2vw 0;line-height:1.3;background:none;border-radius:0;font-weight:normal;font-size:4vw;color:#000}
.lottery-newest .bd .item td+td{display:flex;flex-direction:column;align-items:center}
.lottery-newest .bd .item .period{order:1;float:none;width:auto;margin:0;padding:0;font-size:4vw;color:#777}
.lottery-newest .bd .item .time{order:2;float:none;width:auto;padding:0;font-size:4vw}
.lottery-newest .bd .item .countdown{justify-content:center;margin:2vw 0}
.lottery-newest .bd .item .time .t,.tickets .result .next-time .bd .t{display:inline;width:auto;height:auto;margin:0;border:0;border-radius:0;line-height:1.3;color:#777}
.lottery-newest .bd .item .time .txt,.tickets .result .next-time .bd .txt{display:none}
.lottery-newest .bd .item .wrap-bd-ball{order:3;height:auto;position:static;width:100%}
.lottery-newest .bd .item .wrap-bd-ball .bd-ball{position:static;width:auto;margin:1.5vw 0 2.5vw;padding:0;border:0}
.lottery-newest .bd .item .link{order:4;padding:0}
.lottery-newest .bd .item .link a{color:#333}
/* Balls (reference mobile palette) */
.ball{width:7vw;height:7vw;line-height:7vw;font-size:5vw;vertical-align:middle}
.ball .number-reel,.ball .reel-digit{height:7vw;line-height:7vw}
.ball.empty{width:5vw}
.lottery-newest .bd .item .wrap-bd-ball .bd-ball .ball,.tickets .result .draw-number .numbers .ball,.history-table .ball{margin:0 .55vw 1vw;vertical-align:middle}
.ball:not(.empty){background:#29b4ac;border-radius:50%}
.ball.penta5:not(.empty){background:#6f27f9}.ball.infinity8:not(.empty){background:#f70a8d}.ball.rolling10:not(.empty){background:#0062f6}.ball.cannon20:not(.empty){background:#ff801c}.ball.lucky5:not(.empty){background:#2a571b}.ball.bingo:not(.empty){background:#00b3f5}.ball.extra:not(.empty){background:#ffb67d}.ball.daily-red:not(.empty){background:#bb2b39}.ball.daily-green:not(.empty){background:#239a0b}.ball.daily-blue:not(.empty){background:#2778d3}
.empty-balls .ball:not(.empty){background:#ccc}
/* Draw history page */
.tickets .layout{background:#fff}
.tickets .result{margin:0}
.tickets .result .hdd{height:auto;margin-top:2vw;padding:0;line-height:6vw;font-weight:normal;font-size:4vw;text-align:center}
.tickets .result .bdd{min-height:0;border:0;padding:0 0 2vw;text-align:center}
.tickets .result .logo{float:none;width:auto;padding:1vw 0 2vw}
.tickets .result .logo img{width:25vw;max-width:212px;height:auto}
.tickets .result .draw-number{float:none;padding:0;color:#777}
.tickets .result .draw-number .opentime{display:flex;flex-direction:column-reverse;padding:0;font-size:0}
.tickets .result .draw-number .opentime>span{font-size:4vw}
.tickets .result .draw-number .periodNo{color:#000;font-weight:normal}
.tickets .result .draw-number .gmt{padding-top:2vw}
.tickets .result .draw-number .numbers{margin:2vw 0;padding:0}
.tickets .result .next-time{float:none;height:auto;margin:0;padding:0 0 2vw;border:0;color:#777}
.tickets .result .next-time .hd{margin:0;color:#777}
.tickets .result .next-time .countdown{justify-content:center;margin-top:2vw}
.tickets .search .hd{padding:2vw 0 3vw;border:0;background:#ebebeb;text-align:center;color:#9d9d9d}
.tickets .search .hd .fl{display:none}
.tickets .search .hd .fr{float:none;padding:0}
.tickets .search .hd .fr .date{position:relative;display:inline-block;padding:0 8vw 0 0;background:none}
.tickets .search .hd .fr .date::after{content:"";position:absolute;right:0;top:50%;width:6vw;height:6vw;margin-top:-3vw;border:1px solid #9d9d9d;border-radius:50%;background:url(/Images/ico_calendar.png) center/3.4vw no-repeat;pointer-events:none}
.tickets .search .hd .fr .date .datepicker{box-sizing:border-box;width:72vw;padding:1vw 1vw 1vw 7vw;border:0;border-bottom:1px solid #9d9d9d;background:url(/Images/ico_search.png) 1vw center/4.4vw no-repeat transparent;font-size:5vw;color:#333;text-align:left}
.history-table,.history-table tbody,.history-table tr,.history-table td,.history-table td:first-child,.history-table td:nth-child(2){display:block;width:auto}
.history-table tr{padding:0 2vw;border-bottom:1px solid #ccc}
.history-table td,.history-table th{padding:0;border:0;text-align:center}
.history-table td:first-child{padding:2vw 0 1vw;margin-bottom:2vw;color:#000}
.history-table td+td{padding:0 0 2vw}
.tickets .pagination,.pagination{padding:5vw 0;gap:0}
#load-more{width:auto;height:auto;padding:2vw 3vw;border-width:1px;font:600 4vw/1.3 "Helvetica Neue",Helvetica,Arial,sans-serif}
/* About / Responsible Gaming */
.about{padding:0 4vw 4vw;background-size:auto 100%}
.about .hd,.about .bd{display:block;margin:0}
.about .bd .flag{display:none}
.about .inner,.about .bd .inner{width:auto;margin:0;padding:0}
.about .inner .t{margin:0;padding:4vw 0 3vw;font-size:4vw;font-weight:600;line-height:4vw;height:auto;color:#777;border:0}
.about .inner .t::before{content:"";display:inline-block;width:1vw;height:3.5vw;margin-right:.5vw;vertical-align:-.3vw;background:#e3221a}
.about .content{font-size:4vw;line-height:7vw;color:#777}
.about img,.responsibleGaming img{max-width:100%;height:auto}
.responsibleGaming{padding:5vw 4vw 4vw}
.responsibleGaming .layout{display:block;width:auto;margin:0;padding:0}
.ResponsibleMenu{position:relative;float:none;width:auto;height:auto;min-height:0;margin:0 0 3vw;padding:0;border-radius:0;background:#000;text-align:center}
.ResponsibleMenu .rg-toggle{display:block;width:100%;height:8vw;margin:0;padding:0;border:0;background:#000;color:#fff;font:inherit;font-size:4vw;line-height:8vw;cursor:pointer}
.ResponsibleMenu .rg-toggle::after{content:"";display:inline-block;margin-left:1.5vw;vertical-align:.6vw;border:1.2vw solid transparent;border-top-color:#fff;border-bottom-width:0}
.ResponsibleMenu.open .rg-toggle::after{border-top-width:0;border-bottom-width:1.2vw;border-bottom-color:#fff;vertical-align:.8vw}
.ResponsibleMenu .menuItem{display:none;width:auto;height:auto;padding:0;margin:0;border:0;background:none}
.ResponsibleMenu.open .menuItem{display:block}
.responsibleGaming .layout{position:relative}
.ResponsibleMenu.open{position:absolute;top:0;left:0;right:0;bottom:auto;height:auto;z-index:20}
.ResponsibleMenu.open+.responsible-content{padding-top:11vw}
.ResponsibleMenu .menuItem button,.ResponsibleMenu .menuItem.menuItemOn button{display:block;width:100%;height:auto;padding:0;border:0;background:none;color:#fff;font-size:4vw;line-height:8vw;text-align:center}
.responsible-content{margin:0;width:auto;min-height:0}
.responsibleGaming .responsible{margin:0;padding:0 0 4vw;font-size:4vw;line-height:7vw;color:#777}
.responsible-content .subject,.responsible-content .support-subject,.responsible-content .break-subject{margin:0 0 2vw;padding-left:1vw;border-left:1vw solid #e3221a;font-size:5vw;line-height:5vw;color:#777}
.responsible-content p,.responsible-content .control-tips{margin:0 0 7vw}
.responsible .item{line-height:7vw}
/* Footer: marks left, Home/About right, notice below */
.footer{padding:2vw;font-size:3.5vw;color:#5c626e}
.footer .layout{display:grid;grid-template-columns:1fr auto;grid-template-areas:"marks nav" "ft ft";align-items:start}
.footer .left,.footer .center .bd,.footer .cf{display:none}
.footer .center{display:contents}
.footer .center .hd{grid-area:nav;padding:0;text-align:right}
.footer .center .hd a{display:block;margin:0;color:#fff;font-size:4vw;line-height:1.3}
.footer .right{grid-area:marks;float:none;width:auto;padding:0;text-align:left}
.footer .center .ft,.footer .ft{grid-area:ft;margin-top:5vw;font-size:3.5vw;line-height:1.3;color:#5c626e;text-align:center}
}