.nav-icon,.mobile-history{display:none}
@media(max-width:560px){
  body{background:#efefef;padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}
  .site-shell{width:100%}
  .site-header{height:75px;background:white;padding:0 10px;position:sticky;top:0;z-index:40}
  .brand{transform:scale(.64);height:110px}
  #site-clock{display:none}
  .primary-nav{position:fixed;bottom:0;left:0;right:0;z-index:50;height:calc(60px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);grid-template-columns:repeat(5,minmax(0,1fr));border:0;background:#006cb8;box-shadow:0 -1px 4px #0002}
  .primary-nav a{flex-direction:column;gap:5px;background:#006cb8!important;font-size:12px;font-weight:600;min-width:0;color:#fff}
  .primary-nav a.active{background:#df0015!important;color:white;filter:none}
  .primary-nav a[href="/contact"]{display:none}
  .primary-nav .nav-icon{display:block;width:22px;height:22px;object-fit:contain}
  .main-content{padding:0;min-height:calc(100dvh - 135px)}
  .main-content>.section-title,.main-content>.subtabs{margin-left:15px;margin-right:15px}
  .home-carousel{aspect-ratio:2.4/1;border-radius:0 0 4px 4px}
  .carousel-slide img{object-position:center}
  .home-carousel .banner-copy{left:6%;top:12%;max-width:60%}
  .home-carousel .banner-copy h1{font-size:27px;margin:0 0 5px}
  .home-carousel .banner-copy p{font-size:14px;margin:0 0 9px}
  .home-carousel .banner-copy strong{font-size:12px;padding:4px 10px}
  .home-carousel .carousel-dots{bottom:7px;gap:6px}
  .carousel-dots button{width:8px;height:8px}
  .home-panel{margin:16px 15px 0;box-shadow:none;background:#fff}
  .home-panel .panel-heading{padding:6px 7px;gap:6px;min-height:36px;font-size:12px;font-weight:400}
  .home-panel .panel-heading>span{flex:none}
  .home-panel .panel-heading small{font-size:11px;max-width:73%;font-weight:400;line-height:1.25}
  .home-panel .result-main{padding:0;gap:0;align-items:stretch;flex-direction:column}
  .home-panel .draw-right{order:-1;width:100%;padding:12px 14px 10px}
  .home-panel .upcoming-title{display:none}
  .home-panel .countdown{gap:4px;justify-content:flex-start}
  .home-panel .digit{font-size:36px;line-height:1.1;width:32px;text-align:center;padding:4px 0;font-weight:600}
  .home-panel .colon{font-size:30px;padding:0;width:10px;text-align:center}
  .home-live-actions{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:10px}
  .home-live-buttons{gap:9px;flex:none}
  .home-live-buttons a{min-height:26px;padding:3px 7px;font-size:12px}
  .home-live-actions .history-entry{margin:0;font-size:11px;white-space:nowrap}
  .home-panel .draw-left{border-top:1px solid #ddd;padding:12px 14px 18px}
  .home-panel .draw-left .issue-title{display:none}
  .home-panel .draw-left .ball-row{justify-content:flex-start;gap:4px;flex-wrap:nowrap}
  .home-panel .draw-left .ball{width:29px;height:29px;font-size:14px;border-width:2px}
  .home-panel .draw-left .plus{font-size:15px}
  .desktop-home-history{display:none}
  .mobile-history{display:block;border-top:1px solid #ddd}
  #toggle-recent{display:block;width:100%;border:0;border-bottom:1px solid #ccc;background:white;color:#da0019;font-size:13px;height:32px}
  #toggle-recent span{font-size:20px;vertical-align:-2px}
  .mobile-home-history[hidden]{display:none}
  .mobile-history-row{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:76px;padding:10px 12px;border:0;border-bottom:1px solid #ddd;background:#f5f5f5;color:#333;text-align:left}
  .mobile-history-row:nth-child(even){background:white}
  .mobile-history-row:last-child{border-bottom:0}
  .mobile-history-row:disabled{cursor:default;color:#333;opacity:1}
  .mobile-history-issue{font-size:12px;white-space:nowrap;flex:none}
  .mobile-history-issue b{color:#d90012}
  .mobile-history-balls{min-width:0}
  .mobile-history-balls .ball-row{gap:3px;flex-wrap:nowrap;justify-content:center}
  .mobile-history-balls .ball{width:23px;height:23px;font-size:11px;border-width:1px}
  .mobile-history-balls .plus{font-size:12px;width:7px;flex:none;margin:0}
  .mobile-history-balls .zodiac-row{gap:3px;font-size:11px;justify-content:center}
  .mobile-history-balls .zodiac-row span{width:23px;text-align:center}
  .mobile-history-balls .zodiac-row span:nth-child(7){width:7px;visibility:hidden}
  .site-footer{padding:20px 0}
  .content-page{background:#fff;margin:0 15px;padding:10px 12px 30px}
  .video-history-panel{margin:0 12px}
  .live-broadcast{margin-left:12px;margin-right:12px;width:calc(100% - 24px);min-height:0;padding:0}
  .primary-nav a.contact-parent{background:#df0015!important;color:white;filter:none}
  .main-content>.panel:not(.home-panel):not(.video-history-panel){border-left:0;border-right:0;box-shadow:none;background:#fff}
  .draw-summary{padding:18px 15px;gap:16px;align-items:stretch}
  .draw-summary .issue-title{font-size:14px}
  .draw-summary .draw-left .ball-row{gap:4px;flex-wrap:nowrap;justify-content:flex-start}
  .draw-summary .draw-left .ball{width:29px;height:29px;font-size:14px;border-width:2px}
  .draw-summary .draw-left .plus{font-size:15px}
  .draw-summary .upcoming-title{font-size:12px;text-align:left;line-height:1.5}
  .draw-summary .countdown{gap:4px;margin-top:12px}
  .draw-summary .digit{width:32px;padding:4px 0;font-size:36px;text-align:center;font-weight:600}
  .draw-summary .colon{width:10px;padding:0;font-size:30px;text-align:center}
  .history-toolbar{padding:12px 15px;gap:10px;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
  .history-toolbar h2{font-size:16px;margin:0}
  .history-toolbar .issue-search{width:150px;max-width:55%;min-width:0;font-size:16px;height:36px}
  .history-toolbar .year-filter{flex:none}
  #issue-search-form{width:174px;min-width:0;flex:none}
  .history-toolbar #issue-search-form .issue-search{width:0;max-width:none;flex:1}
  .table-wrap{overflow:visible}
  .draw-table{display:block;width:100%;min-width:0}
  .draw-table thead{display:none}
  .draw-table tbody{display:block}
  .draw-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) 36px;grid-template-rows:24px 24px auto;min-height:122px;padding:10px 15px;border-bottom:1px solid #ddd;background:white}
  .draw-table tbody tr:nth-child(even){background:#fafafa}
  .draw-table td{border:0;padding:0;text-align:left;min-width:0;font-size:12px}
  .draw-table .balls-cell{min-width:0}
  .draw-table td:nth-child(1){grid-column:1;grid-row:1}
  .draw-table td:nth-child(2){grid-column:1;grid-row:2;white-space:nowrap}
  .draw-table td:nth-child(1)::before,.draw-table td:nth-child(2)::before{content:attr(data-label);display:inline-block;width:60px;text-align:right;color:#d90012;margin-right:8px}
  .draw-table td:nth-child(3){grid-column:1;grid-row:3;display:grid;grid-template-columns:60px minmax(0,1fr);column-gap:8px;align-content:start}
  .draw-table td:nth-child(3)::before{content:attr(data-label);grid-column:1;grid-row:1;color:#d90012;text-align:right}
  .draw-table td:nth-child(3)>.ball-row{grid-column:2;grid-row:1;gap:3px;justify-content:flex-start;flex-wrap:nowrap}
  .draw-table td:nth-child(3)>.zodiac-row{grid-column:2;grid-row:2;gap:3px;justify-content:flex-start;margin-top:6px}
  .draw-table .ball{width:23px;height:23px;font-size:11px;border-width:1px}
  .draw-table .plus{font-size:12px;width:7px;flex:none;margin:0}
  .draw-table .zodiac-row span{width:23px;flex:none;font-size:11px;text-align:center}
  .draw-table .zodiac-row span:nth-child(7){width:7px;visibility:hidden}
  .draw-table td:nth-child(4){grid-column:2;grid-row:1 / 4;align-self:start;padding-top:12px}
  .draw-table .replay{width:36px;height:44px;padding:0;border:0;background:transparent;font-size:0;display:flex;align-items:center;justify-content:center}
  .draw-table .replay::before{content:"";width:21px;height:21px;background:#d90012;mask:url('/assets/nav-film.png') center / contain no-repeat;-webkit-mask:url('/assets/nav-film.png') center / contain no-repeat}
  .draw-table .replay:disabled::before{background:#aaa}
}
@media(max-width:350px){
  .home-panel{margin-left:10px;margin-right:10px}
  .home-panel .draw-right{padding-left:10px;padding-right:10px}
  .home-panel .digit{width:29px;font-size:32px}
  .home-live-buttons{gap:5px}
  .home-live-actions{gap:3px}
  .mobile-history-row{padding-left:7px;padding-right:7px;gap:5px}
  .mobile-history-issue{font-size:11px}
  .mobile-history-balls .ball{width:21px;height:21px;font-size:10px}
  .mobile-history-balls .zodiac-row span{width:21px}
  .draw-table tbody tr{padding-left:8px;padding-right:8px;grid-template-columns:minmax(0,1fr) 30px}
  .draw-table td:nth-child(1)::before,.draw-table td:nth-child(2)::before{width:54px;margin-right:6px}
  .draw-table td:nth-child(3){grid-template-columns:54px minmax(0,1fr);column-gap:6px}
  .draw-table .ball{width:21px;height:21px;font-size:10px}
  .draw-table .zodiac-row span{width:21px}
  .draw-table .replay{width:30px}
}