/* Live result viewing: compact controls, real progress, and stable result cells. */
.live-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:12px 16px;margin:14px 0;background:var(--surface);border:1px solid #cbd9e3;border-radius:9px}.live-controls strong,.live-controls small{display:block}.live-controls small{font-size:.78rem;color:var(--muted);margin-top:3px}.live-controls-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.live-controls .button{min-height:42px;padding:8px 12px;border:1px solid #bfd0df;background:var(--surface);color:var(--accent);font:inherit;font-size:.82rem;cursor:pointer}.live-controls .button[aria-pressed=true]{background:var(--accent);color:var(--surface)}.live-last-check{font-size:.76rem;color:var(--muted);font-variant-numeric:tabular-nums}.live-overview{border:1px solid #d3dfe8;border-radius:10px;padding:16px;margin:0 0 18px;background:var(--surface)}.live-overview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.live-overview-heading strong{font-size:1rem}.live-overview-heading p{font-size:.8rem;color:var(--muted);margin:4px 0 0}.live-overview-heading>a{font-size:.82rem;font-weight:650;color:var(--accent);white-space:nowrap}.live-stations{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:9px}.live-station{display:block;padding:12px;border:1px solid #d9e2e9;border-radius:8px;background:color-mix(in srgb,var(--accent) 3%,var(--surface));color:var(--text);text-decoration:none}.live-station:hover,.live-station:focus-visible{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:1px}.live-station-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.live-station-title strong{font-size:.93rem}.live-station-title time{font-size:.78rem;font-variant-numeric:tabular-nums}.live-station-state{display:block;font-size:.75rem;color:var(--muted);margin:5px 0 8px}.live-station-progress{display:flex;align-items:center;gap:8px}.live-station-progress small{white-space:nowrap;font-size:.7rem;font-variant-numeric:tabular-nums}.live-progress-track{display:block;height:5px;flex:1;background:#dce4ea;border-radius:4px;overflow:hidden}.live-progress-track>span{display:block;height:100%;background:var(--accent);transition:width .3s}.phase-running{border-color:#249a65;background:color-mix(in srgb,#249a65 6%,var(--surface))}.phase-running .live-station-state{color:#167245;font-weight:700}.phase-complete .live-progress-track>span{background:#249a65}#live-boards,[data-board-region]{scroll-margin-top:20px}.number-arrived{animation:number-arrival 1.8s ease-out}.station-directory{margin:10px 0;font-size:.84rem}.station-directory summary{cursor:pointer;color:var(--accent);padding:8px 0;font-weight:650}.station-directory>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:12px;border:1px solid #d5dfe8;border-radius:8px;background:var(--surface)}.station-directory h2{font-size:.94rem;margin:0 0 8px}.station-directory section>a{display:inline-block;margin:0 10px 7px 0;color:var(--accent)}.live-focus .results-intro p,.live-focus .quick-dates,.live-focus .quick-stations,.live-focus .station-finder,.live-focus .station-directory,.live-focus .result-filters,.live-focus .classic-directory,.live-focus .sidebar,.live-focus .result-help,.live-focus .home-vietlott{display:none!important}.live-focus .content-grid{grid-template-columns:minmax(0,1fr)!important}.live-focus .draws-area{grid-column:1/-1!important}.live-focus .live-overview{padding:12px}.live-focus .live-stations{grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr))}.live-focus .section-heading{margin-top:14px}.live-focus .live-controls{position:sticky;top:0;z-index:11;box-shadow:0 2px 10px #0001}@keyframes number-arrival{0%,30%{background:#ffe697;box-shadow:0 0 0 3px #ffe697;border-radius:3px}100%{background:transparent;box-shadow:none}}
@media(max-width:700px){.live-controls{padding:10px;gap:10px}.live-controls>div,.live-controls-actions{width:100%}.live-controls-actions .button{flex:1;font-size:.76rem;padding:8px 6px}.live-last-check{width:100%;font-size:.72rem}.live-overview{padding:12px}.live-overview-heading{align-items:flex-start;flex-direction:column;gap:8px}.live-stations{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.live-station{padding:10px 8px}.live-station-title strong{font-size:.81rem}.live-station-title time{font-size:.68rem}.live-station-progress{gap:5px}.live-station-progress small{font-size:.65rem}.live-station-state{font-size:.69rem;min-height:2.6em}.station-directory>div{grid-template-columns:1fr}.live-focus .live-stations{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.number-arrived{animation:none}.live-progress-track>span{transition:none}}
.live-strip-hint{display:none}.watching-live #results-content{display:block!important}.live-focus .live-overview-heading strong{font-size:.93rem}
@media(max-width:700px){.live-strip-hint{display:block;margin:0 0 7px;font-size:.68rem;color:var(--muted)}.live-stations,.live-focus .live-stations{display:flex;overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-x:contain;gap:8px;padding:2px 2px 8px}.live-station{flex:0 0 min(72vw,220px);scroll-snap-align:start}.live-station-state{min-height:0}.live-focus .live-overview-heading{gap:6px}.live-focus .results-intro{margin-top:12px}.watching-live.menu-rail{padding-left:0}.watching-live.menu-rail>.site-header{position:static;inset:auto;width:auto;border-right:0}.watching-live.menu-rail>.site-header .header-inner{padding:16px;gap:12px;align-items:stretch}}
.live-focus .live-controls>div:first-child,.live-focus .live-overview-heading p{display:none}.live-focus .live-controls{padding:8px 12px;margin:10px 0;justify-content:flex-end}.live-focus .results-intro{margin:10px 0 5px}.live-focus .section-heading{margin:12px 0 10px}.live-focus .live-overview-heading{margin-bottom:8px}
.station-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0}.station-map h2{font-size:1.1rem;margin:0 0 14px}.station-map h2 a{color:var(--accent)}@media(max-width:700px){.station-map{grid-template-columns:1fr}}