:root{
  --m4-bg:#060914;--m4-bg-2:#0a1020;--m4-panel:rgba(13,19,34,.74);--m4-panel-solid:#0d1424;
  --m4-line:rgba(160,181,224,.14);--m4-line-strong:rgba(160,181,224,.25);--m4-text:#f7f9ff;--m4-muted:#8e9ab1;
  --m4-blue:#7bb8ff;--m4-blue-2:#3f7dff;--m4-indigo:#7667ff;--m4-mint:#56e6b1;--m4-gold:#ffc96b;--m4-red:#ff6f88;
  --m4-radius:24px;--m4-radius-sm:16px;--m4-shadow:0 24px 70px rgba(0,0,0,.32);--shell:1240px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--m4-bg);color:var(--m4-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{max-width:100%;display:block}svg{vertical-align:middle}.w3-hide{display:none!important}.text-center{text-align:center}.shell-width{width:min(var(--shell),calc(100% - 40px));margin-inline:auto}.site-shell{position:relative;z-index:2;min-height:100vh}

/* background */
.m4-backdrop{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:linear-gradient(180deg,#060914 0,#090d18 45%,#050812 100%)}
.m4-backdrop__mesh{position:absolute;inset:0;background-image:linear-gradient(rgba(147,169,219,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(147,169,219,.028) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.95),transparent 78%)}
.m4-backdrop__glow{position:absolute;border-radius:50%;filter:blur(110px);opacity:.18}.m4-backdrop__glow--a{width:720px;height:720px;left:-260px;top:-220px;background:#315fff}.m4-backdrop__glow--b{width:680px;height:680px;right:-280px;top:180px;background:#7754ff}.m4-backdrop__noise{position:absolute;inset:0;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.page-fx{position:fixed;inset:0;z-index:1;pointer-events:none}.page-fx:after{content:"";position:absolute;width:520px;height:520px;left:var(--mx,70%);top:var(--my,18%);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(96,143,255,.09),rgba(116,89,255,.04) 38%,transparent 70%);transition:opacity .2s}

/* loader */
#preloader{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;background:#060914;transition:.35s ease;transition-property:opacity,visibility}#preloader.hidden{opacity:0;visibility:hidden}.m4-loader{position:relative;width:74px;height:74px;padding:15px;border:1px solid rgba(151,177,229,.18);border-radius:24px;background:#0b1020;box-shadow:0 18px 55px rgba(0,0,0,.45)}.m4-loader img{width:100%;height:100%;object-fit:contain}.m4-loader span{position:absolute;inset:-1px;border:1px solid transparent;border-top-color:#7bb8ff;border-radius:24px;animation:m4spin 1.1s linear infinite}@keyframes m4spin{to{transform:rotate(360deg)}}

/* header */
.site-header{position:sticky;top:0;z-index:80;padding:12px 0;background:linear-gradient(180deg,rgba(6,9,20,.82),rgba(6,9,20,.18));transition:.25s}.site-header.scrolled{padding:8px 0;background:rgba(6,9,20,.76);backdrop-filter:blur(20px)}.m4-nav-shell{height:64px;display:flex;align-items:center;gap:16px;padding:8px 10px;border:1px solid rgba(159,181,227,.12);border-radius:21px;background:rgba(13,18,31,.72);backdrop-filter:blur(22px);box-shadow:0 14px 40px rgba(0,0,0,.18)}
.m4-brand{display:flex;align-items:center;gap:10px;min-width:150px}.m4-brand__mark{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(145,170,221,.16);border-radius:14px;background:linear-gradient(145deg,#151d32,#0a1020);overflow:hidden}.m4-brand__mark img{width:100%;height:100%;object-fit:contain;padding:3px}.m4-brand__copy{display:flex;flex-direction:column;line-height:1}.m4-brand__copy strong{font-size:16px;letter-spacing:.04em}.m4-brand__copy small{margin-top:6px;color:#71809b;font-size:8px;text-transform:uppercase;letter-spacing:.18em}
.main-nav{display:flex;align-items:center;margin:auto;gap:3px}.main-nav>a,.nav-dropdown__trigger{height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border:0;border-radius:11px;background:transparent;color:#a8b2c6;font-size:12px;font-weight:700;cursor:pointer;transition:.18s}.main-nav>a:hover,.main-nav>a.active,.nav-dropdown:hover .nav-dropdown__trigger{background:rgba(255,255,255,.055);color:#fff}.main-nav>a.active{box-shadow:inset 0 -2px 0 #719fff}.nav-dropdown{position:relative}.nav-dropdown__trigger span{margin-left:5px;color:#6f7b92}.nav-dropdown__menu{position:absolute;top:calc(100% + 12px);left:50%;width:280px;padding:8px;opacity:0;visibility:hidden;transform:translate(-50%,8px);border:1px solid var(--m4-line);border-radius:17px;background:rgba(11,16,29,.98);box-shadow:0 24px 70px rgba(0,0,0,.48);transition:.2s}.nav-dropdown:hover .nav-dropdown__menu{opacity:1;visibility:visible;transform:translate(-50%,0)}.nav-dropdown__menu a{display:flex;align-items:center;gap:12px;padding:11px;border-radius:12px;color:#dce4f2}.nav-dropdown__menu a:hover{background:rgba(255,255,255,.055)}.nav-dropdown__menu svg{color:#87b7ff}.nav-dropdown__menu span{display:flex;flex-direction:column}.nav-dropdown__menu strong{font-size:12px}.nav-dropdown__menu small{margin-top:2px;color:#77859d;font-size:10px}
.m4-nav-actions{display:flex;align-items:center;gap:8px}.m4-live{display:inline-flex;align-items:center;gap:7px;color:#8d9ab1;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.m4-live i,.m4-footer__status i,.m4-community-foot i,.m4-kicker i{width:7px;height:7px;border-radius:50%;background:var(--m4-mint);box-shadow:0 0 0 4px rgba(86,230,177,.08),0 0 16px rgba(86,230,177,.45)}.m4-login,.m4-primary{height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;border-radius:11px;font-size:11px;font-weight:800}.m4-login{border:1px solid var(--m4-line);background:rgba(255,255,255,.025);color:#cbd5e6}.m4-primary{border:1px solid rgba(140,174,255,.35);background:linear-gradient(135deg,#629bff,#6e61ff);color:#fff;box-shadow:0 10px 28px rgba(76,101,244,.24)}.m4-account{height:44px;display:flex;align-items:center;gap:9px;padding:4px 8px 4px 5px;border:1px solid var(--m4-line);border-radius:14px;background:rgba(255,255,255,.035)}.m4-account img{width:34px;height:34px;border-radius:10px;object-fit:cover}.m4-account span{display:flex;flex-direction:column;min-width:74px;line-height:1}.m4-account small{color:#71809b;font-size:8px}.m4-account strong{margin-top:5px;font-size:11px}.m4-account svg{color:#6f7d95}.nav-toggle{display:none;margin-left:auto;width:42px;height:42px;border:1px solid var(--m4-line);border-radius:12px;background:rgba(255,255,255,.03);padding:10px}.nav-toggle span{display:block;height:2px;margin:4px 0;border-radius:5px;background:#e8edf8}

/* page */
.site-main{position:relative;z-index:2;padding-top:26px;padding-bottom:70px}.site-main--home{padding-top:8px}.m4-page-hero{position:relative;z-index:2;margin-top:-88px;padding-top:104px;border-bottom:1px solid var(--m4-line);background:linear-gradient(180deg,rgba(16,28,54,.56),rgba(7,11,20,.24))}.page-hero__inner{min-height:190px;display:flex;align-items:center;justify-content:space-between;gap:30px}.breadcrumb{display:flex;align-items:center;gap:8px;color:#738199;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.breadcrumb a{color:#88b8ff}.breadcrumb b{font-weight:400}.page-hero h1{margin:11px 0 7px;font-size:clamp(30px,4vw,48px);line-height:1.02;letter-spacing:-.045em}.page-hero p{margin:0;color:#8997ad}.page-hero__badge{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(86,230,177,.18);border-radius:999px;background:rgba(86,230,177,.055);color:#8decc6;font-size:9px;font-weight:850;letter-spacing:.09em}.page-hero__badge i{width:7px;height:7px;border-radius:50%;background:var(--m4-mint);box-shadow:0 0 14px var(--m4-mint)}

/* home */
.m4-home{display:flex;flex-direction:column;gap:54px}.m4-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.6fr) 330px;min-height:650px;overflow:hidden;border:1px solid var(--m4-line);border-radius:32px;background:linear-gradient(145deg,rgba(16,23,41,.88),rgba(8,13,25,.78));box-shadow:var(--m4-shadow);isolation:isolate}.m4-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 63% 36%,rgba(60,119,255,.22),transparent 26%),radial-gradient(circle at 78% 54%,rgba(121,76,255,.16),transparent 30%)}.m4-hero__visual{position:absolute;inset:0;z-index:-1;overflow:hidden}.m4-hero__portal{position:absolute;right:17%;top:4%;width:67%;height:92%;background:url('/img/hero_portal.webp') center/cover no-repeat;filter:saturate(.95) contrast(1.08);opacity:.86;mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.55) 20%,#000 52%,rgba(0,0,0,.55) 82%,transparent 100%)}.m4-hero__portal:after{content:"";position:absolute;inset:0}.m4-hero__halo{position:absolute;width:540px;height:540px;right:23%;top:8%;border-radius:50%;border:1px solid rgba(117,164,255,.12);box-shadow:0 0 0 70px rgba(97,115,255,.035),0 0 0 140px rgba(97,115,255,.02)}.m4-hero__grid{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,11,21,.96) 0,rgba(7,11,21,.78) 38%,rgba(7,11,21,.16) 67%,rgba(7,11,21,.84) 100%),linear-gradient(0deg,rgba(7,11,21,.92),transparent 35%)}.m4-float-chip{position:absolute;display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(158,181,226,.14);border-radius:11px;background:rgba(9,14,27,.67);backdrop-filter:blur(12px);color:#a4afc3;font-size:9px;letter-spacing:.1em}.m4-float-chip b{color:#92bfff}.m4-float-chip--one{right:37%;top:20%}.m4-float-chip--two{right:30%;bottom:20%}
.m4-hero__content{align-self:center;width:min(620px,calc(100% - 32px));padding:70px 0 70px 56px}.m4-kicker{display:flex;align-items:center;gap:9px;color:#8998b0;font-size:9px;font-weight:850;letter-spacing:.12em}.m4-kicker b{margin-left:6px;padding:5px 8px;border:1px solid rgba(126,160,229,.14);border-radius:999px;color:#9dbaff;background:rgba(96,127,255,.065)}.m4-hero h1{margin:24px 0 18px;max-width:700px;font-size:clamp(50px,6.7vw,88px);line-height:.91;letter-spacing:-.07em}.m4-hero h1 em{font-style:normal;background:linear-gradient(90deg,#d8e8ff 0,#7fb1ff 43%,#8175ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.m4-hero__content>p{max-width:560px;margin:0;color:#9aa7bb;font-size:15px;line-height:1.7}.m4-hero__actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.m4-cta{min-width:145px;height:58px;display:grid;grid-template-columns:36px 1fr;grid-template-rows:1fr 1fr;column-gap:9px;align-items:center;padding:8px 12px;border:1px solid var(--m4-line);border-radius:15px;background:rgba(255,255,255,.035);transition:.2s}.m4-cta:hover{transform:translateY(-2px);border-color:rgba(135,177,255,.32);background:rgba(255,255,255,.06)}.m4-cta>span{grid-row:1/3;width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:rgba(121,159,255,.1);color:#91baff}.m4-cta b{align-self:end;font-size:11px}.m4-cta small{align-self:start;color:#6f7e96;font-size:8px}.m4-cta--primary{border-color:rgba(122,166,255,.28);background:linear-gradient(135deg,rgba(68,126,255,.24),rgba(107,89,255,.18));box-shadow:0 16px 38px rgba(43,71,189,.18)}.m4-hero__meta{display:flex;gap:23px;margin-top:35px}.m4-hero__meta>span{display:grid;grid-template-columns:18px 1fr;align-items:center;column-gap:8px}.m4-hero__meta svg,.m4-hero__meta .ok{grid-row:1/3;color:#7daeff}.m4-hero__meta .ok{width:8px;height:8px;border-radius:50%;background:var(--m4-mint);box-shadow:0 0 12px rgba(86,230,177,.55)}.m4-hero__meta b{font-size:9px}.m4-hero__meta small{color:#66758d;font-size:7px}
.m4-hero__rail{align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:20px 20px 20px 0}.m4-command-card,.m4-event-card{border:1px solid rgba(159,181,224,.15);border-radius:20px;background:rgba(9,14,27,.73);backdrop-filter:blur(16px);box-shadow:0 18px 40px rgba(0,0,0,.18)}.m4-command-card{padding:18px}.m4-command-card__head{display:flex;align-items:center;justify-content:space-between;color:#738199;font-size:8px;font-weight:900;letter-spacing:.13em}.m4-command-card__head i{width:7px;height:7px;border-radius:50%;background:var(--m4-mint);box-shadow:0 0 12px var(--m4-mint)}.m4-command-card>strong{display:block;margin:18px 0 3px;font-size:18px;letter-spacing:-.02em}.m4-command-card>p{margin:0;color:#8190a7;font-size:10px}.m4-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:17px 0}.m4-metrics span{padding:9px 5px;border:1px solid rgba(155,181,232,.1);border-radius:11px;background:rgba(255,255,255,.025);text-align:center}.m4-metrics b{display:block;font-size:12px}.m4-metrics small{color:#66758c;font-size:7px}.m4-command-card>a{display:flex;align-items:center;justify-content:space-between;color:#9bbdff;font-size:9px;font-weight:750}.m4-event-card{overflow:hidden;transition:.2s}.m4-event-card:hover{transform:translateY(-2px);border-color:rgba(136,171,245,.27)}.m4-event-card__media{height:145px;overflow:hidden}.m4-event-card__media img{width:100%;height:100%;object-fit:cover;filter:saturate(.9)}.m4-event-card__body{padding:14px 15px 16px}.m4-event-card__body small{display:block;color:#71809a;font-size:7px;font-weight:900;letter-spacing:.15em}.m4-event-card__body strong{display:block;margin:6px 0 11px;font-size:12px}.m4-event-card__body span{display:flex;align-items:center;justify-content:space-between;color:#9bb9ed;font-size:9px}
.m4-ticker{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-top:-35px;padding:11px 14px;border:1px solid var(--m4-line);border-radius:15px;background:rgba(12,18,32,.72);backdrop-filter:blur(15px)}.m4-ticker>div{display:flex;align-items:center;gap:8px;color:#a8b4c8;font-size:8px;letter-spacing:.12em}.m4-ticker>div i{width:7px;height:7px;border-radius:50%;background:#7baeff;box-shadow:0 0 13px #7baeff}.m4-ticker p{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#8795aa;font-size:10px}.m4-ticker>a{display:flex;align-items:center;gap:6px;color:#9dbdff;font-size:9px;font-weight:800}
.m4-section{display:flex;flex-direction:column;gap:22px}.m4-section__head{display:flex;align-items:end;justify-content:space-between;gap:30px}.m4-section__head>div>span{color:#6d7c95;font-size:8px;font-weight:900;letter-spacing:.16em}.m4-section__head h2{margin:5px 0 0;font-size:clamp(27px,4vw,43px);line-height:1;letter-spacing:-.05em}.m4-section__head>p{max-width:380px;margin:0;color:#77859a;font-size:11px}.m4-text-link{display:flex;align-items:center;gap:7px;color:#a5bfff;font-size:10px;font-weight:800}
.m4-platforms{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.m4-platforms>a{min-height:112px;display:grid;grid-template-columns:48px 1fr 24px;align-items:center;gap:12px;padding:15px;border:1px solid var(--m4-line);border-radius:20px;background:rgba(12,18,33,.64);transition:.2s}.m4-platforms>a:hover{transform:translateY(-3px);border-color:rgba(141,174,239,.3);background:rgba(18,26,45,.8)}.m4-platforms__icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:rgba(255,255,255,.035)}.m4-platforms__icon.android{color:#6ee8aa}.m4-platforms__icon.pc{color:#74b7ff}.m4-platforms__icon.java{color:#ffc76d}.m4-platforms__icon.ios{color:#bd9aff}.m4-platforms>a div{display:flex;flex-direction:column}.m4-platforms small{color:#63728b;font-size:7px;font-weight:900;letter-spacing:.13em}.m4-platforms b{margin-top:4px;font-size:13px}.m4-platforms em{margin-top:3px;color:#7f8ca1;font-size:8px;font-style:normal}.m4-platforms>a>i{color:#61708a}
.m4-bento{display:grid;grid-template-columns:1.3fr .9fr .9fr;gap:12px}.m4-bento>article{min-width:0;border:1px solid var(--m4-line);border-radius:22px;background:rgba(11,17,31,.69);overflow:hidden}.m4-card-head{height:67px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid var(--m4-line)}.m4-card-head>div{display:flex;flex-direction:column}.m4-card-head small{color:#64738c;font-size:7px;font-weight:900;letter-spacing:.15em}.m4-card-head strong{margin-top:4px;font-size:12px}.m4-card-head>a{color:#8daeff;font-size:8px;font-weight:800}.m4-news-feed{display:flex;flex-direction:column;padding:10px}.m4-news-item{display:grid;grid-template-columns:1fr 26px;align-items:center;gap:10px;min-height:70px;padding:9px;border-radius:14px;transition:.18s}.m4-news-item:hover{background:rgba(255,255,255,.035)}.m4-news-item.is-featured{grid-template-columns:110px 1fr 26px;min-height:105px;background:linear-gradient(135deg,rgba(83,125,255,.09),rgba(118,89,255,.045));border:1px solid rgba(132,166,236,.1)}.m4-news-item__media{width:110px;height:84px;border-radius:11px;overflow:hidden}.m4-news-item__media img{width:100%;height:100%;object-fit:cover}.m4-news-item__copy{display:flex;min-width:0;flex-direction:column}.m4-news-item__copy small{color:#75849b;font-size:7px;font-weight:850;letter-spacing:.08em}.m4-news-item__copy b{margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}.m4-news-item__copy em{margin-top:4px;color:#758399;font-size:8px;font-style:normal}.m4-news-item>i{color:#66758d}.m4-rank-list{padding:8px 10px 10px}.m4-rank-row{display:grid;grid-template-columns:28px 34px 1fr auto;align-items:center;gap:8px;min-height:57px;padding:7px;border-radius:12px}.m4-rank-row:hover{background:rgba(255,255,255,.03)}.m4-rank-num{color:#607089;font-size:8px;font-weight:900}.m4-rank-row:nth-child(1) .m4-rank-num{color:var(--m4-gold)}.m4-rank-avatar{width:31px;height:31px;display:grid;place-items:center;border:1px solid rgba(150,177,231,.15);border-radius:10px;background:#111a2d;color:#9ebeff;font-size:9px;font-weight:850}.m4-rank-user{display:flex;min-width:0;flex-direction:column}.m4-rank-user b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px}.m4-rank-user small{margin-top:2px;color:#627088;font-size:7px}.m4-rank-row>strong{color:#b8caff;font-size:8px}.m4-thread-feed{padding:9px 10px}.m4-thread-feed>a{display:grid;grid-template-columns:31px 1fr 18px;align-items:center;gap:8px;min-height:58px;padding:7px;border-radius:12px}.m4-thread-feed>a:hover{background:rgba(255,255,255,.03)}.m4-thread-feed>a>span{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:rgba(115,150,255,.07);color:#8bb6ff}.m4-thread-feed div{display:flex;min-width:0;flex-direction:column}.m4-thread-feed b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px}.m4-thread-feed small{margin-top:3px;color:#65738b;font-size:7px}.m4-thread-feed>a>i{color:#5d6d86}.m4-community-foot{display:flex;align-items:center;justify-content:space-between;margin:0 14px 13px;padding:11px 12px;border:1px solid rgba(86,230,177,.1);border-radius:12px;background:rgba(86,230,177,.035)}.m4-community-foot span{display:flex;align-items:center;gap:7px;color:#74859b;font-size:8px}.m4-community-foot strong{color:#8ee8c7;font-size:11px}.m4-empty{padding:25px;text-align:center;color:#6e7b90;font-size:9px}
.m4-services{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.m4-services>a{position:relative;min-height:210px;display:flex;flex-direction:column;padding:20px;border:1px solid var(--m4-line);border-radius:22px;background:linear-gradient(145deg,rgba(15,22,39,.76),rgba(8,13,24,.68));overflow:hidden;transition:.22s}.m4-services>a:before{content:"";position:absolute;width:160px;height:160px;right:-70px;top:-70px;border-radius:50%;background:radial-gradient(circle,rgba(102,145,255,.13),transparent 68%)}.m4-services>a:hover{transform:translateY(-4px);border-color:rgba(132,168,239,.28)}.m4-services>a>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(136,169,237,.15);border-radius:13px;background:rgba(92,128,235,.07);color:#8db6ff}.m4-services div{margin-top:auto}.m4-services small{color:#65738d;font-size:7px;font-weight:900;letter-spacing:.15em}.m4-services b{display:block;margin-top:5px;font-size:12px}.m4-services p{margin:7px 0 0;color:#748198;font-size:9px}.m4-services>a>i{position:absolute;right:18px;top:20px;color:#5e6c83}.m4-final{display:flex;align-items:end;justify-content:space-between;gap:25px;padding:38px;border:1px solid rgba(133,170,245,.18);border-radius:28px;background:radial-gradient(circle at 75% 50%,rgba(94,87,255,.14),transparent 34%),linear-gradient(145deg,rgba(22,32,56,.83),rgba(9,14,27,.83));overflow:hidden}.m4-final span{color:#70819b;font-size:8px;font-weight:900;letter-spacing:.17em}.m4-final h2{margin:7px 0 0;font-size:clamp(30px,4.5vw,52px);line-height:.95;letter-spacing:-.055em}.m4-final__actions{display:flex;align-items:center;gap:13px}.m4-final__actions>a:not(.m4-primary){color:#96a5bc;font-size:10px;font-weight:800}

/* inner functional UI */
.body{display:flex;flex-direction:column;gap:16px;max-width:1080px;margin:0 auto}.bg-content,.post-detail,.rank-box{border:1px solid var(--m4-line)!important;border-radius:22px!important;background:rgba(12,18,32,.72)!important;box-shadow:0 18px 55px rgba(0,0,0,.18)!important;overflow:hidden}.bg-content>.title{min-height:67px;display:flex;align-items:center;padding:0 20px!important;border-bottom:1px solid var(--m4-line)!important;background:rgba(255,255,255,.018)!important}.bg-content>.title h3,.bg-content>.title h4{margin:0!important;color:#eef4ff!important;font-size:13px!important;letter-spacing:-.01em}.bg-content>.content{padding:20px!important}.tab-buttons,.thread-tabs,.box_button_login{display:flex!important;align-items:center;gap:6px!important;width:max-content;max-width:100%;padding:5px!important;border:1px solid var(--m4-line);border-radius:14px;background:rgba(12,18,32,.72);overflow:auto}.tab-buttons .btn,.tab-link .btn,.thread-tabs a{min-height:38px!important;padding:0 13px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#7f8da4!important;box-shadow:none!important;font-size:9px!important}.tab-buttons .btn:hover,.tab-link .btn:hover,.thread-tabs a:hover,.thread-tabs a.active{background:rgba(255,255,255,.055)!important;color:#fff!important}.form-panel{display:block!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.form-panel table{width:100%;border-collapse:separate;border-spacing:0 11px}.form-panel td:first-child:not([colspan]){width:185px;padding-right:16px;color:#8795aa;font-size:10px;font-weight:750}.form-panel td{vertical-align:middle}.form-panel input,.form-panel select,.form-panel textarea,input,select,textarea{width:100%;min-height:46px;padding:0 13px;border:1px solid rgba(149,176,228,.18)!important;border-radius:13px!important;outline:0;background:#0a1120!important;color:#f3f6fc!important;transition:.18s}.form-panel textarea,textarea{min-height:120px;padding-top:12px}.form-panel input:focus,.form-panel select:focus,.form-panel textarea:focus,input:focus,select:focus,textarea:focus{border-color:rgba(113,158,255,.7)!important;box-shadow:0 0 0 4px rgba(83,126,255,.09)!important}.form-actions{padding-top:4px!important;text-align:right}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 14px;border:1px solid transparent;border-radius:11px;color:#fff;font-size:9px;font-weight:850;cursor:pointer;transition:.18s}.btn:hover{transform:translateY(-1px)}.btn-red{background:linear-gradient(135deg,#f2617e,#d74768)}.btn-green{background:linear-gradient(135deg,#4edfa7,#23a77a)}.btn-blue{background:linear-gradient(135deg,#559cff,#6a5cf5)}.btn-gold{background:linear-gradient(135deg,#ffcf76,#e7a941);color:#241701}.btn-sm{min-height:32px;padding:0 10px}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:12px 13px;text-align:left;border-bottom:1px solid var(--m4-line);background:rgba(255,255,255,.025);color:#697890;font-size:8px;text-transform:uppercase;letter-spacing:.1em}.data-table td{padding:12px 13px;border-bottom:1px solid rgba(155,181,230,.09);color:#b7c1d2;font-size:10px}.data-table tbody tr:hover td{background:rgba(255,255,255,.018)}.badge{display:inline-flex;padding:5px 7px;border-radius:999px;font-size:7px;font-weight:850}.badge-ok{background:rgba(86,230,177,.09);color:#7ce3bc}.badge-wait{background:rgba(255,201,107,.1);color:#f2c777}.badge-fail{background:rgba(255,111,136,.09);color:#ff8da0}.qr-block{display:grid!important;grid-template-columns:220px 1fr;gap:22px;align-items:center;padding:18px;border:1px solid var(--m4-line);border-radius:18px;background:rgba(255,255,255,.02)}.qr-img{padding:12px;border-radius:16px;background:#fff}.qr-img img{width:100%}.qr-info{color:#9ba8bb;line-height:2}.qr-info b{color:#edf2fa}.pagination{display:flex;justify-content:center;gap:6px;margin-top:16px}.pagination a,.pagination span{min-width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--m4-line);border-radius:10px;background:rgba(255,255,255,.025);font-size:9px}.pagination .active{background:#5f79f4;color:#fff}.flash-success,.flash-error,.flash-warning,.flash-info{margin:10px auto;padding:12px 14px;border-radius:13px;font-size:10px}.flash-success{border:1px solid rgba(86,230,177,.2);background:rgba(86,230,177,.07);color:#8cebc7}.flash-error{border:1px solid rgba(255,111,136,.2);background:rgba(255,111,136,.07);color:#ff98aa}.flash-warning{border:1px solid rgba(255,201,107,.2);background:rgba(255,201,107,.07);color:#ffd188}.flash-info{border:1px solid rgba(123,184,255,.2);background:rgba(123,184,255,.07);color:#9ecbff}

/* forum / article */
.thread-item{display:grid!important;grid-template-columns:46px 1fr auto;gap:12px;align-items:center;min-height:74px;padding:11px 13px!important;border-bottom:1px solid rgba(156,181,229,.09)!important;transition:.18s}.thread-item:hover{background:rgba(255,255,255,.025)}.thread-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(137,170,237,.13);border-radius:13px;background:rgba(89,126,232,.07);color:#8db8ff}.thread-meta,.post-meta{color:#718098!important;font-size:8px!important}.post-detail{padding:24px}.post-thumb{overflow:hidden;border-radius:18px}.post-content{color:#bdc7d7;line-height:1.8}.cmt-item{display:grid;grid-template-columns:140px 1fr;gap:14px;padding:14px;border-bottom:1px solid rgba(154,181,231,.1)}.cmt-head{color:#7a899f;font-size:9px}.cmt-body{color:#c3ccda;font-size:10px}.cmt-quote{margin:8px 0;padding:9px 11px;border-left:2px solid #719cff;background:rgba(113,156,255,.05);color:#8897ad}.like-btn{border:1px solid var(--m4-line);border-radius:9px;background:rgba(255,255,255,.03);color:#93a2b8}.top-donators{display:grid;gap:8px}.rank-box{padding:18px}

/* footer */
.m4-footer{position:relative;z-index:2;margin-top:10px;padding:48px 0 20px;border-top:1px solid var(--m4-line);background:rgba(6,9,18,.55)}.m4-footer__grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:44px}.m4-brand--footer{min-width:0}.m4-footer__brand>p{max-width:420px;margin:18px 0;color:#718099;font-size:10px}.m4-footer__status{display:flex;align-items:center;gap:8px;color:#7e8ca1;font-size:8px}.m4-footer__status b{margin-left:8px;color:#5f6e86;font-weight:500}.m4-footer__col{display:flex;flex-direction:column;gap:9px}.m4-footer__col small{margin-bottom:5px;color:#5f6e86;font-size:7px;font-weight:900;letter-spacing:.15em}.m4-footer__col a{color:#8b98ac;font-size:9px}.m4-footer__col a:hover{color:#c8d7ef}.m4-footer__bottom{display:flex;justify-content:space-between;margin-top:38px;padding-top:16px;border-top:1px solid rgba(153,179,228,.09);color:#536178;font-size:7px;letter-spacing:.08em}
.mobile-bottom-nav{display:none}.mobile-bottom-nav__main{position:relative}#backTop{position:fixed;right:20px;bottom:24px;z-index:75;width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--m4-line);border-radius:13px;background:rgba(12,18,32,.86);backdrop-filter:blur(16px);color:#a7b8d3;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}#backTop.visible{opacity:1;transform:none;pointer-events:auto}#zaloFab{position:fixed;right:20px;bottom:76px;z-index:74;display:flex;align-items:center;gap:7px;height:40px;padding:0 12px;border:1px solid rgba(127,175,255,.2);border-radius:12px;background:rgba(29,91,188,.84);backdrop-filter:blur(12px);color:#fff;font-size:9px;font-weight:800}#zaloFab span{display:block}.reveal{opacity:0;transform:translateY(18px);transition:.7s cubic-bezier(.2,.75,.25,1)}.reveal.visible{opacity:1;transform:none}.fx-ripple{position:absolute!important;border-radius:50%!important;background:rgba(255,255,255,.18)!important;transform:scale(0);animation:m4ripple .65s ease-out;pointer-events:none}@keyframes m4ripple{to{transform:scale(2.4);opacity:0}}

/* responsive */
@media(max-width:1100px){.m4-live{display:none}.main-nav>a,.nav-dropdown__trigger{padding:0 8px}.m4-hero{grid-template-columns:1fr 285px}.m4-hero__content{padding-left:38px}.m4-bento{grid-template-columns:1.15fr .85fr}.m4-bento__community{grid-column:1/-1}.m4-services{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.shell-width{width:min(var(--shell),calc(100% - 24px))}.site-header{padding:8px 0}.m4-nav-shell{height:60px}.m4-brand{min-width:0}.m4-brand__copy{display:none}.nav-toggle{display:block}.main-nav{position:absolute;left:12px;right:12px;top:calc(100% + 6px);display:none;flex-direction:column;align-items:stretch;padding:8px;border:1px solid var(--m4-line);border-radius:18px;background:rgba(8,13,25,.98);box-shadow:0 25px 60px rgba(0,0,0,.4)}.main-nav.open{display:flex}.main-nav>a,.nav-dropdown__trigger{width:100%;height:43px;justify-content:flex-start;padding:0 12px}.nav-dropdown__menu{position:static;width:100%;display:none;opacity:1;visibility:visible;transform:none!important;margin-top:3px;background:#0c1323}.nav-dropdown.open .nav-dropdown__menu,.nav-dropdown:hover .nav-dropdown__menu{display:block}.m4-login{display:none}.m4-hero{grid-template-columns:1fr;min-height:auto}.m4-hero__visual{height:600px}.m4-hero__portal{right:-5%;top:0;width:100%;height:600px;opacity:.58}.m4-hero__grid{background:linear-gradient(180deg,rgba(7,11,21,.25),rgba(7,11,21,.95) 66%,#070b15 100%),linear-gradient(90deg,rgba(7,11,21,.72),transparent)}.m4-hero__content{width:auto;padding:380px 28px 30px}.m4-hero__rail{display:grid;grid-template-columns:1fr 1fr;padding:0 28px 28px}.m4-float-chip{display:none}.m4-hero__meta{flex-wrap:wrap}.m4-platforms{grid-template-columns:1fr 1fr}.m4-bento{grid-template-columns:1fr}.m4-bento__community{grid-column:auto}.m4-footer__grid{grid-template-columns:1.5fr 1fr 1fr}.m4-footer__col:last-child{display:none}.page-hero__inner{min-height:170px}}
@media(max-width:620px){body{padding-bottom:68px}.shell-width{width:calc(100% - 16px)}.m4-nav-shell{padding:7px 8px;border-radius:16px}.m4-primary{height:36px;padding:0 10px}.m4-account span,.m4-account svg{display:none}.m4-account{padding-right:5px}.site-main--home{padding-top:4px}.m4-home{gap:34px}.m4-hero{border-radius:22px}.m4-hero__visual{height:430px}.m4-hero__portal{right:-25%;height:430px;width:145%;background-position:center top}.m4-hero__content{padding:265px 18px 22px}.m4-kicker b{display:none}.m4-hero h1{margin-top:15px;font-size:43px}.m4-hero__content>p{font-size:11px}.m4-hero__actions{display:grid;grid-template-columns:1fr 1fr}.m4-cta{min-width:0;height:54px}.m4-cta:nth-child(1){grid-column:1/-1}.m4-hero__meta{display:none}.m4-hero__rail{grid-template-columns:1fr;padding:0 12px 12px}.m4-event-card{display:none}.m4-command-card{border-radius:16px}.m4-ticker{grid-template-columns:auto 1fr;margin-top:-20px}.m4-ticker>a{display:none}.m4-section{gap:16px}.m4-section__head{align-items:flex-start;flex-direction:column;gap:8px}.m4-section__head h2{font-size:29px}.m4-section__head>p{font-size:9px}.m4-platforms{grid-template-columns:1fr 1fr;gap:7px}.m4-platforms>a{min-height:88px;grid-template-columns:40px 1fr;padding:10px}.m4-platforms__icon{width:39px;height:39px}.m4-platforms>a>i{display:none}.m4-bento>article{border-radius:17px}.m4-news-item.is-featured{grid-template-columns:82px 1fr}.m4-news-item.is-featured>i{display:none}.m4-news-item__media{width:82px;height:70px}.m4-services{grid-template-columns:1fr}.m4-services>a{min-height:150px}.m4-final{align-items:flex-start;flex-direction:column;padding:24px;border-radius:20px}.m4-final h2{font-size:35px}.m4-final__actions{width:100%;justify-content:space-between}.m4-page-hero{margin-top:-76px;padding-top:90px}.page-hero__inner{min-height:150px}.page-hero__badge{display:none}.page-hero h1{font-size:29px}.page-hero p{font-size:9px}.body{gap:10px}.bg-content,.post-detail,.rank-box{border-radius:17px!important}.bg-content>.title{min-height:55px;padding:0 14px!important}.bg-content>.content{padding:14px!important}.tab-buttons,.thread-tabs,.box_button_login{width:100%}.form-panel table,.form-panel tbody,.form-panel tr,.form-panel td{display:block;width:100%!important}.form-panel tr{margin-bottom:12px}.form-panel td:first-child:not([colspan]){padding:0 0 5px}.form-panel td[colspan]{display:block}.qr-block{grid-template-columns:1fr}.qr-img{max-width:210px;margin:auto}.data-table{min-width:620px}.bg-content>.content{overflow-x:auto}.cmt-item{grid-template-columns:1fr}.m4-footer{padding:32px 0 18px}.m4-footer__grid{grid-template-columns:1fr 1fr;gap:28px}.m4-footer__brand{grid-column:1/-1}.m4-footer__bottom{flex-direction:column;gap:5px}.mobile-bottom-nav{position:fixed;left:8px;right:8px;bottom:8px;z-index:90;height:58px;display:grid;grid-template-columns:repeat(5,1fr);padding:5px;border:1px solid var(--m4-line);border-radius:18px;background:rgba(8,13,24,.94);backdrop-filter:blur(20px);box-shadow:0 15px 40px rgba(0,0,0,.42)}.mobile-bottom-nav a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;border-radius:12px;color:#65738b;font-size:7px}.mobile-bottom-nav a.active{color:#96bcff;background:rgba(99,135,255,.08)}.mobile-bottom-nav__main{color:#fff!important;background:linear-gradient(135deg,#4f8fff,#6b59f3)!important}#backTop,#zaloFab{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
.icon-right{transform:rotate(90deg)}
/* Modernize legacy page-specific markup without touching business logic */
.user-menu{display:flex;align-items:center;gap:5px;width:max-content;max-width:100%;padding:5px;border:1px solid var(--m4-line);border-radius:14px;background:rgba(12,18,32,.72);overflow:auto}.user-menu a{height:38px;display:flex;align-items:center;padding:0 13px;border-radius:10px;color:#7f8da4;font-size:9px;font-weight:800;white-space:nowrap}.user-menu a:hover,.user-menu a.active{background:rgba(255,255,255,.055);color:#fff}.portal-theme .data-table td[style*="background"]{background:rgba(255,255,255,.018)!important;color:#8d9ab0!important}.portal-theme .data-table td[style*="text-align:right"]{font-size:9px!important;text-transform:uppercase;letter-spacing:.04em}.bg-content .post-detail{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:20px!important}.post-detail h2{margin:18px 0 12px;font-size:clamp(24px,4vw,38px);line-height:1.08;letter-spacing:-.04em}.post-meta{display:flex;align-items:center;gap:7px;margin-bottom:14px}.post-thumb{max-height:480px;width:100%;object-fit:cover}.top-donators{grid-template-columns:repeat(2,1fr)}.rank-box h4{margin:0 0 7px;font-size:12px}.rank-box p{margin:0!important;color:#7f8da4!important;font-size:9px!important}.thread-item h5{margin:0 0 5px;font-size:11px}.thread-item h5 a{color:#dce5f4}.thread-item h5 a:hover{color:#9fc4ff}.thread-lock-icon{color:#ff9aa9}.author{color:#9bbaff}.auth-form{max-width:690px;margin:18px auto 0}.box_inputboxx{display:flex;justify-content:center}.box_button_login{justify-content:center}.like-btn{min-height:31px;padding:0 9px;cursor:pointer}.like-count{font-size:8px}.cmt-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.cmt-body p{margin:7px 0}.portal-theme p{color:#8e9bb0}.portal-theme b{font-weight:800}.portal-theme .content>p:first-child{margin-top:0}
.m4-platforms>a,.m4-services>a,.m4-bento>article,.bg-content{background-image:radial-gradient(220px circle at var(--cx,80%) var(--cy,0%),rgba(114,158,255,.045),transparent 70%)}
@media(max-width:620px){.user-menu{width:100%}.top-donators{grid-template-columns:1fr}.post-detail h2{font-size:25px}.thread-item{grid-template-columns:40px 1fr}.thread-item>div:last-child{min-width:0}.thread-icon{width:38px;height:38px}.cmt-head{align-items:flex-start;flex-direction:column}}


/* ===== GOLD 4.0 refresh ===== */
:root{
  --m4-bg:#0b0906;--m4-bg-2:#141008;--m4-panel:rgba(24,18,10,.76);--m4-panel-solid:#171108;
  --m4-line:rgba(255,214,143,.14);--m4-line-strong:rgba(255,214,143,.26);--m4-text:#fffaf0;--m4-muted:#b9a88a;
  --m4-blue:#f5d38a;--m4-blue-2:#d8a94a;--m4-indigo:#ffcc66;--m4-mint:#7de0b0;--m4-gold:#ffd67b;--m4-red:#ff8e78;
}
body.portal-theme{
  background:
    radial-gradient(circle at 50% -10%, rgba(255,211,128,.18), transparent 28%),
    radial-gradient(circle at 15% 20%, rgba(196,138,47,.14), transparent 24%),
    radial-gradient(circle at 85% 12%, rgba(255,224,170,.08), transparent 18%),
    linear-gradient(180deg, #0a0805 0%, #0d0906 35%, #0a0805 100%);
  color:var(--m4-text);
}
.m4-backdrop__mesh{opacity:.32;background:
  linear-gradient(rgba(255,218,160,.05) 1px, transparent 1px),
  linear-gradient(90deg, rgba(255,218,160,.05) 1px, transparent 1px);
  background-size:54px 54px;
}
.m4-backdrop__glow--a{width:540px;height:540px;left:-110px;top:18px;background:radial-gradient(circle, rgba(255,198,94,.22) 0%, rgba(255,198,94,0) 70%)}
.m4-backdrop__glow--b{width:500px;height:500px;right:-80px;top:120px;background:radial-gradient(circle, rgba(220,164,67,.18) 0%, rgba(220,164,67,0) 72%)}
.m4-nav-shell,.m4-bento>article,.m4-platforms>a,.m4-services>a,.bg-content,.m4-command-card,.m4-event-card,.m4-ticker,.m4-final,.page-hero__inner{
  box-shadow:0 18px 70px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,237,200,.03);
}
.m4-brand__copy small,.m4-live,.m4-ticker p,.portal-theme p,.m4-footer__brand>p,.m4-footer__col a,.main-nav>a,.nav-dropdown__trigger{color:#ceb896}
.main-nav>a.active,.main-nav>a:hover,.nav-dropdown__trigger:hover,.m4-footer__col a:hover{color:#fff0c9}
.m4-primary,.m4-cta--primary,.mobile-bottom-nav__main{
  background:linear-gradient(135deg,#f1d08a,#c89436)!important;
  color:#2a1800!important;border-color:rgba(255,224,160,.34)!important;
  box-shadow:0 12px 28px rgba(211,149,46,.26), inset 0 1px 0 rgba(255,249,233,.24);
}
.m4-primary:hover,.m4-cta--primary:hover{filter:brightness(1.05)}
.m4-login,.m4-cta,.m4-account,.m4-text-link,.m4-command-card a,.m4-event-card__body span{color:#f0d7a2}
.m4-hero__portal{
  filter:hue-rotate(160deg) saturate(.7) brightness(.8);
  opacity:.76;
}
.m4-hero__halo{background:radial-gradient(circle, rgba(255,213,122,.22), rgba(255,213,122,0) 58%)}
.m4-kicker,.m4-section__head span,.m4-card-head small,.m4-news-item small,.m4-footer__col small,.page-hero__badge,.breadcrumb{color:#f0c978}
.m4-hero h1 em,.m4-section__head h2,.m4-final h2,.page-hero h1{background:linear-gradient(180deg,#fff6dd 0%, #ffd06d 90%);-webkit-background-clip:text;background-clip:text;color:transparent}
.m4-platforms__icon.android,.m4-platforms__icon.pc,.m4-platforms__icon.java,.m4-platforms__icon.ios{background:linear-gradient(180deg, rgba(255,220,154,.12), rgba(168,110,22,.16)); color:#ffd67b}
.m4-news-item.is-featured,.m4-news-item:hover,.m4-platforms>a:hover,.m4-services>a:hover,.m4-bento>article:hover,.bg-content:hover{border-color:rgba(255,215,130,.24)}
.m4-command-card__head i,.m4-ticker i,.page-hero__badge i,.m4-live i,.intro-premium__eyebrow:before{background:linear-gradient(135deg,#f7da96,#bb8b34)}
#zaloFab{background:linear-gradient(135deg,#d3a344,#8d6219)}
#backTop{color:#f3ddaf}
.mobile-bottom-nav a.active{color:#f6d48c;background:rgba(255,209,133,.08)}
.page-hero__inner{background:linear-gradient(135deg, rgba(22,16,9,.88), rgba(12,9,6,.78));border-color:rgba(255,215,144,.16)}

/* Game intro redesign */
.intro-premium{display:grid;gap:26px}
.intro-premium__hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1.3fr .7fr;gap:20px;padding:34px;border:1px solid var(--m4-line);border-radius:30px;background:linear-gradient(135deg, rgba(26,19,11,.86), rgba(13,10,7,.72));min-height:420px}
.intro-premium__orb{position:absolute;inset:auto 50% 20px auto;transform:translateX(30%);width:480px;height:480px;border-radius:50%;background:radial-gradient(circle, rgba(255,218,138,.42) 0%, rgba(255,218,138,.14) 24%, rgba(255,218,138,0) 68%);filter:blur(2px);opacity:.9}
.intro-premium__grid{position:absolute;inset:0;background:linear-gradient(rgba(255,220,160,.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255,220,160,.03) 1px, transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle at 50% 40%, #000 45%, transparent 95%)}
.intro-premium__content,.intro-premium__stats{position:relative;z-index:1}
.intro-premium__content{display:flex;flex-direction:column;justify-content:center;gap:18px;max-width:760px}
.intro-premium__eyebrow{display:inline-flex;align-items:center;gap:10px;width:max-content;padding:8px 14px;border:1px solid rgba(255,217,145,.16);border-radius:999px;background:rgba(255,244,220,.03);color:#f0ca79;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.intro-premium__eyebrow:before{content:"";width:8px;height:8px;border-radius:50%}
.intro-premium__content h2{margin:0;font-size:clamp(40px,6vw,76px);line-height:.95;letter-spacing:-.05em}
.intro-premium__content h2 em{font-style:normal;background:linear-gradient(180deg,#fff7e7 0%, #e0ad49 92%);-webkit-background-clip:text;background-clip:text;color:transparent}
.intro-premium__content p{max-width:640px;margin:0;font-size:16px;line-height:1.75;color:#d7c3a1}
.intro-premium__actions{display:flex;gap:12px;flex-wrap:wrap}
.intro-premium__highlights{display:flex;gap:10px;flex-wrap:wrap}
.intro-premium__highlights span{padding:10px 14px;border:1px solid rgba(255,220,160,.12);border-radius:999px;background:rgba(255,244,225,.03);color:#ecd09a;font-size:12px;font-weight:700}
.intro-premium__stats{display:grid;gap:14px;align-content:center}
.intro-stat-card{padding:22px;border:1px solid rgba(255,217,145,.13);border-radius:22px;background:linear-gradient(180deg, rgba(31,23,13,.9), rgba(15,11,8,.8));box-shadow:0 18px 40px rgba(0,0,0,.25)}
.intro-stat-card small{display:block;margin-bottom:8px;color:#e2bc6f;font-size:11px;font-weight:800;letter-spacing:.14em}
.intro-stat-card strong{display:block;font-size:28px;color:#fff3d9}
.intro-stat-card p{margin:10px 0 0;color:#cdb893;font-size:13px;line-height:1.7}
.intro-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px}
.intro-stat-grid span{padding:14px;border:1px solid rgba(255,217,145,.11);border-radius:16px;background:rgba(255,244,220,.025)}
.intro-stat-grid b{display:block;font-size:18px;color:#ffe5ab}
.intro-stat-grid small{margin:4px 0 0;color:#af9a75;font-size:10px}
.intro-section{display:grid;gap:18px}
.intro-section__head{display:flex;justify-content:space-between;align-items:end;gap:18px}
.intro-section__head span{color:#e7bd68;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.intro-section__head h3{margin:0;font-size:clamp(26px,4vw,44px);color:#fff3d3;letter-spacing:-.04em}
.intro-story-card,.intro-table-wrap,.intro-feature-grid article,.intro-steps article{border:1px solid rgba(255,217,145,.12);border-radius:24px;background:linear-gradient(135deg, rgba(23,17,11,.84), rgba(12,10,7,.74));box-shadow:0 18px 40px rgba(0,0,0,.24)}
.intro-story-card{display:grid;grid-template-columns:1.25fr .75fr;gap:24px;padding:26px}
.intro-story-card p{margin:0 0 14px;color:#d2c0a1;line-height:1.9}
.intro-story-card__badge{display:flex;flex-direction:column;gap:10px;justify-content:center}
.intro-story-card__badge span{display:flex;align-items:center;justify-content:center;min-height:58px;border:1px solid rgba(255,217,145,.12);border-radius:18px;background:rgba(255,245,223,.03);color:#f4d189;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.intro-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.intro-feature-grid article,.intro-steps article{padding:22px}
.intro-feature-grid h4,.intro-steps h4{margin:0 0 10px;color:#fff0cf;font-size:20px}
.intro-feature-grid p,.intro-steps p{margin:0;color:#cdb893;line-height:1.75}
.intro-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.intro-steps article b{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;margin-bottom:14px;border-radius:14px;background:linear-gradient(135deg,#f5d186,#b67e2d);color:#2f1b00;font-size:15px}
.intro-table-wrap{padding:18px}
.intro-table-wrap .data-table{min-width:0}
.intro-table-wrap .data-table th{background:rgba(255,214,139,.08);color:#ffe1a1}
.intro-table-wrap .data-table td{color:#e8d4b0}
.state-online{color:#88e8b7;font-weight:800}.state-maint{color:#ff8e78;font-weight:800}
@media(max-width:960px){.intro-premium__hero,.intro-story-card,.intro-steps,.intro-feature-grid{grid-template-columns:1fr 1fr}.intro-premium__hero{grid-template-columns:1fr}.intro-premium__orb{left:50%;right:auto;top:-100px;bottom:auto;transform:translateX(-50%);width:420px;height:420px}.intro-premium__content{padding-top:120px}}
@media(max-width:620px){.intro-premium__hero{padding:18px;border-radius:22px;min-height:auto}.intro-premium__content h2{font-size:38px}.intro-premium__content p{font-size:14px}.intro-premium__highlights,.intro-premium__actions{flex-direction:column;align-items:stretch}.intro-section__head{align-items:flex-start;flex-direction:column}.intro-story-card,.intro-feature-grid,.intro-steps{grid-template-columns:1fr}.intro-stat-grid{grid-template-columns:1fr 1fr}.intro-feature-grid h4,.intro-steps h4{font-size:18px}}

/* ===== GOLD LUXURY 4.0 — homepage / shared polish ===== */
.portal-theme{--lux-gold:#f0cd7b;--lux-gold-2:#ba8130;--lux-ink:#0a0805;--lux-panel:rgba(20,15,9,.78);--lux-border:rgba(247,213,143,.14)}
.site-header.scrolled .m4-nav-shell{background:rgba(12,9,6,.88);border-color:rgba(255,218,145,.16);box-shadow:0 16px 50px rgba(0,0,0,.36)}
.m4-nav-shell{background:linear-gradient(180deg,rgba(18,13,8,.73),rgba(11,8,5,.62));border-color:rgba(255,218,145,.12)}
.m4-brand__mark{background:radial-gradient(circle,rgba(245,200,108,.11),transparent 66%)}
.nav-dropdown__menu{background:#120d08;border-color:rgba(255,218,145,.15)}
.nav-dropdown__menu a:hover{background:rgba(255,225,162,.05)}
.gl4-home{display:grid;gap:62px;padding-bottom:10px}.site-main--home{padding-top:5px}
.gl4-hero{position:relative;isolation:isolate;min-height:690px;display:grid;grid-template-columns:minmax(0,1fr) 420px minmax(280px,.62fr);gap:10px;overflow:hidden;border:1px solid rgba(255,218,145,.12);border-radius:34px;background:linear-gradient(145deg,rgba(20,14,8,.92),rgba(9,7,5,.88));box-shadow:0 42px 100px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,245,224,.025)}
.gl4-hero:before{content:"";position:absolute;inset:0;z-index:-3;background:radial-gradient(circle at 50% 50%,rgba(212,153,56,.10),transparent 30%),linear-gradient(90deg,rgba(9,7,5,.96),rgba(9,7,5,.45) 42%,rgba(9,7,5,.35) 60%,rgba(9,7,5,.93))}
.gl4-hero__bg{position:absolute;inset:0;z-index:-2;overflow:hidden}.gl4-hero__beam{position:absolute;left:50%;top:-18%;width:42%;height:140%;transform:translateX(-50%) rotate(7deg);background:linear-gradient(90deg,transparent,rgba(255,218,135,.07),transparent);filter:blur(22px)}
.gl4-hero__stars{position:absolute;inset:0;opacity:.35;background-image:radial-gradient(circle at 12% 22%,#ffe5aa 0 1px,transparent 1.6px),radial-gradient(circle at 72% 18%,#ffd77c 0 1px,transparent 1.6px),radial-gradient(circle at 64% 68%,#fff1c5 0 1px,transparent 1.8px),radial-gradient(circle at 84% 46%,#e7b95c 0 1px,transparent 1.8px),radial-gradient(circle at 38% 82%,#f4d17b 0 1px,transparent 1.6px);background-size:220px 220px,260px 260px,300px 300px,280px 280px,240px 240px}
.gl4-hero__intro{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:64px 0 64px 52px}.gl4-kicker{display:flex;align-items:center;gap:10px;width:max-content;padding:8px 12px;border:1px solid var(--lux-border);border-radius:999px;color:#d9b96f;font-size:9px;font-weight:850;letter-spacing:.14em}.gl4-kicker i{width:7px;height:7px;border-radius:50%;background:#e8c370;box-shadow:0 0 18px rgba(244,200,105,.7)}
.gl4-hero h1{margin:24px 0 16px;font-size:clamp(58px,6vw,92px);line-height:.86;letter-spacing:-.065em;color:#fff7e8}.gl4-hero h1 em{font-style:normal;background:linear-gradient(180deg,#fff2c4,#cf9130);-webkit-background-clip:text;background-clip:text;color:transparent}.gl4-hero__intro>p{max-width:520px;margin:0;color:#bca988;font-size:13px;line-height:1.8}
.gl4-hero__actions{display:flex;gap:9px;margin-top:28px}.gl4-btn{min-width:155px;height:62px;display:flex;align-items:center;gap:10px;padding:0 15px;border:1px solid var(--lux-border);border-radius:17px;background:rgba(255,245,225,.025);color:#eed7aa}.gl4-btn span{display:flex;flex-direction:column}.gl4-btn b{font-size:11px}.gl4-btn small{margin-top:2px;color:#8f7d61;font-size:7px}.gl4-btn--gold{border-color:rgba(255,223,160,.26);background:linear-gradient(135deg,#efd18d,#b77d2c);color:#2c1b04;box-shadow:0 16px 36px rgba(190,126,36,.22)}.gl4-btn--gold small{color:#6d4612}.gl4-icon-btn{width:62px;height:62px;display:grid;place-items:center;border:1px solid var(--lux-border);border-radius:17px;background:rgba(255,244,219,.03);color:#e6c579}.gl4-trust{display:flex;gap:15px;flex-wrap:wrap;margin-top:22px;color:#7f725f;font-size:7px;font-weight:800;letter-spacing:.09em}.gl4-trust span{display:flex;align-items:center;gap:5px}.gl4-trust .online{width:7px;height:7px;border-radius:50%;background:#6de5aa;box-shadow:0 0 12px rgba(109,229,170,.55)}.gl4-trust b{color:#bba782;font-size:7px}
.gl4-core{position:relative;z-index:1;display:grid;place-items:center;min-width:0;pointer-events:none}.gl4-core:before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(247,204,111,.12),transparent 66%);filter:blur(10px)}.gl4-core img{position:relative;width:min(540px,130%);height:auto;filter:drop-shadow(0 0 25px rgba(213,157,60,.16));animation:gl4core 18s linear infinite}.gl4-core__orbit{position:absolute;border:1px solid rgba(255,216,136,.14);border-radius:50%;animation:gl4orbit 14s linear infinite}.gl4-core__orbit--a{width:330px;height:330px}.gl4-core__orbit--b{width:265px;height:265px;animation-duration:10s;animation-direction:reverse}.gl4-core__orbit:before{content:"";position:absolute;left:50%;top:-5px;width:10px;height:10px;border-radius:50%;background:#f5cf7a;box-shadow:0 0 18px #dda441}.gl4-core__label{position:absolute;left:50%;bottom:58px;transform:translateX(-50%);min-width:210px;padding:11px 16px;text-align:center;border:1px solid rgba(255,216,136,.14);border-radius:14px;background:rgba(11,8,5,.76);backdrop-filter:blur(12px)}.gl4-core__label small,.gl4-core__label span{display:block;color:#8f7b5b;font-size:6px;font-weight:800;letter-spacing:.16em}.gl4-core__label strong{display:block;margin:2px 0;color:#f5d489;font-size:19px;letter-spacing:.15em}
.gl4-hero__rail{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:22px 22px 22px 0}.gl4-status-card,.gl4-event{border:1px solid rgba(255,216,140,.12);border-radius:21px;background:linear-gradient(145deg,rgba(28,20,11,.79),rgba(13,10,7,.76));box-shadow:0 20px 45px rgba(0,0,0,.24)}.gl4-status-card{padding:19px}.gl4-card-label{display:flex;align-items:center;justify-content:space-between;color:#a58d63;font-size:7px;font-weight:900;letter-spacing:.13em}.gl4-card-label i{width:7px;height:7px;border-radius:50%;background:#64dda2;box-shadow:0 0 12px rgba(100,221,162,.5)}.gl4-status-card>strong{display:block;margin-top:15px;color:#fff0cf;font-size:19px}.gl4-status-card>p{margin:5px 0 15px;color:#8e7b60;font-size:9px}.gl4-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.gl4-metrics span{padding:10px;border:1px solid rgba(255,216,140,.08);border-radius:12px;background:rgba(255,244,222,.018)}.gl4-metrics b{display:block;color:#e9c877;font-size:13px}.gl4-metrics small{color:#74664f;font-size:6px}.gl4-status-card>a{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding-top:12px;border-top:1px solid rgba(255,216,140,.08);color:#cfb27b;font-size:8px;font-weight:800}.gl4-event{position:relative;min-height:230px;overflow:hidden}.gl4-event__media,.gl4-event__shade{position:absolute;inset:0}.gl4-event__media img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.06)}.gl4-event__shade{background:linear-gradient(180deg,rgba(8,6,4,.08),rgba(8,6,4,.92))}.gl4-event__copy{position:absolute;left:17px;right:17px;bottom:16px}.gl4-event__copy small{display:block;color:#e3bb67;font-size:6px;font-weight:900;letter-spacing:.13em}.gl4-event__copy b{display:block;margin:5px 0 7px;color:#fff2d6;font-size:14px}.gl4-event__copy em{display:flex;align-items:center;gap:5px;color:#bba47c;font-size:8px;font-style:normal}
.gl4-livebar{min-height:48px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-top:-44px;padding:0 16px;border:1px solid rgba(255,216,140,.11);border-radius:15px;background:rgba(16,11,7,.82);backdrop-filter:blur(15px);box-shadow:0 15px 35px rgba(0,0,0,.24)}.gl4-livebar>div{display:flex;align-items:center;gap:7px;color:#e7c371;font-size:7px;letter-spacing:.12em}.gl4-livebar i{width:7px;height:7px;border-radius:50%;background:#62dfa1}.gl4-livebar p{margin:0;color:#aa9879;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gl4-livebar>a{color:#ceb278;font-size:8px;font-weight:800}
.gl4-section{display:grid;gap:20px}.gl4-section__head{display:flex;align-items:end;justify-content:space-between;gap:25px}.gl4-section__head span,.gl4-intro__copy>span{display:block;margin-bottom:9px;color:#caa85f;font-size:8px;font-weight:900;letter-spacing:.15em}.gl4-section__head h2,.gl4-intro__copy h2{margin:0;color:#fff0ce;font-size:clamp(32px,4vw,52px);line-height:1;letter-spacing:-.045em}.gl4-section__head p{max-width:340px;margin:0;color:#8c7c64;font-size:9px;line-height:1.65}.gl4-text-link{color:#d2b575;font-size:8px;font-weight:800}
.gl4-platforms{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.gl4-platforms>a{min-height:112px;display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:11px;padding:15px;border:1px solid rgba(255,216,140,.11);border-radius:19px;background:linear-gradient(145deg,rgba(24,17,10,.75),rgba(12,9,6,.72));color:#a28d6c;transition:.22s}.gl4-platforms>a:hover{transform:translateY(-3px);border-color:rgba(255,219,148,.25);box-shadow:0 18px 40px rgba(0,0,0,.22)}.gl4-platforms>a>i{width:50px;height:50px;display:grid;place-items:center;border:1px solid rgba(255,218,145,.11);border-radius:15px;background:rgba(255,242,215,.025);color:#e4bd66}.gl4-platforms span{display:flex;flex-direction:column}.gl4-platforms small{color:#77684f;font-size:6px;font-weight:900;letter-spacing:.1em}.gl4-platforms b{margin:2px 0;color:#f4dfb6;font-size:12px}.gl4-platforms em{color:#8a795f;font-size:7px;font-style:normal}
.gl4-intro{position:relative;display:grid;grid-template-columns:1fr 1.1fr;min-height:370px;overflow:hidden;border:1px solid rgba(255,216,140,.11);border-radius:28px;background:linear-gradient(135deg,#171008,#0b0805)}.gl4-intro__visual{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:30px;overflow:hidden;background:radial-gradient(circle at 54% 36%,rgba(241,197,103,.18),transparent 18%),radial-gradient(circle at 54% 36%,rgba(241,197,103,.04),transparent 46%),linear-gradient(135deg,rgba(255,220,152,.03),transparent)}.gl4-intro__visual:before{content:"";position:absolute;left:50%;top:45%;width:310px;height:310px;transform:translate(-50%,-50%);border:1px solid rgba(247,211,136,.16);border-radius:50%;box-shadow:0 0 0 40px rgba(247,211,136,.018),0 0 0 90px rgba(247,211,136,.012)}.gl4-intro__visual:after{content:"";position:absolute;left:50%;top:45%;width:130px;height:180px;transform:translate(-50%,-50%) rotate(45deg);border:1px solid rgba(255,225,164,.30);background:linear-gradient(135deg,rgba(255,238,196,.07),transparent);box-shadow:0 0 45px rgba(213,154,58,.13)}.gl4-intro__visual>*{position:relative;z-index:1}.gl4-intro__visual>span{color:#9d865f;font-size:7px;letter-spacing:.13em}.gl4-intro__visual>strong{margin:8px 0 13px;color:#f9e9c5;font-size:28px;line-height:1}.gl4-intro__visual>a{width:max-content;color:#d8bb7c;font-size:8px;font-weight:800}.gl4-intro__copy{display:flex;flex-direction:column;justify-content:center;padding:42px}.gl4-intro__copy p{max-width:560px;color:#a89577;font-size:11px;line-height:1.8}.gl4-intro__copy>div{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.gl4-intro__copy>div b{padding:8px 11px;border:1px solid rgba(255,216,140,.1);border-radius:999px;color:#c5ab79;font-size:7px;letter-spacing:.05em}
.gl4-dashboard{display:grid;grid-template-columns:1.25fr .75fr;gap:10px}.gl4-news,.gl4-rank,.gl4-community{border:1px solid rgba(255,216,140,.11);border-radius:22px;background:linear-gradient(145deg,rgba(23,16,10,.76),rgba(11,8,6,.73));overflow:hidden}.gl4-news{grid-row:span 2}.gl4-panel-head{min-height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid rgba(255,216,140,.08)}.gl4-panel-head small{display:block;color:#927b56;font-size:6px;font-weight:900;letter-spacing:.12em}.gl4-panel-head strong{display:block;margin-top:2px;color:#f2dfba;font-size:12px}.gl4-panel-head>a{color:#c5aa73;font-size:7px}.gl4-news-list{padding:9px}.gl4-news-list>a{min-height:76px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:10px;border-bottom:1px solid rgba(255,216,140,.06);color:#8b7a60}.gl4-news-list>a.featured{grid-template-columns:125px 1fr auto}.gl4-news-thumb{height:88px;border-radius:14px;overflow:hidden}.gl4-news-thumb img{width:100%;height:100%;object-fit:cover}.gl4-news-list>a>span:not(.gl4-news-thumb){display:flex;flex-direction:column}.gl4-news-list small{color:#a78e61;font-size:6px}.gl4-news-list b{margin:3px 0;color:#ead6ad;font-size:10px}.gl4-news-list em{color:#786952;font-size:7px;font-style:normal}.gl4-news-list>a:hover{background:rgba(255,238,202,.025)}
.gl4-rank-list{padding:9px}.gl4-rank-list>div{min-height:48px;display:grid;grid-template-columns:28px 34px 1fr auto;align-items:center;gap:8px;padding:5px 7px;border-bottom:1px solid rgba(255,216,140,.06)}.gl4-rank-list>div>span{color:#806e53;font-size:7px}.gl4-rank-list>div>i{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,rgba(235,195,111,.15),rgba(152,101,31,.15));color:#dfbb6c;font-style:normal;font-weight:900}.gl4-rank-list>div>b{color:#d9c59f;font-size:8px}.gl4-rank-list>div>b small{display:block;margin-top:2px;color:#6f624d;font-size:6px}.gl4-rank-list>div>strong{color:#e1b85e;font-size:8px}.gl4-live{display:flex;align-items:center;gap:6px;color:#7fd5a7;font-size:6px;font-weight:900}.gl4-live i{width:6px;height:6px;border-radius:50%;background:#64dda2}.gl4-thread-list{padding:8px}.gl4-thread-list>a{min-height:48px;display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:7px;padding:6px 7px;border-bottom:1px solid rgba(255,216,140,.06);color:#9b896a}.gl4-thread-list>a>span{display:flex;flex-direction:column}.gl4-thread-list b{color:#d5c09a;font-size:8px}.gl4-thread-list small{margin-top:2px;color:#6f624e;font-size:6px}
.gl4-services{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.gl4-services>a{min-height:145px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:18px;border:1px solid rgba(255,216,140,.11);border-radius:20px;background:linear-gradient(145deg,rgba(22,16,10,.72),rgba(11,8,6,.7));color:#c5aa73}.gl4-services>a:hover{transform:translateY(-3px);border-color:rgba(255,218,145,.22)}.gl4-services>a>span{display:flex;flex-direction:column}.gl4-services small{color:#78684f;font-size:6px}.gl4-services b{margin:4px 0;color:#ead5aa;font-size:11px}.gl4-services em{color:#7f7058;font-size:7px;font-style:normal}.gl4-final{padding:48px;border:1px solid rgba(255,216,140,.11);border-radius:28px;background:radial-gradient(circle at 82% 30%,rgba(225,173,75,.12),transparent 25%),linear-gradient(135deg,#181109,#0b0805)}.gl4-final>span{color:#af935e;font-size:7px;font-weight:900;letter-spacing:.16em}.gl4-final h2{margin:9px 0 20px;color:#fff1d2;font-size:clamp(38px,5vw,64px);line-height:.94;letter-spacing:-.05em}.gl4-final h2 em{font-style:normal;color:#d9a94f}.gl4-final>div{display:flex;align-items:center;gap:18px}.gl4-final>div>a:last-child{color:#c8ab72;font-size:8px;font-weight:800}
@keyframes gl4core{50%{filter:drop-shadow(0 0 36px rgba(229,177,75,.24)) brightness(1.05)}}@keyframes gl4orbit{to{transform:rotate(360deg)}}
@media(max-width:1100px){.gl4-hero{grid-template-columns:1fr 330px}.gl4-core{position:absolute;right:14%;top:40px;width:440px;height:440px;opacity:.43}.gl4-hero__intro{padding-right:20px}.gl4-hero__rail{grid-column:2;grid-row:1;padding-left:0}.gl4-platforms,.gl4-services{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.gl4-hero{grid-template-columns:1fr;min-height:auto}.gl4-hero__intro{padding:370px 28px 28px}.gl4-core{left:50%;right:auto;top:15px;transform:translateX(-50%);width:520px;height:420px;opacity:.7}.gl4-hero__rail{grid-column:1;grid-row:auto;display:grid;grid-template-columns:1fr 1fr;padding:0 18px 18px}.gl4-dashboard,.gl4-intro{grid-template-columns:1fr}.gl4-news{grid-row:auto}.gl4-intro__visual{min-height:310px}}
@media(max-width:620px){.gl4-home{gap:42px}.gl4-hero{border-radius:23px}.gl4-hero__intro{padding:280px 18px 20px}.gl4-core{top:-15px;width:400px;height:330px}.gl4-core__label{bottom:18px}.gl4-hero h1{font-size:49px}.gl4-hero__actions{display:grid;grid-template-columns:1fr 1fr}.gl4-btn{min-width:0}.gl4-icon-btn{display:none}.gl4-trust{display:none}.gl4-hero__rail{grid-template-columns:1fr;padding:0 10px 10px}.gl4-event{display:none}.gl4-livebar{margin-top:-24px;grid-template-columns:auto 1fr}.gl4-livebar>a{display:none}.gl4-section__head{align-items:flex-start;flex-direction:column}.gl4-section__head h2,.gl4-intro__copy h2{font-size:34px}.gl4-platforms,.gl4-services{grid-template-columns:1fr}.gl4-platforms>a{min-height:94px}.gl4-intro__copy{padding:24px}.gl4-intro__visual{min-height:270px;padding:22px}.gl4-dashboard{grid-template-columns:1fr}.gl4-news-list>a.featured{grid-template-columns:85px 1fr}.gl4-news-list>a.featured>svg{display:none}.gl4-news-thumb{height:72px}.gl4-final{padding:28px 20px}.gl4-final h2{font-size:38px}.gl4-final>div{align-items:flex-start;flex-direction:column}.gl4-services>a{min-height:110px}}
.gl4-dust{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.9}


/* ========================================================================== 
   HTTH3 CHAMPAGNE LUXURY 4.0 — full light material system
   ========================================================================== */
:root{
  --m4-bg:#f7f0e2;--m4-bg-2:#fffaf1;--m4-panel:rgba(255,252,246,.82);--m4-panel-solid:#fffdf8;
  --m4-line:rgba(151,112,48,.14);--m4-line-strong:rgba(151,112,48,.25);--m4-text:#342a1f;--m4-muted:#8f7f68;
  --m4-blue:#d4a84f;--m4-blue-2:#b9872d;--m4-indigo:#e2ba69;--m4-mint:#3ca67b;--m4-gold:#d6a548;--m4-red:#c9665a;
  --m4-shadow:0 22px 70px rgba(103,76,32,.12);
}
html,body{background:#f7f0e2!important;color:#342a1f!important}
body.portal-theme{
  background:
    radial-gradient(circle at 52% -8%,rgba(255,255,255,.98) 0 17%,transparent 38%),
    radial-gradient(circle at 12% 14%,rgba(238,207,145,.30),transparent 25%),
    radial-gradient(circle at 88% 18%,rgba(210,230,239,.34),transparent 24%),
    linear-gradient(180deg,#fffaf1 0%,#f6eddc 54%,#fbf6ec 100%)!important;
  color:#342a1f!important;
}
.site-shell{color:#342a1f}
.m4-backdrop{background:linear-gradient(180deg,#fffaf3 0%,#f4ead8 45%,#fbf7ee 100%)!important}
.m4-backdrop__mesh{opacity:.52;background-image:linear-gradient(rgba(160,119,51,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(160,119,51,.045) 1px,transparent 1px);background-size:62px 62px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 82%)}
.m4-backdrop__glow{filter:blur(120px);opacity:.46}.m4-backdrop__glow--a{background:#f3ce84}.m4-backdrop__glow--b{background:#d9eaf2}.m4-backdrop__noise{opacity:.018;mix-blend-mode:multiply}.page-fx:after{background:radial-gradient(circle,rgba(229,192,119,.16),rgba(197,221,233,.09) 38%,transparent 70%)}
#preloader{background:#fbf4e8!important}.m4-loader{border-color:rgba(169,124,48,.18);background:#fffdf8;box-shadow:0 18px 55px rgba(114,83,34,.12)}.m4-loader span{border-top-color:#c9993f}
.site-header{background:linear-gradient(180deg,rgba(255,250,241,.92),rgba(255,250,241,.36))}.site-header.scrolled{background:rgba(255,250,241,.88)!important;box-shadow:0 12px 35px rgba(111,80,30,.08)}
.m4-nav-shell{border-color:rgba(151,112,48,.14);background:rgba(255,253,248,.84)!important;box-shadow:0 15px 42px rgba(111,80,30,.10)}
.m4-brand__mark{border-color:rgba(151,112,48,.16);background:linear-gradient(145deg,#fffdf8,#f3e7d3)}.m4-brand__copy strong{color:#3d3022}.m4-brand__copy small{color:#a08b6a}
.main-nav>a,.nav-dropdown__trigger{color:#786a56}.main-nav>a:hover,.main-nav>a.active,.nav-dropdown:hover .nav-dropdown__trigger{background:rgba(190,143,66,.08);color:#3b2e20}.main-nav>a.active{box-shadow:inset 0 -2px 0 #c9973f}.nav-dropdown__trigger span{color:#a38e6d}
.nav-dropdown__menu{border-color:rgba(151,112,48,.14);background:rgba(255,253,248,.98)!important;box-shadow:0 24px 70px rgba(107,76,29,.16)}.nav-dropdown__menu a{color:#4d3d2b}.nav-dropdown__menu a:hover{background:rgba(196,148,68,.08)}.nav-dropdown__menu svg{color:#bd8c35}.nav-dropdown__menu small{color:#97866d}
.m4-live{color:#7d735f}.m4-login{border-color:rgba(151,112,48,.16);background:rgba(255,255,255,.62)!important;color:#6a5840}.m4-primary{border-color:rgba(166,118,38,.24);background:linear-gradient(135deg,#efd69b,#c9973f)!important;color:#3b2606!important;box-shadow:0 12px 28px rgba(177,128,42,.18)}
.m4-account{border-color:rgba(151,112,48,.15);background:rgba(255,255,255,.68)!important}.m4-account small{color:#9a896d}.m4-account strong{color:#493826}.m4-account svg{color:#b1843a}.nav-toggle{border-color:rgba(151,112,48,.16);background:rgba(255,255,255,.65)}.nav-toggle span{background:#6c5638}
.m4-page-hero{border-bottom-color:rgba(151,112,48,.12);background:linear-gradient(180deg,rgba(255,249,239,.92),rgba(246,237,221,.68))!important}.page-hero__inner{background:linear-gradient(135deg,rgba(255,253,248,.92),rgba(250,241,224,.82))!important;border:1px solid rgba(151,112,48,.14);border-radius:24px;padding:22px 26px;box-shadow:0 18px 50px rgba(105,76,29,.08)}.breadcrumb{color:#9b896b}.breadcrumb a{color:#b38132}.page-hero h1{color:#3b2d1f!important;background:none!important;-webkit-text-fill-color:initial!important}.page-hero p{color:#8c7c64}.page-hero__badge{border-color:rgba(60,166,123,.2);background:rgba(60,166,123,.08);color:#2d8a68}

/* legacy/public cards */
.bg-content,.post-detail,.rank-box,.thread-item,.cmt-item,.auth-form,.user-menu,.form-panel,.qr-block{
  border-color:rgba(151,112,48,.13)!important;background:rgba(255,253,248,.86)!important;color:#443527!important;box-shadow:0 18px 50px rgba(104,73,27,.08)!important;
}
.bg-content>.title{border-color:rgba(151,112,48,.11)!important;background:linear-gradient(180deg,rgba(255,253,248,.96),rgba(248,238,220,.78))!important;color:#4a3925!important}
.bg-content>.content,.post-detail{color:#5c4b36!important}.portal-theme p,.post-detail p,.thread-item p,.cmt-body p{color:#7f705c!important}.portal-theme b,.thread-item h5 a,.author{color:#4b3927}.thread-item h5 a:hover{color:#a9792d}.thread-icon{background:#f5ead6!important;color:#b88734!important;border-color:rgba(151,112,48,.12)!important}.thread-lock-icon{color:#bd665b}.user-menu{background:rgba(255,252,246,.92)!important}.user-menu a{color:#8c7a60}.user-menu a:hover,.user-menu a.active{background:rgba(195,146,67,.10)!important;color:#5b4120!important}
input,select,textarea{border-color:rgba(151,112,48,.18)!important;background:#fffdf9!important;color:#443527!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}input::placeholder,textarea::placeholder{color:#b7a68b}input:focus,select:focus,textarea:focus{border-color:rgba(196,145,62,.68)!important;box-shadow:0 0 0 4px rgba(207,161,83,.12)!important}
.data-table{background:rgba(255,253,248,.9);border-radius:16px;overflow:hidden}.data-table th{background:#f3e6cf!important;color:#6b5636!important;border-color:rgba(151,112,48,.12)!important}.data-table td{background:rgba(255,253,248,.76)!important;color:#5f503b!important;border-color:rgba(151,112,48,.09)!important}.data-table tr:hover td{background:#fff7e9!important}
.flash-success{background:#eaf7f0!important;color:#277858!important;border-color:#ccebdc!important}.flash-error{background:#fff0ee!important;color:#a64e46!important;border-color:#f1d2ce!important}.flash-warning{background:#fff6df!important;color:#9a6e22!important;border-color:#efdfb6!important}.flash-info{background:#edf6fa!important;color:#547a8e!important;border-color:#d4e7ef!important}
.m4-footer{border-color:rgba(151,112,48,.10)!important;background:rgba(255,250,241,.70)!important}.m4-footer__brand>p,.m4-footer__status,.m4-footer__col a,.m4-footer__bottom{color:#8e7e67}.m4-footer__col small{color:#ac8a52}.m4-footer__col a:hover{color:#704c16}
#backTop{border-color:rgba(151,112,48,.16);background:rgba(255,253,248,.92)!important;color:#9d722d;box-shadow:0 12px 28px rgba(105,76,29,.12)}#zaloFab{background:linear-gradient(135deg,#d6b36c,#b9812b)!important;color:#fff}
.mobile-bottom-nav{border-color:rgba(151,112,48,.13)!important;background:rgba(255,253,248,.94)!important;box-shadow:0 15px 40px rgba(102,73,28,.14)!important}.mobile-bottom-nav a{color:#9b8a70}.mobile-bottom-nav a.active{color:#9f6d20;background:rgba(194,145,64,.09)!important}.mobile-bottom-nav__main{background:linear-gradient(135deg,#efd79e,#c9973f)!important;color:#3a270b!important}

/* Gold Luxury home converted to champagne light */
.gl4-home{color:#453526}.gl4-hero{border-color:rgba(151,112,48,.14)!important;background:
  radial-gradient(circle at 50% 35%,rgba(235,199,126,.28),transparent 25%),
  radial-gradient(circle at 76% 16%,rgba(214,232,240,.34),transparent 22%),
  linear-gradient(145deg,rgba(255,253,247,.96),rgba(245,234,214,.88))!important;box-shadow:0 28px 80px rgba(103,73,29,.13)!important}
.gl4-hero:before{background:linear-gradient(90deg,rgba(255,253,248,.98),rgba(255,253,248,.58) 48%,rgba(255,253,248,.25) 68%,rgba(249,239,221,.82))!important}
.gl4-kicker{color:#8e7b60!important}.gl4-kicker b{border-color:rgba(151,112,48,.13)!important;background:rgba(255,255,255,.55)!important;color:#a36f20!important}.gl4-hero h1{color:#392b1d!important}.gl4-hero h1 em{background:linear-gradient(90deg,#7d5319,#c8953f 48%,#a97627 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}.gl4-hero__intro>p{color:#786951!important}.gl4-btn{border-color:rgba(151,112,48,.16)!important;background:rgba(255,255,255,.62)!important;color:#5c482e!important}.gl4-btn--gold{background:linear-gradient(135deg,#f0dca9,#c8953d)!important;color:#3a2708!important;box-shadow:0 14px 30px rgba(183,134,50,.18)!important}.gl4-btn small{color:#9c8a6f!important}.gl4-icon-btn{border-color:rgba(151,112,48,.16)!important;background:rgba(255,255,255,.65)!important;color:#9f712b!important}.gl4-trust{color:#8a7a62!important}.gl4-trust i{background:#46a980!important}.gl4-core{filter:drop-shadow(0 22px 48px rgba(176,129,43,.16)) brightness(1.08) saturate(.86)!important}.gl4-core__label{border-color:rgba(151,112,48,.13)!important;background:rgba(255,253,248,.83)!important;color:#8a6b3e!important;box-shadow:0 12px 30px rgba(111,81,32,.10)}
.gl4-server,.gl4-event,.gl4-livebar,.gl4-platforms>a,.gl4-intro,.gl4-news,.gl4-rank,.gl4-community,.gl4-services>a,.gl4-final{
  border-color:rgba(151,112,48,.13)!important;background:linear-gradient(145deg,rgba(255,253,248,.92),rgba(247,237,219,.82))!important;box-shadow:0 18px 50px rgba(105,75,30,.09)!important;color:#483727!important;
}
.gl4-server__head,.gl4-panel-head,.gl4-news-list>a,.gl4-rank-list>div,.gl4-thread-list>a{border-color:rgba(151,112,48,.08)!important}.gl4-server__head,.gl4-panel-head small,.gl4-news-list small,.gl4-rank-list>div>span,.gl4-thread-list small,.gl4-platforms small,.gl4-platforms em,.gl4-services small,.gl4-services em,.gl4-livebar p,.gl4-section__head p{color:#9c896c!important}.gl4-server strong,.gl4-server b,.gl4-panel-head strong,.gl4-news-list b,.gl4-rank-list>div>b,.gl4-thread-list b,.gl4-platforms b,.gl4-services b,.gl4-final h2,.gl4-section__head h2,.gl4-intro__copy h2{color:#4a3824!important}.gl4-server p,.gl4-event__copy p,.gl4-intro__copy p{color:#7f6f59!important}.gl4-server__stats span,.gl4-platforms>a>i,.gl4-intro__copy>div b,.gl4-rank-list>div>i{border-color:rgba(151,112,48,.10)!important;background:rgba(255,255,255,.58)!important}.gl4-server__stats small,.gl4-rank-list>div>b small{color:#9b896d!important}.gl4-server>a,.gl4-event__copy em,.gl4-text-link,.gl4-panel-head>a,.gl4-livebar>a,.gl4-final>div>a:last-child{color:#9f7129!important}.gl4-event__media img{filter:saturate(.82) brightness(1.08)!important}.gl4-event__copy b{color:#4c3924!important}.gl4-livebar{background:rgba(255,253,248,.90)!important}.gl4-section__head span,.gl4-intro__copy>span,.gl4-final>span{color:#ae7f32!important}.gl4-platforms>a:hover,.gl4-services>a:hover{border-color:rgba(171,124,43,.26)!important;box-shadow:0 18px 42px rgba(105,75,30,.12)!important}.gl4-platforms>a>i{color:#b68431!important}.gl4-intro{background:linear-gradient(135deg,#fffdf8,#f3e5cc)!important}.gl4-intro__visual{background:radial-gradient(circle at 54% 36%,rgba(231,193,114,.32),transparent 22%),radial-gradient(circle at 54% 36%,rgba(210,227,235,.28),transparent 47%),linear-gradient(135deg,rgba(255,255,255,.62),transparent)!important}.gl4-intro__visual:before{border-color:rgba(173,126,47,.18)!important;box-shadow:0 0 0 40px rgba(207,160,80,.025),0 0 0 90px rgba(207,160,80,.018)!important}.gl4-intro__visual:after{border-color:rgba(183,135,53,.28)!important;background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(230,193,120,.12))!important;box-shadow:0 0 45px rgba(184,136,53,.12)!important}.gl4-intro__visual>span{color:#9f8968!important}.gl4-intro__visual>strong{color:#4c3821!important}.gl4-intro__visual>a{color:#9c6c22!important}.gl4-news-list>a:hover{background:rgba(197,149,72,.06)!important}.gl4-rank-list>div>i{color:#a6782c!important}.gl4-rank-list>div>strong{color:#a87524!important}.gl4-live{color:#338d6a!important}.gl4-final{background:radial-gradient(circle at 82% 30%,rgba(221,186,117,.27),transparent 28%),linear-gradient(135deg,#fffdf8,#f1e2c6)!important}.gl4-final h2 em{color:#a87526!important}

/* Intro page: airy pearl/champagne */
.intro-premium__hero,.intro-stat-card,.intro-story-card,.intro-table-wrap,.intro-feature-grid article,.intro-steps article{border-color:rgba(151,112,48,.13)!important;background:linear-gradient(145deg,rgba(255,253,248,.94),rgba(247,237,219,.84))!important;box-shadow:0 18px 50px rgba(105,75,30,.09)!important}.intro-premium__hero{background:radial-gradient(circle at 50% 30%,rgba(238,201,128,.28),transparent 26%),radial-gradient(circle at 88% 18%,rgba(213,231,238,.34),transparent 22%),linear-gradient(145deg,#fffdf8,#f3e6cf)!important}.intro-premium__orb{background:radial-gradient(circle,rgba(232,194,118,.38) 0%,rgba(238,211,158,.16) 27%,rgba(255,255,255,0) 68%)!important}.intro-premium__grid{opacity:.55}.intro-premium__eyebrow,.intro-premium__highlights span,.intro-story-card__badge span{border-color:rgba(151,112,48,.13)!important;background:rgba(255,255,255,.60)!important;color:#9d712c!important}.intro-premium__content h2{color:#3b2d1f!important}.intro-premium__content h2 em{background:linear-gradient(180deg,#8d611f,#c28e37)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}.intro-premium__content p,.intro-stat-card p,.intro-story-card p,.intro-feature-grid p,.intro-steps p{color:#7d6e58!important}.intro-stat-card small,.intro-section__head span{color:#a8792f!important}.intro-stat-card strong,.intro-section__head h3,.intro-feature-grid h4,.intro-steps h4{color:#493723!important}.intro-stat-grid span{border-color:rgba(151,112,48,.10)!important;background:rgba(255,255,255,.58)!important}.intro-stat-grid b{color:#7e581e!important}.intro-story-card__badge span{color:#9d712c!important}.intro-steps article b{background:linear-gradient(135deg,#efd9a5,#c8943b)!important;color:#3a2608!important}.intro-table-wrap .data-table th{background:#f1e2c6!important;color:#6c5230!important}.intro-table-wrap .data-table td{color:#665640!important}

@media(max-width:900px){.main-nav{background:rgba(255,253,248,.98)!important;box-shadow:0 25px 60px rgba(105,75,30,.14)!important}.nav-dropdown__menu{background:#fffaf1!important}.m4-hero__grid{background:linear-gradient(180deg,rgba(255,253,248,.15),rgba(255,253,248,.90) 66%,#fffaf1 100%),linear-gradient(90deg,rgba(255,253,248,.66),transparent)!important}}


/* ========================================================================== 
   CHAMPAGNE LUXURY 4.1 — Pearl Harmony refresh
   ========================================================================== */
:root{
  --champ-bg:#f8f1e5;--champ-bg-2:#fffaf2;--champ-paper:#fffdf8;--champ-paper-soft:#fbf4e8;
  --champ-line:rgba(150,112,55,.15);--champ-line-strong:rgba(150,112,55,.24);
  --champ-ink:#463827;--champ-muted:#8d7a62;--champ-gold:#b98736;--champ-gold-2:#d9b66d;--champ-ice:#dcecf0;
  --champ-shadow:0 22px 65px rgba(105,75,35,.10);--champ-shadow-soft:0 12px 36px rgba(105,75,35,.08);
}
body.portal-theme{
  background:
    radial-gradient(900px circle at 50% -180px,rgba(255,255,255,.96),transparent 70%),
    radial-gradient(620px circle at 12% 14%,rgba(228,240,242,.62),transparent 64%),
    radial-gradient(760px circle at 88% 16%,rgba(242,218,170,.48),transparent 67%),
    linear-gradient(180deg,#fffaf1 0%,#f7efe1 48%,#fbf6ee 100%)!important;
  color:var(--champ-ink)!important;
}
.m4-backdrop{opacity:1!important}.m4-backdrop__mesh{opacity:.22!important;background:
 linear-gradient(rgba(159,125,73,.055) 1px,transparent 1px),
 linear-gradient(90deg,rgba(159,125,73,.055) 1px,transparent 1px)!important;background-size:58px 58px!important}
.m4-backdrop__noise{opacity:.035!important;mix-blend-mode:multiply}
.m4-backdrop__glow--a{background:radial-gradient(circle,rgba(235,208,151,.34),rgba(235,208,151,0) 70%)!important}
.m4-backdrop__glow--b{background:radial-gradient(circle,rgba(206,230,236,.46),rgba(206,230,236,0) 72%)!important}
.page-fx{opacity:.38!important;background:radial-gradient(420px circle at var(--mx,70vw) var(--my,18vh),rgba(255,255,255,.58),transparent 66%)!important}
.site-header.scrolled .m4-nav-shell,.m4-nav-shell{background:rgba(255,253,248,.88)!important;border-color:var(--champ-line)!important;box-shadow:0 14px 44px rgba(112,80,36,.09)!important;backdrop-filter:blur(22px) saturate(1.14)!important}
.m4-brand__copy strong{color:#5a421f!important}.m4-brand__copy small{color:#9b8667!important}.main-nav>a,.nav-dropdown__trigger{color:#77654d!important}.main-nav>a:hover,.main-nav>a.active,.nav-dropdown__trigger:hover{color:#4b3821!important;background:rgba(192,144,65,.08)!important}
.nav-dropdown__menu{background:rgba(255,253,248,.98)!important;border-color:var(--champ-line)!important;box-shadow:var(--champ-shadow)!important}.nav-dropdown__menu a{color:#66543c!important}.nav-dropdown__menu a:hover{background:#faf0df!important;color:#3d2e1d!important}
.m4-live{color:#528a70!important;background:#edf8f2!important;border-color:#cfe8dc!important}.m4-primary,.gl4-btn--gold{background:linear-gradient(135deg,#efd79e,#c8953d)!important;color:#3a280d!important;border-color:rgba(177,128,44,.18)!important;box-shadow:0 12px 30px rgba(172,120,34,.18)!important}.m4-login,.m4-account,.gl4-btn,.gl4-icon-btn{background:rgba(255,253,248,.8)!important;color:#725a37!important;border-color:var(--champ-line)!important}
.gl4-home{gap:42px!important}.gl4-hero{border-color:var(--champ-line)!important;background:linear-gradient(135deg,rgba(255,253,248,.93),rgba(246,235,216,.84))!important;box-shadow:0 28px 80px rgba(103,72,31,.12)!important}.gl4-hero__bg:after{content:"";position:absolute;inset:0;background:radial-gradient(460px circle at 50% 44%,rgba(255,245,216,.86),transparent 72%);pointer-events:none}.gl4-hero__stars{opacity:.34!important}.gl4-hero h1{color:#4c3a24!important}.gl4-hero h1 em{background:linear-gradient(180deg,#90651f,#c59745)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}.gl4-hero__intro>p,.gl4-status-card p,.gl4-intro__copy p{color:#81705a!important}.gl4-kicker,.gl4-trust,.gl4-card-label,.gl4-event__copy small{color:#a7762f!important}.gl4-core__label{background:rgba(255,253,248,.82)!important;border-color:var(--champ-line)!important;box-shadow:var(--champ-shadow-soft)!important}.gl4-core__label strong{color:#60471e!important}.gl4-status-card,.gl4-event{background:rgba(255,253,248,.9)!important;border-color:var(--champ-line)!important;box-shadow:var(--champ-shadow-soft)!important}.gl4-status-card strong{color:#4c3820!important}.gl4-metrics span{background:#faf1e1!important;border-color:rgba(156,115,51,.12)!important}.gl4-metrics b{color:#8e6728!important}.gl4-livebar{background:rgba(255,253,248,.82)!important;border-color:var(--champ-line)!important;box-shadow:var(--champ-shadow-soft)!important}.gl4-livebar p{color:#77634a!important}.gl4-livebar a{color:#8e6728!important}
.gl4-section__head span,.gl4-intro__copy>span,.gl4-panel-head small,.champ-featured__head span{color:#b17e31!important}.gl4-section__head h2,.gl4-intro__copy h2,.champ-featured__head h2{color:#473521!important}.gl4-section__head p,.champ-featured__head p{color:#8f7d65!important}.gl4-text-link{color:#8c6528!important}
.gl4-platforms>a,.gl4-dashboard>article,.gl4-services>a,.gl4-intro,.bg-content,.post-detail,.rank-box,.auth-form,.thread-item,.cmt-item,.user-menu{background:linear-gradient(145deg,rgba(255,253,248,.95),rgba(248,239,224,.90))!important;border-color:var(--champ-line)!important;box-shadow:var(--champ-shadow-soft)!important}.gl4-platforms>a:hover,.gl4-services>a:hover,.gl4-dashboard>article:hover,.thread-item:hover{transform:translateY(-3px);border-color:var(--champ-line-strong)!important;box-shadow:0 20px 48px rgba(112,78,33,.13)!important}.gl4-platforms>a i,.gl4-services>a>svg{color:#ad7a2f!important}.gl4-platforms small,.gl4-services small,.gl4-panel-head a,.gl4-live{color:#a2783f!important}.gl4-platforms b,.gl4-services b,.gl4-panel-head strong,.gl4-news-list b,.gl4-rank-list b,.gl4-thread-list b{color:#4d3b28!important}.gl4-platforms em,.gl4-services em,.gl4-news-list em,.gl4-thread-list small,.gl4-rank-list small{color:#927f66!important}.gl4-intro__visual{background:linear-gradient(135deg,#e9d8b6,#f7ead2 54%,#dcebed)!important;color:#553f22!important}.gl4-intro__visual:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,rgba(255,255,255,.72),transparent 38%);pointer-events:none}.gl4-intro__visual>*{position:relative;z-index:1}.gl4-intro__copy b{background:#fffaf1!important;border-color:var(--champ-line)!important;color:#846129!important}
.gl4-news-list>a,.gl4-thread-list>a,.gl4-rank-list>div{border-color:rgba(150,112,55,.10)!important}.gl4-news-list>a:hover,.gl4-thread-list>a:hover,.gl4-rank-list>div:hover{background:#fff7e9!important}.gl4-news-thumb{box-shadow:inset 0 0 0 1px rgba(150,112,55,.08)}

/* Featured editorial news */
.champ-featured{display:grid;gap:20px}.champ-featured__head{display:flex;align-items:end;justify-content:space-between;gap:20px}.champ-featured__head>div{display:grid;gap:7px}.champ-featured__head span{font-size:10px;font-weight:900;letter-spacing:.14em}.champ-featured__head h2{margin:0;font-size:clamp(34px,5vw,56px);line-height:.95;letter-spacing:-.05em}.champ-featured__head p{margin:0;max-width:560px;font-size:11px}.champ-featured__grid{display:grid;grid-template-columns:1.22fr .78fr;gap:14px}.champ-featured__lead{position:relative;min-height:430px;overflow:hidden;border:1px solid var(--champ-line);border-radius:28px;background:#d9c8a8;box-shadow:var(--champ-shadow);isolation:isolate}.champ-featured__media,.champ-featured__media img,.champ-featured__veil{position:absolute;inset:0;width:100%;height:100%}.champ-featured__media img{object-fit:cover;transition:transform .65s cubic-bezier(.2,.75,.25,1)}.champ-featured__veil{background:linear-gradient(180deg,rgba(43,32,18,.02) 15%,rgba(42,31,17,.12) 48%,rgba(42,29,13,.85) 100%);z-index:1}.champ-featured__copy{position:absolute;left:0;right:0;bottom:0;z-index:2;display:grid;gap:9px;padding:28px;color:#fff}.champ-featured__copy small{color:#f7d990;font-size:9px;font-weight:900;letter-spacing:.12em}.champ-featured__copy strong{max-width:720px;font-size:clamp(25px,3vw,38px);line-height:1.04;letter-spacing:-.035em}.champ-featured__copy em{max-width:670px;color:rgba(255,255,255,.76);font-size:11px;font-style:normal;line-height:1.65}.champ-featured__copy b{display:flex;align-items:center;gap:7px;width:max-content;margin-top:3px;color:#ffe0a0;font-size:9px}.champ-featured__lead:hover .champ-featured__media img{transform:scale(1.045)}
.champ-featured__stack{display:grid;grid-template-rows:repeat(4,1fr);gap:10px}.champ-featured__item{position:relative;display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:14px;padding:10px;border:1px solid var(--champ-line);border-radius:19px;background:linear-gradient(145deg,rgba(255,253,248,.96),rgba(248,239,224,.92));box-shadow:var(--champ-shadow-soft);transition:.22s}.champ-featured__item:hover{transform:translateX(4px);border-color:var(--champ-line-strong);background:#fffaf1}.champ-featured__thumb{width:110px;height:86px;overflow:hidden;border-radius:14px;background:#efe1c7}.champ-featured__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.champ-featured__item:hover img{transform:scale(1.05)}.champ-featured__item>span:nth-child(2){min-width:0;display:grid;gap:5px}.champ-featured__item small{color:#ae7c32;font-size:8px;font-weight:900;letter-spacing:.07em}.champ-featured__item strong{overflow:hidden;color:#4a3825;font-size:12px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.champ-featured__item em{overflow:hidden;color:#8d7a62;font-size:9px;font-style:normal;white-space:nowrap;text-overflow:ellipsis}.champ-featured__item>svg{color:#aa7831}.champ-featured__empty{padding:28px;border:1px dashed var(--champ-line-strong);border-radius:20px;background:rgba(255,253,248,.7);color:#8c775b;text-align:center}

/* Legacy pages harmonized with champagne background */
.m4-page-hero{background:transparent!important}.page-hero__inner{background:linear-gradient(135deg,rgba(255,253,248,.94),rgba(244,235,219,.9))!important;border-color:var(--champ-line)!important;box-shadow:var(--champ-shadow-soft)!important}.page-hero h1{background:none!important;color:#473521!important;-webkit-text-fill-color:initial!important}.page-hero p,.breadcrumb{color:#8f7c64!important}.page-hero__badge{background:#edf7f1!important;border-color:#cfe5da!important;color:#4b8269!important}.bg-content>.title{border-color:rgba(150,112,55,.11)!important;background:rgba(248,238,220,.68)!important}.bg-content>.title h4,.post-detail h2,.rank-box h4,.thread-item h5 a{color:#4d3b27!important}.bg-content>.content,.post-detail,.portal-theme p{color:#776650!important}.user-menu{background:rgba(255,253,248,.92)!important}.user-menu a{color:#88755e!important}.user-menu a:hover,.user-menu a.active{background:#f3e5cd!important;color:#583f20!important}.form-panel input,.form-panel select,.form-panel textarea,.auth-form input,.auth-form select,.auth-form textarea,.portal-theme input,.portal-theme select,.portal-theme textarea{background:#fffdfa!important;border-color:rgba(150,112,55,.17)!important;color:#4d3b28!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.portal-theme input:focus,.portal-theme select:focus,.portal-theme textarea:focus{border-color:#c3913d!important;box-shadow:0 0 0 4px rgba(201,149,61,.12)!important}.portal-theme label{color:#816e56!important}.portal-theme .data-table th{background:#f0dfc1!important;color:#71562d!important;border-color:rgba(150,112,55,.12)!important}.portal-theme .data-table td{background:#fffdfa!important;color:#685843!important;border-color:rgba(150,112,55,.08)!important}.portal-theme .data-table tr:hover td{background:#fff5e4!important}.tab-buttons button,.thread-tabs button,.box_button_login button,.btn{border-color:rgba(150,112,55,.15)!important}.portal-theme .btn:not(.btn-red):not(.btn-green),.tab-buttons button.active,.thread-tabs button.active{background:linear-gradient(135deg,#ecd39b,#c9963f)!important;color:#3e2a0b!important}.thread-icon{background:#f0e0c4!important;color:#a87730!important}.author{color:#9d6d27!important}.cmt-item{background:#fffaf2!important}.cmt-head{color:#624c31!important}.like-btn{background:#f5ead7!important;color:#8d6427!important;border-color:rgba(150,112,55,.12)!important}
.m4-footer{background:linear-gradient(180deg,rgba(247,239,225,.5),rgba(239,226,204,.82))!important;border-color:var(--champ-line)!important}.m4-footer__brand>p,.m4-footer__status,.m4-footer__col a,.m4-footer__bottom{color:#846f55!important}.m4-footer__col small{color:#a67732!important}.m4-footer__col a:hover{color:#4a3620!important}.mobile-bottom-nav{background:rgba(255,253,248,.94)!important;border-color:var(--champ-line)!important;box-shadow:0 14px 40px rgba(105,75,35,.12)!important}.mobile-bottom-nav a{color:#99866d!important}.mobile-bottom-nav a.active{color:#8c6328!important;background:#f3e5cc!important}
#backTop{background:rgba(255,253,248,.92)!important;color:#91662a!important;border-color:var(--champ-line)!important;box-shadow:var(--champ-shadow-soft)!important}#zaloFab{background:linear-gradient(135deg,#d7ba7c,#b27e31)!important;color:#fff!important}

@media(max-width:900px){.champ-featured__grid{grid-template-columns:1fr}.champ-featured__lead{min-height:380px}.champ-featured__stack{grid-template-columns:1fr 1fr;grid-template-rows:auto}.champ-featured__item{grid-template-columns:92px 1fr auto}.champ-featured__thumb{width:92px;height:76px}}
@media(max-width:620px){.gl4-home{gap:32px!important}.champ-featured__head{align-items:flex-start;flex-direction:column}.champ-featured__lead{min-height:340px;border-radius:22px}.champ-featured__copy{padding:20px}.champ-featured__copy strong{font-size:25px}.champ-featured__copy em{display:none}.champ-featured__stack{grid-template-columns:1fr}.champ-featured__item{grid-template-columns:84px 1fr auto;padding:8px}.champ-featured__thumb{width:84px;height:72px}.champ-featured__item em{display:none}.page-fx{display:none}}


/* 4.3 media + logo polish */
.gl4-hero__intro--logo .gl4-kicker{margin-bottom:10px}
.gl4-logo-hero{max-width:620px;margin:0 0 12px}
.gl4-logo-hero img{display:block;max-width:100%;height:auto;filter:drop-shadow(0 16px 36px rgba(155,112,38,.18))}
.gl4-core__label{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.gl4-core__label img{width:min(320px,75%);height:auto;filter:drop-shadow(0 10px 28px rgba(155,112,38,.15))}
.gl4-intro__visual--media{position:relative;overflow:hidden;padding:0!important;min-height:420px}
.gl4-intro__visual--media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gl4-intro__overlay{position:relative;z-index:1;display:flex;min-height:420px;flex-direction:column;justify-content:flex-end;padding:28px;background:linear-gradient(180deg, rgba(39,23,2,.02) 0%, rgba(63,40,9,.72) 100%)}
.gl4-intro__overlay span,.gl4-intro__overlay strong,.gl4-intro__overlay a{position:relative;z-index:2}.gl4-intro__overlay span{color:#fff2cc;font-size:11px;font-weight:800;letter-spacing:.12em}.gl4-intro__overlay strong{color:#fffaf0;font-size:42px;line-height:1.02}.gl4-intro__overlay a{margin-top:14px;color:#fff5d5;font-weight:800}
.gl4-intro__thumbs{display:flex;gap:10px;margin-top:16px}.gl4-intro__thumbs img{width:120px;height:84px;object-fit:cover;border-radius:14px;border:1px solid rgba(185,138,57,.18);box-shadow:0 12px 22px rgba(71,48,12,.08)}
.intro-brand-logo{max-width:560px}.intro-brand-logo img{display:block;max-width:100%;height:auto;filter:drop-shadow(0 16px 34px rgba(155,112,38,.18))}
.intro-media-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:16px}.intro-media-grid figure{margin:0;overflow:hidden;border:1px solid rgba(185,138,57,.14);border-radius:24px;background:linear-gradient(145deg,rgba(255,253,248,.95),rgba(248,239,224,.92));box-shadow:0 22px 48px rgba(112,78,33,.1)}
.intro-media-grid img{display:block;width:100%;height:100%;min-height:230px;object-fit:cover}.intro-media-grid__lead img{min-height:100%;height:360px}.intro-media-grid figcaption{display:grid;gap:6px;padding:18px}.intro-media-grid figcaption strong{color:#4b3927;font-size:20px}.intro-media-grid figcaption span{color:#7f705c;line-height:1.7}
.auth-media-page .bg-content>.content{overflow:visible!important}
.auth-lux{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}
.auth-lux__visual,.auth-lux__forms{display:flex;flex-direction:column;gap:16px}.auth-lux__visual{padding:10px}
.auth-lux__mainshot{overflow:hidden;border-radius:24px;border:1px solid rgba(185,138,57,.14);background:#fff8eb;box-shadow:0 18px 44px rgba(112,78,33,.12)}
.auth-lux__mainshot img{display:block;width:100%;height:300px;object-fit:cover}
.auth-lux__copy{padding:22px;border:1px solid rgba(185,138,57,.14);border-radius:22px;background:linear-gradient(145deg,rgba(255,253,248,.96),rgba(248,239,224,.9));box-shadow:0 18px 44px rgba(112,78,33,.08)}
.auth-lux__brand{max-width:340px;margin-bottom:10px}.auth-lux__brand img{display:block;max-width:100%;height:auto}.auth-lux__copy h2{margin:0 0 10px;color:#4d3b28;font-size:38px;line-height:1.02;letter-spacing:-.04em}.auth-lux__copy p{margin:0;color:#7f705c;line-height:1.8}
.auth-lux__thumbs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-lux__thumbs img{width:100%;height:124px;object-fit:cover;border-radius:18px;border:1px solid rgba(185,138,57,.14);box-shadow:0 12px 28px rgba(112,78,33,.08)}
.auth-lux__forms .auth-form{max-width:none;margin:0}.auth-lux__forms .form-panel{padding:18px!important;border:1px solid rgba(185,138,57,.14)!important;border-radius:22px!important;background:linear-gradient(145deg,rgba(255,253,248,.96),rgba(248,239,224,.9))!important;box-shadow:0 18px 44px rgba(112,78,33,.08)!important}
@media(max-width:980px){.auth-lux{grid-template-columns:1fr}.auth-lux__mainshot img{height:240px}.intro-media-grid{grid-template-columns:1fr}.intro-media-grid__lead img{height:280px}.gl4-logo-hero{max-width:470px}.gl4-core__label img{width:min(280px,80%)}}
@media(max-width:620px){.gl4-intro__overlay{min-height:300px;padding:18px}.gl4-intro__overlay strong{font-size:30px}.gl4-intro__thumbs{gap:8px}.gl4-intro__thumbs img{width:92px;height:66px}.auth-lux__copy h2{font-size:28px}.auth-lux__thumbs img{height:96px}.gl4-logo-hero{max-width:320px}}


/* 4.4 HảiTặc4.0 brand cleanup — remove old text brand treatment */
.m4-brand--haitac4{min-width:188px!important;max-width:240px;height:58px;padding:0 10px!important;display:flex!important;align-items:center!important}
.m4-brand__mark--haitac4{width:100%!important;height:54px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important}
.m4-brand__mark--haitac4 img{width:auto!important;max-width:100%!important;height:50px!important;object-fit:contain!important;filter:drop-shadow(0 7px 16px rgba(139,91,23,.16))}
.m4-brand--footer-logo{width:min(300px,100%);max-width:300px;height:auto!important;padding:0!important}
.m4-brand--footer-logo .m4-brand__mark--haitac4{height:92px!important}
.m4-brand--footer-logo .m4-brand__mark--haitac4 img{height:88px!important;max-width:290px!important}
.m4-loader{width:190px!important}.m4-loader img{width:180px!important;height:auto!important;object-fit:contain!important;border-radius:0!important;filter:drop-shadow(0 12px 22px rgba(139,91,23,.16))}
.gl4-logo-hero{max-width:680px!important;margin-top:2px!important}.gl4-logo-hero img{width:100%;object-fit:contain}
.gl4-kicker{color:#98703a!important;font-weight:900!important;letter-spacing:.16em!important}
@media(max-width:900px){.m4-brand--haitac4{min-width:145px!important;max-width:170px!important}.m4-brand__mark--haitac4 img{height:43px!important}}
@media(max-width:620px){.m4-brand--haitac4{min-width:120px!important;max-width:145px!important;height:48px!important}.m4-brand__mark--haitac4{height:45px!important}.m4-brand__mark--haitac4 img{height:40px!important}.gl4-logo-hero{max-width:300px!important}}


/* 4.5 equal media layout */
.gl4-intro--equal{grid-template-columns:.88fr 1.12fr;align-items:stretch}
.gl4-intro__gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-content:stretch}
.gl4-shot-card{margin:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(185,138,57,.16);border-radius:22px;background:linear-gradient(145deg,rgba(255,253,248,.96),rgba(248,239,224,.92));box-shadow:0 18px 40px rgba(112,78,33,.09);min-height:100%}
.gl4-shot-card img{display:block;width:100%;height:220px;object-fit:cover}
.gl4-shot-card figcaption{display:grid;gap:5px;padding:16px}
.gl4-shot-card strong{color:#4d3b28;font-size:18px}.gl4-shot-card span{color:#82715e;line-height:1.65;font-size:13px}
.intro-media-grid{grid-template-columns:repeat(3,1fr)!important}
.intro-media-grid__lead{grid-column:auto!important}
.intro-media-grid__lead img{height:230px!important}.intro-media-grid figure img{height:230px;min-height:230px}.intro-media-grid figure{display:flex;flex-direction:column}
.auth-lux__gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.auth-lux__card{margin:0;overflow:hidden;border:1px solid rgba(185,138,57,.14);border-radius:18px;background:linear-gradient(145deg,rgba(255,253,248,.96),rgba(248,239,224,.92));box-shadow:0 14px 32px rgba(112,78,33,.08)}
.auth-lux__card img{display:block;width:100%;height:175px;object-fit:cover}
.auth-lux__card figcaption{padding:10px 12px;color:#6a583f;font-weight:700;font-size:12px}
.auth-lux__mainshot,.auth-lux__thumbs{display:none!important}
@media(max-width:1100px){.gl4-intro--equal{grid-template-columns:1fr}.gl4-intro__gallery{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.gl4-intro__gallery,.intro-media-grid,.auth-lux__gallery{grid-template-columns:1fr}.gl4-shot-card img,.intro-media-grid figure img,.intro-media-grid__lead img,.auth-lux__card img{height:240px}}


/* 4.6 dedicated Gameplay Gallery */
.gl4-intro--compact{grid-template-columns:1.12fr .88fr;align-items:stretch}
.gl4-intro__statement{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;min-height:310px;padding:30px;border:1px solid rgba(185,138,57,.16);border-radius:26px;background:radial-gradient(circle at 78% 18%,rgba(255,239,198,.9),transparent 30%),linear-gradient(145deg,#f7ead1,#ead3aa);box-shadow:0 24px 55px rgba(112,78,33,.12)}
.gl4-intro__statement:before{content:"";position:absolute;width:280px;height:280px;right:-80px;bottom:-110px;border:1px solid rgba(171,119,34,.16);border-radius:50%;box-shadow:0 0 0 30px rgba(171,119,34,.045),0 0 0 62px rgba(171,119,34,.025)}
.gl4-intro__statement span,.gl4-intro__statement strong,.gl4-intro__statement small{position:relative;z-index:1}.gl4-intro__statement span{color:#9b6d26;font-size:11px;font-weight:900;letter-spacing:.14em}.gl4-intro__statement strong{margin:15px 0;color:#4a3520;font-size:clamp(40px,5vw,70px);line-height:.87;letter-spacing:-.055em}.gl4-intro__statement small{color:#8c7658;font-size:13px}
.game-gallery{display:grid;gap:22px;padding:28px;border:1px solid rgba(185,138,57,.15);border-radius:30px;background:linear-gradient(145deg,rgba(255,253,248,.96),rgba(246,235,216,.91));box-shadow:0 26px 70px rgba(112,78,33,.12)}
.game-gallery__head{display:flex;justify-content:space-between;align-items:end;gap:24px}.game-gallery__head>div:first-child{max-width:760px}.game-gallery__head span{color:#a5742b;font-size:11px;font-weight:900;letter-spacing:.15em}.game-gallery__head h2{margin:7px 0 8px;color:#483522;font-size:clamp(34px,4.5vw,58px);line-height:.96;letter-spacing:-.05em}.game-gallery__head p{margin:0;color:#8b765c;line-height:1.75}.game-gallery__counter{display:flex;align-items:end;gap:8px;padding:12px 15px;border:1px solid rgba(185,138,57,.13);border-radius:16px;background:rgba(255,251,244,.72)}.game-gallery__counter b{color:#8a5f20;font-size:31px;line-height:1}.game-gallery__counter small{color:#a58d6b;font-size:8px;font-weight:900;letter-spacing:.12em}
.game-gallery__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.game-gallery__card{appearance:none;width:100%;padding:0;overflow:hidden;text-align:left;border:1px solid rgba(185,138,57,.14);border-radius:22px;background:#fffaf2;box-shadow:0 14px 32px rgba(112,78,33,.075);cursor:pointer;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.game-gallery__card:hover{transform:translateY(-7px);border-color:rgba(174,119,33,.32);box-shadow:0 26px 50px rgba(112,78,33,.14)}.game-gallery__media{position:relative;display:block;overflow:hidden;aspect-ratio:1.38/1;background:#eee0c8}.game-gallery__media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(48,29,7,.28))}.game-gallery__media img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.75,.25,1)}.game-gallery__card:hover .game-gallery__media img{transform:scale(1.045)}.game-gallery__media i{position:absolute;z-index:2;left:14px;top:14px;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.42);border-radius:12px;background:rgba(68,43,8,.42);backdrop-filter:blur(12px);color:#fff8e8;font-style:normal;font-size:10px;font-weight:900}.game-gallery__copy{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:17px}.game-gallery__copy small{grid-column:1/-1;color:#b07d30;font-size:8px;font-weight:900;letter-spacing:.13em}.game-gallery__copy strong{color:#4d3a27;font-size:20px;letter-spacing:-.025em}.game-gallery__copy em{grid-column:1/-1;color:#87735a;font-style:normal;font-size:12px;line-height:1.62}.game-gallery__copy b{grid-column:1/-1;margin-top:7px;color:#9d6e28;font-size:10px}.game-gallery__foot{display:flex;justify-content:space-between;align-items:center;gap:14px;padding-top:3px}.game-gallery__foot>span{display:flex;align-items:center;gap:8px;color:#9b8363;font-size:9px;font-weight:800;letter-spacing:.08em}.game-gallery__foot>span i{width:7px;height:7px;border-radius:50%;background:#60b48b;box-shadow:0 0 0 5px rgba(96,180,139,.1)}.game-gallery__foot a{color:#986a28;font-size:10px;font-weight:850}
.game-lightbox[hidden]{display:none!important}.game-lightbox{position:fixed;inset:0;z-index:999;display:grid;place-items:center;padding:28px}.game-lightbox__backdrop{position:absolute;inset:0;border:0;background:rgba(50,37,18,.56);backdrop-filter:blur(18px);cursor:zoom-out}.game-lightbox__dialog{position:relative;z-index:1;width:min(1100px,94vw);padding:14px;border:1px solid rgba(255,235,194,.42);border-radius:27px;background:rgba(255,250,240,.96);box-shadow:0 40px 110px rgba(48,31,5,.28);animation:galleryIn .28s ease}.game-lightbox__figure{margin:0;overflow:hidden;border-radius:19px;background:#f1e4cd}.game-lightbox__figure>img{display:block;width:100%;max-height:72vh;object-fit:contain;background:#efe0c5}.game-lightbox__figure figcaption{display:grid;gap:5px;padding:15px 18px 10px}.game-lightbox__figure small{color:#a6752b;font-size:9px;font-weight:900;letter-spacing:.12em}.game-lightbox__figure strong{color:#483522;font-size:23px}.game-lightbox__figure span{color:#88745b;font-size:12px}.game-lightbox__close,.game-lightbox__nav{position:absolute;z-index:4;display:grid;place-items:center;border:1px solid rgba(161,112,37,.16);background:rgba(255,252,246,.94);color:#6b4b1c;box-shadow:0 10px 25px rgba(77,49,6,.12);cursor:pointer}.game-lightbox__close{right:25px;top:25px;width:40px;height:40px;border-radius:13px;font-size:24px}.game-lightbox__nav{top:50%;width:46px;height:62px;border-radius:15px;transform:translateY(-50%);font-size:35px}.game-lightbox__nav--prev{left:-23px}.game-lightbox__nav--next{right:-23px}.game-lightbox__dots{display:flex;justify-content:center;gap:7px;padding-top:12px}.game-lightbox__dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#d8c3a0;cursor:pointer;transition:.2s}.game-lightbox__dots button.active{width:24px;border-radius:999px;background:#b47d2e}@keyframes galleryIn{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
body.gallery-open{overflow:hidden}
@media(max-width:900px){.gl4-intro--compact{grid-template-columns:1fr}.game-gallery__grid{grid-template-columns:1fr 1fr}.game-gallery__card:last-child{grid-column:1/-1}.game-gallery__card:last-child .game-gallery__media{aspect-ratio:2/1}.game-lightbox__nav--prev{left:20px}.game-lightbox__nav--next{right:20px}}
@media(max-width:620px){.game-gallery{padding:16px;border-radius:22px}.game-gallery__head{align-items:flex-start;flex-direction:column}.game-gallery__counter{display:none}.game-gallery__grid{grid-template-columns:1fr}.game-gallery__card:last-child{grid-column:auto}.game-gallery__media,.game-gallery__card:last-child .game-gallery__media{aspect-ratio:1.48/1}.game-gallery__foot{align-items:flex-start;flex-direction:column}.game-lightbox{padding:8px}.game-lightbox__dialog{width:100%;padding:8px;border-radius:20px}.game-lightbox__figure{border-radius:14px}.game-lightbox__figure>img{max-height:68vh}.game-lightbox__close{right:16px;top:16px}.game-lightbox__nav{width:38px;height:48px;font-size:28px}.game-lightbox__nav--prev{left:13px}.game-lightbox__nav--next{right:13px}}


/* 4.7 center logo hero redesign */
.gl4-hero{grid-template-columns:.9fr 1.1fr .82fr!important;align-items:center!important}
.gl4-hero__intro--clean .gl4-logo-hero{display:none!important}
.gl4-hero__intro--clean h1{margin:10px 0 16px;color:#473521;font-size:clamp(40px,5vw,72px);line-height:.92;letter-spacing:-.055em}
.gl4-hero__intro--clean h1 em{font-style:normal;background:linear-gradient(180deg,#cb9337 0%,#8f6323 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.gl4-hero__intro--clean p{max-width:540px}
.gl4-core--centered{position:relative;display:grid;place-items:center;min-height:520px;padding:40px 30px}
.gl4-core--centered .gl4-core__halo{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(255,235,192,.95) 0%, rgba(247,213,144,.72) 30%, rgba(247,213,144,0) 68%);filter:blur(3px)}
.gl4-core--centered .gl4-core__brand{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:10px;padding:30px 28px;border:1px solid rgba(185,138,57,.16);border-radius:34px;background:linear-gradient(180deg,rgba(255,252,246,.95),rgba(249,238,219,.92));box-shadow:0 28px 60px rgba(112,78,33,.14), inset 0 1px 0 rgba(255,255,255,.9)}
.gl4-core--centered .gl4-core__brand img{width:min(420px,88vw);height:auto;display:block;filter:drop-shadow(0 16px 34px rgba(139,91,23,.18))}
.gl4-core--centered .gl4-core__brand small{color:#926723;font-size:12px;font-weight:900;letter-spacing:.14em}
.gl4-core--centered .gl4-core__brand span{color:#a0845c;font-size:10px;font-weight:800;letter-spacing:.14em}
.gl4-core--centered .gl4-core__orbit{opacity:.55}
.gl4-core__shot{position:absolute;z-index:3;display:flex;flex-direction:column;gap:8px;margin:0;width:170px;padding:10px;border:1px solid rgba(185,138,57,.14);border-radius:24px;background:rgba(255,252,246,.9);box-shadow:0 18px 40px rgba(112,78,33,.1)}
.gl4-core__shot img{display:block;width:100%;height:122px;object-fit:cover;border-radius:16px}
.gl4-core__shot figcaption{color:#6e5738;font-size:12px;font-weight:800;text-align:center}
.gl4-core__shot--one{left:8px;top:40px;transform:rotate(-6deg)}
.gl4-core__shot--two{right:0;top:70px;transform:rotate(6deg)}
.gl4-core__shot--three{left:50%;bottom:12px;transform:translateX(-50%) rotate(-1deg);width:190px}
/* hide old extra visual styling that suggests old artwork */
.gl4-core>img[src*="gold_core"], .gl4-logo-hero{display:none!important}
@media(max-width:1100px){.gl4-hero{grid-template-columns:1fr!important}.gl4-core--centered{order:-1;min-height:440px;padding-top:20px}.gl4-core__shot--one{left:0}.gl4-core__shot--two{right:0}.gl4-core__shot--three{bottom:0}}
@media(max-width:620px){.gl4-core--centered{min-height:390px;padding:24px 10px 10px}.gl4-core--centered .gl4-core__brand{padding:18px 12px;border-radius:24px}.gl4-core--centered .gl4-core__brand img{width:min(300px,82vw)}.gl4-core__shot{width:104px;padding:7px;border-radius:16px}.gl4-core__shot img{height:72px;border-radius:10px}.gl4-core__shot figcaption{font-size:10px}.gl4-core__shot--one{left:2px;top:18px}.gl4-core__shot--two{right:2px;top:38px}.gl4-core__shot--three{width:120px;bottom:2px}}


/* 4.8 index polish */
.champ-featured{order:0}
.champ-featured__head h2 svg,.gl4-section__head h2 svg,.gl4-panel-head strong svg,.game-gallery__head h2 svg{vertical-align:-3px;margin-right:8px;color:#b07a2a}
.game-gallery__grid--editorial{grid-template-columns:1fr!important;gap:16px!important}
.game-gallery__card--wide{display:grid;grid-template-columns:.92fr 1.08fr;align-items:stretch}
.game-gallery__card--wide .game-gallery__media{aspect-ratio:auto;min-height:300px;height:100%}
.game-gallery__card--wide .game-gallery__copy{padding:22px 22px 20px;align-content:start}
.game-gallery__card--wide .game-gallery__copy strong{font-size:28px}
.game-gallery__card--wide .game-gallery__copy em{font-size:14px;line-height:1.78}
.game-gallery__chips{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.game-gallery__chips mark{padding:8px 12px;border:1px solid rgba(185,138,57,.16);border-radius:999px;background:rgba(250,241,225,.9);color:#976929;font-size:11px;font-weight:800}
.champ-featured__lead strong,.champ-featured__item strong{color:#4d3927}
.champ-featured__copy em,.champ-featured__item em{color:#7f705d}
@media(max-width:900px){.game-gallery__card--wide{grid-template-columns:1fr}.game-gallery__card--wide .game-gallery__media{min-height:240px}}
@media(max-width:620px){.game-gallery__card--wide .game-gallery__copy strong{font-size:22px}.game-gallery__chips mark{font-size:10px;padding:7px 10px}}


/* 4.9 clean center hero — logo only, no gameplay thumbnails around it */
.gl4-core__shot{display:none!important}
.gl4-core--centered{min-height:500px!important;padding:38px 28px!important}
.gl4-core--centered .gl4-core__brand{min-width:min(520px,92%);padding:38px 34px!important;border-radius:38px!important;background:linear-gradient(180deg,rgba(255,254,250,.97),rgba(248,236,215,.93))!important;box-shadow:0 34px 78px rgba(112,78,33,.14),inset 0 1px 0 rgba(255,255,255,.95)!important}
.gl4-core--centered .gl4-core__brand:before{content:"";position:absolute;inset:-18px;border:1px solid rgba(190,143,61,.10);border-radius:46px;pointer-events:none}
.gl4-core--centered .gl4-core__brand img{width:min(460px,86vw)!important;filter:drop-shadow(0 20px 42px rgba(139,91,23,.20))!important}
.gl4-core--centered .gl4-core__halo{width:430px!important;height:430px!important;background:radial-gradient(circle,rgba(255,238,199,.98) 0%,rgba(246,208,128,.68) 34%,rgba(246,208,128,0) 70%)!important}
.gl4-core--centered .gl4-core__orbit--a{width:420px!important;height:420px!important}.gl4-core--centered .gl4-core__orbit--b{width:330px!important;height:330px!important}
@media(max-width:1100px){.gl4-core--centered{min-height:430px!important}.gl4-core--centered .gl4-core__brand{min-width:min(500px,88%)}}
@media(max-width:620px){.gl4-core--centered{min-height:340px!important;padding:18px 8px!important}.gl4-core--centered .gl4-core__brand{min-width:auto;width:94%;padding:22px 12px!important;border-radius:26px!important}.gl4-core--centered .gl4-core__brand img{width:min(310px,82vw)!important}.gl4-core--centered .gl4-core__brand:before{inset:-10px;border-radius:32px}.gl4-core--centered .gl4-core__halo{width:300px!important;height:300px!important}.gl4-core--centered .gl4-core__orbit--a{width:300px!important;height:300px!important}.gl4-core--centered .gl4-core__orbit--b{width:235px!important;height:235px!important}}


/* 5.0 balanced hero — only the main logo in the exact center */
.gl4-hero{
  grid-template-columns:minmax(0,1fr) minmax(340px,440px) minmax(0,1fr)!important;
  column-gap:28px!important;
  align-items:center!important;
}
.gl4-hero__intro,.gl4-hero__rail{width:100%;max-width:none!important;min-width:0}
.gl4-hero__intro{justify-self:stretch!important;padding-left:34px!important;padding-right:0!important}
.gl4-hero__rail{justify-self:stretch!important;padding-left:0!important;padding-right:34px!important}
.gl4-core--logo-only{
  position:relative!important;inset:auto!important;transform:none!important;
  width:100%!important;height:auto!important;min-height:430px!important;padding:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  opacity:1!important;filter:none!important;overflow:visible!important;
}
.gl4-core--logo-only>img{
  display:block!important;width:100%!important;max-width:440px!important;height:auto!important;
  object-fit:contain!important;filter:drop-shadow(0 18px 30px rgba(135,91,26,.14))!important;
}
.gl4-core--logo-only:before,.gl4-core--logo-only:after{display:none!important;content:none!important}
.gl4-core--logo-only .gl4-core__brand,.gl4-core--logo-only .gl4-core__halo,.gl4-core--logo-only .gl4-core__orbit{display:none!important}
/* Neutralise previous centered-core decoration rules. */
.gl4-core--centered{display:none!important}
@media(max-width:1180px){
  .gl4-hero{grid-template-columns:minmax(0,1fr) minmax(300px,380px) minmax(0,1fr)!important;column-gap:18px!important}
  .gl4-core--logo-only>img{max-width:380px!important}
  .gl4-hero__intro{padding-left:24px!important}.gl4-hero__rail{padding-right:24px!important}
}
@media(max-width:960px){
  .gl4-hero{grid-template-columns:1fr!important;row-gap:10px!important}
  .gl4-core--logo-only{grid-row:1!important;min-height:250px!important;padding:22px 24px 4px!important}
  .gl4-core--logo-only>img{max-width:520px!important;width:min(86vw,520px)!important}
  .gl4-hero__intro{grid-row:2!important;padding:8px 28px 24px!important}
  .gl4-hero__rail{grid-row:3!important;padding:0 18px 18px!important}
}
@media(max-width:620px){
  .gl4-core--logo-only{min-height:190px!important;padding:14px 12px 0!important}
  .gl4-core--logo-only>img{width:min(92vw,390px)!important;max-width:390px!important}
  .gl4-hero__intro{padding:4px 18px 20px!important}
}


/* 5.1 index repair: discussion readability + One Piece avatars + missing media */
.gl4-panel-head strong{display:inline-flex;align-items:center;gap:7px}
.gl4-thread-list--clean{padding:8px 10px!important}
.gl4-thread-list--clean .gl4-thread-row{min-height:68px!important;display:grid!important;grid-template-columns:44px minmax(0,1fr) 30px!important;align-items:center!important;gap:11px!important;padding:9px 6px!important;border-bottom:1px solid rgba(150,112,55,.10)!important;text-decoration:none!important;overflow:hidden!important}
.gl4-thread-list--clean .gl4-thread-row:last-child{border-bottom:0!important}
.gl4-thread-avatar{width:42px;height:42px;display:block!important;overflow:hidden;border:2px solid rgba(184,132,49,.28);border-radius:50%;background:#f4e5ca;box-shadow:0 7px 18px rgba(100,68,23,.10)}
.gl4-thread-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.gl4-thread-main{display:block!important;min-width:0!important;overflow:hidden!important}
.gl4-thread-main>b{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#4c3927!important;font-size:12px!important;font-weight:850!important;line-height:1.35!important}
.gl4-thread-main>small{display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important;margin-top:5px!important;color:#948067!important;font-size:9px!important;line-height:1.25!important;white-space:nowrap!important}
.gl4-thread-main>small strong{max-width:100px;overflow:hidden;text-overflow:ellipsis;color:#a47229!important;font-size:9px!important;font-weight:800!important}
.gl4-thread-main>small i{color:#c5ae8c;font-style:normal}.gl4-thread-main>small em{overflow:hidden;text-overflow:ellipsis;color:#9b896d!important;font-style:normal!important}
.gl4-thread-go{width:28px;height:28px;display:grid!important;place-items:center;border:1px solid rgba(150,112,55,.11);border-radius:10px;background:#fff8ec;color:#9c6f2c}
.gl4-thread-row:hover{background:#fff6e7!important}.gl4-thread-row:hover .gl4-thread-go{background:#edd5a8;color:#5d4219}
.champ-featured__media img,.champ-featured__thumb img,.gl4-news-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.post-thumb{display:block;width:100%;max-height:560px;object-fit:cover;background:#f0e2ca}
@media(max-width:620px){.gl4-thread-list--clean .gl4-thread-row{grid-template-columns:40px minmax(0,1fr) 28px!important;gap:8px!important}.gl4-thread-avatar{width:38px;height:38px}.gl4-thread-main>b{font-size:11px!important}.gl4-thread-main>small strong{max-width:76px}}


/* =====================================================
   HảiTặc4.0 Champagne PRO MAX 5.2
   ===================================================== */
:root{--pmx-gold:#b47a24;--pmx-gold-2:#e9c276;--pmx-ink:#44331f;--pmx-muted:#89745a;--pmx-pearl:#fffdf8;--pmx-line:rgba(167,116,36,.16)}
.gl4-home{gap:28px!important}
.gl4-hero{border-color:rgba(173,122,41,.18)!important;background:linear-gradient(145deg,rgba(255,254,250,.96),rgba(246,235,216,.9))!important;box-shadow:0 28px 78px rgba(109,76,30,.12)!important}
.gl4-core--logo-only img{filter:drop-shadow(0 20px 34px rgba(142,94,23,.16))!important;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.gl4-status-card,.gl4-event{border-color:rgba(174,122,40,.17)!important;box-shadow:0 20px 46px rgba(109,76,30,.09)!important}
.gl4-status-card:before,.champ-featured:before,.game-gallery:before,.promax-ecosystem:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(420px circle at var(--pmx,75%) var(--pmy,0%),rgba(229,188,112,.1),transparent 65%);border-radius:inherit}
.gl4-status-card,.champ-featured,.game-gallery,.promax-ecosystem{position:relative}
.promax-pulsebar{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:10px;border:1px solid var(--pmx-line);border-radius:22px;background:rgba(255,253,248,.88);box-shadow:0 18px 45px rgba(109,76,30,.08);backdrop-filter:blur(16px)}
.promax-pulsebar>a{position:relative;overflow:hidden;display:flex;align-items:center;gap:12px;min-height:72px;padding:13px 15px;border:1px solid rgba(174,122,40,.11);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(248,239,223,.76));transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
.promax-pulsebar>a:before,.gl4-services>a:before,.game-gallery__card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(260px circle at var(--pmx,75%) var(--pmy,0%),rgba(221,174,88,.15),transparent 66%);opacity:.9}
.promax-pulsebar>a:hover{transform:translateY(-3px);border-color:rgba(174,122,40,.25);box-shadow:0 14px 28px rgba(109,76,30,.08)}
.promax-pulsebar>a>i{position:relative;z-index:1;width:42px;height:42px;display:grid;place-items:center;flex:none;border-radius:14px;background:linear-gradient(145deg,#f7ead0,#ebd0a0);color:#9d6924}
.promax-pulsebar span{position:relative;z-index:1;display:grid;gap:3px}.promax-pulsebar small{color:#a38c6c;font-size:8px;font-weight:900;letter-spacing:.12em}.promax-pulsebar b{color:#4f3b25;font-size:12px}
.champ-featured{padding:28px!important;border-radius:30px!important;border-color:rgba(174,122,40,.16)!important;background:linear-gradient(145deg,rgba(255,253,248,.97),rgba(246,235,216,.9))!important;box-shadow:0 28px 68px rgba(109,76,30,.1)!important}
.champ-featured__lead{min-height:400px!important}.champ-featured__media img{transition:transform .65s cubic-bezier(.2,.75,.25,1)}.champ-featured__lead:hover .champ-featured__media img{transform:scale(1.025)}
.promax-hot{display:inline-flex;margin-right:8px;padding:4px 7px;border-radius:999px;background:linear-gradient(135deg,#d55445,#f08b59);color:#fff;font-style:normal;font-size:7px;letter-spacing:.08em;box-shadow:0 5px 14px rgba(199,70,55,.17)}
.gl4-section__head h2,.game-gallery__head h2,.champ-featured__head h2{letter-spacing:-.045em!important}
.gl4-platforms>a{overflow:hidden;position:relative;border-color:rgba(174,122,40,.13)!important}.gl4-platforms>a:hover{transform:translateY(-4px)!important;box-shadow:0 18px 34px rgba(109,76,30,.1)!important}
.gl4-intro--compact{gap:16px!important}.gl4-intro__statement{box-shadow:0 24px 54px rgba(109,76,30,.11)!important}
.game-gallery{border-color:rgba(174,122,40,.16)!important}.game-gallery__card--wide{min-height:310px}.game-gallery__card--wide .game-gallery__media{min-height:310px!important}.game-gallery__card--wide .game-gallery__copy{justify-content:center!important}.game-gallery__chips mark{background:linear-gradient(145deg,#fffaf0,#f2e2c5)!important;border-color:rgba(174,122,40,.15)!important}
.gl4-dashboard>article{border-color:rgba(174,122,40,.14)!important;box-shadow:0 18px 44px rgba(109,76,30,.075)!important}.gl4-panel-head strong{display:flex;align-items:center;gap:7px}
.gl4-thread-row{position:relative;overflow:hidden}.gl4-thread-row:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(220px circle at var(--pmx,80%) var(--pmy,10%),rgba(222,176,91,.11),transparent 70%)}
.promax-ecosystem{padding:26px;border:1px solid var(--pmx-line);border-radius:28px;background:linear-gradient(145deg,rgba(255,253,248,.95),rgba(246,236,218,.88));box-shadow:0 24px 58px rgba(109,76,30,.085)}
.promax-ecosystem .gl4-services{margin-top:18px}
.gl4-services>a{position:relative;overflow:hidden}
.gl4-final--promax{display:grid!important;grid-template-columns:1fr auto!important;align-items:end!important;gap:8px 28px!important;background:radial-gradient(circle at 85% 10%,rgba(255,244,215,.9),transparent 30%),linear-gradient(135deg,#f2dfba,#e6c88e)!important;border-color:rgba(164,111,30,.18)!important;box-shadow:0 28px 65px rgba(109,76,30,.12)!important}
.gl4-final--promax>span,.gl4-final--promax>h2,.gl4-final--promax>p{grid-column:1}.gl4-final--promax>div{grid-column:2;grid-row:1/4}.gl4-final--promax>p{max-width:680px;margin:2px 0 0;color:#806b50!important;line-height:1.7}
.m4-footer{background:linear-gradient(180deg,rgba(255,253,248,.5),rgba(243,231,211,.85))!important;border-color:rgba(174,122,40,.12)!important}
.mobile-bottom-nav{background:rgba(255,252,245,.96)!important;border-color:rgba(174,122,40,.15)!important;box-shadow:0 14px 34px rgba(109,76,30,.12)!important}.mobile-bottom-nav a{color:#8e795d!important}.mobile-bottom-nav a.active{color:#9d6b27!important;background:#f4e6cf!important}.mobile-bottom-nav__main{background:linear-gradient(135deg,#e7c274,#c68c33)!important;color:#38240a!important}
.promax-ready{opacity:0;transform:translateY(10px)}.promax-in{opacity:1;transform:none;transition:opacity .55s ease,transform .55s ease,border-color .24s ease,box-shadow .24s ease}
@media(max-width:1000px){.promax-pulsebar{grid-template-columns:repeat(2,1fr)}.gl4-final--promax{grid-template-columns:1fr!important}.gl4-final--promax>div{grid-column:1!important;grid-row:auto!important}}
@media(max-width:620px){.promax-pulsebar{grid-template-columns:1fr 1fr;padding:7px;border-radius:18px}.promax-pulsebar>a{min-height:62px;padding:10px}.promax-pulsebar>a>i{width:36px;height:36px}.promax-pulsebar small{font-size:7px}.promax-pulsebar b{font-size:10px}.champ-featured{padding:16px!important;border-radius:22px!important}.champ-featured__lead{min-height:330px!important}.promax-ecosystem{padding:16px;border-radius:22px}.game-gallery__card--wide .game-gallery__media{min-height:230px!important}.gl4-final--promax{padding:24px!important}}
@media(prefers-reduced-motion:reduce){.promax-ready{opacity:1;transform:none}.promax-in{transition:none}}


/* PRO MAX 5.4 - Coin -> Ruby exchange */
.coin-ruby-exchange{display:grid;gap:18px}
.coin-ruby-exchange__wallet{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:20px;border:1px solid rgba(181,132,48,.16);border-radius:22px;background:linear-gradient(135deg,#fffdf8,#f8ead1);box-shadow:0 18px 40px rgba(112,78,33,.08)}
.coin-ruby-exchange__wallet>div:not(.coin-ruby-exchange__arrow){display:grid;gap:5px}.coin-ruby-exchange__wallet small{color:#a27636;font-size:9px;font-weight:900;letter-spacing:.14em}.coin-ruby-exchange__wallet strong{color:#503a20;font-size:26px}.coin-ruby-exchange__wallet span{color:#8d795d;font-size:11px}.coin-ruby-exchange__arrow{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#eed59c,#c58f35);color:#41290a;font-size:24px;font-weight:900;box-shadow:0 12px 24px rgba(151,102,29,.18)}
.coin-ruby-exchange__form{padding:18px!important;border:1px solid rgba(181,132,48,.13)!important;border-radius:20px!important;background:rgba(255,253,248,.72)!important}
.coin-ruby-exchange__rate{display:inline-flex;padding:9px 12px;border:1px solid rgba(193,48,82,.14);border-radius:12px;background:#fff4f7;color:#a22e4f;font-size:12px;font-weight:900}
.coin-ruby-exchange__safe{display:flex;align-items:flex-start;gap:9px;margin-top:12px;padding:12px 14px;border:1px solid rgba(66,145,101,.14);border-radius:14px;background:#f1faf5;color:#42775a;font-size:11px;line-height:1.65}.coin-ruby-exchange__safe svg{flex:none;margin-top:1px}
#btn-exchange:disabled{opacity:.58;cursor:wait;transform:none!important}
@media(max-width:620px){.coin-ruby-exchange__wallet{grid-template-columns:1fr;text-align:center}.coin-ruby-exchange__arrow{margin:auto;transform:rotate(90deg)}.coin-ruby-exchange__wallet strong{font-size:22px}}


/* ============================================================
   7.1 — OPERATIONS / REWARD VAULT / CHARACTER / MONTHLY TOP
   Champagne light surfaces, shared visual language.
   ============================================================ */
.account-pro-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0 22px}.account-pro-actions>a{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;min-height:82px;padding:14px 15px;border:1px solid rgba(174,128,50,.14);border-radius:18px;background:linear-gradient(145deg,#fffdf8,#f7ecda);box-shadow:0 12px 28px rgba(102,72,31,.065);transition:.2s}.account-pro-actions>a:hover{transform:translateY(-3px);border-color:rgba(174,128,50,.28);box-shadow:0 20px 38px rgba(102,72,31,.11)}.account-pro-actions>a>i{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#f1dfbf;color:#9a6a22;font-style:normal}.account-pro-actions strong{display:block;color:#4c3824;font-size:13px}.account-pro-actions small{display:block;margin-top:3px;color:#907c63;font-size:9px}.account-pro-actions>a>svg{color:#aa7b34}

.vault-page,.char-pro-page,.monthly-top-page{width:min(1080px,100%);margin:0 auto;display:grid;gap:18px;color:#4b3a28}.vault-hero,.char-pro-head,.monthly-top-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 28px;border:1px solid rgba(181,135,57,.17);border-radius:25px;background:radial-gradient(circle at 86% 8%,rgba(218,180,105,.25),transparent 28%),linear-gradient(145deg,#fffdf9,#f7ead4);box-shadow:0 18px 48px rgba(102,72,31,.09)}.vault-hero>div:first-child>span,.char-pro-head>div>span,.monthly-top-hero>div:first-child>span,.vault-section-title>span,.monthly-section-head>span{color:#a4732c;font-size:8px;font-weight:950;letter-spacing:.16em}.vault-hero h1,.char-pro-head h1,.monthly-top-hero h1{display:flex;align-items:center;gap:9px;margin:5px 0 7px;color:#4a3420;font-size:clamp(27px,4vw,39px);line-height:1.05;letter-spacing:-.04em}.vault-hero p,.char-pro-head p,.monthly-top-hero p{max-width:720px;margin:0;color:#82715d;font-size:11px;line-height:1.7}.vault-hero__count,.monthly-top-hero>div:last-child{min-width:126px;padding:15px 18px;border:1px solid rgba(178,129,47,.15);border-radius:19px;background:rgba(255,253,248,.76);text-align:center;box-shadow:inset 0 1px 0 #fff}.vault-hero__count strong,.monthly-top-hero>div:last-child strong{display:block;color:#9e6c21;font-size:29px;line-height:1}.vault-hero__count small,.monthly-top-hero>div:last-child small{display:block;margin-top:7px;color:#9a866b;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.vault-toolbar{display:grid;grid-template-columns:minmax(260px,410px) 1fr;align-items:end;gap:12px;padding:15px 17px;border:1px solid rgba(181,135,57,.13);border-radius:18px;background:#fffaf2}.vault-toolbar label>span{display:block;margin-bottom:6px;color:#796344;font-size:9px;font-weight:900}.vault-toolbar select{height:43px!important;background:#fff!important;color:#4d3d2a!important;border-color:#e7d9c3!important}.vault-toolbar #vault-msg{min-height:22px;padding-bottom:8px;color:#8a785f;font-size:10px;font-weight:800}.vault-toolbar #vault-msg.success{color:#2f8058}.vault-toolbar #vault-msg.error{color:#b94f58}
.vault-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.vault-card{position:relative;display:grid;gap:12px;padding:18px;border:1px solid rgba(181,135,57,.14);border-radius:21px;background:linear-gradient(150deg,#fffefa,#f9eedc);box-shadow:0 13px 32px rgba(102,72,31,.07);transition:.22s}.vault-card:hover{transform:translateY(-3px);border-color:rgba(181,135,57,.25);box-shadow:0 20px 40px rgba(102,72,31,.11)}.vault-card.is-claimed{opacity:0;transform:scale(.97) translateY(8px)}.vault-card__meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.vault-card__meta span{padding:4px 7px;border-radius:999px;background:#eee0c7;color:#8f6224;font-size:7px;font-weight:950;letter-spacing:.08em}.vault-card__meta small{color:#aa9a85;font-size:7px}.vault-card h3{margin:0;color:#4f3922;font-size:18px;letter-spacing:-.025em}.vault-rewards{display:flex;flex-wrap:wrap;gap:7px}.vault-rewards>span{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:6px 9px;border:1px solid rgba(176,132,59,.1);border-radius:10px;background:rgba(255,252,246,.84);color:#6d5b45;font-size:8px}.vault-rewards img{width:24px;height:24px;object-fit:contain}.vault-rewards i{display:grid;place-items:center;width:24px;height:24px;color:#a3712b}.vault-rewards b{font-weight:850}.vault-rewards .is-money{color:#8f6424}.vault-claim{min-height:42px;border:1px solid rgba(164,115,36,.18);border-radius:12px;background:linear-gradient(135deg,#efd79f,#c99742);color:#3e290c;font-size:9px;font-weight:950;cursor:pointer;transition:.18s}.vault-claim:hover{filter:brightness(1.035);transform:translateY(-1px)}.vault-claim:disabled{opacity:.55;cursor:wait}.vault-empty{grid-column:1/-1;display:grid;place-items:center;min-height:190px;padding:28px;border:1px dashed rgba(181,135,57,.26);border-radius:20px;background:#fffaf2;text-align:center}.vault-empty>b{display:grid;place-items:center;width:50px;height:50px;border-radius:16px;background:#e9f4e9;color:#4e9468}.vault-empty h3{margin:10px 0 4px;color:#4d3925}.vault-empty p{max-width:520px;margin:0;color:#8b795f;font-size:10px}.vault-history{padding:20px;border:1px solid rgba(181,135,57,.12);border-radius:21px;background:#fffdf8}.vault-section-title{margin-bottom:12px}.vault-section-title h2,.monthly-section-head h2{margin:4px 0 0;color:#4d3925;font-size:21px}.vault-history__list{display:grid;gap:6px}.vault-history__list>div{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 10px;border-radius:11px;background:#faf2e5}.vault-history__list>div>span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#e9f4e9;color:#4c8f65}.vault-history__list b{overflow:hidden;color:#5d4830;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.vault-history__list small{color:#9b8a72;font-size:8px}

.char-pro-head .char-pro-vault{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 14px;border:1px solid rgba(171,123,45,.17);border-radius:12px;background:#fffaf0;color:#855d20;font-size:9px;font-weight:900}.char-pro-list{display:grid;gap:14px}.char-pro-card{display:grid;gap:16px;padding:20px;border:1px solid rgba(181,135,57,.14);border-radius:23px;background:linear-gradient(145deg,#fffefa,#f8eddd);box-shadow:0 15px 36px rgba(102,72,31,.07)}.char-pro-card__identity{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px}.char-pro-avatar{position:relative;width:70px;height:70px;padding:4px;border:1px solid rgba(177,129,48,.22);border-radius:18px;background:#fff}.char-pro-avatar img{width:100%;height:100%;object-fit:cover;border-radius:14px}.char-pro-avatar i{position:absolute;right:2px;bottom:3px;width:12px;height:12px;border:2px solid #fff;border-radius:50%;background:#b7b2aa}.char-pro-avatar i.is-online{background:#4dbb7c;box-shadow:0 0 0 4px rgba(77,187,124,.11)}.char-pro-card__identity>div:nth-child(2)>span{color:#8e7d67;font-size:7px;font-weight:950;letter-spacing:.12em}.char-pro-card__identity>div:nth-child(2)>h2{margin:3px 0 1px;color:#4c3722;font-size:23px}.char-pro-card__identity>div:nth-child(2)>p{margin:0;color:#9a886f;font-size:8px}.char-pro-card__identity>strong{padding:9px 12px;border-radius:12px;background:#f0dfbf;color:#8d6121;font-size:14px}.char-pro-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.char-pro-stats>div{padding:10px 11px;border:1px solid rgba(176,132,58,.1);border-radius:13px;background:#fffaf2}.char-pro-stats small{display:block;color:#a28e73;font-size:7px;font-weight:850;text-transform:uppercase}.char-pro-stats b{display:block;margin-top:3px;color:#5b452d;font-size:15px}.char-pro-haki{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.char-pro-haki>div{position:relative;display:grid;grid-template-columns:1fr auto;gap:3px 8px;padding:10px 11px 13px;border-radius:13px;background:#f7ebda;overflow:hidden}.char-pro-haki span{color:#7a654a;font-size:8px;font-weight:900}.char-pro-haki b{color:#9a6924;font-size:9px}.char-pro-haki i{grid-column:1/-1;position:relative;height:4px;margin-top:4px;border-radius:99px;background:#e8d9c2;overflow:hidden}.char-pro-haki i:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--p);border-radius:inherit;background:linear-gradient(90deg,#d9b66d,#af772a)}.char-pro-subtitle{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.char-pro-subtitle span{color:#9b6f2d;font-size:8px;font-weight:950;letter-spacing:.12em}.char-pro-subtitle b{color:#9d8b72;font-size:8px}.char-pro-equip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.char-pro-equip-grid>div{min-height:70px;padding:9px;border:1px solid rgba(176,132,58,.1);border-radius:12px;background:#fffaf2}.char-pro-equip-grid>div>span{display:block;color:#a38d70;font-size:7px}.char-pro-equip-grid>div>b{display:block;margin:3px 0;color:#59442d;font-size:9px}.char-pro-equip-grid>div>small{color:#a2712e;font-size:7px}.char-pro-equip-grid>p{grid-column:1/-1;margin:0;color:#927f65;font-size:9px}

.monthly-top-page{gap:15px}.monthly-podium{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.monthly-podium__card{position:relative;display:flex;flex-direction:column;align-items:center;min-height:255px;padding:18px 16px;border:1px solid rgba(181,135,57,.15);border-radius:22px;background:linear-gradient(150deg,#fffdf8,#f6ebdb);box-shadow:0 14px 34px rgba(102,72,31,.07);text-align:center}.monthly-podium__card.rank-1{order:2;border-color:rgba(184,130,41,.32);background:radial-gradient(circle at 50% 0,rgba(226,186,99,.32),transparent 34%),linear-gradient(150deg,#fffaf0,#efdcb9);transform:translateY(-6px)}.monthly-podium__card.rank-2{order:1}.monthly-podium__card.rank-3{order:3}.monthly-podium__card>span{color:#a16f27;font-size:8px;font-weight:950;letter-spacing:.14em}.monthly-podium__medal{width:52px;height:52px;display:grid;place-items:center;margin:10px 0 8px;border:1px solid rgba(177,130,51,.16);border-radius:17px;background:#fffaf0;color:#b17a2a;font-size:24px}.monthly-podium__card h2{margin:0;color:#4d3823;font-size:18px}.monthly-podium__card>strong{margin-top:3px;color:#9c6a20;font-size:14px}.monthly-podium__card>p{margin:10px 0 5px;color:#7e684d;font-size:9px;font-weight:800}.monthly-podium__reward{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin-top:auto}.monthly-podium__reward b,.monthly-podium__reward small{padding:4px 6px;border-radius:7px;background:rgba(255,252,246,.85);color:#70573b;font-size:7px}.monthly-top-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:12px}.monthly-ranking,.monthly-prev{padding:18px;border:1px solid rgba(181,135,57,.13);border-radius:20px;background:#fffdf8}.monthly-section-head{margin-bottom:11px}.monthly-ranking>p,.monthly-prev>p{color:#8f7c64;font-size:9px}.monthly-rank-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:43px;padding:7px 8px;border-bottom:1px solid rgba(177,130,51,.09)}.monthly-rank-row:last-child{border-bottom:0}.monthly-rank-row>b{width:32px;height:28px;display:grid;place-items:center;border-radius:8px;background:#f1e2c8;color:#936425;font-size:8px}.monthly-rank-row>span{overflow:hidden;color:#5c4630;font-size:10px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.monthly-rank-row>strong{color:#956722;font-size:10px}
.wheel-jackpot-pill{border-color:rgba(190,132,39,.26)!important;background:linear-gradient(135deg,#fff7df,#f2d69a)!important;color:#7a5016!important}.wheel-jackpot-pill strong{color:#8f5d17!important}.wheel-slot-item.is-jackpot-prize{border-color:rgba(203,141,43,.42)!important;box-shadow:0 11px 30px rgba(177,117,27,.15)!important}.wheel-slot-item__jackpot{position:absolute;left:7px;top:7px;z-index:4;padding:3px 5px;border-radius:999px;background:linear-gradient(135deg,#d99c36,#9d6518);color:#fff;font-size:6px;font-weight:950;letter-spacing:.08em;box-shadow:0 4px 12px rgba(116,73,14,.24)}
@media(max-width:850px){.account-pro-actions{grid-template-columns:1fr}.vault-grid{grid-template-columns:1fr}.monthly-top-grid{grid-template-columns:1fr}.char-pro-equip-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.vault-page,.char-pro-page,.monthly-top-page{gap:12px}.vault-hero,.char-pro-head,.monthly-top-hero{align-items:flex-start;flex-direction:column;padding:20px;border-radius:20px}.vault-hero__count,.monthly-top-hero>div:last-child{min-width:105px;align-self:stretch}.vault-toolbar{grid-template-columns:1fr}.vault-card{padding:14px}.vault-history__list>div{grid-template-columns:28px 1fr}.vault-history__list small{grid-column:2}.char-pro-card{padding:14px}.char-pro-card__identity{grid-template-columns:auto 1fr}.char-pro-card__identity>strong{grid-column:1/-1}.char-pro-stats{grid-template-columns:repeat(2,1fr)}.char-pro-haki{grid-template-columns:1fr}.monthly-podium{grid-template-columns:1fr}.monthly-podium__card.rank-1{order:1;transform:none}.monthly-podium__card.rank-2{order:2}.monthly-podium__card.rank-3{order:3}.monthly-podium__card{min-height:220px}.monthly-rank-row{grid-template-columns:36px 1fr auto}.char-pro-head .char-pro-vault{width:100%;justify-content:center}}
.wheel-slot-page[data-wheel-motion-engine="continuous-7.1"] .wheel-slot-track{will-change:transform;backface-visibility:hidden}.wheel-slot-page[data-wheel-motion-engine="continuous-7.1"].wheel-slot-idle-moving .wheel-slot-stage{box-shadow:inset 0 -1px 0 rgba(192,135,44,.1)}
@media(prefers-reduced-motion:reduce){.wheel-slot-page[data-wheel-motion-engine="continuous-7.1"] .wheel-slot-pointer:before{animation:none!important}}
.account-pro-actions>a>span{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#f1dfbf;color:#9a6a22}.account-pro-actions>a>div{min-width:0}.account-pro-actions>a>div>small{display:block;color:#a07942;font-size:7px;font-weight:950;letter-spacing:.1em}.account-pro-actions>a>div>b{display:block;margin-top:2px;color:#4c3824;font-size:13px}.account-pro-actions>a>div>p{margin:2px 0 0;overflow:hidden;color:#907c63;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.account-pro-actions>a>strong{color:#aa7b34;font-size:16px}

/* ============================================================
   8.0 — ULTIMATE EDITION
   Premium account chrome, batch Reward Vault, character overview,
   monthly season countdown. Bright Champagne only.
   ============================================================ */
.m4-wallet-chip,.m4-vault-chip{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;border:1px solid rgba(171,123,45,.16);border-radius:12px;background:linear-gradient(145deg,#fffdf8,#f6ead4);color:#80571d;box-shadow:0 7px 18px rgba(84,62,30,.05);transition:.18s}.m4-wallet-chip{padding:0 10px}.m4-wallet-chip b{font-size:10px}.m4-wallet-chip span{font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.m4-vault-chip{position:relative;width:38px}.m4-vault-chip b,.nav-count-badge,.mobile-vault-badge{display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#bb7b2a;color:#fff;font-size:7px;font-weight:950;box-shadow:0 4px 12px rgba(155,95,21,.22)}.m4-vault-chip b{position:absolute;right:-6px;top:-6px}.nav-vault-link{position:relative}.nav-count-badge{margin-left:auto}.m4-wallet-chip:hover,.m4-vault-chip:hover{transform:translateY(-2px);border-color:rgba(171,123,45,.3)}

.mobile-bottom-nav--ultimate .mobile-bottom-nav__main{position:relative}.mobile-vault-badge{position:absolute;top:-3px;right:calc(50% - 24px)}

.vault8-page{gap:16px}.vault8-hero{background:radial-gradient(circle at 88% 12%,rgba(230,196,130,.31),transparent 30%),linear-gradient(145deg,#fffdfa,#f8eedf)}.vault8-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.vault8-summary article{padding:14px 16px;border:1px solid rgba(177,130,53,.13);border-radius:17px;background:linear-gradient(145deg,#fff,#fbf5ea);box-shadow:0 10px 25px rgba(83,60,30,.045)}.vault8-summary span{display:block;color:#8b7a64;font-size:8px;font-weight:850}.vault8-summary b{display:block;margin:5px 0 2px;color:#8d601f;font-size:20px}.vault8-summary small{color:#aaa08f;font-size:7px}.vault8-toolbar{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(240px,1.2fr);gap:10px;padding:13px;border:1px solid rgba(177,130,53,.12);border-radius:18px;background:#fffdf9}.vault8-toolbar label>span{display:block;margin-bottom:5px;color:#81715e;font-size:8px;font-weight:900}.vault8-toolbar select,.vault8-toolbar input{width:100%;height:42px;padding:0 12px;border:1px solid #e8ddcd;border-radius:11px;background:#fff;color:#4e4336;font-size:9px;outline:none}.vault8-toolbar select:focus,.vault8-toolbar input:focus{border-color:#cfab68;box-shadow:0 0 0 3px rgba(198,153,75,.08)}.vault8-controlbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.vault8-filters{display:flex;gap:6px;flex-wrap:wrap}.vault8-filters button{min-height:32px;padding:0 11px;border:1px solid #eadfce;border-radius:999px;background:#fff;color:#867661;font-size:7.5px;font-weight:900;cursor:pointer}.vault8-filters button.active{border-color:#d2ac68;background:#f5e7cb;color:#85591a}.vault8-batch{display:flex;align-items:center;gap:9px}.vault8-batch label{display:flex;align-items:center;gap:5px;color:#776858;font-size:8px;font-weight:800}.vault8-batch input{accent-color:#ad7629}.vault8-batch button{display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:0 12px;border:0;border-radius:10px;background:linear-gradient(135deg,#c6923f,#a86d1e);color:#fff;font-size:8px;font-weight:950;cursor:pointer;box-shadow:0 7px 17px rgba(151,96,22,.16)}.vault8-batch button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.vault8-batch button b{display:grid;place-items:center;min-width:19px;height:19px;padding:0 4px;border-radius:999px;background:rgba(255,255,255,.19);font-size:7px}.vault8-message{min-height:18px;padding:0 2px;color:#7d6d59;font-size:8px;font-weight:800}.vault8-message.success{color:#3e855f}.vault8-message.error{color:#b55349}.vault8-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.vault8-card{position:relative;padding-top:40px}.vault8-card[hidden]{display:none!important}.vault8-select{position:absolute;left:14px;top:13px;width:22px;height:22px;cursor:pointer}.vault8-select input{position:absolute;opacity:0}.vault8-select span{display:grid;width:22px;height:22px;border:1px solid #e1d4c1;border-radius:7px;background:#fff;box-shadow:inset 0 1px 0 #fff}.vault8-select input:checked+span{border-color:#ba8130;background:linear-gradient(145deg,#d7aa60,#a96f21)}.vault8-select input:checked+span:after{content:"✓";display:grid;place-items:center;height:100%;color:#fff;font-size:12px;font-weight:950}.vault8-card.is-claimed{opacity:0;transform:scale(.97);transition:.35s}.vault8-history{margin-top:4px}

.char8-head-actions{display:flex;gap:8px;flex-wrap:wrap}.char8-head-actions .char-pro-vault{position:relative}.char8-head-actions .char-pro-vault b{display:grid;place-items:center;min-width:20px;height:20px;margin-left:5px;padding:0 5px;border-radius:999px;background:#b47a28;color:#fff;font-size:7px}.char8-head-actions .is-soft{background:#fff;border-color:#eadfcf;color:#76634d}.char8-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.char8-overview article{padding:15px 16px;border:1px solid rgba(175,128,50,.13);border-radius:17px;background:linear-gradient(145deg,#fff,#faf2e5);box-shadow:0 10px 24px rgba(84,62,30,.045)}.char8-overview span{display:block;color:#8e7c67;font-size:8px;font-weight:850}.char8-overview b{display:block;margin:5px 0 2px;color:#8f6222;font-size:20px}.char8-overview small{color:#aaa08f;font-size:7px}.char8-switcher{display:flex;gap:8px;overflow:auto;padding:2px 1px 5px}.char8-switcher a{position:relative;display:flex;align-items:center;gap:7px;flex:0 0 auto;min-width:126px;padding:7px 10px;border:1px solid #e8ddce;border-radius:12px;background:#fff;color:#695a49;font-size:8px;font-weight:900}.char8-switcher img{width:28px;height:28px;border-radius:9px;object-fit:cover}.char8-switcher i{position:absolute;right:7px;top:7px;width:7px;height:7px;border:2px solid #fff;border-radius:50%;background:#55b77a}.char8-card{scroll-margin-top:96px}.char8-section-label{display:flex;align-items:center;justify-content:space-between;margin:2px 0 -5px;padding:0 2px}.char8-section-label span{color:#a16e25;font-size:7px;font-weight:950;letter-spacing:.14em}.char8-section-label small{color:#a99c8a;font-size:7px}

.monthly8-hero{align-items:stretch}.monthly8-countdown{min-width:150px!important;display:grid!important;align-content:center!important;grid-template-columns:auto auto!important;column-gap:5px!important;padding:14px 18px!important}.monthly8-countdown strong{font-size:34px!important;line-height:1!important}.monthly8-countdown small{align-self:end;margin:0 0 3px!important;font-size:8px!important;text-align:left!important}.monthly8-countdown b{grid-column:1/-1;margin-top:5px;color:#6a4c25;font-size:13px;letter-spacing:.08em}.monthly8-countdown span{grid-column:1/-1;margin-top:2px;color:#a18f78;font-size:7px}.monthly8-my-rank{display:inline-flex;align-items:center;gap:8px;margin-top:10px;padding:7px 10px;border:1px solid rgba(177,129,48,.13);border-radius:999px;background:rgba(255,255,255,.66)}.monthly8-my-rank b{color:#8d5f1c;font-size:8px}.monthly8-my-rank span{color:#8e806f;font-size:7px}.monthly-rank-row.is-me{border:1px solid #e5c98f!important;background:linear-gradient(90deg,#fff8e8,#fff)!important;box-shadow:0 6px 18px rgba(150,102,28,.07)}.monthly-rank-row.is-me span{color:#84591b;font-weight:950}

@media(max-width:1100px){.m4-wallet-chip span{display:none}.vault8-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.m4-wallet-chip,.m4-vault-chip{display:none}.vault8-summary,.char8-overview{grid-template-columns:repeat(2,1fr)}.vault8-toolbar{grid-template-columns:1fr}.vault8-controlbar{align-items:stretch;flex-direction:column}.vault8-batch{justify-content:space-between}.monthly8-hero{align-items:flex-start}.monthly8-countdown{align-self:stretch;min-width:0!important}}
@media(max-width:600px){.vault8-grid{grid-template-columns:1fr}.vault8-summary,.char8-overview{grid-template-columns:1fr 1fr}.vault8-summary article,.char8-overview article{padding:12px}.vault8-summary b,.char8-overview b{font-size:16px}.vault8-batch{display:grid;grid-template-columns:1fr auto}.vault8-batch button{min-height:38px}.char8-head-actions{width:100%}.char8-head-actions a{flex:1;justify-content:center}.monthly8-countdown strong{font-size:28px!important}}
.gl4-services--ultimate{grid-template-columns:repeat(3,1fr)!important}.gl4-services--ultimate>a{min-height:118px!important}.gl4-services--ultimate>a:nth-child(1),.gl4-services--ultimate>a:nth-child(2){background:linear-gradient(145deg,#fffdf9,#f5e6ca)!important;border-color:rgba(177,129,48,.2)!important}.gl4-services--ultimate>a:nth-child(1)>svg,.gl4-services--ultimate>a:nth-child(2)>svg{color:#b17824!important}
@media(max-width:900px){.gl4-services--ultimate{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:620px){.gl4-services--ultimate{grid-template-columns:1fr!important}}


/* ============================================================
   STABLE PERFORMANCE MODE — 2026-08-21
   Layout is untouched. Expensive paint/motion is disabled on touch/mobile.
   ============================================================ */
@media (max-width: 1024px), (pointer: coarse) {
  .is-home .m4-backdrop__noise,
  .is-home .m4-backdrop__glow,
  .is-home .page-fx,
  .is-home .gl4-dust,
  .is-home .gl4-hero__stars,
  .is-home .gl4-hero__beam,
  .is-home .gl4-core__orbit {
    display: none !important;
  }

  .is-home .site-header,
  .is-home .site-header.scrolled,
  .is-home .m4-nav-shell,
  .is-home .main-nav,
  .is-home .nav-dropdown__menu,
  .is-home .mobile-bottom-nav,
  .is-home .m4-livebar,
  .is-home .game-lightbox__dialog {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  .is-home .gl4-home *,
  .is-home .gl4-home *::before,
  .is-home .gl4-home *::after,
  .is-home .m4-backdrop *,
  .is-home #preloader * {
    animation: none !important;
  }

  .is-home .reveal {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }

  .is-home .gl4-core img,
  .is-home .m4-brand img,
  .is-home .intro-brand-logo img,
  .is-home .gl4-event__media img,
  .is-home .champ-featured__media img,
  .is-home .champ-featured__thumb img,
  .is-home .game-gallery__card img {
    filter: none !important;
  }

  .is-home .gl4-hero,
  .is-home .gl4-status-card,
  .is-home .gl4-event,
  .is-home .champ-featured__lead,
  .is-home .champ-featured__item,
  .is-home .game-gallery__card,
  .is-home .gl4-dashboard>article,
  .is-home .gl4-platforms>a,
  .is-home .gl4-services>a,
  .is-home .promax-pulsebar>a {
    box-shadow: 0 6px 18px rgba(38, 28, 16, .07) !important;
  }
}

@media (max-width: 640px) {
  .is-home .m4-backdrop { display: none !important; }
  .is-home .gl4-home { transform: none !important; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
  }
}

/* ============================================================
   ULTRA SMOOTH HOME — 2026-08-21
   Goal: lightweight, responsive interactions without changing layout.
   ============================================================ */
.is-home .m4-backdrop,
.is-home .page-fx {
  display:none!important;
}

/* Expensive GPU blur/filter effects are removed from the landing page. */
.is-home .site-header.scrolled,
.is-home .m4-nav-shell,
.is-home .main-nav,
.is-home .nav-dropdown__menu,
.is-home .mobile-bottom-nav,
.is-home .gl4-livebar,
.is-home .game-lightbox__dialog {
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* No continuous animation loops on Home. Keep only short reveal motion on capable desktop. */
.is-home .gl4-home *:not(.reveal),
.is-home .gl4-home *::before,
.is-home .gl4-home *::after {
  animation:none!important;
}
.is-home .gl4-core img,
.is-home .gl4-event__media img,
.is-home .champ-featured__media img,
.is-home .champ-featured__thumb img,
.is-home .game-gallery__card img {
  filter:none!important;
}

/* Smaller paint regions, softer shadows, and cheaper hover behavior. */
.is-home .gl4-hero,
.is-home .gl4-status-card,
.is-home .gl4-event,
.is-home .champ-featured,
.is-home .champ-featured__lead,
.is-home .champ-featured__item,
.is-home .game-gallery,
.is-home .game-gallery__card,
.is-home .gl4-dashboard>article,
.is-home .gl4-platforms>a,
.is-home .gl4-services>a,
.is-home .promax-pulsebar,
.is-home .promax-pulsebar>a,
.is-home .promax-ecosystem,
.is-home .gl4-final--promax {
  box-shadow:0 8px 24px rgba(64,45,20,.075)!important;
}

@media (hover:hover) and (pointer:fine) {
  .is-home .reveal {
    opacity:0;
    transform:translateY(8px);
    transition:opacity .28s ease,transform .28s ease;
  }
  .is-home .reveal.visible { opacity:1; transform:none; }
  .is-home .gl4-platforms>a,
  .is-home .gl4-services>a,
  .is-home .champ-featured__item,
  .is-home .game-gallery__card,
  .is-home .promax-pulsebar>a {
    transition:transform .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease!important;
  }
  .is-home .gl4-platforms>a:hover,
  .is-home .gl4-services>a:hover,
  .is-home .champ-featured__item:hover,
  .is-home .game-gallery__card:hover,
  .is-home .promax-pulsebar>a:hover {
    transform:translateY(-2px)!important;
  }
}

@media (max-width:1024px), (pointer:coarse), (prefers-reduced-motion:reduce) {
  .is-home .reveal,
  .is-home .reveal.visible {
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
  .is-home .gl4-platforms>a,
  .is-home .gl4-services>a,
  .is-home .champ-featured__item,
  .is-home .game-gallery__card,
  .is-home .promax-pulsebar>a,
  .is-home .btn,
  .is-home .m4-primary,
  .is-home .m4-cta {
    transform:none!important;
    transition:none!important;
  }
}

/* ============================================================
   PERFORMANCE 8.1 — GLOBAL SMOOTH UI + LOGOUT
   2026-08-31: giảm repaint/GPU blur trên toàn site, giữ layout.
   ============================================================ */

/* Decorative fixed layers were the most expensive full-screen paints. */
.m4-backdrop__mesh,
.m4-backdrop__noise,
.m4-backdrop__glow,
.page-fx {
  display:none!important;
}

/* Keep the same translucent surfaces without costly live backdrop blur. */
.site-header.scrolled,
.m4-nav-shell,
.main-nav,
.nav-dropdown__menu,
.mobile-bottom-nav,
#backTop,
#zaloFab {
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}


/* On touch/smaller devices, avoid all entrance transitions and heavy hover work. */
@media (max-width:1024px), (pointer:coarse) {
  .reveal,
  .reveal.visible {
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }

  .game-gallery__card,
  .champ-featured__item,
  .gl4-platforms>a,
  .gl4-services>a,
  .promax-pulsebar>a,
  .account81-quick-actions a,
  .m4-wallet-chip,
  .m4-vault-chip {
    transition:none!important;
    transform:none!important;
  }
}

/* Logout is intentionally compact so desktop and mobile header stay aligned. */
.m4-logout-form{margin:0;display:flex;align-items:center}
.m4-logout{
  height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 11px;
  border:1px solid rgba(190,88,68,.18);
  border-radius:11px;
  background:#fff3ef;
  color:#a64f3f;
  cursor:pointer;
  font-size:9px;
  font-weight:900;
  white-space:nowrap;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease;
}
.m4-logout:hover{background:#ffe9e3;border-color:rgba(190,88,68,.32);color:#8e3e31}
.m4-logout svg{flex:0 0 auto}

@media(max-width:760px){
  .m4-logout{width:38px;padding:0}
  .m4-logout span{display:none}
}
@media(max-width:430px){
  .m4-logout{width:34px;height:34px;border-radius:10px}
  .m4-account{height:38px}
  .m4-account img{width:30px;height:30px}
}
.gl4-core--logo-only picture{display:grid;place-items:center;width:100%}
.gl4-core--logo-only picture>img{max-width:100%;height:auto}
.account81-quick-actions .account81-logout-form{display:flex;margin:0}
.account81-quick-actions .account81-logout-form button{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:9px 12px;
  border:1px solid rgba(190,88,68,.16);border-radius:12px;background:#fff3ef;color:#a34c3d;
  font-size:10px;font-weight:850;cursor:pointer;
}
.account81-quick-actions .account81-logout-form button:hover{background:#ffe9e3;border-color:rgba(190,88,68,.28)}
@media(max-width:700px){.account81-quick-actions .account81-logout-form{display:flex}.account81-quick-actions .account81-logout-form button{min-height:38px}}

/* PERF3.1 — final paint-cost reductions */
.is-home .gl4-core{
  filter:none!important;
}
.is-home .promax-pulsebar,
.is-home .game-gallery__media i,
.game-lightbox__backdrop{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.game-lightbox__backdrop{
  background:rgba(50,37,18,.72)!important;
}

/* 2026-08-31: 4 gói tải trực tiếp APK / JAR / PC / IPA */
.gl4-platforms.gl4-platforms--downloads{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1100px){.gl4-platforms.gl4-platforms--downloads{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.gl4-platforms.gl4-platforms--downloads{grid-template-columns:1fr}}