/* Theme Name: XGO88 Nexus Description: Premium Gaming Platform Theme for XGO88. Version: 5.0.0 */ :root{--bg:#080b12;--panel:#121a27;--line:#2a3a50;--gold:#f4c96b;--gold2:#b9822c;--red:#d99a3d;--text:#edf3fb;--muted:#91a0b3;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b1422;color:var(--text);font:14px/1.45 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button,input{font:inherit}.wrap{width:min(var(--max),calc(100% - 24px));margin:auto}.top{height:53px;min-height:53px;background:linear-gradient(90deg,#080b12 0%,#162235 50%,#080b12 100%);border-bottom:1px solid #2a3a50;display:flex;align-items:center;position:relative;z-index:200;overflow:visible!important;box-sizing:border-box}.topin{display:flex;justify-content:flex-start;gap:12px;align-items:center}.toplinks,.langs{display:flex;align-items:center;gap:6px;overflow:visible;white-space:nowrap}.top a,.lang{padding:4px 7px;color:#aaa;font-size:10px}.lang{border:0;background:#151515;cursor:pointer}.header{background:linear-gradient(120deg,#0a101a 0%,#17283d 48%,#3a2a13 100%);border-bottom:1px solid #b9822c}.headin{min-height:92px;display:grid;grid-template-columns:220px 1fr auto;gap:20px;align-items:center}.logo{width:210px;max-height:75px;object-fit:contain}.actions{display:flex;gap:5px;justify-content:flex-end}.btn{display:inline-flex;align-items:center;justify-content:center;padding:0 9px;height:26px;border:1px solid var(--gold2);border-radius:4px;background:linear-gradient(180deg,#f4f7fa 0%,#b8c1cc 48%,#737f8d 100%);color:#101820;font-weight:700;font-size:11px}.btn.red{background:linear-gradient(180deg,#f5f7fa 0%,#c7d0da 46%,#7d8997 100%);color:#111820;border-color:#e4eaf0;--btn-hover-bg:#e5ebf1}.nav{position:sticky;top:0;z-index:60;background:linear-gradient(180deg,#182638 0%,#0b111b 100%);border-bottom:1px solid #30435b}.navin{display:flex;overflow:auto;scrollbar-width:none}.navin::-webkit-scrollbar{display:none}.nav a{padding:13px 12px;color:#aeb9c8;font-size:11px;white-space:nowrap}.nav a:hover,.nav a.active,.top .agb99-menu-actions .btn:hover,.top .agb99-top-icon:hover,.top .agb99-telegram-pill:hover{color:#f4c96b;background:var(--btn-hover-bg,#171717);filter:var(--btn-hover-filter,none);transform:var(--btn-hover-transform,none);box-shadow:var(--btn-hover-shadow,none);font-weight:var(--btn-hover-font-weight,revert);--btn-hover-color:#f4c96b;--btn-hover-filter:brightness(1.04);--btn-hover-transform:translateY(-1px);--btn-hover-shadow:0 5px 14px rgba(244,201,107,.28),inset 0 1px 0 rgba(255,255,255,.9);--btn-hover-bg:linear-gradient(135deg,#ffffff 0%,#f8e6a6 45%,#d4a63f 100%);}.hero{background:linear-gradient(180deg,#101c2c 0%,#080b12 100%);overflow:hidden}.slides{position:relative;aspect-ratio:1920/800}.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(12px);transition:.5s}.slide.active{opacity:1;visibility:visible;transform:none}.slide img{width:100%;height:100%;object-fit:cover}.arrow{position:absolute;top:50%;z-index:4;transform:translateY(-50%);width:36px;height:52px;background:rgba(0,0,0,.55);border:1px solid #333;color:#fff;cursor:pointer}.prev{left:10px}.next{right:10px}.dots{position:absolute;bottom:9px;left:0;right:0;z-index:4;display:flex;justify-content:center;gap:6px}.dot{width:8px;height:8px;border:0;border-radius:50%;padding:0;background:#555}.dot.active{background:var(--gold)}.ticker{background:#0d0d0d;border-bottom:1px solid #252525;overflow:hidden}.tickerin{height:38px;display:flex;align-items:center;gap:12px}.tickerlabel{color:var(--gold);font-size:10px;font-weight:700}.tickertrack{display:flex;gap:35px;white-space:nowrap;animation:tick 30s linear infinite}@keyframes tick{to{transform:translateX(-50%)}}.section{padding:22px 0;background:#0b1422}.sectionhead{display:flex;justify-content:space-between;align-items:end;margin-bottom:11px}.title{margin:0;color:#f4cf78;font-size:18px;text-shadow:0 1px 14px rgba(244,201,107,.14)}.sub{color:#777;font-size:10px}.jackpot{padding:18px;text-align:center;background:radial-gradient(circle at 50% 0,#2a1e08,#0b0b0b 65%);border:1px solid #292929;border-radius:5px}.jackval{font-size:30px;color:#f5d86a;font-weight:800;text-shadow:0 0 16px #000}.grid5{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.game{background:linear-gradient(145deg,#182536 0%,#0d141e 75%);border:1px solid #2b3c52;border-radius:8px;overflow:hidden;transition:.2s}.game:hover{transform:translateY(-3px);border-color:#f4c96b;box-shadow:0 10px 26px rgba(0,0,0,.32),0 0 0 1px rgba(244,201,107,.12)}.gmedia{position:relative;aspect-ratio:1;overflow:hidden;background:#090909}.gmedia img{width:100%;height:100%;object-fit:cover}.overlay{position:absolute;inset:0;background:linear-gradient(transparent,rgba(0,0,0,.9));opacity:0;display:flex;align-items:flex-end;justify-content:center;padding:10px;transition:.2s}.game:hover .overlay{opacity:1}.play{background:var(--red);padding:6px 13px;border-radius:4px;font-size:10px;font-weight:700}.ginfo{padding:7px}.gtitle{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gmeta{font-size:9px;color:#777;margin-top:2px}.panel{background:linear-gradient(145deg,#172333 0%,#0d141f 72%);border:1px solid #2a3b51;border-radius:8px;padding:15px;box-shadow:0 10px 30px rgba(0,0,0,.16)}.tabs{display:flex;gap:5px;overflow:auto;padding-bottom:9px}.tabs button{flex:0 0 auto;background:#111;border:1px solid #2b2b2b;color:#888;padding:8px 12px;border-radius:3px;cursor:pointer;font-size:14px}.tabs button.active,.tabs button:hover{color:var(--gold);border-color:var(--gold2)}.providerpanel{display:none}.providerpanel.active{display:block}.providergrid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.provider{background:#111722;border:1px solid #273244;border-radius:4px;overflow:hidden}.plogo{height:58px;position:relative;padding:7px}.plogo img{position:absolute;inset:7px;width:calc(100% - 14px);height:calc(100% - 14px);object-fit:contain}.plogo .active{opacity:0}.provider:hover .normal{opacity:0}.provider:hover .active{opacity:1}.pname{text-align:center;color:#aaa;font-size:9px;padding:0 5px 7px}.cols{display:grid;grid-template-columns:2fr 1fr;gap:14px}.list{list-style:none;margin:0;padding:0}.list li{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #202020;font-size:11px}.gold{color:var(--gold)}.muted{color:#777}.download{display:grid;grid-template-columns:1fr 260px;gap:20px;align-items:center}.download img{max-height:220px;object-fit:contain}.telegram{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#0d1720;border:1px solid #245b7b;border-radius:5px;padding:15px}.telegram strong{color:#62c5ff}.footer{margin-top:25px;background:#0b1422;border-top:1px solid #2a3a50}.footgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:24px 0}.footer h3{font-size:11px;color:var(--gold);margin:0 0 8px}.footer p,.footer a{font-size:10px;color:#777;line-height:1.7}.payments{display:flex;flex-wrap:wrap;gap:7px}.payments img{height:34px;width:auto;padding:4px;background:#111;border:1px solid #292929;border-radius:4px}.copy{text-align:center;border-top:1px solid #202020;padding:13px;color:#555;font-size:9px}.float{position:fixed;right:14px;bottom:14px;z-index:70;display:flex;flex-direction:column;gap:7px}.float a,.float button{width:42px;height:42px;border-radius:50%;border:1px solid #333;background:#111;color:var(--gold);display:flex;align-items:center;justify-content:center;box-shadow:0 5px 20px #000;cursor:pointer}.modal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:12px;background:rgba(0,0,0,.84)}.modal.open{display:flex}.modalcard{position:relative;width:min(650px,96vw);max-height:90vh;overflow:auto;background:#0d0d0d;border:1px solid var(--gold2);border-radius:7px;box-shadow:0 25px 80px #000}.mclose{position:absolute;right:9px;top:7px;width:34px;height:34px;border:1px solid #333;border-radius:50%;background:#111;color:#fff;font-size:22px;cursor:pointer}.mhead{padding:17px;border-bottom:1px solid #252525}.mbody{padding:17px}.searchbox{display:flex;gap:7px}.searchbox input{flex:1;background:#151515;border:1px solid #333;color:#fff;padding:10px;border-radius:4px} /* Source-parity floating menu and premium artwork */ .float{position:fixed;left:50px;bottom:50px;z-index:100;display:flex;flex-direction:column-reverse;align-items:center;gap:10px}.float>button,.float-list>a,.float-list>button{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border:1px solid #333;border-radius:4px;background:#111;color:#fff;cursor:pointer;padding:7px}.float img{max-width:100%;max-height:100%;object-fit:contain}.float-list{display:none;flex-direction:column;gap:8px}.float-list.open{display:flex}.float-list>a,.float-list>button{width:40px;height:40px}.float-list>button{font-size:20px} /* RTP / jackpot data presentation — canonical V5 */ .rtpgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.rtpcard{display:flex;flex-direction:column;gap:5px;padding:14px;border:1px solid rgba(255,255,255,.08);background:#111;text-align:center;border-radius:6px}.rtpcard strong{color:#fff;font-size:15px}.rtpcard .gold{font-size:24px;font-weight:800}.rtpcard small{color:#bda75d;font-weight:700;letter-spacing:.08em} /* Canonical footer reconstruction */ .site-footer{margin-top:0;background:#0b1422;border-top:0;color:#edf2f7}.footer-inner{max-width:1200px;margin:auto;padding:0 18px 18px}.footer-about{text-align:center;max-width:1050px;margin:auto}.footer-separator{border:0;border-top:1px solid #d6d6d6;margin:26px 0}.footer-featured-product-section{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.site-info-img-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.site-info-img-header img{width:18px;height:18px;object-fit:contain}.site-info-img-header h4,.provider-footer-group h4{margin:0;color:#fff;font-size:13px}.footer-featured-card p{margin:0;font-size:12px;line-height:1.65}.bank-list{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0;padding:0;list-style:none}.bank-list li{width:80px;height:43px;display:flex;align-items:center;justify-content:center;background:#111;border-radius:4px}.bank-list img{max-width:80px;max-height:43px}.banking-note{text-align:center;font-size:14px;margin:12px 0 8px;color:#000}.banking-stats{display:flex;justify-content:center;align-items:center;gap:8px;width:max-content;margin:0 auto;position:static;left:auto;transform:none;font-size:14px;color:#fff;background:transparent;border:0;border-radius:0;padding:0;line-height:1.2}.banking-stats strong{color:#fff}.footer-provider-section h3{text-align:center;color:#fff;font-size:17px;margin:0 0 18px}.provider-footer-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.provider-footer-group{padding:10px 12px;background:#111;border:1px solid rgba(255,255,255,.06);border-radius:4px;text-align:center}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;text-align:center;font-size:10px;color:#777;padding-top:8px} /* Source-faithful top navigation + floating quick-action menu */ .source-menu{position:relative;background:#0d121b;border-bottom:4px solid #0d121b;z-index:80}.source-navin{display:flex;align-items:center;overflow:hidden}.source-top-menu{margin:0;padding:0;list-style:none;display:flex;flex:1;overflow:hidden;scroll-behavior:smooth}.source-top-menu>li{flex:1 0 calc(100% / 11);min-width:86px;position:relative}.source-top-menu>li>a{display:block;padding:10px 4px 11px;width:100%;text-align:center;color:#a8a8a8;text-transform:uppercase;font-size:10px;line-height:1.25;position:relative}.source-top-menu>li>a>img{display:block;margin:0 auto 5px;width:30px;height:30px;object-fit:contain}.source-top-menu>li:hover,.source-top-menu>li.is-active{background:radial-gradient(circle at top center,rgba(255,255,255,.2) 0,rgba(255,255,255,0) 100%)}.source-top-menu>li:hover>a,.source-top-menu>li.is-active>a{color:#f2c35f}.menu-scroll{flex:0 0 28px;height:58px;border:0;background:#151515;color:#bbb;font-size:26px;line-height:1;cursor:pointer;z-index:2}.menu-scroll:hover{color:#f2c35f}.source-floating{position:fixed;left:50px;bottom:50px;z-index:100;display:flex;flex-direction:column-reverse;align-items:center;gap:12px}.source-float-main,.source-float-list>a{display:flex;align-items:center;justify-content:center;cursor:pointer;background:linear-gradient(0deg,#b88416 0%,#cab547 100%);border:1px solid #bd9e53;box-shadow:0 4px 24px rgba(217,170,22,.5);border-radius:4px;padding:0}.source-float-main{width:50px;height:50px}.source-float-main img{width:36px;height:36px;object-fit:contain}.source-float-list{display:none;flex-direction:column;gap:12px}.source-float-list.open{display:flex}.source-float-list>a{width:40px;height:40px}.source-float-list>a img{width:32px;height:32px;object-fit:contain}.source-floating a{line-height:0}.source-floating a:hover,.source-float-main:hover{filter:brightness(1.12)} /* CANONICAL SOURCE MENU DROPDOWN — single rule set, no competing menu rules */ .source-menu{position:relative;z-index:80;background:#151515;overflow:visible} .source-navin{display:flex;align-items:center;overflow:visible} .source-top-menu{margin:0;padding:0;list-style:none;display:flex;flex:1;min-width:0;overflow:hidden;scroll-behavior:smooth} .source-menu-item{position:static;flex:1 0 calc(100% / 11);min-width:86px} .source-menu-item>a{display:block;padding:10px 4px 11px;width:100%;text-align:center;color:#a8a8a8;text-transform:uppercase;font-size:10px;line-height:1.25;position:relative} .source-menu-item>a>img{display:block;margin:0 auto 5px;width:30px;height:30px;object-fit:contain} .source-menu-item:hover>a,.source-menu-item:focus-within>a{color:#f2c35f} .source-game-list{display:none;position:fixed;left:12px;right:12px;top:var(--menu-dropdown-top,200px);width:auto;max-height:calc(100vh - var(--menu-dropdown-top,120px) - 18px);overflow:auto;margin:0;padding:14px;list-style:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;background:rgba(8,8,8,.98);border:1px solid rgba(205,169,67,.45);box-shadow:0 16px 38px rgba(0,0,0,.82);z-index:9999} .source-menu-item.menu-open>.source-game-list,.source-menu-item:focus-within>.source-game-list{display:grid} .source-game-list>li{min-width:0;height:130px;overflow:hidden;background:#080808;border:1px solid rgba(255,255,255,.08);border-radius:4px} .source-game-list>li>a{display:block;width:100%;height:100%;position:relative;overflow:hidden;padding:0!important} .source-game-list .background{position:absolute;inset:0;background:linear-gradient(135deg,#181818,#060606)} .source-game-list .foreground{position:absolute;inset:0;background-position:center;background-repeat:no-repeat;background-size:cover;transition:transform .18s ease,filter .18s ease} .source-game-list>li:hover .foreground{transform:scale(1.04);filter:brightness(1.12)} .source-game-label{position:absolute;left:10px;right:10px;bottom:7px;z-index:2;text-align:center;color:#fff;font-size:10px;font-weight:700;text-shadow:0 1px 3px #000;opacity:0;transition:opacity .2s} .source-game-list>li:hover .source-game-label{opacity:1} .source-menu-direct>.source-game-list{display:none!important} .menu-scroll{flex:0 0 28px;height:58px;border:0;background:#151515;color:#bbb;font-size:26px;line-height:1;cursor:pointer;z-index:10000} .menu-scroll:hover{color:#f2c35f} :root{--mb88-neon-red:#e08a22;--mb88-neon-gold:#f2c35f;--mb88-neon-orange:#d47b1e;--mb88-neon-glow:rgba(247,4,4,.45);--mb88-neon-gold-glow:rgba(255,215,0,.35)} @keyframes mb88PopIn{from{opacity:0;transform:scale(.88) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes mb88BorderGlow{0%{background-position:0 50%,0 50%,0 50%}100%{background-position:0 50%,100% 50%,0 50%}}@keyframes mb88Pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}@keyframes mb88Shine{0%{left:-100%}100%{left:200%}}@keyframes mb88RtpFill{from{width:0}}@keyframes mb88FadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}} .mb88-popup-close{position:absolute;top:10px;right:10px;z-index:10;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.6);color:#fff;font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;backdrop-filter:blur(4px)}.mb88-popup-close:hover{background:var(--mb88-neon-red);border-color:var(--mb88-neon-red);box-shadow:0 0 15px var(--mb88-neon-glow);transform:rotate(90deg)} .mb88-popup-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 16px;background:rgba(0,0,0,.4);border-bottom:1px solid rgba(255,215,0,.1)}.mb88-popup-stat{text-align:center;padding:8px 4px;background:linear-gradient(135deg,rgba(255,215,0,.08),rgba(247,4,4,.05));border-radius:10px;border:1px solid rgba(255,215,0,.12)}.mb88-popup-stat-num{display:block;color:var(--mb88-neon-gold);font-size:18px;font-weight:800;line-height:1;text-shadow:0 0 10px var(--mb88-neon-gold-glow)}.mb88-popup-stat-label{display:block;color:rgba(255,215,0,.55);font-size:10px;margin-top:3px;text-transform:uppercase;letter-spacing:.3px} .mb88-rtp-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mb88-rtp-card{background:rgba(255,255,255,.03);border-radius:12px;padding:12px;border:1px solid rgba(255,255,255,.06);position:relative;overflow:hidden;transition:transform .2s,border-color .2s}.mb88-rtp-card:hover{transform:translateY(-2px);border-color:rgba(255,215,0,.3)}.mb88-rtp-card.gacor{border-left:3px solid var(--mb88-neon-gold)}.mb88-rtp-card.panas{border-left:3px solid var(--mb88-neon-orange)}.mb88-rtp-card.naik{border-left:3px solid var(--mb88-neon-red)}.mb88-rtp-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.mb88-rtp-name{color:#fff;font-size:12px;font-weight:600}.mb88-rtp-pct{font-size:15px;font-weight:800}.mb88-rtp-pct.gacor{color:var(--mb88-neon-gold);text-shadow:0 0 8px var(--mb88-neon-gold-glow)}.mb88-rtp-pct.panas{color:var(--mb88-neon-orange);text-shadow:0 0 8px rgba(255,107,0,.5)}.mb88-rtp-pct.naik{color:var(--mb88-neon-red);text-shadow:0 0 8px var(--mb88-neon-glow)}.mb88-rtp-bar{height:6px;background:#222;border-radius:6px;overflow:hidden}.mb88-rtp-fill{height:100%;border-radius:6px;animation:mb88RtpFill 1.2s ease forwards}.mb88-rtp-fill.gacor{background:linear-gradient(90deg,var(--mb88-neon-gold),#fff5a0);box-shadow:0 0 8px var(--mb88-neon-gold-glow)}.mb88-rtp-fill.panas{background:linear-gradient(90deg,var(--mb88-neon-orange),var(--mb88-neon-gold));box-shadow:0 0 8px rgba(255,107,0,.4)}.mb88-rtp-fill.naik{background:linear-gradient(90deg,var(--mb88-neon-red),var(--mb88-neon-orange));box-shadow:0 0 8px var(--mb88-neon-glow)}.mb88-rtp-badge{display:inline-block;font-size:10px;font-weight:700;margin-top:6px;padding:2px 8px;border-radius:10px}.mb88-rtp-badge.gacor{background:rgba(255,215,0,.15);color:var(--mb88-neon-gold);border:1px solid rgba(255,215,0,.3)}.mb88-rtp-badge.panas{background:rgba(255,107,0,.15);color:var(--mb88-neon-orange);border:1px solid rgba(255,107,0,.3)}.mb88-rtp-badge.naik{background:rgba(247,4,4,.15);color:var(--mb88-neon-red);border:1px solid rgba(247,4,4,.3)} .mb88-game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mb88-game-card{display:block;text-decoration:none;background:linear-gradient(145deg,#1a1a1a,#111);border-radius:12px;padding:12px 8px;text-align:center;border:1px solid #2a2a2a;position:relative;overflow:hidden;transition:all .3s}.mb88-game-card:after{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.08),transparent)}.mb88-game-card:hover{border-color:var(--mb88-neon-gold);transform:scale(1.04);box-shadow:0 0 20px var(--mb88-neon-glow),0 0 10px var(--mb88-neon-gold-glow)}.mb88-game-card:hover:after{animation:mb88Shine .6s ease}.mb88-game-icon{font-size:26px;margin-bottom:4px}.mb88-game-name{color:var(--mb88-neon-gold);font-size:10px;font-weight:700;line-height:1.2}.mb88-game-prov{color:rgba(255,215,0,.4);font-size:9px;margin-top:2px} /* AGB99 ROW 3 — SINGLE CANONICAL MENU RULESET */ .nav.source-menu{position:relative;z-index:80;height:100px;background:linear-gradient(#0d121b,#0d121b) padding-box,linear-gradient(90deg,transparent 0%,transparent 30%,#101b2b 50%,transparent 70%,transparent 100%) border-box,linear-gradient(90deg,#d47b1e 0%,#f6d36b 100%) border-box;background-size:auto,200% 100%,100% 100%;background-position:0 50%,0 50%,0 50%;animation:mb88BorderGlow 3s linear infinite;border-bottom:5px solid transparent;box-shadow:none;overflow:visible} .nav.source-menu .source-navin{height:88px;width:min(1280px,100%);margin:0 auto;display:flex;align-items:stretch;overflow:visible} .nav.source-menu .agb99-menu-brand{display:flex;flex:0 0 400px;width:400px;height:88px;align-items:center;justify-content:center;padding:4px 10px;margin:0;border:0;background:#0d121b;line-height:0} .nav.source-menu .agb99-menu-brand img{display:block;width:285px;height:84px;max-width:100%;max-height:84px;object-fit:contain;object-position:center;margin:0;transform:scale(1.35);transform-origin:center;} .nav.source-menu .menu-scroll{height:88px;flex:0 0 30px;width:30px;border:0;background:#0d121b;color:#fff;font-size:25px;line-height:1;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer} .nav.source-menu .source-top-menu{height:88px;flex:1 1 auto;min-width:0;display:flex;align-items:stretch;overflow:hidden;list-style:none;margin:0;padding:0} .nav.source-menu .source-menu-item{height:88px;flex:1 0 82px;min-width:82px;position:relative;list-style:none} .nav.source-menu .source-menu-item>a{height:88px;padding:8px 3px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#fff;background:transparent;text-align:center;text-transform:uppercase;font-size:11px;font-weight:400;line-height:1;white-space:nowrap;text-decoration:none} .nav.source-menu .source-menu-item>a img{width:38px;height:38px;max-width:38px;flex:0 0 38px;object-fit:contain;display:block;margin:0;filter:brightness(0) invert(1);transition:filter .22s ease,transform .22s ease} .nav.source-menu .source-menu-item>a span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis} .nav.source-menu .source-menu-item:hover>a,.nav.source-menu .source-menu-item:focus-within>a{color:#f4c96b;background:rgba(255,255,255,.025)} .nav.source-menu .source-menu-item:hover>a img,.nav.source-menu .source-menu-item:focus-within>a img{filter:drop-shadow(0 0 2px #ffd84d) drop-shadow(0 0 4px rgba(255,216,77,.55));transform:scale(1.08)} .source-game-list{top:170px} .top .topin.agb99-topbar{width:calc(100% - 24px);margin:0 auto;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-sizing:border-box} .top .agb99-top-actions{display:flex;align-items:center;gap:3px;flex:0 0 auto;margin-left:0;order:0;} .top .agb99-menu-actions{display:flex;align-items:center;justify-content:flex-end;gap:2px;margin-left:auto;padding:0;flex:0 0 auto;white-space:nowrap} .top .agb99-menu-actions .btn{height:26px;min-height:26px;min-width:0;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border:1px solid rgba(228,173,36,.95);border-radius:0;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);font-size:12px;font-weight:500;letter-spacing:.35px;line-height:24px;white-space:nowrap;text-decoration:none;color:#17110a;text-shadow:none;box-shadow:0 4px 12px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.65);background:linear-gradient(180deg,#ffe99a 0%,#f4c96b 48%,#b9822c 100%);--btn-hover-bg:linear-gradient(180deg,#fff9df 0%,#f7d77e 48%,#d39a35 100%);--btn-hover-font-weight:600;--btn-hover-color:#17110a;--btn-hover-filter:brightness(1.08) saturate(1.06);--btn-hover-transform:translateY(-1px);--btn-hover-shadow:0 5px 14px rgba(244,201,107,.24),inset 0 1px 0 rgba(255,255,255,.9);transition:background .25s ease,color .25s ease,filter .25s ease,transform .25s ease,box-shadow .25s ease;} .top .agb99-menu-actions .btn.red{background:linear-gradient(135deg,#f5f7fa 0%,#c9d2dc 45%,#7b8795 100%);border:1px solid #e8eef4;color:#111820;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);box-shadow:0 3px 10px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.78);--btn-hover-bg:linear-gradient(180deg,#fff9df 0%,#f7d77e 48%,#d39a35 100%);--btn-hover-color:#17110a;--btn-hover-shadow:0 5px 14px rgba(244,201,107,.24),inset 0 1px 0 rgba(255,255,255,.9)} .top .agb99-languages{display:none} /* ========================================================== AGB99 POPUP — SINGLE CANONICAL RESPONSIVE RULESET Desktop: horizontal. Mobile: stacked, viewport-safe. Existing markup, links, tabs and JS are preserved. ========================================================== */ #bbo303_popup.mb88-premium-popup{ padding:16px 12px!important; background:rgba(0,0,0,.84)!important; align-items:center!important; justify-content:center!important; overflow:auto!important; overflow-x:hidden!important; overscroll-behavior:contain!important; } #bbo303_popup.mb88-premium-popup .bbo303-popup-dialog{ width:min(900px,calc(100vw - 24px))!important; max-width:900px!important; margin:0 auto!important; padding:0!important; } #bbo303_popup.mb88-premium-popup .bbo303-popup-content{ width:100%!important; max-height:calc(100vh - 32px)!important; overflow:hidden!important; background:#0b0b0b!important; border:1px solid rgba(215,169,47,.72)!important; border-radius:14px!important; box-shadow:0 24px 70px rgba(0,0,0,.78),0 0 24px rgba(215,169,47,.08)!important; } #bbo303_popup.mb88-premium-popup .bbo303-popup-header, #bbo303_popup.mb88-premium-popup .bbo303-popup-footer-legacy{display:none!important} #bbo303_popup.mb88-premium-popup .bbo303-popup-body{padding:0!important;background:transparent!important;border:0!important} #bbo303_popup.mb88-premium-popup .mb88-popup-wrap{ position:relative!important; display:grid!important; grid-template-columns:40% minmax(0,60%)!important; grid-template-rows:auto auto minmax(0,1fr) auto!important; width:100%!important; height:min(520px,calc(100vh - 32px))!important; min-height:390px!important; max-height:calc(100vh - 32px)!important; overflow:hidden!important; background:linear-gradient(135deg,#101010,#090909)!important; border:0!important; border-radius:0!important; box-shadow:none!important; animation:mb88PopIn .35s ease-out!important; } #bbo303_popup.mb88-premium-popup .mb88-popup-wrap:before{display:none!important} #bbo303_popup.mb88-premium-popup .mb88-popup-close{ position:absolute!important;top:10px!important;right:10px!important;z-index:20!important; width:32px!important;height:32px!important;padding:0!important;border-radius:50%!important; background:rgba(10,10,10,.88)!important;border:1px solid rgba(215,169,47,.7)!important; color:#f2c35f!important;font-size:22px!important;line-height:28px!important; } #bbo303_popup.mb88-premium-popup .mb88-popup-hero{ grid-column:1!important;grid-row:1 / 5!important;min-width:0!important;min-height:0!important; height:100%!important;display:flex!important;flex-direction:column!important; background:#080808!important;border-right:1px solid #292929!important;overflow:hidden!important; } #bbo303_popup.mb88-premium-popup .mb88-popup-hero-frame{ flex:1 1 auto!important;min-height:0!important;height:auto!important;overflow:hidden!important;background:#080808!important; } #bbo303_popup.mb88-premium-popup .mb88-popup-hero-frame img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;background:#080808!important} #bbo303_popup.mb88-premium-popup .mb88-popup-hero-caption{ flex:0 0 auto!important;padding:15px 18px 16px!important;background:linear-gradient(180deg,#111,#0b0b0b)!important; } #bbo303_popup.mb88-premium-popup .mb88-popup-hero-title{margin:0!important;color:#f4f4f4!important;font-size:16px!important;font-weight:700!important;line-height:1.35!important} #bbo303_popup.mb88-premium-popup .mb88-popup-hero-sub{margin:5px 0 0!important;color:#f2c35f!important;font-size:11px!important;line-height:1.35!important} #bbo303_popup.mb88-premium-popup .mb88-popup-stats{ grid-column:2!important;grid-row:1!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:7px!important;padding:20px 20px 10px!important;background:#0b0b0b!important;border:0!important; } #bbo303_popup.mb88-premium-popup .mb88-popup-stat{min-width:0!important;padding:9px 4px!important;border-radius:7px!important;background:#121212!important;border:1px solid #272727!important;text-align:center!important} #bbo303_popup.mb88-premium-popup .mb88-popup-stat-num{display:block!important;color:#f2c35f!important;font-size:18px!important;font-weight:800!important;line-height:1!important;text-shadow:none!important} #bbo303_popup.mb88-premium-popup .mb88-popup-stat-label{display:block!important;color:#888!important;font-size:9px!important;line-height:1.2!important} #bbo303_popup.mb88-premium-popup .mb88-popup-tabs{ grid-column:2!important;grid-row:2!important;display:flex!important;padding:0 20px!important;background:#0b0b0b!important;border-bottom:1px solid #292929!important; } #bbo303_popup.mb88-premium-popup .mb88-popup-tab{ position:relative!important;flex:1 1 0!important;min-width:0!important;padding:11px 8px 10px!important;background:none!important;border:0!important; color:#777!important;font-size:11px!important;font-weight:600!important;line-height:1.2!important;text-transform:uppercase!important;text-align:center!important; } #bbo303_popup.mb88-premium-popup .mb88-popup-tab.active{color:#f2c35f!important;text-shadow:none!important} #bbo303_popup.mb88-premium-popup .mb88-popup-tab.active:after{height:2px!important;left:18%!important;right:18%!important;bottom:0!important;background:#d7a92f!important;box-shadow:none!important} #bbo303_popup.mb88-premium-popup .mb88-popup-body{ grid-column:2!important;grid-row:3!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important; padding:16px 20px 12px!important;background:#0b0b0b!important;scrollbar-width:thin!important; } #bbo303_popup.mb88-premium-popup .mb88-popup-body p{margin:0 0 14px!important;color:#b8b8b8!important;font-size:15px!important;line-height:1.65!important} #bbo303_popup.mb88-premium-popup .mb88-popup-body .brand-text{color:#d9a72a!important;font-size:15px!important;font-weight:700!important;text-decoration:none!important;} #bbo303_popup.mb88-premium-popup .mb88-tab-panel{display:none!important;width:100%!important;margin:0!important;padding:0!important} #bbo303_popup.mb88-premium-popup .mb88-tab-panel.active{display:block!important} #bbo303_popup.mb88-premium-popup .mb88-tab-panel[hidden]{display:none!important} #bbo303_popup.mb88-premium-popup .mb88-rtp-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:0!important;padding:0!important} #bbo303_popup.mb88-premium-popup .mb88-rtp-card, #bbo303_popup.mb88-premium-popup .mb88-game-card{min-width:0!important;background:#111!important;border:1px solid #292929!important;box-shadow:none!important} #bbo303_popup.mb88-premium-popup .mb88-rtp-pct{color:#e5bb45!important;text-shadow:none!important} #bbo303_popup.mb88-premium-popup .mb88-game-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:8px 0 4px!important;padding:0!important} #bbo303_popup.mb88-premium-popup .mb88-game-icon{height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important} #bbo303_popup.mb88-premium-popup .mb88-game-icon img{width:44px!important;height:44px!important;object-fit:contain!important} #bbo303_popup.mb88-premium-popup .mb88-popup-empty{grid-column:1/-1!important;padding:24px 12px!important;text-align:center!important;color:#888!important;font-size:13px!important} #bbo303_popup.mb88-premium-popup .mb88-popup-footer{ grid-column:2!important;grid-row:4!important;display:grid!important;grid-template-columns:1.5fr 1fr 1fr!important;gap:7px!important; padding:10px 20px 18px!important;background:#0b1422;border-top:1px solid #222!important; } #bbo303_popup.mb88-premium-popup .mb88-btn-neon{ min-width:0!important;min-height:46px!important;padding:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important; border-radius:7px!important;font-size:14px!important;font-weight:800!important;letter-spacing:.45px!important;line-height:1!important;text-transform:uppercase!important;white-space:nowrap!important;box-shadow:none!important;animation:none!important; } #bbo303_popup.mb88-premium-popup .mb88-btn-daftar{background:linear-gradient(180deg,#e4bd4d,#b9881d)!important;color:#111!important;border:1px solid #edca63!important} #bbo303_popup.mb88-premium-popup .mb88-btn-login, #bbo303_popup.mb88-premium-popup .mb88-btn-livechat{background:#151515!important;color:#ddd!important;border:1px solid #333!important} /* Mobile: intentionally overrides Bootstrap modal geometry in one place only. */ .mb88v5-product-item img{width:22px;height:22px;object-fit:contain;vertical-align:middle;margin-right:7px} /* XGO88 POPUP FINAL ISOLATION - 20260911 */ #bbo303_popup.bbo303-popup{position:fixed!important;inset:0!important;z-index:100000!important;display:none!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;padding:16px 12px!important;background:rgba(0,0,0,.84)!important;overflow:auto!important;overflow-x:hidden!important;} #bbo303_popup.bbo303-popup.open{display:flex!important;} #bbo303_popup.bbo303-popup .bbo303-popup-dialog{width:min(900px,calc(100vw - 24px))!important;max-width:900px!important;margin:0 auto!important;padding:0!important;box-sizing:border-box!important;} #bbo303_popup.bbo303-popup .bbo303-popup-content{width:100%!important;max-height:calc(100vh - 32px)!important;overflow:hidden!important;box-sizing:border-box!important;} #bbo303_popup.bbo303-popup .mb88-popup-wrap{max-height:calc(100vh - 32px)!important;box-sizing:border-box!important;} html{overflow-y:scroll!important;} body{overflow-y:auto!important;} /* MIGRATED FROM topbar-v2.css — canonical topbar rules */ .agb99-languages{display:flex;align-items:center;gap:5px;overflow:visible!important;white-space:nowrap;position:relative;z-index:210} .agb99-lang-main,.agb99-lang-trigger{height:30px;border:1px solid #34465b;background:linear-gradient(180deg,#27384c 0%,#111c2b 100%);color:#dce5ef;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 8px;font-size:10px;cursor:pointer;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)} .agb99-lang-main:hover,.agb99-lang-trigger:hover{color:#e0c55e;border-color:#3a3a3a;background:#191919} .agb99-flag{display:inline-block;width:16px;height:16px;flex:0 0 16px;background-image:url('assets/source/images/v-normad-alpha/dark-gold/desktop/layout/flags.png');background-repeat:no-repeat;background-size:16px 250px} .agb99-flag.flag-en{background-position:0 0}.agb99-flag.flag-id{background-position:0 -16px}.agb99-flag.flag-kr{background-position:0 -32px}.agb99-flag.flag-cn{background-position:0 -48px}.agb99-flag.flag-jp{background-position:0 -64px}.agb99-flag.flag-th{background-position:0 -80px}.agb99-flag.flag-my{background-position:0 -96px}.agb99-flag.flag-kh{background-position:0 -112px}.agb99-flag.flag-hi{background-position:0 -128px}.agb99-flag.flag-vi{background-position:0 -144px}.agb99-flag.flag-pt{background-position:0 -160px}.agb99-flag.flag-bn{background-position:0 -176px}.agb99-flag.flag-ph{background-position:0 -192px} .agb99-flag.flag-us{background-image:url('assets/source/images/v-normad-alpha/dark-gold/desktop/layout/flag-us.svg');background-position:center;background-size:16px 16px;background-repeat:no-repeat} .agb99-lang-more{position:relative;display:inline-flex;z-index:220}.agb99-lang-trigger{min-width:58px} .agb99-lang-dropdown{position:absolute;right:0;top:32px;z-index:9999;background:#101010;border:1px solid #303030;box-shadow:0 10px 30px rgba(0,0,0,.7);min-width:170px;padding:5px;display:grid;grid-template-columns:1fr 1fr;gap:3px;overflow:visible;max-height:none}.agb99-lang-dropdown[hidden]{display:none!important} .agb99-lang-option{border:0;background:#151515;color:#aaa;min-height:30px;padding:5px 7px;display:flex;align-items:center;gap:7px;font-size:10px;text-align:left;cursor:pointer}.agb99-lang-option:hover{background:#1d1d1d;color:#e0c55e} .top .agb99-topbar .agb99-chevron{display:none!important}.top:has(.agb99-topbar){overflow:visible!important;position:relative;z-index:200} .top .agb99-top-icon{width:34px;height:28px;min-width:34px;display:inline-flex;align-items:center;justify-content:center;padding:0;margin:0;border:0;border-radius:0;background:transparent!important;color:#f3f6fa;clip-path:none!important;box-shadow:none!important} .top .agb99-top-icon img{width:20px;height:20px;object-fit:contain;filter:brightness(0) invert(1)} .top .agb99-chat-icon span{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;color:transparent;line-height:1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 3.5c-5 0-9 3.25-9 7.25 0 2.35 1.45 4.45 3.7 5.75L5.5 20.5l4.1-3.15c.77.18 1.57.27 2.4.27 5 0 9-3.25 9-7.25s-4-6.87-9-6.87Z' stroke='%23fff' stroke-width='1.55' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px 20px no-repeat} .top .agb99-telegram-pill{height:26px;min-height:26px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 12px 0 9px;box-sizing:border-box;border:1px solid rgba(235,241,247,.95);border-radius:0;background:linear-gradient(135deg,#fff 0%,#dce4ec 42%,#8d99a8 100%)!important;color:#111820!important;font-size:12px!important;font-weight:700;line-height:26px;white-space:nowrap;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);box-shadow:0 3px 10px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.8)} .top .agb99-telegram-pill img{width:20px;height:20px;min-width:20px;max-width:20px;flex:0 0 20px;padding:3px;box-sizing:border-box;border-radius:50%;background:#d4af37!important;border:0!important;filter:none!important;opacity:1!important} .top .agb99-telegram-pill span{display:block;position:static;font-size:12px;line-height:26px;white-space:nowrap} @media(max-width:700px){.agb99-lang-main span{display:none}.agb99-lang-main{width:32px;padding:0}.agb99-lang-trigger{min-width:42px;padding:0 6px}.agb99-lang-dropdown{right:0}} @media(max-width:600px){.top .agb99-top-icon{width:30px;min-width:30px;height:28px;background:transparent!important;clip-path:none!important}.top .agb99-top-icon img{width:17px;height:17px}.top .agb99-telegram-pill{height:28px;min-height:28px;padding:0 11px 0 8px;gap:5px;font-size:11px!important;line-height:28px;clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%)}.top .agb99-telegram-pill img{width:17px;height:17px;min-width:17px;max-width:17px;flex-basis:17px}.top .agb99-telegram-pill span{display:block!important;font-size:11px;line-height:28px}} .top .agb99-top-actions .agb99-telegram-pill{order:-1!important} /* FINAL ANIMATED GOLD BAR — restore premium moving gradient, never flat gold */ .nav.source-menu { background: linear-gradient(#0d121b,#0d121b) padding-box, linear-gradient(110deg, #8a5514 0%, #f0b83f 18%, #fff1a8 32%, #c88720 46%, #ffe58a 62%, #a96816 78%, #f6d36b 92%, #8a5514 100%) border-box !important; background-size: 100% 100%, 300% 100% !important; background-position: 0 0, 0% 50% !important; border-bottom: 5px solid transparent !important; animation: bbo303GoldBarFlow 4s linear infinite !important; } @keyframes bbo303GoldBarFlow { 0% { background-position: 0 0, 0% 50%; } 50% { background-position: 0 0, 100% 50%; } 100% { background-position: 0 0, 200% 50%; } } /* FINAL SLIDE BORDER GRADIENT OVERRIDE */ .nav.source-menu { background: linear-gradient(#0d121b, #0d121b) padding-box, linear-gradient(90deg, #8a5a12 0%, #d49a2a 14%, #ffe9a0 30%, #f4c96b 45%, #fff4c4 58%, #c58a24 74%, #8a5a12 100%) border-box !important; background-size: auto, 300% 100% !important; background-position: 0 0, 0% 50% !important; background-repeat: no-repeat !important; border-bottom: 5px solid transparent !important; animation: mb88BorderGlowFinal 4s linear infinite !important; } @keyframes mb88BorderGlowFinal { 0% { background-position: 0 0, 0% 50%; } 50% { background-position: 0 0, 100% 50%; } 100% { background-position: 0 0, 0% 50%; } } /* TOTAL AUDIT FINAL BAR FIX */ .nav.source-menu { position: relative !important; height: 100px !important; background: #0d121b !important; border-bottom: 0 !important; isolation: isolate !important; overflow: visible !important; } .nav.source-menu::after { content: ""; position: absolute; z-index: 5; left: 0; right: 0; bottom: 0; height: 5px; pointer-events: none; background: linear-gradient(90deg, #6e430b 0%, #b87816 12%, #f1c453 25%, #fff0a8 38%, #e5ad38 52%, #fff6c9 66%, #c1841d 80%, #6e430b 100%); background-size: 300% 100%; animation: bbo303GoldBarFlowFinal 3.5s linear infinite; } @keyframes bbo303GoldBarFlowFinal { 0% { background-position: 0% 50%; } 100% { background-position: 300% 50%; } } /* Existing notification section — smooth marquee; scoped to this section only */ #notification-section, #notification-section *{box-sizing:border-box} #notification-section{display:block;width:100%;margin:0;padding:0;background:#101c2b;color:#fff;border-bottom:1px solid #30435b} #notification-section>.container{width:100%;max-width:1170px;margin:0 auto;padding:0 15px} #notification-section>.container>.row{margin:0} #notification-section>.container>.row>.col-md-12{width:100%;padding:0} #notification-section .announcement-container{display:flex;align-items:center;gap:14px;min-height:60px;margin:0;padding:10px 20px;background:linear-gradient(90deg,#101c2b 0%,#172b43 50%,#101c2b 100%);border:0;border-radius:0;overflow:hidden} #notification-section .announcement-container>[data-section=title]{display:flex;align-items:center;flex:0 0 auto;min-width:160px;color:#f4cf78;font-size:14px;font-weight:700;line-height:30px;white-space:nowrap} #notification-section .announcement-container>[data-section=title] [data-icon=announcement]{display:inline-block;width:30px;height:30px;flex:0 0 30px;margin-right:7px;background:center/contain no-repeat var(--image-src)} #notification-section .announcement-container>[data-section=announcements]{display:block;flex:1 1 auto;min-width:0;width:auto;height:34px;margin:0;overflow:hidden;background:#0b1522;border:1px solid #2d425b;border-radius:4px} #notification-section .announcement-list{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;width:max-content!important;min-width:max-content!important;height:32px!important;margin:0!important;padding:0!important;list-style:none!important;white-space:nowrap!important;animation:bbo303NotificationMarquee 90s linear infinite!important;will-change:transform!important;transform:translate3d(0,0,0);} #notification-section .announcement-list>li, #notification-section .announcement-list>li:first-child{display:inline-flex!important;align-items:center;width:auto!important;height:32px!important;flex:0 0 auto!important;margin:0!important;padding:0 70px 0 12px!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;color:#fff;font-size:12px;line-height:32px;list-style:none!important;visibility:visible!important;opacity:1!important} #notification-section .announcement-list>li::before{content:none!important;display:none!important} #notification-section .announcement-container>[data-section=date]{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;max-width:190px;color:#b8c3d1;font-size:11px;line-height:30px;white-space:nowrap} #notification-section .announcement-container>[data-section=announcements]:hover .announcement-list{animation-play-state:paused!important} @keyframes bbo303NotificationMarquee{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-100%,0,0)}} @media(max-width:767px){ #notification-section>.container{padding:0 10px} #notification-section .announcement-container{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:6px 10px;min-height:0;padding:8px 10px} #notification-section .announcement-container>[data-section=title]{min-width:0;font-size:13px;line-height:28px} #notification-section .announcement-container>[data-section=title] [data-icon=announcement]{width:26px;height:26px;flex-basis:26px} #notification-section .announcement-container>[data-section=date]{max-width:none;font-size:10px;line-height:28px} #notification-section .announcement-container>[data-section=announcements]{grid-column:1/-1;height:32px} #notification-section .announcement-list{height:30px!important;animation-duration:110s!important} #notification-section .announcement-list>li, #notification-section .announcement-list>li:first-child{height:30px!important;line-height:30px;font-size:11px} } @media(prefers-reduced-motion:reduce){ #notification-section .announcement-list{animation:none!important;transform:none!important;max-width:100%!important;min-width:0!important;width:100%!important} #notification-section .announcement-list>li, #notification-section .announcement-list>li:first-child{display:none!important;width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important} #notification-section .announcement-list>li:first-child{display:block!important} }