.record-source-live .record-live-brand img{width:auto;height:36px}
.record-source-live #liveTitle,.record-source-live #recordLiveBrand,.record-source-live #recordLiveDate{cursor:pointer}
.record-contact-panel{position:fixed;z-index:3200;bottom:84px;left:16px;width:min(340px,calc(100vw - 32px));background:white;color:#2d2e42;border:1px solid #e3e6eb;border-radius:12px;box-shadow:0 8px 32px #0003;overflow:hidden}
.record-contact-panel header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#3a9eff;color:white}
.record-contact-panel header button{border:0;background:none;color:white;font-size:24px;cursor:pointer}
.record-contact-panel [role=status]{padding:16px;font-size:14px}
.record-contact-panel p{margin:0 0 12px;overflow-wrap:anywhere}
.record-contact-panel a{display:block;color:#057ef2;margin-top:8px}
.record-contact-panel{width:min(360px,calc(100vw - 32px));max-height:calc(100dvh - 108px);display:flex;flex-direction:column}
.record-contact-panel header{flex:none;background:#2f80ff}
.record-contact-panel header small{display:block;margin-top:4px;font-size:11px;color:#ffffffb8}
.record-contact-intro{padding:12px 16px;font-size:12px;border-bottom:1px solid #e3e6eb;flex:none}
.record-contact-messages{min-height:80px;height:230px;overflow:auto;padding:12px 16px;background:#f5f7fa}
.record-contact-empty{text-align:center;color:#89909e;font-size:12px}
.record-contact-message{margin-bottom:12px;font-size:13px;max-width:90%;overflow-wrap:anywhere;white-space:pre-wrap}
.record-contact-message p{padding:8px 10px;background:white;border:1px solid #e3e6eb;border-radius:8px;margin:4px 0}
.record-contact-message small{color:#89909e}
.record-contact-message.from-visitor{margin-left:auto;text-align:right}
.record-contact-message.from-visitor p{background:#e7f1ff}
.record-contact-panel form{padding:10px 12px;flex:none}
.record-contact-panel textarea{box-sizing:border-box;width:100%;height:64px;resize:vertical;border:1px solid #e3e6eb;border-radius:6px;padding:8px;font:13px/1.5 Arial,sans-serif}
.record-contact-panel form [role=status]{padding:3px 0;font-size:12px;color:#727b8b;min-height:20px}
.record-contact-panel form button{display:block;margin-left:auto;padding:6px 20px;background:#2f80ff;border:0;border-radius:4px;color:white;cursor:pointer}
.record-contact-panel form button:disabled{opacity:.5;cursor:default}
@media(max-width:360px){
 .record-keno.record-source-live .record-date-control{grid-column:1/-1}
 .record-keno.record-source-live .record-period-control{grid-column:1/-1;grid-row:3}
}
.record-source-live .record-live-brand{padding-right:16.2px}
.record-source-live .record-live-header p{font-size:13px;color:#ffffffb8}
.record-source-live .record-live-header{height:66.8px;min-height:66.8px;background:linear-gradient(#424857 -5.04%,#1a1d24 104.51%)}
.record-source-live .record-live-header h1{line-height:24px}
.record-source-live .record-live-header p{line-height:16.8px}
@media(min-width:601px){
 .record-keno.record-live-english .record-live-header h1{line-height:21.6px}
 .record-keno.record-live-english .record-live-header p{line-height:16px}
 .record-keno.record-live-english .record-draw-card header{line-height:16.8px;min-height:35.6px}
}
@media(min-width:1001px){.record-keno.record-live-english .record-live-header{height:63.6px;min-height:63.6px}}
.record-source-live .record-live-grid .record-draw-card{padding:20px;border-color:#e3e6eb;box-shadow:0 2px 8px #0000000f}
.record-source-live .record-live-grid .record-draw-upcoming{border:0;isolation:isolate}
.record-source-live .record-draw-upcoming::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:3.4px;background:linear-gradient(151.3deg,#7bbeff 19.49%,#007bf1 51.56%,#7bbeff 80.28%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;z-index:1}
.record-source-live .record-draw-card header{font-size:14px;font-weight:500;line-height:19.2px;color:#2d2e42;gap:2px;min-height:40.4px;margin-bottom:10px;padding-right:100px}
.record-source-live .record-card-meta{top:auto;bottom:0;font-size:12px;font-weight:500;line-height:16px;color:#2d2e42}
.record-source-live .record-card-meta b{font-weight:500}
.record-source-live .record-card-surface{position:relative;padding:15px;border:1px solid #efebeb;border-radius:6px;background:#f8f8f8}
.record-source-live .record-number-board{margin-bottom:0}
.record-source-live .record-draw-card footer{margin-top:15px;padding-top:15px;border-top:1px solid #e3e6eb}
.record-source-live .record-draw-card footer>strong{display:block;font:700 12px/16px Tahoma,"Microsoft YaHei",sans-serif;margin-bottom:8px;color:#2d2e42}
.record-source-live .record-winning-numbers{margin-top:0}
.record-source-live .record-number-board span,.record-source-live .record-winning-numbers span{max-width:none;font-size:12px}
.record-source-live .record-draw-placeholder .record-number-board,.record-source-live .record-draw-placeholder footer{opacity:.25}
.record-source-live .record-draw-placeholder .record-number-board span,.record-source-live .record-draw-placeholder .record-winning-numbers span{opacity:1}
.record-source-live .record-card-surface>.record-upcoming-overlay{inset:0;height:auto;background:transparent;gap:6px;pointer-events:none}
.record-source-live .record-upcoming-overlay>strong{font-size:16px;line-height:20.8px;font-weight:700;color:#3a9eff}
.record-source-live .record-upcoming-overlay .record-countdown-pill{min-width:0;height:48px;padding:6px 20px 6px 6px;gap:10px;background:linear-gradient(101.34deg,#3a9eff 30.49%,#057ef2 96.34%);box-shadow:0 4px 16px #057ef24d}
.record-source-live .record-countdown-pill svg{width:36px;height:36px;flex-shrink:0}
.record-source-live .record-upcoming-overlay [data-live-countdown]{display:block;min-width:0;height:32px;padding:0;background:none;font-size:26px;line-height:32px;white-space:nowrap}
.record-source-live .record-clock-icon{display:flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;border-radius:50%;background:linear-gradient(149.04deg,#f9f9f9 25%,#fff 62.74%,#cfcfcf 93.3%);box-shadow:.4px .4px #1069c0}
.record-source-live .record-clock-icon img{height:16px;width:auto}
.record-source-live .record-is-drawing .record-countdown-pill{display:none}
.record-source-live .record-is-drawing>strong{font-size:18px;line-height:24px;animation:keno-drawing-pulse 1.5s ease-in-out infinite}
.record-source-live .record-live-search .record-calendar button.record-calendar-today{color:#3a9eff;border:1px solid #3a9eff}
.record-source-live .record-live-search .record-calendar button.record-calendar-today.active{color:white}
@keyframes keno-drawing-pulse{0%,100%{opacity:1}50%{opacity:.5}}
.record-source-live [data-live-countdown] .record-time-unit{font-size:16px;font-weight:600;color:inherit}
.record-source-live .record-countdown-pill svg{border-radius:50%;background:linear-gradient(149.04deg,#f9f9f9 25%,#fff 62.74%,#cfcfcf 93.3%);box-shadow:.4px .4px #1069c0}
.record-source-live .number-band-0{background:radial-gradient(69.22% 65% at 33.33% 31.67%,#ffe066 0%,#f5a800 30%,#d48c00 70%,#b37200 95%)!important}
.record-source-live .number-band-1{background:radial-gradient(69.22% 65% at 33.33% 31.67%,#45a4ff 0%,#0082ff 31.25% 48.08%,#0063c3 73.08%,#0058ad 94.78%)!important}
.record-source-live .number-band-2{background:radial-gradient(69.22% 65% at 33.33% 31.67%,#ff5977 0%,#ff2e54 24.96%,#ff0a36 46.63%,#d90027 70.19%,#ad0221 94.78%)!important}
.record-source-live .number-band-3{background:radial-gradient(69.22% 65% at 33.33% 31.67%,#5dde7a 0%,#1fc045 30%,#15a038 65%,#0d7e2c 95%)!important}
.record-source-live .record-live-notice{grid-column:1/-1;margin:0;padding:10px;color:#a75c00;background:#fff5df;border-radius:6px}
.record-source-live .record-live-notice button{background:white;border:1px solid #438ced;border-radius:4px;color:#438ced;cursor:pointer;padding:3px 8px}
@media(max-width:1000px){.record-source-live .record-live-header{height:auto}.record-source-live .record-live-pagination{height:auto;min-height:41px;flex-wrap:wrap;gap:6px}}
@media(max-width:600px){
 .record-source-live .record-live-header{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-height:0;padding:10px 12px}
 .record-source-live .record-live-brand{grid-column:1;grid-row:1;border:0;padding:0;justify-self:start}
 .record-source-live .record-live-brand img{height:28px}
 .record-source-live .record-live-header>div:nth-child(2){grid-column:1/-1;grid-row:1;margin-left:86px;margin-right:48px;min-width:0}
 .record-source-live .record-live-header h1{font-size:14px;line-height:20px;overflow-wrap:anywhere}
 .record-source-live .record-live-header p{font-size:11px;line-height:16px}
 .record-source-live .record-live-search{display:contents}
 .record-source-live .record-live-search #recordLiveLanguage{grid-column:2;grid-row:1;justify-self:end;margin:0;width:auto}
 .record-source-live .record-live-search #recordLiveOr{display:none}
 .record-source-live .record-date-control{grid-column:1;grid-row:2;display:flex;min-width:0;width:100%;height:32px}
 .record-source-live .record-live-search .record-date-control input{flex:1;min-width:0;width:0;height:32px;font-size:11px;padding:0 8px}
 .record-source-live .record-calendar-toggle{flex:none;width:34px;height:32px}
 .record-source-live .record-period-control{grid-column:2;grid-row:2;min-width:0;width:100%;height:32px}
 .record-source-live .record-live-search .record-period-control input[type=search]{flex:1;min-width:0;width:0;height:32px;padding:0 8px;font-size:11px}
 .record-source-live .record-live-search .record-period-control #recordLiveSearch{width:34px;height:32px}
 .record-source-live .record-live-pagination{display:grid;grid-template-columns:1fr;padding:6px 10px;gap:4px;overflow:visible}
 .record-source-live .record-live-pagination>div{flex-wrap:wrap;min-width:0}
 .record-source-live .record-live-pagination>div+div{justify-content:flex-end}
 .record-source-live .record-live-grid{padding:10px;gap:10px}
 .record-source-live .record-live-grid .record-draw-card{padding:12px}
 .record-source-live .record-card-surface{padding:10px}
 .record-source-live .record-number-board,.record-source-live .record-winning-numbers{gap:3px}
 .record-source-live .record-draw-card header{font-size:12px;padding-right:90px}
 .record-source-live .record-card-meta{font-size:11px}
}