.live-legend{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.live-status{display:inline-block;padding:4px 10px;border-radius:999px;font:700 11px/1.2 inherit;letter-spacing:.06em;white-space:nowrap;background:#2a2a2a;color:#ddd;border:1px solid #444}
.live-status.is-open{background:#0e3b1c;color:#5dff8f;border-color:#1f7a3c}
.live-status.is-wait{background:#4a1010;color:#ffb3b3;border-color:#a32424;animation:livePulse 1.2s ease-in-out infinite}
.live-status.is-done{background:#3d3200;color:#ffdf00;border-color:#8a7400}
.live-status.is-off{background:#1c1c1c;color:#999;border-color:#333}
@keyframes livePulse{50%{opacity:.55}}
.live-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin:0 0 24px}
.live-card{background:linear-gradient(180deg,#151515,#0a0a0a);border:1px solid var(--line);border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:12px}
.live-card.is-waiting{border-color:#a32424;box-shadow:0 0 0 1px #a3242455,0 0 18px #ff000022}
.live-card-head{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center}
.live-card-head h3{margin:0;font-size:15px;line-height:1.25}
.live-card-head h3 a{color:var(--text);text-decoration:none}
.live-card-head small{color:var(--muted);font-size:12px}
.live-card-balls{display:flex;justify-content:center;text-decoration:none}
.live-card-foot{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);gap:8px}
.live-card-foot .countdown{font-variant-numeric:tabular-nums;color:var(--gold);font-weight:700}
.live-board{border:1px solid var(--line);border-radius:12px;background:radial-gradient(120% 90% at 50% 0,#2a2205 0,#0b0b0b 60%);padding:18px;margin:0 0 22px}
.live-board.is-waiting{border-color:#a32424}
.live-board-top{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center}
.live-board-top h1{margin:0;font-size:clamp(20px,4vw,28px);color:var(--gold)}
.live-board-top p{margin:2px 0 0;color:var(--muted);font-size:13px}
.live-board-stage{text-align:center;padding:22px 0 10px}
.live-board-label{margin:0 0 12px;color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.08em}
.live-board-balls .number-balls{justify-content:center;gap:10px}
.live-board-balls .ball{width:clamp(46px,12vw,68px);height:clamp(46px,12vw,68px);font-size:clamp(24px,6vw,36px)}
.live-board.is-waiting .ball{animation:liveRoll 1.6s ease-in-out infinite}
.live-board.is-waiting .ball:nth-child(2){animation-delay:.15s}.live-board.is-waiting .ball:nth-child(3){animation-delay:.3s}.live-board.is-waiting .ball:nth-child(4){animation-delay:.45s}
@keyframes liveRoll{50%{transform:translateY(-6px);filter:brightness(1.25)}}
.live-board-meta{margin:12px 0 0;color:var(--text);font-size:14px}
.live-board-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:14px;margin-top:10px}
.live-board-bottom span{display:block;font-size:12px;color:var(--muted)}
.live-board-bottom strong{font-size:22px;font-variant-numeric:tabular-nums;color:var(--gold)}
.live-others{display:grid;gap:6px}
.live-others a{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;color:var(--text);text-decoration:none;font-size:13px;padding:4px 0;border-bottom:1px solid #222}
.live-others a img{width:28px;height:28px}
.live-others b{color:var(--gold);font-variant-numeric:tabular-nums}
.ad-label{display:inline-block;background:#ffdf00;color:#000;font:800 10px/1 inherit;letter-spacing:.1em;padding:3px 6px;border-radius:3px;margin-bottom:6px}
.promo-slide,.welcome-strip{position:relative}
.slide-ad{position:absolute;top:8px;left:8px;z-index:2;margin:0}
@media (max-width:560px){.live-board-top{grid-template-columns:40px 1fr}.live-board-top .live-status{grid-column:1/-1;justify-self:start}}
.live-card-head{grid-template-columns:40px 1fr}
.live-card>.live-status{align-self:flex-start}
.home-page>.subnav,.subnav{grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}
@media (max-width:767px){.subnav a{font-size:15px}}
body{background:#000 url(/assets/brand/bg-olxtoto.webp) center top/cover fixed}
.market-logo{border-radius:10px;object-fit:contain;background:none}
.dream-2d-grid{margin:24px 0}.dream-2d-grid>div{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px}
.dream-2d-grid a{display:grid;place-items:center;height:38px;border:1px solid var(--line);border-radius:6px;background:#111;color:var(--gold);font-weight:700;text-decoration:none;font-variant-numeric:tabular-nums}
.dream-2d-grid a:hover{background:#2a2205}
.dream-2d-head{display:flex;gap:18px;align-items:center;margin-bottom:22px}
.dream-2d-num{min-width:92px;height:92px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(160deg,#ffe066,#c79a00);color:#000;font:900 46px/1 Arial Black,Arial}
.dream-2d-head h2{margin:0 0 10px;font-size:18px}
@media(max-width:560px){.dream-2d-grid>div{grid-template-columns:repeat(5,minmax(0,1fr))}.dream-2d-head{flex-direction:column;align-items:flex-start}}
/* Mobile mengikuti olxtoto909: header ringkas, banner dulu, ikon cepat, menu samping turun ke bawah. */
.quick-icons{display:none}
@media (max-width:767px){
 .contact-tab{display:none}
 .portal-shell{gap:16px;padding:8px 10px 16px}
 .portal-shell>main{order:1}
 .portal-sidebar{order:2}
 .portal-sidebar .side-menu{display:none}
 .gold-header-inner{padding:6px 10px!important;align-items:center}
 .gold-logo img{width:150px;height:auto}
 .customer-help,.header-age{display:none!important}
 .gold-login,.gold-register{padding:8px 12px!important;font-size:12px!important;min-height:0!important}
 .newsbar{font-size:12px}
 .promo-carousel{margin-top:6px}
 .quick-icons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:10px 0 4px}
 .quick-icons a{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;aspect-ratio:1/1.08;padding:6px 2px;border:2px solid #ffdf00;border-radius:10px;background:radial-gradient(circle at 50% 35%,#3a3000,#0b0b0b 70%);color:#fff;text-decoration:none;box-shadow:inset 0 0 0 2px #6b5600}
 .quick-icons span{flex:1;display:grid;place-items:center}
 .quick-icons .icon{width:30px;height:30px;stroke:#ffdf00}
 .quick-icons b{font:800 9.5px/1.1 Arial,sans-serif;text-align:center;letter-spacing:.02em}
 .gold-categories{margin:8px 0}
 .gold-categories>a{height:96px}
 .floating-menu{bottom:14px}
}
@media (max-width:767px){.home-page .gold-categories{display:none}}
.home-results .market-grid.is-collapsed>[data-market-card]:nth-child(n+13){display:none}
.show-all-markets{display:block;width:100%;margin:12px 0 0}
@media (max-width:767px){.footer-market-links{display:none}.home-page>.subnav,.subnav{grid-template-columns:repeat(auto-fit,minmax(72px,1fr))}.subnav a{font-size:14px;padding:12px 2px}}
/* ===== Animasi (boss 15 Okt: "bikin semenarik mungkin"). Semua mati kalau prefers-reduced-motion. ===== */
@keyframes olxShine{0%{transform:translateX(-120%) skewX(-20deg)}60%,100%{transform:translateX(320%) skewX(-20deg)}}
@keyframes olxGlow{0%,100%{box-shadow:0 0 0 0 #ffdf0000,inset 0 0 0 2px #6b5600}50%{box-shadow:0 0 14px 2px #ffdf0088,inset 0 0 0 2px #a88900}}
@keyframes olxBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes olxPop{0%{transform:scale(.4) rotate(-90deg);opacity:0}70%{transform:scale(1.15) rotate(8deg);opacity:1}100%{transform:scale(1) rotate(0)}}
@keyframes olxPulseRed{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.6);opacity:.4}}
@keyframes olxNumGlow{0%,100%{text-shadow:0 0 0 #ffdf0000}50%{text-shadow:0 0 14px #ffdf00cc}}
.quick-icons a,.gold-categories>a,.live-card,.live-board,.market-card,.result-item{position:relative;overflow:hidden}
.quick-icons a:before,.gold-categories>a:before,.live-board:before{content:'';position:absolute;top:-10%;left:0;width:35%;height:120%;background:linear-gradient(90deg,transparent,#fff6,transparent);pointer-events:none;animation:olxShine 3.2s ease-in-out infinite;z-index:3}
.quick-icons a:nth-child(2):before{animation-delay:.25s}.quick-icons a:nth-child(3):before{animation-delay:.5s}.quick-icons a:nth-child(4):before{animation-delay:.75s}.quick-icons a:nth-child(5):before{animation-delay:1s}
.gold-categories>a:nth-child(2):before{animation-delay:.4s}.gold-categories>a:nth-child(3):before{animation-delay:.8s}
.quick-icons a{animation:olxGlow 2.4s ease-in-out infinite}
.quick-icons .icon,.gold-categories>a>span .icon{animation:olxBob 2.2s ease-in-out infinite}
.quick-icons a:nth-child(even) .icon{animation-delay:.6s}
.ball.is-rolling{animation:none!important;filter:brightness(1.3) blur(.3px)}
.ball.is-popped{animation:olxPop .45s cubic-bezier(.2,.9,.3,1.3) both}
.live-button i,.live-status.is-wait:before{animation:olxPulseRed 1.1s ease-in-out infinite}
.live-status.is-wait:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#ff3b3b;margin-right:6px;vertical-align:1px}
.live-status.is-done{animation:olxNumGlow 2.4s ease-in-out infinite}
.card-number,.side-result b,.gold-market-strip span{animation:olxNumGlow 3s ease-in-out infinite}
.live-card{transition:transform .2s,box-shadow .2s}.live-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px #ffdf0026}
.btn.primary,.gold-register,.side-register{background-size:200% 100%;transition:background-position .4s}
.btn.primary:hover,.gold-register:hover{background-position:100% 0}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* ===== Animasi beranda ===== */
@keyframes olxKen{0%{transform:scale(1)}100%{transform:scale(1.08)}}
@keyframes olxTextShine{0%{background-position:200% 0}100%{background-position:-200% 0}}
@keyframes olxRise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes olxFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.promo-slide:not([hidden]) img{animation:olxKen 7s ease-out both}
.welcome-heading h1{background:linear-gradient(100deg,#ffdf00 0 40%,#fffbe0 50%,#ffdf00 60% 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:olxTextShine 4s linear infinite}
.gold-market-strip a{animation:olxFloat 3.4s ease-in-out infinite}
.gold-market-strip a:nth-child(2){animation-delay:.5s}.gold-market-strip a:nth-child(3){animation-delay:1s}.gold-market-strip a:nth-child(4){animation-delay:1.5s}.gold-market-strip a:nth-child(5){animation-delay:2s}
.gold-market-strip a img{animation:olxBob 2.6s ease-in-out infinite}
.next-card .countdown{animation:olxNumGlow 1.8s ease-in-out infinite}
.js-reveal{opacity:0}
.js-reveal.is-in{animation:olxRise .7s cubic-bezier(.2,.8,.2,1) both}
.result-item{transition:transform .2s,box-shadow .2s}.result-item:hover{transform:translateX(3px);box-shadow:-4px 0 0 #ffdf00}
.game-card img{transition:transform .35s}.game-card:hover img{transform:scale(1.08)}
/* ===== Animasi semua halaman ===== */
.page-head h1,.market-page-head h1,.history-title h1,.schedule-surface h1,.not-found h1{background:linear-gradient(100deg,#ffdf00 0 40%,#fffbe0 50%,#ffdf00 60% 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:olxTextShine 4.5s linear infinite}
@keyframes olxRow{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:none}}
.data-table tbody tr:nth-child(-n+20){animation:olxRow .45s ease-out both}
.data-table tbody tr:nth-child(1){animation-delay:.05s}.data-table tbody tr:nth-child(2){animation-delay:.1s}.data-table tbody tr:nth-child(3){animation-delay:.15s}.data-table tbody tr:nth-child(4){animation-delay:.2s}.data-table tbody tr:nth-child(5){animation-delay:.25s}.data-table tbody tr:nth-child(6){animation-delay:.3s}.data-table tbody tr:nth-child(7){animation-delay:.35s}.data-table tbody tr:nth-child(8){animation-delay:.4s}.data-table tbody tr:nth-child(9){animation-delay:.45s}.data-table tbody tr:nth-child(10){animation-delay:.5s}.data-table tbody tr:nth-child(n+11):nth-child(-n+20){animation-delay:.55s}
.paito-table tbody tr:nth-child(-n+12) .p-digit{animation:olxPop .4s cubic-bezier(.2,.9,.3,1.3) both}
.paito-table tbody tr:nth-child(-n+12) td:nth-child(3) .p-digit{animation-delay:.08s}.paito-table tbody tr:nth-child(-n+12) td:nth-child(4) .p-digit{animation-delay:.16s}.paito-table tbody tr:nth-child(-n+12) td:nth-child(5) .p-digit{animation-delay:.24s}
.data-table tbody tr.latest-row{box-shadow:inset 4px 0 0 #ffdf00}
.result i{transition:transform .2s}.data-table tr:hover .result i{transform:translateY(-2px)}
.stats-bars .bar{transform-origin:bottom;animation:olxBar .9s cubic-bezier(.2,.8,.2,1) both}
@keyframes olxBar{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.frequency-track i{animation:olxGrow 1s cubic-bezier(.2,.8,.2,1) both;transform-origin:left}
@keyframes olxGrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.schedule-card:before{animation:olxPulseRed 1.4s ease-in-out infinite}
.dream-2d-num{animation:olxFloat 3s ease-in-out infinite}
.dream-2d-grid a{transition:transform .15s,background .15s}.dream-2d-grid a:hover{transform:scale(1.12)}
.ad-landscape{position:relative;display:block;margin:10px 0 16px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#000;aspect-ratio:1200/150}
.ad-landscape video{display:block;width:100%;height:100%;object-fit:cover}
.ad-landscape .slide-ad{top:4px;left:4px;font-size:9px;padding:2px 5px}