{"id":7,"date":"2026-10-13T20:08:18","date_gmt":"2026-10-13T20:08:18","guid":{"rendered":"https:\/\/mb777my.com\/?page_id=7"},"modified":"2026-10-13T20:20:13","modified_gmt":"2026-10-13T20:20:13","slug":"home","status":"publish","type":"page","link":"https:\/\/mb777my.com\/?page_id=7","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7\" class=\"elementor elementor-7\">\n\t\t\t\t<div class=\"elementor-element elementor-element-105a54e e-con-full e-flex e-con e-parent\" data-id=\"105a54e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f72c513 elementor-widget elementor-widget-html\" data-id=\"f72c513\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<style>\n\/* MB777 | Complete English homepage | Elementor Canvas | Glass UI *\/\nhtml,body{\n  margin:0!important;padding:0!important;width:100%;\n  background:#090a08!important;overflow-x:clip;\n}\n.elementor,.elementor-page,.elementor-widget-html,\n.elementor-widget-html .elementor-widget-container{\n  margin:0!important;padding:0!important;\n}\n#mb777{\n  --bg:#090a08;--panel:#151610;--panel2:#211f16;\n  --gold:#ffd329;--gold2:#f0ad08;--green:#19df35;\n  --white:#fffdf4;--muted:#c2bdad;--line:rgba(255,211,41,.23);\n  width:100%;margin:0;padding:0 0 86px;background:var(--bg);\n  color:var(--white);font:15px\/1.7 Arial,Helvetica,sans-serif;\n  overflow:clip;isolation:isolate;\n}\n#mb777 *{box-sizing:border-box}\n#mb777 img{display:block;width:100%;height:auto}\n#mb777 a{color:inherit;text-decoration:none}\n#mb777 h1,#mb777 h2,#mb777 h3,#mb777 p{margin-top:0}\n#mb777 h1,#mb777 h2,#mb777 h3{line-height:1.25}\n#mb777 .wrap{width:min(1400px,94%);margin:auto}\n#mb777 .gold{color:var(--gold)}\n#mb777 .eyebrow{\n  color:var(--gold);font-size:10px;font-weight:900;\n  text-transform:uppercase;letter-spacing:2px;\n}\n#mb777 .btn{\n  display:inline-flex;align-items:center;justify-content:center;\n  gap:8px;min-height:43px;padding:11px 19px;\n  border:1px solid var(--gold);border-radius:6px;\n  background:linear-gradient(135deg,#ffe978,#ffc51a);\n  color:#171307;font-size:12px;font-weight:900;\n  transition:transform .2s,filter .2s;\n}\n#mb777 .btn:hover{filter:brightness(1.08);transform:translateY(-2px)}\n#mb777 .btn-outline{background:transparent;color:var(--gold)}\n#mb777 .panel{\n  background:linear-gradient(145deg,#201e16,#12130f);\n  border:1px solid var(--line);border-radius:10px;\n}\n#mb777 .section{padding:29px 0;scroll-margin-top:20px}\n#mb777 .section-heading{\n  color:var(--gold);font-size:clamp(24px,3vw,34px);\n  letter-spacing:-.7px;margin:7px 0 11px;\n}\n#mb777 .section-intro{\n  max-width:760px;color:var(--muted);font-size:14px;\n  margin:0 0 22px;\n}\n#mb777 .reading{max-width:850px;color:#d3cebf;font-size:14px}\n#mb777 .reading p{margin:0 0 15px}\n#mb777 .reading h3{color:var(--gold);font-size:18px;margin:22px 0 8px}\n#mb777 .text-link{\n  color:var(--gold);font-weight:800;font-size:12px;\n  text-decoration:underline;text-underline-offset:4px;\n}\n\n\/* APP STRIP *\/\n#mb777 .app-strip{\n  border-bottom:1px solid var(--line);\n  background:linear-gradient(90deg,#28251a,#12130f,#252015);\n}\n#mb777 .app-inner{\n  min-height:59px;display:flex;align-items:center;\n  justify-content:center;gap:12px;padding:8px 38px 8px 0;\n}\n#mb777 .app-icon{\n  width:39px;height:39px;flex-shrink:0;\n  display:grid;place-items:center;background:#fff;color:#171307;\n  border-radius:9px;font-size:10px;font-weight:900;\n}\n#mb777 .app-copy{line-height:1.35}\n#mb777 .app-copy strong{display:block;font-size:13px}\n#mb777 .app-copy small{color:var(--muted);font-size:10px}\n#mb777 .app-inner .btn{margin-left:18px;border-radius:25px}\n#mb777 .app-close{\n  flex-shrink:0;width:30px;height:30px;margin-left:4px;display:grid;place-items:center;\n  border:1px solid rgba(255,211,41,.24);border-radius:50%;background:transparent;\n  color:#eee7d4;font-size:21px;line-height:1;cursor:pointer;\n}\n#mb777 .app-close:hover{background:#302b1d;color:var(--gold)}\n\n\/* HEADER *\/\n#mb777 .header{background:#10110d;border-bottom:1px solid var(--line)}\n#mb777 .header-inner{\n  min-height:76px;display:flex;align-items:center;\n  justify-content:space-between;gap:22px;\n}\n#mb777 .brand{display:block;flex-shrink:0;width:170px}\n#mb777 .brand img{width:100%;max-height:66px;object-fit:contain}\n#mb777 .brand-text{color:var(--gold);font-size:29px;font-weight:1000;letter-spacing:-1.5px}\n#mb777 .nav{display:flex;align-items:center;justify-content:center;gap:clamp(12px,2vw,27px)}\n#mb777 .nav a{\n  color:#e9e4d7;font-size:10px;font-weight:900;\n  text-transform:uppercase;padding:12px 0;white-space:nowrap;\n  border-bottom:2px solid transparent;\n}\n#mb777 .nav a:hover{color:var(--gold);border-color:var(--gold)}\n#mb777 .menu{\n  display:none;background:#211f16;color:var(--gold);\n  border:1px solid var(--line);border-radius:6px;padding:8px 12px;\n}\n\n\/* HERO IMAGE: CLEAN PROMOTIONAL BANNER WITH NO DUPLICATED TEXT *\/\n#mb777 .hero{\n  display:block;position:relative;width:100%;min-height:0;\n  margin:22px 0 0;padding:0;overflow:hidden;isolation:isolate;\n  border:1px solid var(--line);border-radius:12px;background:#10150c;\n}\n#mb777 .hero-image{\n  display:block;position:relative;inset:auto;z-index:0;\n  width:100%;height:auto;max-height:none;object-fit:contain;object-position:center;\n}\n#mb777 .hero:after{display:none}\n#mb777 .hero-content{display:none}\n\n\/* READABLE SEO INTRODUCTION UNDER THE BANNER *\/\n#mb777 .seo-intro{\n  margin:0 0 22px;padding:26px 28px;\n  border:1px solid var(--line);border-top:2px solid var(--gold);\n  border-radius:0 0 10px 10px;\n  background:linear-gradient(135deg,#1b1b12,#10110d);\n}\n#mb777 .seo-intro h1{\n  max-width:900px;margin:9px 0 12px;color:var(--gold);\n  font-size:clamp(26px,3.2vw,39px);line-height:1.2;letter-spacing:-.7px;\n}\n#mb777 .seo-intro p{\n  max-width:850px;margin:0 0 17px;color:#e0dccf;font-size:14px;line-height:1.85;\n}\n#mb777 .seo-intro-actions{display:flex;flex-wrap:wrap;gap:10px}\n\n\/* VISUAL CATEGORY SELECTOR *\/\n#mb777 .category-selector{padding:20px 0 8px}\n#mb777 .category-grid{\n  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;\n}\n#mb777 .category-tile{\n  min-width:0;min-height:108px;display:flex;flex-direction:column;\n  align-items:center;justify-content:center;gap:10px;padding:12px 7px;\n  border:1px solid #d8e72c;border-radius:9px;\n  background:linear-gradient(145deg,#fff,#e9eee4);color:#11150d!important;\n  font-size:12px;font-weight:900;text-align:center;\n  transition:transform .2s,background .2s;\n}\n#mb777 .category-tile:hover{transform:translateY(-3px);background:#ffdf36}\n#mb777 .category-icon{font-size:30px;line-height:1}\n\n\/* HOT GAMES IMAGE GRID *\/\n#mb777 .hot-games{padding:25px 0 8px}\n#mb777 .hot-heading{\n  display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:17px;\n}\n#mb777 .hot-heading h2{margin:7px 0;color:var(--gold);font-size:clamp(24px,3vw,34px)}\n#mb777 .hot-heading p{margin:0;color:var(--muted);font-size:13px}\n#mb777 .hot-view-all{flex-shrink:0;color:var(--gold);font-size:12px;font-weight:900}\n#mb777 .hot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}\n#mb777 .hot-card{\n  min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:10px;\n  background:#171a13;transition:transform .2s,border-color .2s;\n}\n#mb777 .hot-card:hover{transform:translateY(-3px);border-color:var(--gold)}\n#mb777 .hot-art{\n  aspect-ratio:1\/1;overflow:hidden;\n  background:radial-gradient(ellipse at 70% 30%,rgba(255,201,40,.25),transparent 42%),linear-gradient(135deg,#354024,#11160e);\n}\n#mb777 .hot-art img{width:100%;height:100%;object-fit:cover}\n#mb777 .hot-card-copy{padding:11px}\n#mb777 .hot-card-copy strong{display:block;color:#fff;font-size:12px;line-height:1.4}\n#mb777 .hot-card-copy span{display:block;margin-top:4px;color:#d5cda8;font-size:10px}\n\n\/* MAIN GRID *\/\n#mb777 .layout{\n  display:grid;grid-template-columns:205px minmax(0,1fr) 220px;\n  gap:15px;align-items:start;\n}\n#mb777 .sidebar{padding:15px}\n#mb777 .side-title{\n  color:var(--gold);font-size:11px;font-weight:900;\n  text-transform:uppercase;letter-spacing:1px;margin:0 0 12px;\n}\n#mb777 .side-link{\n  display:flex;align-items:center;justify-content:space-between;\n  gap:7px;margin-top:4px;padding:9px 10px;border-radius:5px;\n  background:rgba(255,255,255,.035);color:#e3ddcc;font-size:11px;\n  border:1px solid transparent;\n}\n#mb777 .side-link:hover{background:var(--gold);color:#171307}\n#mb777 .side-link span{opacity:.6}\n#mb777 .main{min-width:0}\n#mb777 .tabs{\n  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));\n  gap:5px;padding:5px;margin-bottom:14px;\n}\n#mb777 .tab{\n  display:block;text-align:center;padding:11px 5px;\n  background:#302b1d;color:#eee5d0;border-radius:5px;\n  font-size:11px;font-weight:900;\n}\n#mb777 .tab:hover,#mb777 .tab.active{background:var(--gold);color:#171307}\n#mb777 .welcome{padding:25px;margin-bottom:23px}\n#mb777 .welcome h2{\n  color:var(--gold);font-size:clamp(25px,2.8vw,36px);\n  margin:8px 0 13px;\n}\n#mb777 .welcome p{font-size:13px;color:#d2cdbd;margin:0 0 12px}\n\n\/* IMAGE CARDS *\/\n#mb777 .game-grid{\n  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));\n  gap:13px;margin-top:18px;\n}\n#mb777 .game-card{\n  overflow:hidden;min-width:0;background:#171710;\n  border:1px solid var(--line);border-radius:9px;\n  transition:transform .2s,border-color .2s;\n}\n#mb777 .game-card:hover{transform:translateY(-3px);border-color:var(--gold)}\n#mb777 .game-image{\n  position:relative;height:165px;overflow:hidden;\n  background:\n    radial-gradient(ellipse at 75% 35%,rgba(255,201,40,.26),transparent 42%),\n    linear-gradient(135deg,#302718,#10110d);\n}\n#mb777 .game-image img{\n  height:100%;width:100%;object-fit:cover;transition:transform .3s;\n}\n#mb777 .game-card:hover .game-image img{transform:scale(1.04)}\n#mb777 .image-tag{\n  position:absolute;bottom:10px;left:10px;\n  padding:5px 8px;border:1px solid var(--line);\n  border-radius:4px;background:rgba(8,9,6,.84);\n  color:var(--gold);font-size:10px;font-weight:900;\n}\n#mb777 .game-body{padding:15px}\n#mb777 .game-body h3{font-size:16px;color:#fff;margin:0 0 7px}\n#mb777 .game-body p{font-size:12px;color:var(--muted);margin:0 0 12px}\n\n\/* FEATURE BANNERS *\/\n#mb777 .feature{\n  display:grid;grid-template-columns:.95fr 1.05fr;\n  align-items:center;gap:22px;padding:20px;margin:24px 0;\n}\n#mb777 .feature-image{\n  height:230px;overflow:hidden;border-radius:7px;\n  background:linear-gradient(135deg,#302718,#10110d);\n}\n#mb777 .feature-image img{height:100%;width:100%;object-fit:cover}\n#mb777 .feature h2{color:var(--gold);font-size:25px;margin:8px 0 11px}\n#mb777 .feature p{font-size:13px;color:var(--muted)}\n#mb777 .info{padding:22px;margin:20px 0}\n#mb777 .info h2{font-size:25px;color:var(--gold);margin:8px 0 13px}\n#mb777 .info p{font-size:13px;color:#d0cbbb}\n#mb777 .info h3{color:#ffecad;font-size:17px;margin:22px 0 8px}\n#mb777 .info ul{color:var(--muted);font-size:13px;padding-left:20px}\n#mb777 .info li{margin:6px 0}\n\n\/* AUTHOR *\/\n#mb777 .author{display:flex;align-items:flex-start;gap:15px;padding:18px;margin:22px 0}\n#mb777 .author-photo{\n  width:68px;height:68px;flex-shrink:0;border-radius:50%;\n  overflow:hidden;background:#302b1d;border:1px solid var(--line);\n}\n#mb777 .author-photo img{width:100%;height:100%;object-fit:cover}\n#mb777 .author h3{font-size:15px;margin:0 0 5px}\n#mb777 .author p{color:var(--muted);font-size:11px;margin:0}\n\n\/* RIGHT SIDE *\/\n#mb777 .right-card{padding:15px;margin-bottom:12px}\n#mb777 .right-card h3{\n  color:var(--gold);font-size:11px;text-transform:uppercase;\n  letter-spacing:.6px;margin:0 0 10px;\n}\n#mb777 .right-card p{color:var(--muted);font-size:11px;margin-bottom:10px}\n#mb777 .right-link{\n  display:block;padding:8px 9px;margin-top:5px;\n  background:#302919;border:1px solid rgba(255,201,40,.14);\n  border-radius:4px;color:var(--gold);font-size:11px;\n}\n#mb777 .right-link:hover{background:#443719}\n\n\/* FAQ + REAL FOOTER *\/\n#mb777 .faq details{padding:13px 0;border-bottom:1px solid var(--line)}\n#mb777 .faq summary{cursor:pointer;font-size:13px;font-weight:800;color:#fff2c7}\n#mb777 .faq details p{color:var(--muted);font-size:13px;margin:9px 0 0}\n#mb777 .footer{\n  margin-top:35px;padding:30px 0;\n  background:#10110d;border-top:1px solid var(--line);\n}\n#mb777 .footer-grid{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}\n#mb777 .footer-brand{font-size:26px;font-weight:1000;color:var(--gold)}\n#mb777 .footer p{color:#aaa595;font-size:11px}\n#mb777 .footer-links{display:flex;gap:14px;flex-wrap:wrap}\n#mb777 .footer-links a{font-size:11px;color:#d5cfbf}\n\n\/* FIXED FIVE-ITEM BOTTOM NAV *\/\n#mb777 .bottom-nav{\n  position:fixed;z-index:999999;\n  left:0;right:0;bottom:0;width:100%;\n  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));\n  min-height:72px;padding:6px max(8px,env(safe-area-inset-left))\n    calc(6px + env(safe-area-inset-bottom))\n    max(8px,env(safe-area-inset-right));\n  background:rgba(12,13,10,.97);\n  border-top:1px solid rgba(255,211,41,.4);\n  box-shadow:0 -8px 30px rgba(0,0,0,.4);\n  backdrop-filter:blur(16px);\n}\n#mb777 .bottom-item{\n  min-width:0;display:flex;flex-direction:column;\n  justify-content:center;align-items:center;gap:3px;\n  border-radius:8px;color:#d6d2c5;\n  font-size:10px;font-weight:800;line-height:1.2;\n  transition:color .2s,background .2s;\n}\n#mb777 .bottom-item svg{width:23px;height:23px;display:block}\n#mb777 .bottom-item:hover,#mb777 .bottom-item.current{color:var(--gold)}\n#mb777 .bottom-item.register{\n  align-self:center;min-height:59px;\n  margin:-13px 3px 0;padding:7px 3px;\n  color:#171307;background:linear-gradient(145deg,#ffe66a,#f6bd10);\n  border:1px solid #fff0a1;border-radius:11px;\n  box-shadow:0 0 22px rgba(255,201,40,.19);\n}\n#mb777 .bottom-item.register svg{width:24px;height:24px}\n#mb777 .bottom-item.register span{font-size:10px}\n\n\/* RESPONSIVE *\/\n@media(max-width:1180px){\n  #mb777 .layout{grid-template-columns:minmax(0,1fr) 280px;gap:17px}\n  #mb777 .nav{gap:12px}\n  #mb777 .brand{width:140px}\n}\n@media(max-width:1000px){\n  #mb777 .layout{grid-template-columns:minmax(0,1fr);gap:18px}\n  #mb777 .layout>.right{position:static;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}\n  #mb777 .right-card{margin:0}\n  #mb777 .right-card:last-child{grid-column:1\/-1}\n}\n@media(max-width:700px){\n  #mb777{padding-bottom:calc(84px + env(safe-area-inset-bottom))}\n  #mb777 .wrap{width:93%}\n  #mb777 .app-inner{justify-content:flex-start;gap:8px;padding-right:38px}\n  #mb777 .app-icon{width:34px;height:34px;font-size:9px}\n  #mb777 .app-close{width:27px;height:27px;margin-left:0;font-size:19px}\n  #mb777 .app-copy strong{font-size:11px}\n  #mb777 .app-copy small{font-size:9px}\n  #mb777 .app-inner .btn{margin-left:auto;padding:8px 10px;font-size:10px}\n  #mb777 .header-inner{min-height:63px;flex-wrap:wrap;gap:10px;padding:8px 0}\n  #mb777 .brand{width:120px}\n  #mb777 .brand img{max-height:48px}\n  #mb777 .menu{display:block}\n  #mb777 .nav{\n    display:none;order:4;width:100%;\n    flex-direction:column;align-items:stretch;gap:0;\n  }\n  #mb777 .nav.open{display:flex}\n  #mb777 .nav a{padding:11px 3px;border-top:1px solid var(--line)}\n  #mb777 .header-inner>.btn{display:none}\n  #mb777 .hero{min-height:0;margin:13px 0 0;border-radius:7px}\n  #mb777 .hero-image{width:100%;height:auto;object-fit:contain}\n  #mb777 .seo-intro{padding:21px 16px;margin-bottom:15px}\n  #mb777 .seo-intro h1{font-size:27px;letter-spacing:-.4px}\n  #mb777 .seo-intro p{font-size:13px;line-height:1.8}\n  #mb777 .category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}\n  #mb777 .category-tile{min-height:88px;font-size:11px;gap:8px}\n  #mb777 .category-icon{font-size:27px}\n  #mb777 .hot-heading{align-items:flex-start}\n  #mb777 .hot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}\n  #mb777 .hot-card-copy{padding:9px}\n  #mb777 .layout{display:grid!important;grid-template-columns:minmax(0,1fr);gap:14px}\n  #mb777 .left{display:none!important}\n  #mb777 .main,#mb777 .right{width:100%;min-width:0}\n  #mb777 .layout>.right{display:grid!important;grid-template-columns:minmax(0,1fr);gap:10px;position:static}\n  #mb777 .right-card:last-child{grid-column:auto}\n  #mb777 .sidebar{padding:12px}\n  #mb777 .side-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}\n  #mb777 .side-link{margin-top:0;padding:8px}\n  #mb777 .tabs{gap:3px;padding:4px}\n  #mb777 .tab{font-size:10px;padding:9px 3px}\n  #mb777 .welcome{padding:18px}\n  #mb777 .welcome h2{font-size:26px}\n  #mb777 .game-grid{gap:8px}\n  #mb777 .game-image{height:112px}\n  #mb777 .game-body{padding:11px}\n  #mb777 .game-body h3{font-size:13px}\n  #mb777 .game-body p{font-size:10px}\n  #mb777 .feature{grid-template-columns:1fr;padding:13px;gap:14px}\n  #mb777 .feature-image{height:190px}\n  #mb777 .info{padding:17px}\n  #mb777 .bottom-nav{min-height:68px}\n  #mb777 .bottom-item{font-size:9px}\n  #mb777 .bottom-item svg{width:21px;height:21px}\n  #mb777 .bottom-item.register{min-height:56px;margin-top:-11px}\n  #mb777 .footer-grid{flex-direction:column}\n}\n\n\/* POLISHED GLASS UI + CENTRED HERO CTAS *\/\n#mb777 .seo-intro{\n  position:relative;\n  text-align:center;\n  margin:0 0 22px;\n  padding:clamp(25px,4vw,42px) clamp(18px,4vw,44px);\n  border:1px solid rgba(255,220,92,.24);\n  border-top:2px solid rgba(255,211,41,.9);\n  border-radius:0 0 16px 16px;\n  background:linear-gradient(135deg,rgba(34,34,23,.88),rgba(14,17,12,.76));\n  box-shadow:0 18px 48px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.05);\n  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);\n}\n#mb777 .seo-intro .eyebrow{display:inline-block;margin-bottom:4px}\n#mb777 .seo-intro h1{max-width:980px;margin:9px auto 13px;text-wrap:balance}\n#mb777 .seo-intro p{max-width:860px;margin:0 auto 22px;color:#e2dfd4}\n#mb777 .seo-intro-actions{justify-content:center;align-items:center;text-align:center;gap:12px}\n#mb777 .seo-intro-actions .btn{min-width:190px}\n#mb777 .btn{border-radius:9px;box-shadow:0 7px 20px rgba(255,193,20,.12)}\n#mb777 .btn-outline{background:rgba(12,13,10,.32);box-shadow:none;backdrop-filter:blur(8px)}\n#mb777 .panel,#mb777 .welcome,#mb777 .info,#mb777 .right-card,\n#mb777 .sidebar,#mb777 .game-card,#mb777 .hot-card,#mb777 .feature{\n  background:linear-gradient(135deg,rgba(37,36,25,.82),rgba(17,19,14,.84));\n  border-color:rgba(255,211,41,.22);\n  box-shadow:0 12px 34px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.035);\n  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);\n}\n#mb777 .category-tile{\n  box-shadow:0 8px 22px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.8);\n}\n#mb777 .hot-card:hover,#mb777 .game-card:hover{\n  box-shadow:0 16px 36px rgba(0,0,0,.3),0 0 0 1px rgba(255,211,41,.15);\n}\n#mb777 .hero.image-missing{\n  aspect-ratio:1920\/500;\n  background:radial-gradient(ellipse at 78% 50%,rgba(255,198,27,.22),transparent 32%),linear-gradient(120deg,#162318,#0b100b 65%,#211b0d);\n}\n#mb777 .hero.image-missing:before{\n  content:\"MB777  \u2022  GAMES  \u2022  MOBILE ACCESS\";\n  position:absolute;inset:0;display:grid;place-items:center;\n  color:rgba(255,211,41,.7);font-weight:900;font-size:clamp(15px,2vw,26px);\n  letter-spacing:clamp(2px,.5vw,7px);text-align:center;padding:20px;\n}\n#mb777 .hot-art,#mb777 .game-image,#mb777 .feature-image{\n  background:radial-gradient(ellipse at 70% 30%,rgba(255,201,40,.2),transparent 42%),linear-gradient(135deg,#263322,#10130e);\n}\n#mb777 .app-strip{background:rgba(25,25,18,.82);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}\n#mb777 .header{background:rgba(15,17,12,.9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}\n#mb777 .bottom-nav{background:rgba(12,13,10,.88)}\n#mb777 .section-heading,#mb777 .hot-heading h2,#mb777 .welcome h2,#mb777 .info h2{ text-wrap:balance }\n@media(max-width:700px){\n  #mb777 .seo-intro{padding:24px 16px;margin-bottom:15px}\n  #mb777 .seo-intro-actions{width:100%;gap:9px}\n  #mb777 .seo-intro-actions .btn{min-width:0;flex:1 1 170px;padding:11px 12px}\n  #mb777 .hero.image-missing{aspect-ratio:2.2\/1}\n}\n\n@media(prefers-reduced-motion:reduce){\n  #mb777 *,#mb777 *:before,#mb777 *:after{\n    transition:none!important;scroll-behavior:auto!important\n  }\n}\n\n\n\/* ============================================================\n   MB777 DASHBOARD NAVIGATION \u2014 WordPress \/ Elementor Canvas\n   ============================================================ *\/\n#mb777{padding-left:246px;transition:padding-left .24s ease}\n#mb777 .dashboard-sidebar{\n  position:fixed;z-index:1000002;left:0;top:0;bottom:72px;width:246px;\n  display:flex;flex-direction:column;gap:13px;padding:17px 13px 13px;\n  overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;\n  color:#f8f5e9;background:linear-gradient(180deg,rgba(19,22,16,.98),rgba(10,12,9,.985));\n  border-right:1px solid rgba(255,211,41,.28);box-shadow:12px 0 38px rgba(0,0,0,.2);\n  scrollbar-width:thin;scrollbar-color:#65551e #11130e;\n  backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);\n}\n#mb777 .dashboard-sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 2px 13px;border-bottom:1px solid rgba(255,211,41,.18)}\n#mb777 .dashboard-brand{display:flex;align-items:center;gap:9px;min-width:0}\n#mb777 .dashboard-brand-mark{width:38px;height:38px;display:grid;place-items:center;flex-shrink:0;border-radius:11px;background:linear-gradient(135deg,#ffe978,#d99b00);color:#171307;font-size:12px;font-weight:1000;box-shadow:0 5px 16px rgba(255,193,20,.15)}\n#mb777 .dashboard-brand-word{display:block;color:#fff;font-size:23px;font-weight:1000;letter-spacing:-1.2px;line-height:1.05}\n#mb777 .dashboard-brand-word span{color:var(--gold)}\n#mb777 .dashboard-brand-word small{display:block;margin-top:4px;color:#aaa58e;font-size:8px;font-weight:800;letter-spacing:1.3px}\n#mb777 .dashboard-collapse{width:31px;height:31px;display:grid;place-items:center;flex-shrink:0;border:1px solid rgba(255,211,41,.22);border-radius:8px;background:rgba(255,255,255,.035);color:var(--gold);font-size:23px;line-height:1;cursor:pointer}\n#mb777 .dashboard-collapse:hover{background:rgba(255,211,41,.12)}\n#mb777 .dashboard-promo{display:flex;align-items:center;gap:9px;padding:11px 10px;border:1px solid rgba(255,211,41,.25);border-radius:11px;background:linear-gradient(115deg,rgba(255,211,41,.16),rgba(30,40,22,.45));box-shadow:inset 0 1px rgba(255,255,255,.04)}\n#mb777 .dashboard-promo-icon{width:34px;height:34px;display:grid;place-items:center;flex-shrink:0;border-radius:9px;background:linear-gradient(135deg,#ffe978,#f0ad08);color:#171307;font-size:19px}\n#mb777 .dashboard-promo-copy{display:block;min-width:0;flex:1;line-height:1.35}\n#mb777 .dashboard-promo-copy strong{display:block;color:#ffdf53;font-size:11px}\n#mb777 .dashboard-promo-copy small{display:block;margin-top:3px;color:#c7c2b1;font-size:9px;line-height:1.4}\n#mb777 .dashboard-promo-arrow{color:var(--gold);font-size:15px}\n#mb777 .dashboard-menu{display:block;min-width:0}\n#mb777 .dashboard-section-title{margin:15px 9px 6px;color:#8e8a76;font-size:9px;font-weight:900;letter-spacing:1.45px;line-height:1.4}\n#mb777 .dashboard-link{position:relative;display:flex;align-items:center;gap:11px;min-height:39px;margin:3px 0;padding:8px 10px;border:1px solid transparent;border-radius:8px;color:#d9d6c9;font-size:11px;font-weight:700;line-height:1.3;transition:background .18s,color .18s,border-color .18s}\n#mb777 .dashboard-link:hover{color:#fff3bd;background:rgba(255,211,41,.08);border-color:rgba(255,211,41,.13)}\n#mb777 .dashboard-link.is-active{color:#ffdf45;background:linear-gradient(100deg,rgba(255,211,41,.17),rgba(255,211,41,.045));border-color:rgba(255,211,41,.22)}\n#mb777 .dashboard-link.is-active:before{content:\"\";position:absolute;left:-1px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--gold)}\n#mb777 .dashboard-link-icon{width:22px;height:22px;display:grid;place-items:center;flex-shrink:0;color:var(--gold);font-size:16px;line-height:1}\n#mb777 .dashboard-link-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n#mb777 .dashboard-sidebar-foot{margin-top:auto;padding:12px 9px 3px;border-top:1px solid rgba(255,211,41,.15)}\n#mb777 .dashboard-sidebar-foot p{margin:0 0 7px;color:#9e9a89;font-size:9px;line-height:1.65}\n#mb777 .dashboard-sidebar-foot a{color:var(--gold);font-size:10px;font-weight:800}\n#mb777 .dashboard-overlay{display:none}\n#mb777 .layout{display:block}\n#mb777 .layout>.left,#mb777 .layout>.right{display:none!important}\n#mb777 .layout>.main{width:100%;min-width:0}\n#mb777 .header-inner{gap:16px}\n#mb777 .header .menu{display:none}\n#mb777 .bottom-nav{left:0;right:0;width:100%;}\n\n\/* RIGHT RAIL: wider content balance + football fixtures *\/\n#mb777 .layout{\n  display:grid!important;\n  grid-template-columns:minmax(0,1fr) 306px;\n  align-items:start;\n  gap:24px;\n  width:100%;\n}\n#mb777 .layout>.left{display:none!important}\n#mb777 .layout>.main{width:100%;min-width:0}\n#mb777 .layout>.right{\n  display:block!important;\n  width:100%;min-width:0;\n  position:sticky;top:14px;\n  align-self:start;\n}\n#mb777 .right-card{padding:15px;margin:0 0 13px;min-width:0}\n#mb777 .right-card h3{margin:0 0 8px;color:var(--gold);font-size:13px;line-height:1.3}\n#mb777 .fixture-widget-head{margin-bottom:12px;padding-bottom:11px;border-bottom:1px solid rgba(255,211,41,.18)}\n#mb777 .fixture-widget-kicker{display:block;margin-bottom:5px;color:#a99d6b;font-size:8px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase}\n#mb777 .fixture-widget-head p{margin:0;color:var(--muted);font-size:10px;line-height:1.5}\n#mb777 .fixture-match{padding:11px 0;border-bottom:1px solid rgba(255,255,255,.07)}\n#mb777 .fixture-match:last-of-type{border-bottom:0}\n#mb777 .fixture-date{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:8px;color:#b9b39f;font-size:9px}\n#mb777 .fixture-date time{color:var(--gold);font-weight:800}\n#mb777 .fixture-teams{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);align-items:center;gap:6px}\n#mb777 .fixture-team{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0;text-align:center}\n#mb777 .fixture-team img{width:30px;height:30px;object-fit:contain}\n#mb777 .fixture-badge-fallback{display:none;width:30px;height:30px;place-items:center;border-radius:50%;background:linear-gradient(135deg,#ffe978,#c99408);color:#171307;font-size:9px;font-weight:1000}\n#mb777 .fixture-team strong{display:block;width:100%;color:#f6f2e7;font-size:9px;line-height:1.35;overflow-wrap:anywhere}\n#mb777 .fixture-vs{color:#817a62;font-size:9px;font-weight:900;text-align:center}\n#mb777 .fixture-league-link{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:10px;padding:9px 10px;border:1px solid rgba(255,211,41,.35);border-radius:7px;background:rgba(255,211,41,.08);color:var(--gold);font-size:10px;font-weight:900;text-align:center}\n#mb777 .fixture-league-link:hover{background:rgba(255,211,41,.16)}\n#mb777 .fixture-disclaimer{margin:9px 0 0;color:#8f8a79;font-size:9px;line-height:1.55}\n#mb777 .right-quick-links{display:grid;grid-template-columns:1fr;gap:5px}\n#mb777 .right-quick-links .right-link{margin:0}\n\n\/* Collapsed desktop sidebar *\/\n#mb777.sidebar-collapsed{padding-left:86px}\n#mb777.sidebar-collapsed .dashboard-sidebar{width:86px;padding:15px 9px}\n#mb777.sidebar-collapsed .dashboard-sidebar-head{justify-content:center;flex-wrap:wrap}\n#mb777.sidebar-collapsed .dashboard-brand{justify-content:center}\n#mb777.sidebar-collapsed .dashboard-brand-word,\n#mb777.sidebar-collapsed .dashboard-promo-copy,\n#mb777.sidebar-collapsed .dashboard-promo-arrow,\n#mb777.sidebar-collapsed .dashboard-section-title,\n#mb777.sidebar-collapsed .dashboard-link-label,\n#mb777.sidebar-collapsed .dashboard-sidebar-foot{display:none}\n#mb777.sidebar-collapsed .dashboard-promo{justify-content:center;padding:7px}\n#mb777.sidebar-collapsed .dashboard-promo-icon{width:38px;height:38px}\n#mb777.sidebar-collapsed .dashboard-link{justify-content:center;padding:8px 4px;min-height:42px}\n#mb777.sidebar-collapsed .dashboard-link-icon{font-size:18px;width:28px;height:24px}\n#mb777.sidebar-collapsed .dashboard-collapse{transform:rotate(180deg)}\n\n\/* Tablet\/mobile: off-canvas navigation drawer *\/\n@media(max-width:1000px){\n  #mb777{padding-left:0}\n  #mb777 .dashboard-sidebar{width:min(310px,86vw);bottom:0;z-index:1000004;transform:translateX(-105%);transition:transform .24s ease;width:min(310px,86vw);padding-bottom:calc(18px + env(safe-area-inset-bottom))}\n  #mb777.sidebar-open .dashboard-sidebar{transform:translateX(0)}\n  #mb777 .dashboard-overlay{position:fixed;inset:0;z-index:1000003;display:block;background:rgba(0,0,0,.62);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}\n  #mb777.sidebar-open .dashboard-overlay{opacity:1;visibility:visible}\n  #mb777 .dashboard-collapse{font-size:0;transform:none!important}\n  #mb777 .dashboard-collapse:before{content:\"\u00d7\";font-size:25px;line-height:1}\n  #mb777 .header .menu{display:block;order:3;flex-shrink:0}\n  #mb777 .header-inner>.btn{display:none}\n  #mb777 .nav{display:none!important}\n  #mb777 .brand{margin-right:auto}\n  #mb777.sidebar-collapsed{padding-left:0}\n  #mb777.sidebar-collapsed .dashboard-sidebar{width:min(310px,86vw);padding:17px 13px 13px;transform:translateX(-105%)}\n  #mb777.sidebar-collapsed.sidebar-open .dashboard-sidebar{transform:translateX(0)}\n  #mb777.sidebar-collapsed .dashboard-brand-word,\n  #mb777.sidebar-collapsed .dashboard-promo-copy,\n  #mb777.sidebar-collapsed .dashboard-promo-arrow,\n  #mb777.sidebar-collapsed .dashboard-section-title,\n  #mb777.sidebar-collapsed .dashboard-link-label,\n  #mb777.sidebar-collapsed .dashboard-sidebar-foot{display:initial}\n  #mb777.sidebar-collapsed .dashboard-sidebar-head{justify-content:space-between;flex-wrap:nowrap}\n  #mb777.sidebar-collapsed .dashboard-promo{justify-content:flex-start;padding:11px 10px}\n  #mb777.sidebar-collapsed .dashboard-link{justify-content:flex-start;padding:8px 10px}\n  #mb777.sidebar-collapsed .dashboard-link-label{display:block}\n  #mb777.sidebar-collapsed .dashboard-section-title{display:block}\n}\n@media(max-width:700px){\n  #mb777 .dashboard-sidebar{width:min(300px,88vw)}\n  #mb777 .dashboard-sidebar-foot{padding-bottom:8px}\n  #mb777 .header-inner{min-height:60px}\n  #mb777 .header .menu{padding:8px 10px;font-size:11px}\n}\n@media(prefers-reduced-motion:reduce){\n  #mb777 .dashboard-sidebar,#mb777 .dashboard-overlay{transition:none}\n}\n\n\n\n\/* FINAL LAYOUT FIX: keep the left dashboard sidebar visible on desktop,\n   center the content within the remaining space, and align the right fixtures rail\n   with the hero at the top. On smaller screens the sidebar becomes a drawer. *\/\n#mb777{padding-left:246px!important;}\n#mb777 .dashboard-sidebar{display:flex!important;}\n#mb777 .dashboard-overlay{display:none;}\n#mb777>main.wrap{width:min(1420px,calc(100% - 48px));margin:22px auto 0;}\n#mb777 .layout{grid-template-columns:minmax(0,1fr) 306px!important;gap:24px!important;align-items:start;width:100%;}\n#mb777 .layout>.left{display:none!important;}\n#mb777 .layout>.main{min-width:0;width:100%;}\n#mb777 .layout>.right{display:block!important;position:sticky;top:16px;align-self:start;min-width:0;width:100%;}\n#mb777 .hero{width:100%;max-width:100%;margin:0 0 0;border-radius:13px;overflow:hidden;}\n#mb777 .hero-image{width:100%;height:auto;max-height:360px;object-fit:cover;object-position:center;}\n#mb777 .seo-intro{width:100%;margin:0 0 20px;border-radius:0 0 14px 14px;}\n#mb777 .category-selector,#mb777 .hot-games{width:100%;margin-left:auto;margin-right:auto;}\n#mb777 .layout>.main>.hero,#mb777 .layout>.main>.seo-intro{grid-column:1;}\n@media(max-width:1000px){\n  #mb777{padding-left:0!important;}\n  #mb777>main.wrap{width:min(900px,calc(100% - 32px));margin-top:16px;}\n  #mb777 .layout{grid-template-columns:minmax(0,1fr)!important;gap:16px!important;}\n  #mb777 .layout>.right{position:static;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}\n  #mb777 .right-card{margin:0;}\n  #mb777 .right-card:last-child{grid-column:1\/-1;}\n  #mb777 .dashboard-sidebar{display:flex!important;}\n}\n@media(max-width:700px){\n  #mb777>main.wrap{width:calc(100% - 24px);margin-top:12px;}\n  #mb777 .layout{grid-template-columns:minmax(0,1fr)!important;gap:14px!important;}\n  #mb777 .layout>.right{grid-template-columns:minmax(0,1fr)!important;}\n  #mb777 .right-card:last-child{grid-column:auto;}\n  #mb777 .hero-image{max-height:none;object-fit:contain;}\n  #mb777 .dashboard-sidebar{display:flex!important;}\n}\n\n\n\/* FINAL POLISH OVERRIDES \u2014 keep content compact and balanced beside the fixed sidebar *\/\n#mb777{box-sizing:border-box!important;width:100%!important;padding-left:246px!important;overflow-x:clip}\n#mb777 .wrap{width:min(1320px,calc(100% - 34px))!important}\n#mb777>main.wrap{width:min(1320px,calc(100% - 34px))!important;margin:16px auto 0!important}\n#mb777 .layout{grid-template-columns:minmax(0,1fr) 282px!important;gap:16px!important;align-items:start!important}\n#mb777 .layout>.main{min-width:0!important}\n#mb777 .layout>.right{width:100%!important;min-width:0!important;position:sticky!important;top:14px}\n#mb777 .hero{margin:0!important;border-radius:12px!important}\n#mb777 .hero-image{width:100%!important;max-height:300px!important;object-fit:cover!important;object-position:center!important}\n#mb777 .seo-intro{padding:clamp(22px,3vw,34px)!important}\n#mb777 .category-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}\n#mb777 .category-tile{min-height:102px!important}\n#mb777 .hot-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}\n#mb777 .dashboard-brand-word small{display:none!important}\n#mb777 .dashboard-brand-mark{display:none!important}\n#mb777 .dashboard-brand-logo{display:block;width:142px;height:54px;object-fit:contain;object-position:left center}\n#mb777 .brand-logo{display:block;width:160px;height:58px;object-fit:contain;object-position:left center}\n#mb777 .app-inner{gap:11px!important}\n#mb777 .app-icon{overflow:hidden;background:#fff;border-radius:10px;padding:3px}\n#mb777 .app-icon img{width:100%;height:100%;object-fit:contain}\n#mb777 .app-close{width:36px;height:36px;border-radius:50%;background:#201e15;border:1px solid rgba(255,211,41,.45);font-size:0;position:relative;box-shadow:0 3px 12px rgba(0,0,0,.25)}\n#mb777 .app-close:before,#mb777 .app-close:after{content:\"\";position:absolute;left:11px;top:16px;width:12px;height:2px;border-radius:2px;background:#f6e8b0}\n#mb777 .app-close:before{transform:rotate(45deg)}\n#mb777 .app-close:after{transform:rotate(-45deg)}\n#mb777 .app-close:hover{background:#3b3016;border-color:var(--gold)}\n#mb777 .header .brand-text{display:none}\n#mb777 .footer{padding:28px 0 34px!important}\n#mb777 .footer-grid{align-items:flex-start!important;gap:26px!important}\n#mb777 .footer-brand{display:inline-flex;align-items:center;min-height:42px}\n#mb777 .footer-about{max-width:360px}\n#mb777 .footer-trust-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:14px}\n#mb777 .footer-trust{display:inline-flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid rgba(255,211,41,.18);border-radius:7px;color:#cfc8b4;font-size:10px}\n#mb777 .footer-trust svg{width:17px;height:17px;flex-shrink:0;color:var(--gold)}\n#mb777 .footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:18px;max-width:660px}\n#mb777 .footer-links{display:flex;flex-direction:column;align-items:flex-end;gap:8px!important}\n#mb777 .footer-links a{font-size:11px;padding:2px 0}\n#mb777 .footer-links a:hover{color:var(--gold)}\n#mb777 .footer-social{display:flex;gap:8px;align-items:center}\n#mb777 .footer-social a{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,211,41,.24);border-radius:9px;color:var(--gold);background:rgba(255,255,255,.025)}\n#mb777 .footer-social svg{width:17px;height:17px}\n#mb777 .fixture-edit-note{font-size:9px;color:#9c947b;line-height:1.5}\n#mb777 .category-icon{font-size:28px}\n@media(max-width:1200px){\n #mb777 .layout{grid-template-columns:minmax(0,1fr) 260px!important;gap:13px!important}\n #mb777 .wrap,#mb777>main.wrap{width:calc(100% - 28px)!important}\n}\n@media(max-width:1000px){\n #mb777{padding-left:0!important}\n #mb777>main.wrap{width:min(900px,calc(100% - 28px))!important;margin-top:14px!important}\n #mb777 .layout{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}\n #mb777 .layout>.right{position:static!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}\n #mb777 .right-card:last-child{grid-column:1\/-1}\n #mb777 .dashboard-brand-logo{width:142px;height:48px}\n #mb777 .footer-right{align-items:flex-start}\n #mb777 .footer-links{align-items:flex-start}\n}\n@media(max-width:700px){\n #mb777 .wrap,#mb777>main.wrap{width:calc(100% - 20px)!important}\n #mb777 .app-inner{min-height:64px!important;justify-content:flex-start!important;gap:7px!important;padding:7px 0!important}\n #mb777 .app-icon{width:34px!important;height:34px!important;flex:0 0 34px}\n #mb777 .app-copy{min-width:0;max-width:125px}\n #mb777 .app-copy strong{font-size:10px!important;line-height:1.25}\n #mb777 .app-copy small{font-size:8px!important;line-height:1.25}\n #mb777 .app-inner .btn{margin-left:auto!important;min-height:38px!important;padding:8px 11px!important;font-size:10px!important;white-space:nowrap}\n #mb777 .app-close{width:30px!important;height:30px!important;flex:0 0 30px;margin-left:0!important}\n #mb777 .app-close:before,#mb777 .app-close:after{left:9px;top:13px;width:10px}\n #mb777 .header-inner{min-height:58px!important;flex-wrap:nowrap!important;gap:8px!important;padding:7px 0!important}\n #mb777 .brand{width:118px!important;flex:0 1 118px}\n #mb777 .brand-logo{width:118px!important;height:42px!important}\n #mb777 .header .menu{display:block!important;white-space:nowrap;font-size:10px!important;padding:8px 9px!important}\n #mb777 .hero-image{max-height:none!important;object-fit:contain!important}\n #mb777 .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}\n #mb777 .category-tile{min-height:82px!important}\n #mb777 .hot-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}\n #mb777 .layout>.right{grid-template-columns:minmax(0,1fr)!important}\n #mb777 .right-card:last-child{grid-column:auto}\n #mb777 .footer-grid{flex-direction:column!important}\n #mb777 .footer-right{width:100%;max-width:none}\n #mb777 .footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:9px 16px!important}\n #mb777 .footer-trust-row{gap:6px}\n}\n\n\n\/* DESKTOP SIDEBAR VISIBILITY FIX: the root's overflow clipping was hiding the fixed drawer,\n   leaving an empty reserved gutter on the left. Keep the sidebar attached to the viewport. *\/\n@media(min-width:1001px){\n  #mb777{overflow:visible!important;overflow-x:visible!important;isolation:auto!important;}\n  #mb777 .dashboard-sidebar{position:fixed!important;left:0!important;top:0!important;bottom:72px!important;width:246px!important;z-index:10000020!important;display:flex!important;}\n  #mb777.sidebar-collapsed .dashboard-sidebar{width:86px!important;}\n  #mb777>main.wrap{position:relative!important;margin:16px 0 0!important;width:min(1320px,calc(100% - 34px))!important;max-width:calc(100% - 34px)!important;}\n}\n@media(max-width:1000px){\n  #mb777{overflow-x:clip!important;}\n  #mb777 .dashboard-sidebar{z-index:10000020!important;}\n}\n\n\/* REBUILT FOOTER: download badges, vertical navigation columns and trust information *\/\n#mb777 .mb777-footer{margin-top:34px;padding:0 0 24px!important;background:#1d2421!important;border-top:1px solid rgba(255,211,41,.22)!important;color:#eee!important}\n#mb777 .footer-download-row{display:grid;grid-template-columns:1.2fr 1.2fr 1fr 1fr;align-items:center;gap:22px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.13)}\n#mb777 .footer-help-link{display:flex;align-items:center;gap:12px;min-width:0;color:#f6f3e9!important}\n#mb777 .footer-round-icon{width:52px;height:52px;display:grid;place-items:center;flex:0 0 52px;border-radius:50%;background:#f4f1e6;color:#b49a00}\n#mb777 .footer-round-icon svg{width:26px;height:26px}\n#mb777 .footer-help-link strong{display:block;font-size:14px;font-weight:500;line-height:1.35}\n#mb777 .footer-help-link small{display:block;margin-top:3px;color:#bdbdb4;font-size:11px;line-height:1.5}\n#mb777 .footer-help-link b{display:block;margin-top:3px;color:#fff;font-size:11px}\n#mb777 .footer-store-badge{display:flex;align-items:center;justify-content:center;gap:9px;min-height:62px;padding:8px 12px;border:1px solid #d9d9d9;border-radius:9px;background:#050505;color:#fff!important}\n#mb777 .footer-store-badge svg{width:39px;height:39px;flex:0 0 39px}\n#mb777 .footer-store-badge span{display:flex;flex-direction:column;line-height:1.05}\n#mb777 .footer-store-badge small{color:#bcbcbc;font-size:9px;font-weight:800;letter-spacing:.3px}\n#mb777 .footer-store-badge strong{font-size:23px;font-weight:800;letter-spacing:-.6px}\n#mb777 .footer-main-row{display:grid;grid-template-columns:1.05fr 1.2fr 1fr 1fr .9fr;gap:28px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.13)}\n#mb777 .footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}\n#mb777 .footer-column h3{margin:0 0 5px;color:#f1eee3;font-size:12px;font-weight:500;line-height:1.4}\n#mb777 .footer-column p{margin:0;color:#b5b9b3;font-size:10px;line-height:1.65}\n#mb777 .footer-column>a:not(.footer-store-badge){color:#c5c8c1;font-size:10px;line-height:1.5}\n#mb777 .footer-column>a:hover{color:var(--gold)!important}\n#mb777 .footer-responsible-icons{display:flex;gap:13px;align-items:center;margin:3px 0 5px;color:#7f8580}\n#mb777 .footer-responsible-icons span{width:27px;height:27px;display:grid;place-items:center;border:1px solid #626862;border-radius:50%;font-size:10px;font-weight:800}\n#mb777 .footer-responsible-icons svg{width:18px;height:18px}\n#mb777 .footer-payment-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:5px}\n#mb777 .footer-payment-badges span{padding:7px 8px;border:1px solid rgba(255,255,255,.16);border-radius:5px;background:rgba(255,255,255,.035);color:#c4c8c1;font-size:9px}\n#mb777 .footer-social-column .footer-social{margin:2px 0 12px}\n#mb777 .footer-social-column .footer-license-title{margin-top:5px}\n#mb777 .footer-license-note{max-width:220px}\n#mb777 .footer-bottom-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0 4px}\n#mb777 .footer-bottom-logo{display:flex;align-items:center;min-width:0}\n#mb777 .footer-bottom-logo img{width:150px;height:48px;object-fit:contain;object-position:left center}\n#mb777 .footer-bottom-row p{margin:0;color:#818982;font-size:11px;text-align:right}\n#mb777 .footer-disclaimer{margin:8px 0 0;color:#858b84;font-size:9px;line-height:1.6}\n@media(max-width:1100px){\n #mb777 .footer-download-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}\n #mb777 .footer-main-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}\n}\n@media(max-width:700px){\n #mb777 .mb777-footer{margin-top:24px!important;padding-bottom:18px!important}\n #mb777 .footer-download-row{grid-template-columns:1fr 1fr;gap:12px;padding:17px 0}\n #mb777 .footer-help-link{grid-column:1\/-1}\n #mb777 .footer-round-icon{width:42px;height:42px;flex-basis:42px}\n #mb777 .footer-store-badge{min-height:56px;padding:7px 8px;gap:6px}\n #mb777 .footer-store-badge svg{width:28px;height:28px;flex-basis:28px}\n #mb777 .footer-store-badge strong{font-size:19px}\n #mb777 .footer-store-badge small{font-size:8px}\n #mb777 .footer-main-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px;padding:19px 0}\n #mb777 .footer-bottom-row{align-items:flex-start;flex-direction:column;gap:8px}\n #mb777 .footer-bottom-row p{text-align:left}\n}\n\n<\/style>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<!-- Removed obsolete layout override: final responsive rules above are authoritative. -->\n\n\n<style id=\"mb777-clean-final-layout\">\n\/* One coherent layout system for Elementor Canvas. All measurements are scoped to this widget. *\/\n#mb777{\n  --mb777-sidebar:clamp(230px,18vw,300px);\n  --mb777-gutter:clamp(16px,1.7vw,26px);\n  width:100%!important;max-width:100%!important;margin:0!important;padding:0 0 88px!important;\n  box-sizing:border-box!important;overflow-x:clip!important;overflow-y:visible!important;\n}\n#mb777 *{box-sizing:border-box}\n#mb777 .wrap{width:min(1400px,calc(100% - 40px));max-width:1400px;margin-left:auto;margin-right:auto}\n#mb777 .app-strip,#mb777 .header,#mb777 .mb777-footer{\n  position:relative!important;isolation:isolate!important;\n  width:100%!important;max-width:100%!important;margin:0!important;\n  padding-left:0!important;padding-right:0!important;box-sizing:border-box!important;\n}\n#mb777 .app-strip{background:linear-gradient(90deg,#191910,#12130f,#201d13)!important}\n#mb777 .header{background:#10110d!important}\n#mb777 .mb777-footer{background:#0b0c09!important}\n#mb777 .app-strip::before,#mb777 .header::before,#mb777 .mb777-footer::before{\n  content:\"\";position:absolute;z-index:-1;top:0;bottom:0;left:0;width:100%;\n  pointer-events:none;background:inherit;\n}\n#mb777 .app-inner,#mb777 .header-inner,#mb777 .mb777-footer>.wrap{\n  width:min(1400px,calc(100% - 40px))!important;max-width:1400px!important;\n  margin-left:auto!important;margin-right:auto!important;\n}\n#mb777 .app-inner{\n  min-height:66px!important;display:flex!important;align-items:center!important;\n  justify-content:center!important;gap:12px!important;padding:10px 0!important;min-width:0!important;\n}\n#mb777 .app-copy{min-width:0!important}\n#mb777 .app-inner .btn{margin:0 0 0 8px!important;flex:0 0 auto!important}\n#mb777 .app-close{\n  flex:0 0 36px!important;width:36px!important;height:36px!important;min-width:36px!important;\n  margin:0!important;padding:0!important;display:grid!important;place-items:center!important;\n  border:1px solid rgba(255,211,41,.55)!important;border-radius:50%!important;\n  background:rgba(8,9,7,.32)!important;line-height:0!important;font-size:0!important;\n}\n#mb777 .app-close svg{display:block!important;width:15px!important;height:15px!important;stroke:currentColor;stroke-width:2;stroke-linecap:round;fill:none}\n#mb777 .header-inner{\n  min-height:76px!important;display:grid!important;\n  grid-template-columns:minmax(130px,190px) minmax(0,1fr) auto!important;\n  align-items:center!important;gap:clamp(12px,1.5vw,24px)!important;padding:10px 0!important;\n}\n#mb777 .brand{width:100%!important;max-width:190px!important;min-width:0!important;display:flex!important;align-items:center!important}\n#mb777 .brand-logo{display:block!important;width:100%!important;max-width:175px!important;height:54px!important;object-fit:contain!important;object-position:left center!important}\n#mb777 .nav{\n  min-width:0!important;display:flex!important;align-items:center!important;justify-content:center!important;\n  flex-wrap:nowrap!important;gap:clamp(9px,1.35vw,22px)!important;\n}\n#mb777 .nav a{white-space:nowrap!important;line-height:1.2!important;padding:10px 0!important;font-size:10px!important}\n#mb777 .header-inner>.btn{justify-self:end!important;white-space:nowrap!important;margin:0!important}\n#mb777 .header .menu{display:none!important}\n#mb777>main.wrap{\n  width:calc(100% - 40px)!important;max-width:1400px!important;\n  margin:16px auto 0!important;padding:0!important;\n}\n#mb777 .hero,#mb777 .seo-intro,#mb777 .category-selector,#mb777 .hot-games{width:100%!important;max-width:100%!important;min-width:0!important}\n#mb777 .hero{margin:18px 0 20px!important;border-radius:12px!important;overflow:hidden!important;line-height:0!important}\n#mb777 .hero-image{display:block!important;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:3.2\/1;object-fit:cover!important;object-position:center!important}\n#mb777 .seo-intro{margin:0 0 22px!important;padding:clamp(20px,2.8vw,34px)!important;border-radius:12px!important}\n#mb777 .seo-intro h1{max-width:900px!important;margin:8px auto 14px!important;text-wrap:balance}\n#mb777 .seo-intro p{max-width:900px!important;margin-left:auto!important;margin-right:auto!important}\n#mb777 .seo-intro-actions{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:10px!important}\n#mb777 .layout{\n  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(265px,30%)!important;\n  align-items:start!important;gap:var(--mb777-gutter)!important;width:100%!important;max-width:100%!important;\n}\n#mb777 .layout>.left{display:none!important}\n#mb777 .layout>.main{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important}\n#mb777 .layout>.right{\n  display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;\n  position:sticky!important;top:14px!important;align-self:start!important;\n  max-height:calc(100vh - 92px)!important;overflow-y:auto!important;overflow-x:hidden!important;\n  overscroll-behavior:contain!important;scrollbar-width:thin!important;\n  scrollbar-color:rgba(255,211,41,.45) rgba(255,255,255,.04)!important;\n}\n#mb777 .main,#mb777 .main>*{min-width:0!important;max-width:100%!important}\n#mb777 .right-card{min-width:0!important;max-width:100%!important;margin-bottom:12px!important}\n#mb777 .feature{\n  display:block!important;width:100%!important;max-width:100%!important;\n  margin:22px 0!important;padding:clamp(18px,2.5vw,28px)!important;\n}\n#mb777 .feature-image{display:none!important}\n#mb777 .feature h2{margin:8px 0 12px!important}\n#mb777 .feature p{max-width:900px!important;line-height:1.8!important}\n#mb777 .platform-feature-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}\n#mb777 .platform-feature-card{min-width:0!important;height:100%!important}\n#mb777 .game-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}\n#mb777 .game-card{min-width:0!important;overflow:hidden!important}\n#mb777 .game-image{height:clamp(100px,12vw,165px)!important}\n#mb777 .tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}\n#mb777 .tab{min-width:0!important;text-align:center!important;overflow-wrap:anywhere!important}\n#mb777 .footer{margin-top:32px!important}\n#mb777 .mb777-footer .wrap{padding-top:0!important;padding-bottom:22px!important}\n#mb777 .footer-download-row{\n  display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr)!important;\n  align-items:center!important;gap:18px!important;width:100%!important;min-width:0!important;\n}\n#mb777 .footer-help-link,#mb777 .footer-store-badge{min-width:0!important;max-width:100%!important}\n#mb777 .footer-store-badge{min-height:60px!important}\n#mb777 .footer-main-row{\n  display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;\n  align-items:start!important;gap:clamp(12px,1.7vw,24px)!important;width:100%!important;min-width:0!important;\n}\n#mb777 .footer-column{min-width:0!important;overflow-wrap:anywhere!important}\n#mb777 .footer-column p,#mb777 .footer-column a{max-width:100%!important;overflow-wrap:anywhere!important}\n#mb777 .footer-payment-badges{display:flex!important;flex-wrap:wrap!important;align-items:flex-start!important;gap:7px!important}\n#mb777 .footer-payment-badge{max-width:100%!important;min-width:0!important}\n#mb777 .footer-social{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important}\n#mb777 .footer-social a{width:40px!important;height:40px!important;flex:0 0 40px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important}\n#mb777 .footer-social svg{display:block!important;width:19px!important;height:19px!important}\n#mb777 .footer-bottom-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;min-width:0!important}\n#mb777 .footer-bottom-row p{max-width:60%!important;text-align:right!important;overflow-wrap:anywhere!important}\n#mb777 .footer-disclaimer{max-width:100%!important;line-height:1.7!important}\n#mb777 .bottom-nav{left:0!important;right:0!important;width:100%!important}\n\n\/* Desktop: fixed dashboard rail, full-width backgrounds, content aligned in the remaining page column. *\/\n@media(min-width:1200px){\n  #mb777{padding-left:var(--mb777-sidebar)!important}\n  #mb777 .dashboard-sidebar{position:fixed!important;left:0!important;top:0!important;bottom:72px!important;width:var(--mb777-sidebar)!important;max-width:300px!important;min-width:230px!important;display:flex!important}\n  #mb777.sidebar-collapsed{padding-left:86px!important}\n  #mb777.sidebar-collapsed .dashboard-sidebar{width:86px!important;min-width:86px!important}\n  #mb777 .app-strip::before,#mb777 .header::before,#mb777 .mb777-footer::before{\n    left:calc(0px - var(--mb777-sidebar))!important;width:calc(100% + var(--mb777-sidebar))!important;\n  }\n  #mb777 .app-inner,#mb777 .header-inner,#mb777 .mb777-footer>.wrap{\n    width:calc(100% - 40px)!important;max-width:1400px!important;\n  }\n  #mb777>main.wrap{width:calc(100% - 40px)!important;margin:16px 20px 0!important}\n  #mb777 .layout{grid-template-columns:minmax(0,1fr) minmax(270px,30%)!important;gap:var(--mb777-gutter)!important}\n}\n\/* Tablet: drawer navigation, two-column content grid and tidy three-column footer. *\/\n@media(min-width:701px) and (max-width:1199px){\n  #mb777 .dashboard-sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:min(310px,86vw)!important;max-width:none!important;transform:translateX(-105%);transition:transform .25s ease;z-index:1000002!important}\n  #mb777.sidebar-open .dashboard-sidebar{transform:translateX(0)!important}\n  #mb777 .dashboard-overlay{display:none;position:fixed!important;inset:0!important;z-index:1000001!important;background:rgba(0,0,0,.65)!important}\n  #mb777.sidebar-open .dashboard-overlay{display:block!important}\n  #mb777 .header-inner{grid-template-columns:minmax(110px,170px) minmax(0,1fr) auto!important;gap:14px!important}\n  #mb777 .nav{gap:clamp(8px,1.2vw,14px)!important}\n  #mb777 .nav a{font-size:9px!important}\n  #mb777 .header-inner>.btn{display:none!important}\n  #mb777>main.wrap{width:calc(100% - 32px)!important;margin:16px auto 0!important}\n  #mb777 .layout{grid-template-columns:minmax(0,1fr) minmax(240px,34%)!important;gap:16px!important}\n  #mb777 .game-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}\n  #mb777 .footer-download-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}\n  #mb777 .footer-main-row{grid-template-columns:repeat(3,minmax(0,1fr))!important}\n}\n@media(min-width:701px) and (max-width:900px){\n  #mb777 .header-inner{grid-template-columns:minmax(0,1fr) auto!important}\n  #mb777 .nav{display:none!important}\n  #mb777 .header .menu{display:inline-flex!important;align-items:center!important;justify-content:center!important;justify-self:end!important}\n  #mb777 .layout{grid-template-columns:minmax(0,1fr)!important}\n  #mb777 .layout>.right{position:static!important;max-height:none!important;overflow:visible!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}\n  #mb777 .right-card{margin:0!important}\n}\n\/* Mobile: one column, no blank image panels, full-width bars and footer. *\/\n@media(max-width:700px){\n  #mb777{padding:0 0 calc(78px + env(safe-area-inset-bottom))!important}\n  #mb777 .dashboard-sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:min(310px,88vw)!important;max-width:none!important;transform:translateX(-105%);transition:transform .25s ease;z-index:1000002!important}\n  #mb777.sidebar-open .dashboard-sidebar{transform:translateX(0)!important}\n  #mb777 .dashboard-overlay{display:none;position:fixed!important;inset:0!important;z-index:1000001!important;background:rgba(0,0,0,.65)!important}\n  #mb777.sidebar-open .dashboard-overlay{display:block!important}\n  #mb777 .app-inner{width:calc(100% - 20px)!important;min-height:58px!important;justify-content:flex-start!important;gap:7px!important;padding:8px 0!important}\n  #mb777 .app-icon{width:34px!important;height:34px!important;flex:0 0 34px!important}\n  #mb777 .app-copy{flex:1 1 auto!important;min-width:0!important}\n  #mb777 .app-copy strong{font-size:10px!important}\n  #mb777 .app-copy small{font-size:9px!important}\n  #mb777 .app-inner .btn{min-height:35px!important;padding:7px 10px!important;margin-left:0!important;font-size:10px!important}\n  #mb777 .app-close{width:31px!important;height:31px!important;min-width:31px!important;flex-basis:31px!important}\n  #mb777 .header-inner{width:calc(100% - 20px)!important;min-height:58px!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;padding:7px 0!important}\n  #mb777 .brand{max-width:160px!important;width:100%!important}\n  #mb777 .brand-logo{height:43px!important;max-width:155px!important}\n  #mb777 .nav{display:none!important}\n  #mb777 .header .menu{display:inline-flex!important;align-items:center!important;justify-content:center!important;justify-self:end!important;white-space:nowrap!important;min-height:36px!important}\n  #mb777>main.wrap{width:calc(100% - 20px)!important;margin:10px auto 0!important}\n  #mb777 .hero{margin:12px 0 15px!important;border-radius:9px!important}\n  #mb777 .hero-image{aspect-ratio:2.05\/1!important;object-fit:cover!important}\n  #mb777 .carousel-arrow{width:31px!important;height:31px!important}\n  #mb777 .carousel-arrow svg{width:15px!important;height:15px!important}\n  #mb777 .carousel-prev{left:7px!important}#mb777 .carousel-next{right:7px!important}\n  #mb777 .carousel-dots{bottom:7px!important;padding:5px 7px!important;gap:6px!important}\n  #mb777 .seo-intro{padding:20px 15px!important;margin-bottom:15px!important}\n  #mb777 .seo-intro h1{font-size:clamp(24px,7vw,32px)!important;line-height:1.18!important}\n  #mb777 .seo-intro-actions{gap:8px!important}\n  #mb777 .seo-intro-actions .btn{width:100%!important}\n  #mb777 .layout{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}\n  #mb777 .layout>.right{position:static!important;max-height:none!important;overflow:visible!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important}\n  #mb777 .right-card{margin:0!important;padding:13px!important}\n  #mb777 .tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;padding:4px!important}\n  #mb777 .tab{font-size:10px!important;min-height:45px!important;padding:8px 4px!important}\n  #mb777 .game-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}\n  #mb777 .game-image{height:clamp(90px,30vw,135px)!important}\n  #mb777 .game-body{padding:10px!important}\n  #mb777 .game-body h3{font-size:13px!important}\n  #mb777 .game-body p{font-size:11px!important}\n  #mb777 .feature{padding:18px 15px!important;margin:16px 0!important}\n  #mb777 .platform-feature-grid{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}\n  #mb777 .footer-download-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:16px 0!important}\n  #mb777 .footer-help-link{grid-column:1\/-1!important}\n  #mb777 .footer-round-icon{width:40px!important;height:40px!important;flex-basis:40px!important}\n  #mb777 .footer-store-badge{min-height:48px!important;padding:6px!important;gap:5px!important}\n  #mb777 .footer-store-badge svg{width:22px!important;height:22px!important}\n  #mb777 .footer-store-badge strong{font-size:16px!important}\n  #mb777 .footer-main-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 12px!important;padding:18px 0!important}\n  #mb777 .footer-column{gap:7px!important}\n  #mb777 .footer-social a{width:36px!important;height:36px!important;flex-basis:36px!important}\n  #mb777 .footer-bottom-row{align-items:flex-start!important;flex-direction:column!important;gap:8px!important;padding:15px 0 4px!important}\n  #mb777 .footer-bottom-row p{max-width:100%!important;text-align:left!important}\n  #mb777 .footer-disclaimer{font-size:10px!important}\n}\n@media(prefers-reduced-motion:reduce){\n #mb777 *,#mb777 *::before,#mb777 *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}\n}\n<\/style>\n\n<div id=\"mb777\">\n\n  <!-- DASHBOARD-STYLE SIDEBAR: desktop fixed navigation, mobile drawer -->\n  <div class=\"dashboard-overlay\" data-sidebar-close aria-hidden=\"true\"><\/div>\n  <aside class=\"dashboard-sidebar\" id=\"mb777-dashboard-sidebar\" aria-label=\"MB777 site navigation\">\n    <div class=\"dashboard-sidebar-head\">\n      <a class=\"dashboard-brand\" href=\"\/\" aria-label=\"MB777 home\">\n        <img decoding=\"async\" class=\"dashboard-brand-logo\" src=\"https:\/\/mb777my.com\/wp-content\/uploads\/2026\/10\/mb777-logo.jpg\" alt=\"MB777 logo\" width=\"142\" height=\"54\" onerror=\"this.style.display='none';this.parentElement.classList.add('logo-fallback')\">\n      <\/a>\n      <button class=\"dashboard-collapse\" type=\"button\" aria-label=\"Collapse sidebar\" title=\"Collapse sidebar\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"m14.5 5-7 7 7 7\"\/><\/svg><\/button>\n    <\/div>\n\n    <a class=\"dashboard-promo\" href=\"\/promotions\/\">\n      <span class=\"dashboard-promo-icon\" aria-hidden=\"true\">\u2726<\/span>\n      <span class=\"dashboard-promo-copy\"><strong>Promotions<\/strong><small>Check published offers and terms<\/small><\/span>\n      <span class=\"dashboard-promo-arrow\" aria-hidden=\"true\">\u2197<\/span>\n    <\/a>\n\n    <nav class=\"dashboard-menu\" aria-label=\"Explore MB777\">\n      <p class=\"dashboard-section-title\">MAIN MENU<\/p>\n      <a class=\"dashboard-link is-active\" href=\"\/\" aria-current=\"page\"><span class=\"dashboard-link-icon\" aria-hidden=\"true\">\u2302<\/span><span class=\"dashboard-link-label\">Home<\/span><\/a>\n      <a class=\"dashboard-link\" href=\"#mb777-categories\"><span class=\"dashboard-link-icon\" aria-hidden=\"true\">\u25a6<\/span><span class=\"dashboard-link-label\">All Games<\/span><\/a>\n      <a class=\"dashboard-link\" href=\"#mb777-hot-games\"><span class=\"dashboard-link-icon\" aria-hidden=\"true\">\u2726<\/span><span class=\"dashboard-link-label\">Hot Games<\/span><\/a>\n\n      <p class=\"dashboard-section-title\">GAME CATEGORIES<\/p>\n      <a class=\"dashboard-link\" href=\"\/slot-games\/\"><span class=\"dashboard-link-icon\" aria-hidden=\"true\">\ud83c\udfb0<\/span><span class=\"dashboard-link-label\">Slot Games<\/span><\/a>\n      <a class=\"dashboard-link\" href=\"\/fast-games\/\"><span class=\"dashboard-link-icon\" aria-hidden=\"true\">\u26a1<\/span><span class=\"dashboard-link-label\">Fast Games<\/span><\/a>\n      <a class=\"dashboard-link\" href=\"\/live-games\/\"><span class=\"dashboard-link-icon\" aria-hidden=\"true\">\u2660<\/span><span class=\"dashboard-link-label\">Live Games<\/span><\/a>\n      <a class=\"dashboard-link\" href=\"\/fishing-games\/\"><span class=\"dashboard-link-icon\" aria-hidden=\"true\">\ud83c\udfa3<\/span><span class=\"dashboard-link-label\">Fishing Games<\/span><\/a>\n      <a class=\"dashboard-link\" href=\"\/poker\/\"><span class=\"dashboard-link-icon\" aria-hidden=\"true\">\ud83c\udccf<\/span><span class=\"dashboard-link-label\">Poker<\/span><\/a>\n      <a class=\"dashboard-link\" href=\"\/sports\/\"><span class=\"dashboard-link-icon\" aria-hidden=\"true\">\u26bd<\/span><span class=\"dashboard-link-label\">Sports<\/span><\/a>\n      <a class=\"dashboard-link\" href=\"\/esports\/\"><span class=\"dashboard-link-icon\" aria-hidden=\"true\">\ud83c\udfae<\/span><span class=\"dashboard-link-label\">Esports<\/span><\/a>\n      <a class=\"dashboard-link\" href=\"\/lottery\/\"><span class=\"dashboard-link-icon\" aria-hidden=\"true\">\ud83c\udfb1<\/span><span class=\"dashboard-link-label\">Lottery<\/span><\/a>\n      <a class=\"dashboard-link\" href=\"\/cockfight\/\"><span class=\"dashboard-link-icon\" aria-hidden=\"true\">\u265c<\/span><span class=\"dashboard-link-label\">CockFight<\/span><\/a>\n\n      <p class=\"dashboard-section-title\">OFFERS & ACCESS<\/p>\n      <a class=\"dashboard-link\" href=\"\/promotions\/\"><span class=\"dashboard-link-icon\" aria-hidden=\"true\">\ud83c\udf81<\/span><span class=\"dashboard-link-label\">Promotions<\/span><\/a>\n      <a class=\"dashboard-link\" href=\"\/invite-friends\/\"><span class=\"dashboard-link-icon\" aria-hidden=\"true\">\u2667<\/span><span class=\"dashboard-link-label\">Invite Friends<\/span><\/a>\n      <a class=\"dashboard-link\" href=\"\/mb777-app-download\/\"><span class=\"dashboard-link-icon\" aria-hidden=\"true\">\u25a3<\/span><span class=\"dashboard-link-label\">Download App<\/span><\/a>\n\n      <p class=\"dashboard-section-title\">HELP & INFORMATION<\/p>\n      <a class=\"dashboard-link\" href=\"\/about-mb777\/\"><span class=\"dashboard-link-icon\" aria-hidden=\"true\">\u24d8<\/span><span class=\"dashboard-link-label\">About MB777<\/span><\/a>\n      <a class=\"dashboard-link\" href=\"\/artikel\/\"><span class=\"dashboard-link-icon\" aria-hidden=\"true\">\u25a4<\/span><span class=\"dashboard-link-label\">Artikel \/ Blog<\/span><\/a>\n      <a class=\"dashboard-link\" href=\"\/responsible-gaming\/\"><span class=\"dashboard-link-icon\" aria-hidden=\"true\">\u2661<\/span><span class=\"dashboard-link-label\">Responsible Gaming<\/span><\/a>\n      <a class=\"dashboard-link\" href=\"\/privacy-policy\/\"><span class=\"dashboard-link-icon\" aria-hidden=\"true\">\u25a4<\/span><span class=\"dashboard-link-label\">Privacy Policy<\/span><\/a>\n      <a class=\"dashboard-link\" href=\"\/disclaimer\/\"><span class=\"dashboard-link-icon\" aria-hidden=\"true\">\u24d8<\/span><span class=\"dashboard-link-label\">Disclaimer<\/span><\/a>\n    <\/nav>\n\n    <div class=\"dashboard-sidebar-foot\">\n      <p>Explore responsibly. Review applicable terms and local restrictions before using any service.<\/p>\n      <a href=\"\/responsible-gaming\/\">Responsible Gaming \u2197<\/a>\n    <\/div>\n  <\/aside>\n\n  <!-- TOP APP STRIP -->\n  <div class=\"app-strip\">\n    <div class=\"wrap app-inner\">\n      <div class=\"app-icon\"><img decoding=\"async\" src=\"https:\/\/mb777my.com\/wp-content\/uploads\/2026\/10\/mb777-logo.jpg\" alt=\"MB777\" onerror=\"this.style.display='none';this.parentElement.textContent='MB777'\"><\/div>\n      <div class=\"app-copy\">\n        <strong>MB777 Mobile Access<\/strong>\n        <small>Android app information \u00b7 iOS access<\/small>\n      <\/div>\n      <a class=\"btn\" href=\"\/mb777-app-download\/\">Download<\/a>\n      <button class=\"app-close\" type=\"button\" aria-label=\"Close app information banner\" title=\"Hide until page refresh\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M6 6l12 12M18 6 6 18\"\/><\/svg><\/button>\n    <\/div>\n  <\/div>\n\n  <!-- MAIN HEADER -->\n  <header class=\"header\">\n    <div class=\"wrap header-inner\">\n      <a class=\"brand\" href=\"\/\" aria-label=\"MB777 homepage\">\n        <img decoding=\"async\" class=\"brand-logo\" src=\"https:\/\/mb777my.com\/wp-content\/uploads\/2026\/10\/mb777-logo.jpg\" alt=\"MB777 logo\" width=\"160\" height=\"58\" onerror=\"this.style.display='none';this.parentElement.classList.add('logo-fallback')\">\n      <\/a>\n\n      <button class=\"menu\" type=\"button\" aria-expanded=\"false\"\n        aria-controls=\"mb777-dashboard-sidebar\" aria-label=\"Open site navigation\">\u2630 Menu<\/button>\n\n      <nav class=\"nav\" id=\"mb777-nav\" aria-label=\"Main navigation\">\n        <a href=\"\/\">Home<\/a>\n        <a href=\"\/slot-games\/\">Games<\/a>\n        <a href=\"\/sports\/\">Sports<\/a>\n        <a href=\"\/mb777-app-download\/\">App<\/a>\n        <a href=\"\/promotions\/\">Promotions<\/a>\n        <a href=\"\/about-mb777\/\">About<\/a>\n        <a href=\"\/artikel\/\">Artikel<\/a>\n      <\/nav>\n\n      <a class=\"btn btn-outline\" href=\"https:\/\/www.mb777.xin\/\"\n        target=\"_blank\" rel=\"nofollow sponsored noopener\">Visit Platform \u2197<\/a>\n    <\/div>\n  <\/header>\n\n  <main class=\"wrap\">\n\n    <!-- BANNER IMAGE: replace YOUR-UPLOADED-BANNER-URL with the full WordPress Media Library URL. -->\n    <section class=\"hero mb777-carousel\" aria-label=\"MB777 promotional banners\" aria-roledescription=\"carousel\">\n      <div class=\"hero-track\">\n        <div class=\"hero-slide is-active\" data-slide=\"0\">\n          <a href=\"\/promotions\/\" aria-label=\"View MB777 Malaysia promotions\">\n            <img fetchpriority=\"high\" class=\"hero-image\"\n              src=\"https:\/\/mb777my.com\/wp-content\/uploads\/2026\/10\/MB777-Promo-Malaysia-BONUS-DEPOSIT-PERTAMA-SEHINGGA-50-.webp\"\n              alt=\"MB777 Malaysia promotional banner\"\n              width=\"1920\" height=\"500\" fetchpriority=\"high\" decoding=\"async\">\n          <\/a>\n        <\/div>\n        <!-- Replace the next image URL and alt text to add your second promotional banner. -->\n        <div class=\"hero-slide\" data-slide=\"1\" hidden>\n          <a href=\"\/promotions\/\" aria-label=\"View MB777 promotion two\">\n            <img loading=\"lazy\" class=\"hero-image\" src=\"YOUR-SECOND-BANNER-URL\" alt=\"MB777 second promotional banner\" width=\"1920\" height=\"500\" loading=\"lazy\" decoding=\"async\">\n          <\/a>\n        <\/div>\n        <!-- Replace the next image URL and alt text to add your third promotional banner. -->\n        <div class=\"hero-slide\" data-slide=\"2\" hidden>\n          <a href=\"\/promotions\/\" aria-label=\"View MB777 promotion three\">\n            <img loading=\"lazy\" class=\"hero-image\" src=\"YOUR-THIRD-BANNER-URL\" alt=\"MB777 third promotional banner\" width=\"1920\" height=\"500\" loading=\"lazy\" decoding=\"async\">\n          <\/a>\n        <\/div>\n      <\/div>\n      <button class=\"carousel-arrow carousel-prev\" type=\"button\" aria-label=\"Previous banner\">\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"m15 18-6-6 6-6\"\/><\/svg>\n      <\/button>\n      <button class=\"carousel-arrow carousel-next\" type=\"button\" aria-label=\"Next banner\">\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"m9 18 6-6-6-6\"\/><\/svg>\n      <\/button>\n      <div class=\"carousel-dots\" role=\"group\" aria-label=\"Choose promotional banner\">\n        <button type=\"button\" class=\"carousel-dot is-active\" data-go=\"0\" aria-label=\"Show banner 1\" aria-current=\"true\"><\/button>\n        <button type=\"button\" class=\"carousel-dot\" data-go=\"1\" aria-label=\"Show banner 2\" hidden><\/button>\n        <button type=\"button\" class=\"carousel-dot\" data-go=\"2\" aria-label=\"Show banner 3\" hidden><\/button>\n      <\/div>\n    <\/section>\n\n    <!-- SEO INTRODUCTION: the H1 is HTML, not text baked into the banner -->\n    <section class=\"seo-intro\">\n      <span class=\"eyebrow\">INTRODUCING MB777<\/span>\n      <h1>MB777 Malaysia: An All-in-One Online Gaming Destination<\/h1>\n      <p>\n        MB777 is a newly established online gaming destination bringing a range of entertainment\n        categories together in one place. Explore online slot games, fast games, live dealer\n        experiences, fishing games, sports markets, poker and lottery formats including 4D,\n        alongside other listed categories.\n      <\/p>\n      <p>\n        Browse the category directory to learn about each format, view featured game artwork and\n        find mobile access information. Availability, rules, eligibility and service terms can vary\n        by product and location, so review the relevant details before using any service.\n      <\/p>\n      <div class=\"seo-intro-actions\">\n        <a class=\"btn\" href=\"#mb777-categories\">Explore Game Categories <span aria-hidden=\"true\">\u2192<\/span><\/a>\n        <a class=\"btn btn-outline\" href=\"\/mb777-app-download\/\">Download Information<\/a>\n      <\/div>\n    <\/section>\n\n    <!-- IMAGE-LED CATEGORY SELECTOR -->\n    <section class=\"category-selector\" id=\"mb777-categories\" aria-label=\"MB777 game categories\">\n      <div class=\"category-grid\">\n        <a class=\"category-tile\" href=\"\/slot-games\/\"><span class=\"category-icon\" aria-hidden=\"true\">\ud83c\udfb0<\/span><span>Slot Games<\/span><\/a>\n        <a class=\"category-tile\" href=\"\/fast-games\/\"><span class=\"category-icon\" aria-hidden=\"true\">\ud83d\ude80<\/span><span>Fast Games<\/span><\/a>\n        <a class=\"category-tile\" href=\"\/live-games\/\"><span class=\"category-icon\" aria-hidden=\"true\">\ud83c\udca1<\/span><span>Live Games<\/span><\/a>\n        <a class=\"category-tile\" href=\"\/sports\/\"><span class=\"category-icon\" aria-hidden=\"true\">\u26bd<\/span><span>Sportsbook<\/span><\/a>\n        <a class=\"category-tile\" href=\"\/fishing-games\/\"><span class=\"category-icon\" aria-hidden=\"true\">\ud83c\udfa3<\/span><span>Fishing Games<\/span><\/a>\n        <a class=\"category-tile\" href=\"\/lottery\/\"><span class=\"category-icon\" aria-hidden=\"true\">\ud83c\udfb1<\/span><span>Lottery (4D)<\/span><\/a>\n        <a class=\"category-tile\" href=\"\/poker\/\"><span class=\"category-icon\" aria-hidden=\"true\">\ud83c\udccf<\/span><span>Poker<\/span><\/a>\n        <a class=\"category-tile\" href=\"\/cockfight\/\"><span class=\"category-icon\" aria-hidden=\"true\">\ud83d\udc13<\/span><span>Cockfight<\/span><\/a>\n      <\/div>\n    <\/section>\n\n    <!-- HOT GAMES: replace sample artwork URLs with licensed, real game images -->\n    <section class=\"hot-games\" id=\"mb777-hot-games\" aria-labelledby=\"mb777-hot-title\">\n      <div class=\"hot-heading\">\n        <div>\n          <span class=\"eyebrow\">FEATURED TITLES<\/span>\n          <h2 id=\"mb777-hot-title\">Hot Games MB777<\/h2>\n          <p>Browse selected titles and open the relevant category for more details.<\/p>\n        <\/div>\n        <a class=\"hot-view-all\" href=\"\/slot-games\/\">View All Games \u2192<\/a>\n      <\/div>\n      <!-- EDIT GAME CARDS: replace each YOUR-...-IMAGE-URL with a WordPress Media Library image URL. -->\n      <div class=\"hot-grid\">\n        <a class=\"hot-card\" href=\"\/super-ace\/\" aria-label=\"Super Ace \u2014 Slot Games\">\n          <div class=\"hot-art\"><img loading=\"lazy\" src=\"YOUR-SUPER-ACE-IMAGE-URL\" alt=\"Super Ace game artwork\" width=\"400\" height=\"400\" loading=\"lazy\" decoding=\"async\" onerror=\"this.style.display='none'\"><\/div>\n          <div class=\"hot-card-copy\"><strong>Super Ace<\/strong><span>Slot Games<\/span><\/div>\n        <\/a>\n        <a class=\"hot-card\" href=\"\/fortune-garuda-500\/\" aria-label=\"Fortune Garuda 500 \u2014 Slot Games\">\n          <div class=\"hot-art\"><img loading=\"lazy\" src=\"YOUR-FORTUNE-GARUDA-IMAGE-URL\" alt=\"Fortune Garuda 500 game artwork\" width=\"400\" height=\"400\" loading=\"lazy\" decoding=\"async\" onerror=\"this.style.display='none'\"><\/div>\n          <div class=\"hot-card-copy\"><strong>Fortune Garuda 500<\/strong><span>Slot Games<\/span><\/div>\n        <\/a>\n        <a class=\"hot-card\" href=\"\/circus-joker-4096\/\" aria-label=\"Circus Joker 4096 \u2014 Slot Games\">\n          <div class=\"hot-art\"><img loading=\"lazy\" src=\"YOUR-CIRCUS-JOKER-IMAGE-URL\" alt=\"Circus Joker 4096 game artwork\" width=\"400\" height=\"400\" loading=\"lazy\" decoding=\"async\" onerror=\"this.style.display='none'\"><\/div>\n          <div class=\"hot-card-copy\"><strong>Circus Joker 4096<\/strong><span>Slot Games<\/span><\/div>\n        <\/a>\n        <a class=\"hot-card\" href=\"\/mahjong-wins-3\/\" aria-label=\"Mahjong Wins 3 \u2014 Slot Games\">\n          <div class=\"hot-art\"><img loading=\"lazy\" src=\"YOUR-MAHJONG-WINS-IMAGE-URL\" alt=\"Mahjong Wins 3 game artwork\" width=\"400\" height=\"400\" loading=\"lazy\" decoding=\"async\" onerror=\"this.style.display='none'\"><\/div>\n          <div class=\"hot-card-copy\"><strong>Mahjong Wins 3<\/strong><span>Slot Games<\/span><\/div>\n        <\/a>\n        <a class=\"hot-card\" href=\"\/fishing-games\/\" aria-label=\"Fishing Games \u2014 Fishing\">\n          <div class=\"hot-art\"><img loading=\"lazy\" src=\"YOUR-FISHING-GAME-IMAGE-URL\" alt=\"Fishing Games game artwork\" width=\"400\" height=\"400\" loading=\"lazy\" decoding=\"async\" onerror=\"this.style.display='none'\"><\/div>\n          <div class=\"hot-card-copy\"><strong>Fishing Games<\/strong><span>Fishing<\/span><\/div>\n        <\/a>\n        <a class=\"hot-card\" href=\"\/live-games\/\" aria-label=\"Live Games \u2014 Live Dealer\">\n          <div class=\"hot-art\"><img loading=\"lazy\" src=\"YOUR-LIVE-GAME-IMAGE-URL\" alt=\"Live Games game artwork\" width=\"400\" height=\"400\" loading=\"lazy\" decoding=\"async\" onerror=\"this.style.display='none'\"><\/div>\n          <div class=\"hot-card-copy\"><strong>Live Games<\/strong><span>Live Dealer<\/span><\/div>\n        <\/a>\n        <a class=\"hot-card\" href=\"\/poker-tables\/\" aria-label=\"Poker Tables \u2014 Poker\">\n          <div class=\"hot-art\"><img loading=\"lazy\" src=\"YOUR-POKER-GAME-IMAGE-URL\" alt=\"Poker Tables game artwork\" width=\"400\" height=\"400\" loading=\"lazy\" decoding=\"async\" onerror=\"this.style.display='none'\"><\/div>\n          <div class=\"hot-card-copy\"><strong>Poker Tables<\/strong><span>Poker<\/span><\/div>\n        <\/a>\n        <a class=\"hot-card\" href=\"\/sportsbook\/\" aria-label=\"Sportsbook \u2014 Sports\">\n          <div class=\"hot-art\"><img loading=\"lazy\" src=\"YOUR-SPORTSBOOK-IMAGE-URL\" alt=\"Sportsbook game artwork\" width=\"400\" height=\"400\" loading=\"lazy\" decoding=\"async\" onerror=\"this.style.display='none'\"><\/div>\n          <div class=\"hot-card-copy\"><strong>Sportsbook<\/strong><span>Sports<\/span><\/div>\n        <\/a>\n      <\/div>\n    <\/section>\n\n    <div class=\"layout\">\n\n      <!-- LEFT CATEGORY NAV -->\n      <aside class=\"left\">\n        <div class=\"panel sidebar\">\n          <h2 class=\"side-title\">Explore Game Categories<\/h2>\n          <div class=\"side-list\">\n            <a class=\"side-link\" href=\"\/slot-games\/\">Slot Games <span>\u203a<\/span><\/a>\n            <a class=\"side-link\" href=\"\/live-games\/\">Live Games <span>\u203a<\/span><\/a>\n            <a class=\"side-link\" href=\"\/fishing-games\/\">Fishing Games <span>\u203a<\/span><\/a>\n            <a class=\"side-link\" href=\"\/poker\/\">Poker <span>\u203a<\/span><\/a>\n            <a class=\"side-link\" href=\"\/sports\/\">Sports <span>\u203a<\/span><\/a>\n            <a class=\"side-link\" href=\"\/esports\/\">Esports <span>\u203a<\/span><\/a>\n            <a class=\"side-link\" href=\"\/lottery\/\">Lottery <span>\u203a<\/span><\/a>\n            <a class=\"side-link\" href=\"\/cockfight\/\">CockFight <span>\u203a<\/span><\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"panel sidebar\" style=\"margin-top:12px\">\n          <h2 class=\"side-title\">Quick Links<\/h2>\n          <a class=\"side-link\" href=\"\/mb777-app-download\/\">Download App<\/a>\n          <a class=\"side-link\" href=\"\/promotions\/\">Promotions<\/a>\n          <a class=\"side-link\" href=\"\/invite-friends\/\">Invite Friends<\/a>\n          <a class=\"side-link\" href=\"\/responsible-gaming\/\">Responsible Gaming<\/a>\n        <\/div>\n      <\/aside>\n\n      <!-- MAIN CONTENT -->\n      <div class=\"main\">\n\n        <div class=\"panel tabs\">\n          <a class=\"tab active\" href=\"#mb777-games\">Our Games<\/a>\n          <a class=\"tab\" href=\"#mb777-mobile\">Mobile Access<\/a>\n          <a class=\"tab\" href=\"#mb777-features\">Platform Features<\/a>\n        <\/div>\n\n        <section class=\"panel welcome\">\n          <span class=\"eyebrow\">MB777 overview<\/span>\n          <h2>One Place to Explore Multiple Game Categories<\/h2>\n          <p>\n            MB777 brings multiple online gaming formats together through a single category-led\n            experience. Visitors can browse slot titles, quick-play games, live games, fishing\n            games, sports, poker and lottery categories, with links to more detailed information\n            about each format.\n          <\/p>\n          <p>\n            The site is designed to make category discovery and mobile access information easier\n            to navigate. Game lists, promotions, payment options and access requirements may\n            change; always check the current terms and official service information before\n            proceeding. No outcome or return is guaranteed.\n          <\/p>\n        <\/section>\n\n        <!-- GAME CATEGORY HUB -->\n        <section class=\"section\" id=\"mb777-games\">\n          <span class=\"eyebrow\">CATEGORY DETAILS<\/span>\n          <h2 class=\"section-heading\">Explore MB777 Game Categories<\/h2>\n          <p class=\"section-intro\">\n            Choose a category to explore its game formats, key mechanics and practical details.\n            Each section should help you understand what to expect before opening a game.\n          <\/p>\n\n          <div class=\"game-grid\">\n\n            <a class=\"game-card\" href=\"\/slot-games\/\">\n              <div class=\"game-image\">\n                <!-- Insert a relevant, original slot image -->\n                <span class=\"image-tag\">SLOT GAMES<\/span>\n              <\/div>\n              <div class=\"game-body\">\n                <h3>Slot Games<\/h3>\n                <p>Browse reel-based games and learn how paylines, symbols, features and individual game rules work. Check each title's information for its specific mechanics.<\/p>\n                <span class=\"text-link\">Explore slot games \u2192<\/span>\n              <\/div>\n            <\/a>\n\n            <a class=\"game-card\" href=\"\/live-games\/\">\n              <div class=\"game-image\">\n                <!-- Insert a relevant, original live games image -->\n                <span class=\"image-tag\">LIVE GAMES<\/span>\n              <\/div>\n              <div class=\"game-body\">\n                <h3>Live Games<\/h3>\n                <p>Explore live-hosted formats, table layouts and round rules. Game procedures and available tables depend on the individual title.<\/p>\n                <span class=\"text-link\">Explore live games \u2192<\/span>\n              <\/div>\n            <\/a>\n\n            <a class=\"game-card\" href=\"\/fishing-games\/\">\n              <div class=\"game-image\">\n                <!-- Insert a relevant, original fishing games image -->\n                <span class=\"image-tag\">FISHING GAMES<\/span>\n              <\/div>\n              <div class=\"game-body\">\n                <h3>Fishing Games<\/h3>\n                <p>Discover arcade-style gameplay, target mechanics and scoring rules. Review the instructions for each game before playing.<\/p>\n                <span class=\"text-link\">Explore fishing games \u2192<\/span>\n              <\/div>\n            <\/a>\n\n            <a class=\"game-card\" href=\"\/poker\/\">\n              <div class=\"game-image\">\n                <img loading=\"lazy\" src=\"YOUR-POKER-GAME-IMAGE-URL\" alt=\"Poker table game category\" width=\"600\" height=\"400\" loading=\"lazy\" decoding=\"async\" onerror=\"this.style.display='none'\">\n                <span class=\"image-tag\">POKER<\/span>\n              <\/div>\n              <div class=\"game-body\">\n                <h3>Poker<\/h3>\n                <p>Explore poker formats, table options and the rules shown for each listed game. Review the relevant terms before participating.<\/p>\n                <span class=\"text-link\">Explore poker \u2192<\/span>\n              <\/div>\n            <\/a>\n\n            <a class=\"game-card\" href=\"\/sports\/\">\n              <div class=\"game-image\">\n                <!-- Insert original or properly licensed sports artwork -->\n                <span class=\"image-tag\">SPORTS<\/span>\n              <\/div>\n              <div class=\"game-body\">\n                <h3>Sports<\/h3>\n                <p>Browse sports-related markets and event information. Check the event, market wording, settlement rules and any applicable restrictions.<\/p>\n                <span class=\"text-link\">Explore sports \u2192<\/span>\n              <\/div>\n            <\/a>\n\n            <a class=\"game-card\" href=\"\/esports\/\">\n              <div class=\"game-image\">\n                <!-- Insert a relevant esports image -->\n                <span class=\"image-tag\">ESPORTS<\/span>\n              <\/div>\n              <div class=\"game-body\">\n                <h3>Esports<\/h3>\n                <p>Explore competitive gaming events and tournament formats. Availability, match details and market rules can vary by event.<\/p>\n                <span class=\"text-link\">Explore esports \u2192<\/span>\n              <\/div>\n            <\/a>\n\n            <a class=\"game-card\" href=\"\/lottery\/\">\n              <div class=\"game-image\">\n                <!-- Insert a relevant lottery image -->\n                <span class=\"image-tag\">LOTTERY<\/span>\n              <\/div>\n              <div class=\"game-body\">\n                <h3>Lottery<\/h3>\n                <p>Review draw formats, published schedules and applicable conditions. Check the specific product rules and eligibility requirements.<\/p>\n                <span class=\"text-link\">Explore lottery \u2192<\/span>\n              <\/div>\n            <\/a>\n\n            <a class=\"game-card\" href=\"\/cockfight\/\">\n              <div class=\"game-image\">\n                <!-- Add relevant, legally approved artwork if this page is published -->\n                <span class=\"image-tag\">COCKFIGHT<\/span>\n              <\/div>\n              <div class=\"game-body\">\n                <h3>CockFight<\/h3>\n                <p>Review the category information and relevant terms where the service is legally available. Local restrictions may apply.<\/p>\n                <span class=\"text-link\">View Category Details \u2192<\/span>\n              <\/div>\n            <\/a>\n\n          <\/div>\n        <\/section>\n\n        <!-- MOBILE FEATURE -->\n        <section class=\"panel feature section\" id=\"mb777-mobile\">\n          <div>\n            <span class=\"eyebrow\">MB777 mobile<\/span>\n            <h2>MB777 Mobile Access for Android and iOS<\/h2>\n            <p>\n              Find the current mobile access instructions for Android APK distribution\n              and iOS browser access. The dedicated page should identify the verified\n              source, supported devices and steps that apply to each platform.\n            <\/p>\n            <p>\n              Before installing an APK, verify the publisher and download source, review\n              the requested permissions and keep your device software up to date. iPhone\n              and iPad users should follow the published browser-access instructions.\n            <\/p>\n            <a class=\"btn\" href=\"\/mb777-app-download\/\">View Mobile Access Details \u2192<\/a>\n          <\/div>\n        <\/section>\n\n        <!-- FEATURES -->\n        <section class=\"section\" id=\"mb777-features\">\n          <span class=\"eyebrow\">Platform information<\/span>\n          <h2 class=\"section-heading\">MB777 Platform Features and Useful Information<\/h2>\n          <p class=\"section-intro\">\n            Use these sections to find practical details about mobile access, payment information,\n            promotions and customer support before using the platform.\n          <\/p>\n\n          <div class=\"platform-feature-grid\">\n            <article class=\"platform-feature-card\">\n              <span class=\"platform-feature-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><rect x=\"6\" y=\"2\" width=\"12\" height=\"20\" rx=\"2\"\/><path d=\"M10 18h4\"\/><\/svg><\/span>\n              <h3>Mobile access and compatibility<\/h3>\n              <p>MB777 mobile access is described as Android APK distribution and iOS browser access. Visit the mobile page for the current access route, device requirements and platform-specific instructions. Only download software from a source that you can verify as belonging to the intended publisher.<\/p>\n              <a class=\"text-link\" href=\"\/mb777-app-download\/\">View mobile access details \u2192<\/a>\n            <\/article>\n            <article class=\"platform-feature-card\">\n              <span class=\"platform-feature-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M2 10h20\"\/><\/svg><\/span>\n              <h3>Payments and transaction information<\/h3>\n              <p>Easypaisa and JazzCash are the payment methods specified in the project brief. Payment availability, currency support, transaction limits, processing times and withdrawal conditions should be checked against the current cashier and published terms before a transaction is made. Do not assume every method is available in every country or account.<\/p>\n            <\/article>\n            <article class=\"platform-feature-card\">\n              <span class=\"platform-feature-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 12v9H4v-9M2 7h20v5H2z\"\/><path d=\"M12 7v14M12 7H7.5a2.5 2.5 0 1 1 2.5-2.5C10 6 12 7 12 7Zm0 0h4.5A2.5 2.5 0 1 0 14 4.5C14 6 12 7 12 7Z\"\/><\/svg><\/span>\n              <h3>Promotions and offers<\/h3>\n              <p>Visit the promotions page for the terms attached to each current offer. Check the promotion period, eligibility, qualifying requirements, wagering conditions where applicable, maximum limits and withdrawal restrictions. An offer should only be presented as active while its details are verified.<\/p>\n              <a class=\"text-link\" href=\"\/promotions\/\">View promotions and terms \u2192<\/a>\n            <\/article>\n            <article class=\"platform-feature-card\">\n              <span class=\"platform-feature-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16v12H8l-4 4z\"\/><path d=\"M8 8h8M8 12h5\"\/><\/svg><\/span>\n              <h3>Customer support<\/h3>\n              <p>Customer support is described in the project brief as available 24\/7. Use the listed support channel to confirm account, payment or access questions, and retain any transaction references relevant to your enquiry.<\/p>\n              <a class=\"text-link\" href=\"\/contact\/\">Contact information \u2192<\/a>\n            <\/article>\n          <\/div>\n        <\/section>\n\n        <!-- PILLAR CONTENT: MB777 PLATFORM GUIDE -->\n        <section class=\"panel info section\" id=\"mb777-about\">\n          <span class=\"eyebrow\">MB777 Platform Guide<\/span>\n          <h2>MB777 Malaysia: Platform Overview, Game Categories and Access Guide<\/h2>\n          <div class=\"reading\">\n            <p>\n              MB777 brings several online entertainment categories together in one website. This\n              guide outlines the main sections, mobile access information and details to check before\n              using a feature. It is a navigation resource, not a promise of winnings or uninterrupted\n              service. Availability, account requirements and terms can change, so consult the current\n              information on the relevant page before making a decision.\n            <\/p>\n\n            <h3>How to navigate the MB777 website<\/h3>\n            <p>\n              The homepage is organised around a few main destinations: game categories, featured\n              games, mobile access, platform information, promotions, help resources and responsible\n              gaming guidance. The top navigation gives quick access to the main pages, while the\n              category links help visitors move directly to a particular type of entertainment.\n              On smaller screens, the menu and bottom navigation provide a compact way to reach\n              important sections without having to return to the top of the page each time.\n            <\/p>\n            <p>\n              New visitors should begin with the platform information and help pages, review the\n              relevant terms, and confirm availability for their account and location. If an offer\n              or instruction appears outdated, check the live page or ask support for clarification.\n            <\/p>\n\n            <h3>Understanding the game categories<\/h3>\n            <p>\n              The category directory is designed to make browsing easier by grouping different\n              formats into recognisable sections. Slot games generally use reels, symbols and\n              game-specific rules. Fast games are presented as shorter-format experiences, but the\n              pace and mechanics depend on the individual title. Live games may include a live\n              presentation and interaction features where those are provided by the game supplier.\n              Fishing games typically use an arcade-style interface, while poker is based on the\n              rules and format of the particular table or variant.\n            <\/p>\n            <p>\n              Sports pages organise information around sporting events and markets that may be\n              offered by the platform. The availability of a sport, event, market or selection can\n              change as schedules are updated. Esports focuses on competitive video-game events,\n              which can have different tournament formats and settlement rules from traditional\n              sports. Lottery and 4D formats have their own draw schedules and published rules.\n              Cockfight-related content, where displayed, may be subject to additional restrictions\n              and must be considered in light of the laws that apply to the visitor.\n            <\/p>\n            <p>\n              Category names are a starting point, not a substitute for reading a title's rules.\n              Check how it works, any limits, how results are determined and how they are settled.\n              Similar artwork does not mean two games use identical mechanics, and no category\n              guarantees a win.\n            <\/p>\n\n            <h3>Featured games and promotional banners<\/h3>\n            <p>\n              Featured game cards and promotional banners are intended to help visitors discover\n              pages that may be relevant to their interests. A featured placement is not a statement\n              that a game is suitable for every visitor, that a promotion is available to every\n              account, or that an offer will remain active indefinitely. Check the date, eligibility\n              conditions and full terms on the linked page before relying on an offer. If a banner\n              and the detailed terms appear to conflict, the current published terms should be\n              checked with the platform before taking action.\n            <\/p>\n            <p>\n              Promotions can have conditions such as a defined campaign period, account eligibility,\n              qualifying activity, usage limits, turnover or wagering requirements, and restrictions\n              on withdrawing promotional value. These conditions are not interchangeable between\n              offers. Read the complete rules and retain a copy of the terms that apply when you\n              opt in. Do not treat a headline, percentage or short banner message as the complete\n              description of a promotion.\n            <\/p>\n\n            <h3>Mobile access on Android and iOS<\/h3>\n            <p>\n              The mobile access area provides a starting point for visitors using a phone or tablet.\n              Android access may be described through an APK download, while iOS access may use a\n              browser-based route. The correct method, supported operating-system versions and\n              installation steps should be confirmed on the current mobile page. Instructions can\n              change as devices, browsers and software versions change.\n            <\/p>\n            <p>\n              Before installing an APK, verify that the download page and file belong to the intended\n              publisher. Review the requested permissions, keep your device security features enabled,\n              and avoid files distributed through unsolicited messages or unknown mirror sites.\n              Do not bypass a device warning unless you understand the reason for it and have verified\n              the source independently. For iOS, use the access route and browser instructions\n              currently published for the service; do not assume that an app-store listing exists.\n            <\/p>\n            <p>\n              If the mobile page does not load, first check your connection, browser version and\n              device settings. You can try reopening the official page or consulting the help\n              section for current instructions. Do not share passwords, one-time codes or account\n              recovery information with someone claiming to provide technical support through an\n              unofficial channel.\n            <\/p>\n\n            <h3>Payments, account details and transaction records<\/h3>\n            <p>\n              Payment methods, supported currencies, minimum and maximum transaction amounts,\n              processing times and withdrawal conditions must be checked against the current cashier\n              and the terms that apply to the account. Availability can depend on location, account\n              status, provider maintenance and other conditions. A method shown in an old guide may\n              no longer be supported, and a method available to one user may not be available to\n              another. This homepage therefore does not guarantee that any particular payment\n              provider or transaction route will be available.\n            <\/p>\n            <p>\n              Before confirming a transaction, review the amount, destination, fees if applicable,\n              and any processing information shown on the relevant page. Keep transaction references\n              and confirmation messages in case you need to contact support. If a payment appears\n              delayed or an amount looks incorrect, use the official support route and provide only\n              the information needed to identify the transaction. Never publish complete payment\n              credentials or sensitive account information in a public comment or social post.\n            <\/p>\n\n            <h3>Account security and customer support<\/h3>\n            <p>\n              Use a strong, unique password and keep account recovery details private. Be cautious\n              with messages that create urgency, promise guaranteed returns, request remote access\n              to your device or ask you to send an authentication code. Check the website address\n              before signing in, especially after following a link from a message or social account.\n              If you suspect that an account has been accessed without permission, follow the\n              currently published account-security instructions and contact support through a\n              channel listed on the website.\n            <\/p>\n            <p>\n              The help and contact pages should be the first places to look for account, access or\n              transaction questions. When contacting support, explain the issue clearly, include\n              relevant dates and reference numbers where appropriate, and avoid sending a password\n              or one-time code. Support response times and available channels should be confirmed\n              from the current contact information; this page does not guarantee a specific response\n              time or resolution.\n            <\/p>\n\n            <h3>Eligibility, local rules and responsible use<\/h3>\n            <p>\n              Online gaming and wagering rules vary by jurisdiction. Visitors are responsible for\n              checking the laws and age requirements that apply where they live and for using only\n              services that are lawful for them to access. A website being reachable does not by\n              itself establish that a service is licensed or authorised in a particular location.\n              Any operator identity, licence or regulatory claim should be supported by current,\n              verifiable documentation and reviewed with the relevant regulator where appropriate.\n            <\/p>\n            <p>\n              Set personal limits before participating and never use money needed for rent, food,\n              bills, savings or other essential expenses. Do not borrow money to participate or try\n              to recover previous losses by increasing the amount you risk. Take breaks and stop if\n              participation is affecting your finances, relationships, work or wellbeing. If you\n              feel unable to control your activity, step away and seek help from a trusted person\n              or an appropriate support organisation in your area.\n            <\/p>\n\n            <h3>Keeping information accurate<\/h3>\n            <p>\n              Platform pages, games, mobile instructions, promotions and payment details can change.\n              Use the live page as the primary reference, treat third-party descriptions as potentially\n              outdated, and label unverified information clearly.\n            <\/p>\n            <p>\n              In summary, use MB777's homepage to discover categories and locate information about\n              access, promotions, support and responsible use. Read the rules for the feature you are\n              considering and make decisions based on current, verified details rather than assumptions.\n            <\/p>\n          <\/div>\n          <a class=\"text-link\" href=\"\/about-mb777\/\">Read More About MB777 \u2192<\/a>\n        <\/section>\n\n        <!-- RESPONSIBLE GAMING -->\n        <section class=\"panel info section\" id=\"mb777-responsible\">\n          <span class=\"eyebrow\">Play responsibly<\/span>\n          <h2>Responsible Gaming<\/h2>\n          <div class=\"reading\">\n            <p>\n              Gaming can involve financial loss, and outcomes are\n              not guaranteed. Never use money needed for essential\n              expenses or continue participating to recover losses.\n            <\/p>\n            <p>\n              Age restrictions and applicable laws must be respected.\n              Service availability does not establish legal\n              authorisation in any particular jurisdiction.\n            <\/p>\n          <\/div>\n          <a class=\"text-link\" href=\"\/responsible-gaming\/\">Read Responsible Gaming Policy \u2192<\/a>\n        <\/section>\n\n        <!-- FAQ -->\n        <section class=\"panel info faq section\" id=\"mb777-faq\">\n          <span class=\"eyebrow\">Frequently asked questions<\/span>\n          <h2>MB777 FAQs<\/h2>\n\n          <details>\n            <summary>What is MB777?<\/summary>\n            <p>MB777 is the gaming brand featured on this website. Use the category pages to browse the listed game formats and the mobile and promotions pages to review the relevant access details and terms.<\/p>\n          <\/details>\n          <details>\n            <summary>Which game categories can I explore?<\/summary>\n            <p>The homepage links to slot games, fast games, live games, fishing games, sports, poker, lottery (including 4D) and cockfight. Check each category page for current availability, product details and applicable restrictions.<\/p>\n          <\/details>\n          <details>\n            <summary>How do I access MB777 on a mobile device?<\/summary>\n            <p>Visit the MB777 mobile access page for Android APK information and iOS browser instructions. Verify the source and device requirements before installing software or signing in.<\/p>\n          <\/details>\n          <details>\n            <summary>Where can I check payment methods and conditions?<\/summary>\n            <p>Review the current cashier and payment terms for available methods, limits, processing times and withdrawal conditions. Options can depend on region and account eligibility.<\/p>\n          <\/details>\n        <\/section>\n\n      <\/div>\n\n      <!--\n        MONTHLY FIXTURE UPDATE GUIDE:\n        The two fixture panels below are intentionally plain HTML. To update each month,\n        edit the league\/date text in the panel heading, then update each .fixture-match:\n        1) fixture-date text and time, 2) both team names, 3) each badge image URL,\n        4) the time datetime attribute. Keep kick-off times in Malaysia Time (MYT, UTC+8).\n        Replace YOUR-...-BADGE-URL with badge image URLs from a permitted source.\n      -->\n      <!-- RIGHT SIDEBAR: UPCOMING FOOTBALL FIXTURES + QUICK LINKS -->\n      <aside class=\"right\" aria-label=\"Football fixtures and quick links\">\n\n        <section class=\"panel right-card fixture-widget\" aria-labelledby=\"mb777-pl-fixtures\">\n          <div class=\"fixture-widget-head\">\n            <span class=\"fixture-widget-kicker\">MATCH CENTRE \u00b7 MALAYSIA TIME<\/span>\n            <h3 id=\"mb777-pl-fixtures\">Premier League<\/h3>\n            <p>Selected upcoming fixtures \u00b7 17\u201318 October 2026<\/p>\n          <\/div>\n\n          <article class=\"fixture-match\">\n            <div class=\"fixture-date\"><span>Saturday \u00b7 17 Oct<\/span><time datetime=\"2026-10-17T19:30:00+08:00\">7:30 PM MYT<\/time><\/div>\n            <div class=\"fixture-teams\">\n              <div class=\"fixture-team\"><img decoding=\"async\" src=\"YOUR-EVERTON-BADGE-URL\" alt=\"Everton badge\" loading=\"lazy\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='grid'\"><span class=\"fixture-badge-fallback\">EVE<\/span><strong>Everton<\/strong><\/div>\n              <span class=\"fixture-vs\">VS<\/span>\n              <div class=\"fixture-team\"><img decoding=\"async\" src=\"YOUR-CHELSEA-BADGE-URL\" alt=\"Chelsea badge\" loading=\"lazy\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='grid'\"><span class=\"fixture-badge-fallback\">CHE<\/span><strong>Chelsea<\/strong><\/div>\n            <\/div>\n          <\/article>\n\n          <article class=\"fixture-match\">\n            <div class=\"fixture-date\"><span>Saturday \u00b7 17 Oct<\/span><time datetime=\"2026-10-17T22:00:00+08:00\">10:00 PM MYT<\/time><\/div>\n            <div class=\"fixture-teams\">\n              <div class=\"fixture-team\"><img decoding=\"async\" src=\"YOUR-BRENTFORD-BADGE-URL\" alt=\"Brentford badge\" loading=\"lazy\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='grid'\"><span class=\"fixture-badge-fallback\">BRE<\/span><strong>Brentford<\/strong><\/div>\n              <span class=\"fixture-vs\">VS<\/span>\n              <div class=\"fixture-team\"><img decoding=\"async\" src=\"YOUR-LIVERPOOL-BADGE-URL\" alt=\"Liverpool badge\" loading=\"lazy\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='grid'\"><span class=\"fixture-badge-fallback\">LIV<\/span><strong>Liverpool<\/strong><\/div>\n            <\/div>\n          <\/article>\n\n          <article class=\"fixture-match\">\n            <div class=\"fixture-date\"><span>Saturday \u00b7 17 Oct<\/span><time datetime=\"2026-10-17T22:00:00+08:00\">10:00 PM MYT<\/time><\/div>\n            <div class=\"fixture-teams\">\n              <div class=\"fixture-team\"><img decoding=\"async\" src=\"YOUR-MANCHESTER-CITY-BADGE-URL\" alt=\"Manchester City badge\" loading=\"lazy\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='grid'\"><span class=\"fixture-badge-fallback\">MCI<\/span><strong>Man City<\/strong><\/div>\n              <span class=\"fixture-vs\">VS<\/span>\n              <div class=\"fixture-team\"><img decoding=\"async\" src=\"YOUR-IPSWICH-BADGE-URL\" alt=\"Ipswich Town badge\" loading=\"lazy\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='grid'\"><span class=\"fixture-badge-fallback\">IPS<\/span><strong>Ipswich<\/strong><\/div>\n            <\/div>\n          <\/article>\n\n          <article class=\"fixture-match\">\n            <div class=\"fixture-date\"><span>Sunday \u00b7 18 Oct<\/span><time datetime=\"2026-10-18T00:30:00+08:00\">12:30 AM MYT<\/time><\/div>\n            <div class=\"fixture-teams\">\n              <div class=\"fixture-team\"><img decoding=\"async\" src=\"YOUR-NEWCASTLE-BADGE-URL\" alt=\"Newcastle United badge\" loading=\"lazy\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='grid'\"><span class=\"fixture-badge-fallback\">NEW<\/span><strong>Newcastle<\/strong><\/div>\n              <span class=\"fixture-vs\">VS<\/span>\n              <div class=\"fixture-team\"><img decoding=\"async\" src=\"YOUR-ASTON-VILLA-BADGE-URL\" alt=\"Aston Villa badge\" loading=\"lazy\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='grid'\"><span class=\"fixture-badge-fallback\">AVL<\/span><strong>Aston Villa<\/strong><\/div>\n            <\/div>\n          <\/article>\n          <a class=\"fixture-league-link\" href=\"\/sports\/\">Explore Sports \u2192<\/a>\n          <p class=\"fixture-disclaimer\">Fixture details can change. Confirm the latest schedule with the official competition before match day.<\/p>\n        <\/section>\n\n        <section class=\"panel right-card fixture-widget\" aria-labelledby=\"mb777-ucl-fixtures\">\n          <div class=\"fixture-widget-head\">\n            <span class=\"fixture-widget-kicker\">EUROPEAN FOOTBALL<\/span>\n            <h3 id=\"mb777-ucl-fixtures\">UEFA Champions League<\/h3>\n            <p>Selected upcoming fixtures \u00b7 20\u201321 October 2026<\/p>\n          <\/div>\n\n          <article class=\"fixture-match\">\n            <div class=\"fixture-date\"><span>Wednesday \u00b7 21 Oct<\/span><time datetime=\"2026-10-21T03:00:00+08:00\">3:00 AM MYT<\/time><\/div>\n            <div class=\"fixture-teams\">\n              <div class=\"fixture-team\"><img decoding=\"async\" src=\"YOUR-LIVERPOOL-BADGE-URL\" alt=\"Liverpool badge\" loading=\"lazy\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='grid'\"><span class=\"fixture-badge-fallback\">LIV<\/span><strong>Liverpool<\/strong><\/div>\n              <span class=\"fixture-vs\">VS<\/span>\n              <div class=\"fixture-team\"><img decoding=\"async\" src=\"YOUR-VILLARREAL-BADGE-URL\" alt=\"Villarreal badge\" loading=\"lazy\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='grid'\"><span class=\"fixture-badge-fallback\">VIL<\/span><strong>Villarreal<\/strong><\/div>\n            <\/div>\n          <\/article>\n\n          <article class=\"fixture-match\">\n            <div class=\"fixture-date\"><span>Wednesday \u00b7 21 Oct<\/span><time datetime=\"2026-10-21T03:00:00+08:00\">3:00 AM MYT<\/time><\/div>\n            <div class=\"fixture-teams\">\n              <div class=\"fixture-team\"><img decoding=\"async\" src=\"YOUR-MANCHESTER-CITY-BADGE-URL\" alt=\"Manchester City badge\" loading=\"lazy\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='grid'\"><span class=\"fixture-badge-fallback\">MCI<\/span><strong>Man City<\/strong><\/div>\n              <span class=\"fixture-vs\">VS<\/span>\n              <div class=\"fixture-team\"><img decoding=\"async\" src=\"YOUR-AEK-ATHENS-BADGE-URL\" alt=\"AEK Athens badge\" loading=\"lazy\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='grid'\"><span class=\"fixture-badge-fallback\">AEK<\/span><strong>AEK Athens<\/strong><\/div>\n            <\/div>\n          <\/article>\n\n          <article class=\"fixture-match\">\n            <div class=\"fixture-date\"><span>Wednesday \u00b7 21 Oct<\/span><time datetime=\"2026-10-21T03:00:00+08:00\">3:00 AM MYT<\/time><\/div>\n            <div class=\"fixture-teams\">\n              <div class=\"fixture-team\"><img decoding=\"async\" src=\"YOUR-PSG-BADGE-URL\" alt=\"Paris Saint-Germain badge\" loading=\"lazy\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='grid'\"><span class=\"fixture-badge-fallback\">PSG<\/span><strong>Paris SG<\/strong><\/div>\n              <span class=\"fixture-vs\">VS<\/span>\n              <div class=\"fixture-team\"><img decoding=\"async\" src=\"YOUR-BARCELONA-BADGE-URL\" alt=\"Barcelona badge\" loading=\"lazy\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='grid'\"><span class=\"fixture-badge-fallback\">BAR<\/span><strong>Barcelona<\/strong><\/div>\n            <\/div>\n          <\/article>\n\n          <article class=\"fixture-match\">\n            <div class=\"fixture-date\"><span>Thursday \u00b7 22 Oct<\/span><time datetime=\"2026-10-22T03:00:00+08:00\">3:00 AM MYT<\/time><\/div>\n            <div class=\"fixture-teams\">\n              <div class=\"fixture-team\"><img decoding=\"async\" src=\"YOUR-BAYERN-MUNICH-BADGE-URL\" alt=\"Bayern Munich badge\" loading=\"lazy\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='grid'\"><span class=\"fixture-badge-fallback\">FCB<\/span><strong>Bayern<\/strong><\/div>\n              <span class=\"fixture-vs\">VS<\/span>\n              <div class=\"fixture-team\"><img decoding=\"async\" src=\"YOUR-ARSENAL-BADGE-URL\" alt=\"Arsenal badge\" loading=\"lazy\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='grid'\"><span class=\"fixture-badge-fallback\">ARS<\/span><strong>Arsenal<\/strong><\/div>\n            <\/div>\n          <\/article>\n          <a class=\"fixture-league-link\" href=\"\/sports\/\">Explore Sports \u2192<\/a>\n          <p class=\"fixture-disclaimer\">Fixture dates and kick-off times are a manually maintained sample. Recheck official UEFA listings and update this panel regularly.<\/p>\n        <\/section>\n\n        <section class=\"panel right-card\">\n          <h3>Quick Links<\/h3>\n          <div class=\"right-quick-links\">\n            <a class=\"right-link\" href=\"\/mb777-app-download\/\">Mobile Access \u2192<\/a>\n            <a class=\"right-link\" href=\"\/promotions\/\">Promotions \u2192<\/a>\n            <a class=\"right-link\" href=\"\/responsible-gaming\/\">Responsible Gaming \u2192<\/a>\n          <\/div>\n        <\/section>\n      <\/aside>\n\n    <\/div>\n  <\/main>\n\n  <!-- FOOTER: app access, category navigation, responsible play and site information -->\n  <footer class=\"footer mb777-footer\">\n    <div class=\"wrap\">\n      <div class=\"footer-download-row\">\n        <a class=\"footer-help-link\" href=\"\/contact\/\">\n          <span class=\"footer-round-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M21 11.5a8.4 8.4 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.4 8.4 0 0 1-3.8-.9L3 21l1.9-5.7a8.4 8.4 0 0 1-.9-3.8A8.5 8.5 0 0 1 8.7 3.9a8.4 8.4 0 0 1 3.8-.9h.5a8.5 8.5 0 0 1 8 8z\"\/><path d=\"M9 9a3 3 0 0 1 6 0c0 2-3 2-3 4m0 3h.01\"\/><\/svg><\/span>\n          <span><strong>Customer Support<\/strong><small>Visit our contact page for assistance<\/small><\/span>\n        <\/a>\n        <a class=\"footer-help-link\" href=\"\/help\/\">\n          <span class=\"footer-round-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M6 3h9l4 4v14H6z\"\/><path d=\"M14 3v5h5M9 12h7M9 16h7\"\/><\/svg><\/span>\n          <span><strong>Player Information<\/strong><small>Guides, FAQs and access information<\/small><b>Explore Help \u2192<\/b><\/span>\n        <\/a>\n        <a class=\"footer-store-badge\" href=\"\/mb777-app-download\/#android-apk\" aria-label=\"Android APK download information\">\n          <svg viewBox=\"0 0 32 32\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M7 10 4.5 6.2l1.3-.8L8.4 9a14 14 0 0 1 15.2 0l2.6-3.6 1.3.8L25 10a12 12 0 0 1 4.2 9H2.8A12 12 0 0 1 7 10Zm1.2 4.4a1.1 1.1 0 1 0 0-2.2 1.1 1.1 0 0 0 0 2.2Zm15.6 0a1.1 1.1 0 1 0 0-2.2 1.1 1.1 0 0 0 0 2.2ZM3 21h26v3a2 2 0 0 1-2 2h-2v3h-2v-3H9v3H7v-3H5a2 2 0 0 1-2-2z\"\/><\/svg>\n          <span><small>DOWNLOAD FOR<\/small><strong>android<\/strong><\/span>\n        <\/a>\n        <a class=\"footer-store-badge\" href=\"\/mb777-app-download\/#ios-access\" aria-label=\"iOS access information\">\n          <svg viewBox=\"0 0 32 32\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M22.7 17.1c0-3.2 2.6-4.7 2.7-4.8a5.8 5.8 0 0 0-4.6-2.5c-1.9-.2-3.7 1.1-4.7 1.1s-2.5-1.1-4.1-1.1a6.1 6.1 0 0 0-5.2 3.2c-2.2 3.8-.6 9.4 1.5 12.5 1 1.5 2.2 3.2 3.8 3.1 1.5-.1 2.1-1 4-1s2.4 1 4 1 2.7-1.6 3.7-3.1a13.6 13.6 0 0 0 1.7-3.5 5.4 5.4 0 0 1-2.8-4.9ZM19.6 7.8A5.7 5.7 0 0 0 21 3.7a5.9 5.9 0 0 0-3.8 1.9 5.3 5.3 0 0 0-1.4 4 5 5 0 0 0 3.8-1.8Z\"\/><\/svg>\n          <span><small>ACCESS FOR<\/small><strong>iOS<\/strong><\/span>\n        <\/a>\n      <\/div>\n\n      <div class=\"footer-main-row\">\n        <section class=\"footer-column footer-responsible\">\n          <h3>Responsible Gaming<\/h3>\n          <div class=\"footer-responsible-icons\">\n            <span title=\"Play responsibly\" aria-label=\"Play responsibly\">18+<\/span>\n            <span title=\"Set personal limits\" aria-label=\"Set personal limits\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 2\"\/><\/svg><\/span>\n            <span title=\"Account safety\" aria-label=\"Account safety\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><path d=\"M12 3 20 6v5c0 5-3.4 8.2-8 10-4.6-1.8-8-5-8-10V6z\"\/><path d=\"m8.5 12 2.2 2.2 4.8-5\"\/><\/svg><\/span>\n          <\/div>\n          <a href=\"\/responsible-gaming\/\">Play responsibly<\/a>\n          <a href=\"\/terms-of-use\/\">Terms and conditions<\/a>\n        <\/section>\n\n        <section class=\"footer-column footer-payments\">\n          <h3>Payment Information<\/h3>\n          <p>Payment options and availability depend on the service and your location.<\/p>\n          <div class=\"footer-payment-badges\" aria-label=\"Payment method icon placeholders\">\n            <!-- Replace each YOUR-...-PAYMENT-ICON-URL with an uploaded icon URL. If left unchanged, a simple inline icon appears instead. -->\n            <span class=\"footer-payment-badge\">\n              <img decoding=\"async\" src=\"YOUR-ONLINE-BANKING-PAYMENT-ICON-URL\" alt=\"\" aria-hidden=\"true\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='block'\">\n              <svg class=\"payment-icon-fallback\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" aria-hidden=\"true\"><path d=\"M3 9h18L12 3 3 9Z\"\/><path d=\"M5 10v8m4-8v8m6-8v8m4-8v8M3 20h18\"\/><\/svg>\n              <span>Online Banking<\/span>\n            <\/span>\n            <span class=\"footer-payment-badge\">\n              <img decoding=\"async\" src=\"YOUR-EWALLET-PAYMENT-ICON-URL\" alt=\"\" aria-hidden=\"true\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='block'\">\n              <svg class=\"payment-icon-fallback\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" aria-hidden=\"true\"><rect x=\"3\" y=\"6\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"M3 10h18M16 15h2\"\/><path d=\"M6 6V4h12v2\"\/><\/svg>\n              <span>E-Wallets<\/span>\n            <\/span>\n            <span class=\"footer-payment-badge\">\n              <img decoding=\"async\" src=\"YOUR-QR-PAYMENT-ICON-URL\" alt=\"\" aria-hidden=\"true\" onerror=\"this.style.display='none';this.nextElementSibling.style.display='block'\">\n              <svg class=\"payment-icon-fallback\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" aria-hidden=\"true\"><path d=\"M3 3h7v7H3zM14 3h7v7h-7zM3 14h7v7H3z\"\/><path d=\"M14 14h3v3h-3zM19 14h2v2h-2zM17 19h4v2h-4zM14 19v2\"\/><\/svg>\n              <span>QR Payments<\/span>\n            <\/span>\n          <\/div>\n        <\/section>\n\n        <nav class=\"footer-column footer-category-nav\" aria-label=\"Game category links\">\n          <h3>Explore Categories<\/h3>\n          <a href=\"\/sports\/\">Sports<\/a>\n          <a href=\"\/slot-games\/\">Slot Games<\/a>\n          <a href=\"\/live-games\/\">Live Games<\/a>\n          <a href=\"\/fishing-games\/\">Fishing Games<\/a>\n          <a href=\"\/poker\/\">Poker<\/a>\n          <a href=\"\/lottery\/\">Lottery (4D)<\/a>\n          <a href=\"\/cockfight\/\">Cockfight<\/a>\n          <a href=\"\/mb777-app-download\/\">How to Download the App<\/a>\n        <\/nav>\n\n        <nav class=\"footer-column footer-info-nav\" aria-label=\"Information links\">\n          <h3>Information<\/h3>\n          <a href=\"\/about-mb777\/\">About MB777<\/a>\n      <a href=\"\/artikel\/\">Artikel<\/a>\n          <a href=\"\/help\/\">Help and FAQs<\/a>\n          <a href=\"\/promotions\/\">Promotions<\/a>\n          <a href=\"\/privacy-policy\/\">Privacy Policy<\/a>\n          <a href=\"\/disclaimer\/\">Disclaimer<\/a>\n          <a href=\"\/affiliate-disclosure\/\">Affiliate Disclosure<\/a>\n          <a href=\"\/contact\/\">Contact<\/a>\n        <\/nav>\n\n        <section class=\"footer-column footer-social-column\">\n          <h3>Social Media<\/h3>\n          <div class=\"footer-social\" aria-label=\"Social media links\">\n            <!-- Replace each # with the official profile URL for your brand. -->\n            <a href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Facebook\" title=\"Facebook\">\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M13.5 21v-8h2.7l.4-3h-3.1V8.1c0-.9.3-1.5 1.6-1.5h1.7V3.9c-.3 0-1.4-.1-2.6-.1-2.6 0-4.4 1.6-4.4 4.5V10H7v3h2.8v8h3.7Z\"\/><\/svg>\n            <\/a>\n            <a href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Instagram\" title=\"Instagram\">\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"17.5\" cy=\"6.5\" r=\"1\" class=\"brand-icon-fill\"\/><\/svg>\n            <\/a>\n            <a href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Telegram\" title=\"Telegram\">\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"m21.5 4.3-3.2 15.1c-.2 1.1-.8 1.4-1.7.9l-4.7-3.5-2.3 2.2c-.3.3-.5.5-1 .5l.3-4.8 8.8-8c.4-.3-.1-.5-.6-.2L6.2 13.4l-4.6-1.4c-1-.3-1-1 .2-1.5L19.7 3.6c.9-.3 2.1.2 1.8.7Z\"\/><\/svg>\n            <\/a>\n            <a href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"WhatsApp\" title=\"WhatsApp\">\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M20.5 11.7a8.5 8.5 0 0 1-12.6 7.4L3 20.3l1.3-4.7A8.5 8.5 0 1 1 20.5 11.7Z\"\/><path d=\"M8.4 7.7c-.3-.6-.6-.6-.9-.6h-.7c-.2 0-.6.1-.9.5-.3.4-1.2 1.2-1.2 2.8s1.2 3.2 1.4 3.4c.2.2 2.3 3.7 5.8 5 .7.3 1.3.5 1.8.6.8.1 1.5.1 2.1-.1.7-.2 2.1-.9 2.4-1.7.3-.8.3-1.5.2-1.7-.1-.2-.3-.3-.7-.5l-2.4-1.1c-.3-.1-.6-.2-.8.2l-1.1 1.3c-.2.2-.4.3-.8.1a9.4 9.4 0 0 1-2.8-1.7 10.4 10.4 0 0 1-1.9-2.4c-.2-.4 0-.6.1-.8l.6-.7c.2-.2.2-.4.3-.6.1-.2 0-.5 0-.7Z\"\/><\/svg>\n            <\/a>\n          <\/div>\n          <h3 class=\"footer-license-title\">Gaming Information<\/h3>\n          <p class=\"footer-license-note\">Add verified operator and licensing details here where applicable. Do not display an unverified licence badge.<\/p>\n        <\/section>\n      <\/div>\n\n      <div class=\"footer-bottom-row\">\n        <a class=\"footer-bottom-logo\" href=\"\/\" aria-label=\"MB777 homepage\"><img decoding=\"async\" src=\"https:\/\/mb777my.com\/wp-content\/uploads\/2026\/10\/mb777-logo.jpg\" alt=\"MB777 logo\" width=\"150\" height=\"48\" onerror=\"this.style.display='none';this.parentElement.classList.add('logo-fallback')\"><\/a>\n        <p>Copyright \u00a9 <span id=\"mb777-current-year\">2026<\/span> MB777. All rights reserved.<\/p>\n      <\/div>\n      <p class=\"footer-disclaimer\">Review applicable age requirements, local restrictions, service terms and responsible gaming information before using any service. Availability may vary by location.<\/p>\n    <\/div>\n  <\/footer>\n\n  <!-- STICKY BOTTOM NAVIGATION: ALL DEVICES -->\n  <nav class=\"bottom-nav\" aria-label=\"Quick navigation\">\n    <a class=\"bottom-item current\" href=\"\/\" aria-label=\"Home\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n        stroke-width=\"2.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n        aria-hidden=\"true\">\n        <path d=\"m3 10 9-8 9 8\"\/>\n        <path d=\"M5 9v12h5v-7h4v7h5V9\"\/>\n      <\/svg>\n      <span>Home<\/span>\n    <\/a>\n\n    <a class=\"bottom-item\" href=\"\/mb777-app-download\/\" aria-label=\"Download app\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n        stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n        aria-hidden=\"true\">\n        <rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\"\/>\n        <path d=\"M9 18h6M12 6v7m-3-3 3 3 3-3\"\/>\n      <\/svg>\n      <span>Download App<\/span>\n    <\/a>\n\n    <a class=\"bottom-item register\" href=\"https:\/\/www.mb777.xin\/\"\n      target=\"_blank\" rel=\"nofollow sponsored noopener\"\n      aria-label=\"Register at MB777\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n        stroke-width=\"2.1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n        aria-hidden=\"true\">\n        <circle cx=\"9\" cy=\"8\" r=\"4\"\/>\n        <path d=\"M2 21v-2a7 7 0 0 1 14 0v2M19 8v8m-4-4h8\"\/>\n      <\/svg>\n      <span>Register<\/span>\n    <\/a>\n\n    <a class=\"bottom-item\" href=\"\/promotions\/\" aria-label=\"Promotions\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n        stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n        aria-hidden=\"true\">\n        <rect x=\"3\" y=\"8\" width=\"18\" height=\"13\" rx=\"2\"\/>\n        <path d=\"M12 8v13M2 12h20M12 8H7a3 3 0 1 1 3-3c0 2 2 3 2 3Zm0 0h5a3 3 0 1 0-3-3c0 2-2 3-2 3Z\"\/>\n      <\/svg>\n      <span>Promo<\/span>\n    <\/a>\n\n    <a class=\"bottom-item\" href=\"#mb777-games\" aria-label=\"Games\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\n        stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n        aria-hidden=\"true\">\n        <rect x=\"3\" y=\"3\" width=\"8\" height=\"8\" rx=\"1\"\/>\n        <rect x=\"13\" y=\"3\" width=\"8\" height=\"8\" rx=\"1\"\/>\n        <rect x=\"3\" y=\"13\" width=\"8\" height=\"8\" rx=\"1\"\/>\n        <rect x=\"13\" y=\"13\" width=\"8\" height=\"8\" rx=\"1\"\/>\n      <\/svg>\n      <span>Games<\/span>\n    <\/a>\n  <\/nav>\n\n<\/div>\n\n<script>\n(function(){\n  var root=document.getElementById('mb777');\n  if(!root)return;\n\n  var sidebar=root.querySelector('#mb777-dashboard-sidebar');\n  var overlay=root.querySelector('.dashboard-overlay');\n  var menuButton=root.querySelector('.header .menu');\n  var collapseButton=root.querySelector('.dashboard-collapse');\n  var mobileQuery=window.matchMedia('(max-width: 1199px)');\n\n  function setDrawer(open){\n    root.classList.toggle('sidebar-open',open);\n    if(menuButton)menuButton.setAttribute('aria-expanded',String(open));\n    if(overlay)overlay.setAttribute('aria-hidden',String(!open));\n    document.body.classList.toggle('mb777-drawer-open',open && mobileQuery.matches);\n  }\n  function closeDrawer(){setDrawer(false)}\n\n  if(menuButton){\n    menuButton.addEventListener('click',function(){\n      if(mobileQuery.matches){setDrawer(!root.classList.contains('sidebar-open'));}\n    });\n  }\n  if(collapseButton){\n    collapseButton.addEventListener('click',function(){\n      if(mobileQuery.matches){closeDrawer();}\n      else{\n        var collapsed=root.classList.toggle('sidebar-collapsed');\n        collapseButton.setAttribute('aria-label',collapsed?'Expand sidebar':'Collapse sidebar');\n        collapseButton.setAttribute('title',collapsed?'Expand sidebar':'Collapse sidebar');\n      }\n    });\n  }\n  if(overlay)overlay.addEventListener('click',closeDrawer);\n  if(sidebar){\n    sidebar.querySelectorAll('a').forEach(function(link){\n      link.addEventListener('click',function(){\n        if(mobileQuery.matches)closeDrawer();\n      });\n    });\n  }\n  document.addEventListener('keydown',function(event){\n    if(event.key==='Escape')closeDrawer();\n  });\n  function handleBreakpoint(){\n    closeDrawer();\n    if(menuButton)menuButton.setAttribute('aria-expanded','false');\n  }\n  if(mobileQuery.addEventListener)mobileQuery.addEventListener('change',handleBreakpoint);\n  else if(mobileQuery.addListener)mobileQuery.addListener(handleBreakpoint);\n\n  var yearNode=root.querySelector('#mb777-current-year');\n  if(yearNode)yearNode.textContent=String(new Date().getFullYear());\n\n  var appClose=root.querySelector('.app-close');\n  var appStrip=root.querySelector('.app-strip');\n  if(appClose&&appStrip){appClose.addEventListener('click',function(){appStrip.remove();});}\n\n  root.querySelectorAll('a[href^=\"#\"]').forEach(function(a){\n    a.addEventListener('click',function(e){\n      var href=a.getAttribute('href');\n      if(!href||href==='#')return;\n      var target;\n      try{target=root.querySelector(href)}catch(err){return}\n      if(!target)return;\n      e.preventDefault();\n      target.scrollIntoView({behavior:window.matchMedia('(prefers-reduced-motion: reduce)').matches?'auto':'smooth',block:'start'});\n    });\n  });\n})();\n<\/script>\n\n<script>\n(function(){\n  var root=document.getElementById('mb777');\n  if(!root)return;\n  var layout=root.querySelector('.layout');\n  var main=layout&&layout.querySelector('.main');\n  if(!main)return;\n  ['.hero','.seo-intro','.category-selector','.hot-games'].forEach(function(selector){\n    var section=root.querySelector(selector);\n    if(section)main.insertBefore(section,main.firstChild);\n  });\n  \/* Restore the intended reading order after prepending each section. *\/\n  var ordered=['.hero','.seo-intro','.category-selector','.hot-games'];\n  ordered.forEach(function(selector){\n    var section=main.querySelector(selector);\n    var firstContent=main.querySelector('.tabs');\n    if(section&&firstContent)main.insertBefore(section,firstContent);\n  });\n})();\n<\/script>\n\n<script>\n(function(){\n  var root=document.getElementById('mb777');\n  if(!root)return;\n  var carousel=root.querySelector('.mb777-carousel');\n  if(!carousel)return;\n  var slides=Array.prototype.slice.call(carousel.querySelectorAll('.hero-slide'));\n  var dots=Array.prototype.slice.call(carousel.querySelectorAll('.carousel-dot'));\n  var current=0,timer=null;\n  slides.forEach(function(slide,index){\n    var img=slide.querySelector('img');\n    var isPlaceholder=img && \/YOUR-(SECOND|THIRD)-BANNER-URL\/i.test(img.getAttribute('src')||'');\n    if(isPlaceholder){slide.dataset.disabled='true';slide.hidden=true;if(dots[index])dots[index].hidden=true;}\n    else {slide.dataset.disabled='false';if(dots[index])dots[index].hidden=false;}\n  });\n  var enabled=slides.map(function(slide,index){return slide.dataset.disabled!=='true'?index:-1;}).filter(function(index){return index>=0;});\n  function show(index){\n    if(!enabled.length)return;\n    var position=enabled.indexOf(index);\n    if(position<0)position=0;\n    current=enabled[position];\n    slides.forEach(function(slide,i){\n      var active=i===current;\n      slide.hidden=!active;\n      slide.classList.toggle('is-active',active);\n      if(dots[i]){dots[i].classList.toggle('is-active',active);if(active)dots[i].setAttribute('aria-current','true');else dots[i].removeAttribute('aria-current');}\n    });\n  }\n  function move(step){\n    var position=enabled.indexOf(current);\n    show(enabled[(position+step+enabled.length)%enabled.length]);\n  }\n  var prev=carousel.querySelector('.carousel-prev'),next=carousel.querySelector('.carousel-next');\n  if(prev)prev.addEventListener('click',function(){move(-1);restart();});\n  if(next)next.addEventListener('click',function(){move(1);restart();});\n  dots.forEach(function(dot){dot.addEventListener('click',function(){show(Number(dot.getAttribute('data-go')));restart();});});\n  function stop(){if(timer){window.clearInterval(timer);timer=null;}}\n  function start(){stop();if(enabled.length>1&&!window.matchMedia('(prefers-reduced-motion: reduce)').matches)timer=window.setInterval(function(){move(1);},6000);}\n  function restart(){start();}\n  carousel.addEventListener('mouseenter',stop);\n  carousel.addEventListener('mouseleave',start);\n  carousel.addEventListener('focusin',stop);\n  carousel.addEventListener('focusout',start);\n  show(0);start();\n})();\n<\/script>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u2726 PromotionsCheck published offers and terms \u2197 MAIN MENU \u2302Home \u25a6All Games \u2726Hot Games GAME CATEGORIES \ud83c\udfb0Slot Games \u26a1Fast Games [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mb777my.com\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mb777my.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mb777my.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mb777my.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mb777my.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":4,"href":"https:\/\/mb777my.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":14,"href":"https:\/\/mb777my.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/14"}],"wp:attachment":[{"href":"https:\/\/mb777my.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}