.official-results-section { padding: 82px 0 74px; background: #23151c; color: #fff; }
.official-results-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 30px; margin-bottom: 32px; }
.official-results-kicker { display: flex; align-items: center; gap: 9px; color: #f4dda0; font-size: 10px; font-weight: 800; letter-spacing: .17em; text-transform: uppercase; margin-bottom: 12px; }
.official-results-kicker span { width: 22px; height: 2px; background: #f4dda0; }
.official-results-heading h2 { color: #fff; font: 500 clamp(34px,4vw,50px)/1.08 Georgia,serif; letter-spacing: -.035em; }
.official-results-heading h2 em { color: #f4dda0; font-style: normal; }
.official-results-heading > div > p:last-child { color: #cbbdc3; font-size: 14px; margin-top: 11px; }
.official-results-marquee { position: relative; overflow-x: auto; scrollbar-width: none; overscroll-behavior-inline: contain; touch-action: pan-x pan-y; padding: 5px 0 8px; -webkit-mask-image: linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent); mask-image: linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent); }
.official-results-marquee::-webkit-scrollbar { display: none; }
.official-results-track { display: flex; width: max-content; will-change: transform; animation: official-results-scroll 38s linear infinite; }
.official-results-group { display: flex; flex: none; gap: 12px; padding-right: 12px; }
.official-results-marquee:hover .official-results-track,.official-results-marquee:focus-within .official-results-track,.official-results-marquee.is-paused .official-results-track { animation-play-state: paused; }
@keyframes official-results-scroll { to { transform: translate3d(-50%,0,0); } }
.official-result-card { position: relative; flex: 0 0 clamp(210px,20vw,250px); padding: 14px 15px; overflow: hidden; border: 1px solid rgba(244,221,160,.16); border-radius: 13px; background: linear-gradient(145deg,rgba(155,28,83,.27),rgba(255,255,255,.045)); box-shadow: 0 10px 28px rgba(9,3,6,.18); transition: transform .25s ease,border-color .25s ease,background .25s ease; }
.official-result-card::after { position: absolute; right: -35px; bottom: -48px; width: 100px; height: 100px; border-radius: 50%; background: rgba(244,221,160,.055); content: ''; pointer-events: none; }
.official-result-card:hover { transform: translateY(-3px); border-color: rgba(244,221,160,.52); background: linear-gradient(145deg,rgba(155,28,83,.5),rgba(255,255,255,.06)); }
.official-result-top { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.official-result-code { display: grid; place-items: center; min-width: 34px; height: 30px; padding: 0 8px; border-radius: 8px; background: #f4dda0; color: #4b1930; font-size: 11px; font-weight: 900; }
.official-result-verified { color: #d7c9cf; font-size: 9px; font-weight: 700; }
.official-result-verified i { color: #f4dda0; margin-right: 4px; }
.official-result-date { color: #c8b9c0; margin-top: 12px; font-size: 9px; font-weight: 700; letter-spacing: .055em; text-transform: uppercase; }
.official-result-card h3 { overflow: hidden; color: #fff; font-size: 14px; line-height: 1.3; white-space: nowrap; text-overflow: ellipsis; margin-top: 5px; }
.official-result-draw { display: flex; justify-content: space-between; align-items: end; gap: 8px; border-top: 1px solid rgba(255,255,255,.1); margin-top: 10px; padding-top: 9px; }
.official-result-draw small { color: #a997a0; font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.official-result-draw strong { color: #f4dda0; font-size: 13px; }
.official-results-empty { width: min(680px,90vw); padding: 20px; border: 1px solid rgba(255,255,255,.12); border-radius: 12px; color: #d9ccd2; }
.manual-winner-announcements { margin-top: 34px; padding-top: 25px; border-top: 1px solid rgba(255,255,255,.1); }
.manual-winner-heading { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 15px; }
.manual-winner-heading span { color: #f4dda0; font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.manual-winner-heading p { color: #a997a0; font-size: 10px; }
.manual-winner-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.manual-winner-grid article { display: flex; gap: 12px; padding: 15px; border: 1px solid rgba(244,221,160,.15); border-radius: 12px; background: rgba(244,221,160,.045); }
.manual-winner-grid article > i { color: #f4dda0; margin-top: 3px; }
.manual-winner-grid h3 { color: #fff; font-size: 14px; }
.manual-winner-grid strong { display: block; color: #f4dda0; font-size: 12px; margin-top: 4px; }
.manual-winner-grid p { color: #bbaab2; font-size: 10px; line-height: 1.5; margin-top: 3px; }
@media(max-width:900px) { .manual-winner-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .official-results-section { padding: 58px 0 52px; } .official-results-heading,.manual-winner-heading { align-items: flex-start; flex-direction: column; } .official-result-card { flex-basis: 205px; } .official-results-marquee { margin-right: -15px; -webkit-mask-image: linear-gradient(90deg,#000 94%,transparent); mask-image: linear-gradient(90deg,#000 94%,transparent); } }
@media(max-width:410px) { .manual-winner-grid { grid-template-columns: 1fr; } }
@media(prefers-reduced-motion:reduce) { .official-result-card { transition: none; } }