@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--navy:#08264b;--deep:#061b36;--gold:#f2bd55;--cream:#fbf7ee;--ink:#112f58;--line:rgba(23,55,91,.12);--shadow:0 4px 18px rgba(11,34,65,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f0e8;color:var(--ink);font:14px Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{height:53px;background:linear-gradient(100deg,#06182e,#09274e 60%,#061a34);color:#fff;position:relative;z-index:20;box-shadow:0 2px 9px #071a3270}.header-inner{max-width:1440px;height:53px;margin:auto;padding:0 3.1%;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;width:174px;flex:0 0 174px;height:53px;overflow:hidden}.brand img{width:166px;height:51px;object-fit:contain;mix-blend-mode:screen}.main-nav{display:flex;align-items:stretch;justify-content:space-between;gap:clamp(12px,2vw,33px);height:100%;flex:1}.nav-link{display:flex;align-items:center;white-space:nowrap;font-size:12px;font-weight:700;color:#f5f6fb;position:relative;padding:0 2px}.nav-link:hover,.nav-link.active{color:#ffcf68}.nav-link.active:after{content:"";height:3px;position:absolute;bottom:0;left:-10px;right:-10px;background:linear-gradient(90deg,transparent,#f5c45d,transparent);box-shadow:0 -2px 12px #e9b84c65}.language{display:flex;align-items:center;gap:9px;border:1px solid #9bb2cf66;border-radius:24px;padding:8px 13px;font-size:11px;font-weight:700;white-space:nowrap}.globe{font-size:21px;line-height:12px}.chevron{font-size:16px;color:#dce8f6}.menu-toggle{display:none;background:transparent;border:0;color:white}.hero{position:relative;line-height:0;overflow:hidden;background:#173c69}.hero-art{width:100%;height:auto;min-height:220px;max-height:360px;object-fit:cover;object-position:center}.hero-hit{position:absolute;top:70.8%;height:15.5%;border-radius:12px}.hit-download{left:38.8%;width:11.4%}.hit-explore{left:50.8%;width:10.4%}.content-wrap{max-width:1440px;margin:0 auto;padding:20px 3.1% 0}.panel{background:rgba(255,252,245,.88);border:1px solid rgba(26,55,89,.1);border-radius:11px;box-shadow:0 2px 10px rgba(26,46,70,.025)}.intro-steps{display:grid;grid-template-columns:27% minmax(0,1fr);min-height:201px;padding:14px 17px 10px;gap:12px}.intro-copy{padding:0 5px 0 3px}.section-kicker,.section-heading h2{font-size:16px;font-weight:800;letter-spacing:.15px;margin:0;color:#102e56}.diamond{font-size:22px;color:#173a68;vertical-align:-2px;margin-right:6px}.intro-copy h1{font:900 23px/1.3 Cinzel,Georgia,serif;letter-spacing:.15px;margin:7px 0 5px;color:#102e56}.intro-copy p{font-size:13.5px;line-height:1.38;margin:0 0 9px;color:#19375c;max-width:345px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;border-radius:10px;padding:9px 17px;font-weight:700}.btn-small{padding:6px 18px;font-size:13px}.btn span{font-size:23px;line-height:12px}.btn-navy{background:linear-gradient(#173d6d,#0b2a51);color:white;box-shadow:0 2px 3px #0b234522}.btn-gold{background:linear-gradient(#ffdb85,#f3b84f);color:#142e4c}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);align-items:stretch}.step-card{text-align:center;position:relative;padding:0 9px 2px;border-left:1px solid rgba(28,57,89,.08);min-width:0}.step-card:first-child{border-left:0}.step-num{position:absolute;top:-2px;left:7px;width:32px;height:32px;border-radius:50%;background:#143862;color:white;font-weight:800;font-size:15px;display:grid;place-items:center;box-shadow:0 2px 3px #102b4a20}.step-card img{height:97px;width:100%;object-fit:contain;margin:0 auto 1px}.step-card h3{font-size:14px;margin:0 0 5px;color:#102d54}.step-card p{font-size:12.5px;line-height:1.3;margin:0;color:#233d60}.dashboard-grid{display:grid;grid-template-columns:1.23fr .92fr 1.08fr;grid-template-rows:auto auto;gap:9px;margin-top:9px;align-items:start}.collection-panel,.leaderboard-panel,.news-panel,.support-panel{padding:10px 14px 12px;min-width:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;min-width:0}.section-heading h2{font-size:16px;white-space:nowrap}.section-heading h2 .diamond{font-size:21px}.section-heading>a{font-size:12px;font-weight:700;text-decoration:underline;white-space:nowrap}.section-heading>a span{font-size:19px;display:inline-block;vertical-align:-2px}.card-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding-top:2px}.collection-card{display:block;min-width:0;transition:transform .18s}.collection-card:hover{transform:translateY(-4px)}.collection-card img{width:100%;height:145px;object-fit:fill;filter:drop-shadow(0 2px 2px #132c4528);border-radius:5px}.rank-table{font-size:11.5px}.rank-head,.rank-row{display:grid;grid-template-columns:29px minmax(0,1fr) 68px 52px;align-items:center;gap:4px}.rank-head{background:#e9e9e7;color:#304661;padding:5px 6px;border-radius:5px 5px 0 0;text-align:center}.rank-row{height:28px;padding:2px 6px;border-bottom:1px solid rgba(24,50,80,.1)}.rank-row>strong,.rank-row>b{text-align:center;font-size:11.5px;color:#0b2a51;white-space:nowrap}.rank-row>b{font-size:10.5px}.medal{text-align:center;font-weight:800;font-size:15px}.player-name{display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar{width:21px;height:21px;border-radius:50%;flex:0 0 21px;background:linear-gradient(140deg,#e7b08a,#567fa3);border:1px solid white;color:#fff;display:grid;place-items:center;font-size:9px;font-weight:800;box-shadow:0 0 0 1px #b7c4d1}.news-panel{grid-row:auto;z-index:2}.news-list{display:flex;flex-direction:column;gap:6px}.news-item{display:grid;grid-template-columns:36% minmax(0,1fr) 12px;gap:8px;align-items:center;padding-bottom:1px;min-width:0}.news-item>img{width:100%;height:59px;object-fit:cover;border-radius:6px}.news-copy{display:flex;flex-direction:column;min-width:0;gap:2px}.news-meta{display:flex;align-items:center;gap:9px;white-space:nowrap}.news-meta time{font-size:10.5px;color:#667a93}.tag{font-size:9px;color:white;padding:3px 6px;border-radius:5px;font-weight:800;line-height:1}.tag-sự{background:#f35d6c}.tag-cập{background:#2586df}.tag-cộng{background:#b44de0}.news-copy>strong{font-size:11.5px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.news-copy>small{font-size:10.5px;line-height:1.22;color:#354e70}.news-arrow{font-size:24px;color:#0e315b}.download-panel{grid-column:1/3;min-height:157px;border-radius:11px;position:relative;overflow:hidden;background:linear-gradient(105deg,#0b2a51,#1a4a7a);color:white;display:flex;align-items:stretch}.download-panel:before{content:"";position:absolute;inset:0;background:url('../img/hero-banner.jpg') center 38%/cover;opacity:.4;mix-blend-mode:screen}.download-copy{position:relative;z-index:2;padding:17px 22px;max-width:61%}.download-copy h2{font-size:16px;color:#ffc65a;margin:0 0 10px;font-weight:800}.download-copy h2 .diamond{color:#ffc65a}.download-copy h3{font-size:13px;margin:0 0 5px;font-weight:800}.download-copy p{font-size:12px;margin:0 0 10px;color:#e6edf8}.app-store{display:inline-flex;align-items:center;gap:9px;border:1px solid #fff;border-radius:8px;background:#050505;color:white;padding:5px 12px;min-width:145px}.apple-mark{font-size:24px;line-height:1}.app-store small,.app-store strong{display:block}.app-store small{font-size:8px}.app-store strong{font-size:16px;line-height:1.1}.phone-art{position:absolute;z-index:1;right:1%;bottom:-21px;width:53%;height:170px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 3px 5px #0716297a)}.support-panel{grid-column:3;grid-row:2;margin-top:-2px;z-index:3;position:relative}.support-panel>p{font-size:12px;margin:0 0 9px 20px}.support-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.support-actions a{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #d8dfe6;background:#fbf9f4;border-radius:10px;min-height:53px;padding:7px 5px}.support-actions a:hover{border-color:#dcae54;background:#fffaf0}.support-actions span{font-size:24px;line-height:1;color:#143b68}.support-actions b{font-size:10.5px;line-height:1.25;font-weight:600}.site-footer{background:linear-gradient(100deg,#071b34,#0b2b50);color:#d9e2ef;min-height:68px}.footer-inner{max-width:1440px;margin:auto;min-height:68px;padding:8px 3.1%;display:flex;align-items:center;gap:22px}.footer-brand{flex:0 0 118px;overflow:hidden}.footer-brand img{width:118px;height:36px;object-fit:contain;mix-blend-mode:screen}.footer-links{display:flex;align-items:center;gap:9px;flex:1;white-space:nowrap;font-size:10.5px}.footer-links a:hover,.legal a:hover{color:#ffca62}.footer-links i{height:10px;width:1px;background:#8b9cb1;opacity:.65}.legal{margin-left:auto;text-align:right;font-size:10px;line-height:1.8;white-space:nowrap}.legal div{display:flex;justify-content:flex-end;gap:8px}.legal b{font-weight:400;color:#8195ac}.legal small{font-size:10px;color:#aebdd0}.age-rating{width:43px;height:43px;border:2px solid #dbe5f1;border-radius:5px;display:grid;place-items:center;font-weight:900;font-size:18px;flex:0 0 43px;color:white}
.page-hero{position:relative;min-height:190px;display:flex;align-items:center;justify-content:center;text-align:center;color:white;overflow:hidden;background:linear-gradient(110deg,#08264bde,#0b3157d9),url('../img/hero-banner.jpg') center 43%/cover}.page-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#071d37a0,transparent 60%)}.page-hero-inner{position:relative;z-index:1;padding:30px 20px}.page-hero h1{font:800 clamp(25px,3vw,38px)/1.2 Cinzel,Georgia,serif;margin:0 0 10px;color:#ffcf73;text-shadow:0 2px 4px #06172b}.page-hero p{margin:0;font-size:14px;color:#f3f6fc}.page-content{max-width:1250px;margin:0 auto;padding:24px 3.1% 42px}.page-panel{background:var(--cream);border:1px solid var(--line);border-radius:12px;padding:22px;box-shadow:var(--shadow);margin-bottom:16px}.page-panel h2{font:800 21px Cinzel,Georgia,serif;margin:0 0 13px;color:var(--navy)}.page-panel h3{margin:0 0 7px;color:#16375e}.page-panel p{line-height:1.65;color:#344f70}.page-panel ul{padding-left:22px;line-height:1.8}.news-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.news-card{overflow:hidden;border:1px solid var(--line);border-radius:11px;background:#fffdf7}.news-card img{width:100%;height:160px;object-fit:cover}.news-card-body{padding:15px}.news-card .news-meta{margin-bottom:9px}.news-card h3{font-size:16px;margin:0 0 6px}.news-card p{font-size:13px;margin:0}.rules-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.rules-step{padding:18px;border-radius:10px;background:#fffdf8;border:1px solid var(--line)}.rules-step .step-num{position:static;margin-bottom:14px}.rules-step h3{margin:0 0 8px}.rules-step p{font-size:13px;margin:0}.static-table{width:100%;border-collapse:collapse;font-size:14px}.static-table th{background:#e7edf3;text-align:left;color:#18395f}.static-table th,.static-table td{padding:11px 13px;border-bottom:1px solid var(--line)}.static-table td:first-child,.static-table th:first-child{text-align:center;width:65px}.static-table td:nth-child(3),.static-table td:nth-child(4){font-weight:700}.collection-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.collection-tile{padding:13px;text-align:center;background:#fffdf8;border:1px solid var(--line);border-radius:11px}.collection-tile img{height:230px;width:100%;object-fit:contain;margin:0 auto 10px}.collection-tile h3{margin:0 0 4px}.collection-tile p{margin:0;font-size:12px}.download-feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px}.download-feature img{width:100%;max-height:300px;object-fit:contain}.download-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.download-buttons a{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:8px;background:#061b36;color:#fff;font-weight:700}.download-buttons a.secondary{background:#f3bd56;color:#102a4a}.faq-list details{padding:15px 0;border-bottom:1px solid var(--line)}.faq-list summary{font-weight:700;cursor:pointer;color:#17375e}.faq-list details p{margin-bottom:0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-card{padding:18px;border:1px solid var(--line);border-radius:10px;background:#fffdf8}.contact-card a{color:#0b5a98;text-decoration:underline}
@media(min-width:1500px){.hero-art{max-height:370px}.content-wrap{padding-top:20px}}@media(max-width:1100px){.header-inner{gap:13px;padding:0 2%}.brand{width:135px;flex-basis:135px}.brand img{width:135px}.main-nav{gap:12px}.nav-link{font-size:10px}.language{padding:7px 9px}.content-wrap{padding-left:2%;padding-right:2%}.intro-steps{grid-template-columns:28% minmax(0,1fr);padding:12px}.intro-copy h1{font-size:19px}.intro-copy p{font-size:12px}.section-heading h2{font-size:13px}.collection-card img{height:125px}.rank-head,.rank-row{grid-template-columns:22px minmax(0,1fr) 54px 43px}.rank-table,.rank-row>strong{font-size:10px}.news-item{grid-template-columns:33% minmax(0,1fr) 10px;gap:5px}.news-item>img{height:54px}.news-copy>strong{font-size:10.5px}.news-copy>small{font-size:9.5px}.support-actions{gap:5px}.support-actions b{font-size:9px}.footer-inner{gap:12px}.footer-links{gap:6px;font-size:9px}.legal,.legal small{font-size:9px}}
@media(max-width:760px){.site-header,.header-inner{height:60px}.header-inner{padding:0 16px;justify-content:space-between}.brand{width:145px;flex-basis:145px;height:56px}.brand img{width:145px;height:54px}.menu-toggle{display:flex;flex-direction:column;gap:5px;padding:8px;order:3}.menu-toggle span{width:22px;height:2px;background:#fff;border-radius:2px}.language{margin-left:auto;margin-right:8px;padding:6px 9px}.main-nav{display:none;position:absolute;top:60px;left:0;right:0;background:#071d39;flex-direction:column;gap:0;height:auto;padding:8px 16px 14px;box-shadow:0 8px 14px #071b36a0}.main-nav.open{display:flex}.nav-link{font-size:13px;padding:12px 5px;border-bottom:1px solid #ffffff12}.nav-link.active:after{left:0;right:auto;width:55px;height:2px}.hero{min-height:240px;display:flex;align-items:center}.hero-art{height:240px;min-height:240px;object-fit:cover;object-position:center}.hero-hit{display:none}.content-wrap{padding:12px 12px 0}.intro-steps{display:block;padding:16px 14px}.intro-copy h1{font-size:22px}.intro-copy p{font-size:13px;max-width:none}.steps-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px;row-gap:17px}.step-card{padding:8px 6px;border-left:0;border-top:1px solid var(--line)}.step-card:nth-child(odd){border-right:1px solid var(--line)}.step-card img{height:94px}.step-num{top:7px;left:7px;width:28px;height:28px;font-size:13px}.dashboard-grid{grid-template-columns:1fr;gap:10px}.collection-panel,.leaderboard-panel,.news-panel,.support-panel{grid-column:1;grid-row:auto;padding:13px}.section-heading h2{font-size:15px}.collection-card img{height:clamp(118px,36vw,170px)}.rank-head,.rank-row{grid-template-columns:35px minmax(0,1fr) 74px 55px}.rank-table{font-size:12px}.rank-row{height:36px}.rank-row>strong{font-size:12px}.rank-row>b{font-size:11px}.news-item{grid-template-columns:31% minmax(0,1fr) 12px;gap:9px}.news-item>img{height:76px}.news-copy>strong{font-size:12px}.news-copy>small{font-size:11px}.news-meta time{font-size:10px}.download-panel{grid-column:1;min-height:190px}.download-copy{max-width:100%;padding:17px 16px}.download-copy h3{max-width:62%;font-size:12px;line-height:1.4}.download-copy p{max-width:58%;font-size:11px}.phone-art{right:-6%;bottom:-10px;width:58%;height:130px;opacity:.82}.support-panel{margin-top:0}.support-actions a{min-height:58px;gap:5px}.support-actions span{font-size:21px}.support-actions b{font-size:10px}.site-footer{margin-top:12px}.footer-inner{padding:15px;display:grid;grid-template-columns:1fr auto;gap:12px}.footer-brand{grid-column:1;grid-row:1}.footer-links{grid-column:1/-1;grid-row:2;flex-wrap:wrap;white-space:normal;line-height:1.7}.legal{grid-column:1/-1;grid-row:3;text-align:left;margin:0;white-space:normal}.legal div{justify-content:flex-start;flex-wrap:wrap;gap:5px}.age-rating{grid-column:2;grid-row:1;width:38px;height:38px;font-size:16px}.page-hero{min-height:165px}.page-hero h1{font-size:25px}.page-hero p{font-size:12px;line-height:1.5}.page-content{padding:14px 12px 28px}.page-panel{padding:16px}.page-panel h2{font-size:19px}.news-page-grid{grid-template-columns:1fr}.news-card{display:grid;grid-template-columns:35% 1fr}.news-card img{height:100%;min-height:145px}.news-card-body{padding:12px}.news-card h3{font-size:14px}.rules-grid{grid-template-columns:repeat(2,1fr);gap:8px}.rules-step{padding:12px}.rules-step h3{font-size:13px}.rules-step p{font-size:12px}.static-table{font-size:12px}.static-table th,.static-table td{padding:9px 6px}.collection-grid{grid-template-columns:repeat(2,1fr);gap:10px}.collection-tile{padding:9px}.collection-tile img{height:185px}.download-feature,.contact-grid{grid-template-columns:1fr}.download-feature img{max-height:210px;grid-row:1}.download-feature .feature-copy{grid-row:2}}@media(max-width:380px){.brand{width:125px;flex-basis:125px}.brand img{width:125px}.globe{display:none}.language{gap:5px}.collection-card img{height:108px}.section-heading h2{font-size:13px}.support-actions b{font-size:9px}.rules-grid{grid-template-columns:1fr}.news-meta{gap:4px}}


/* Reference-matched decorative environment: temple roofs/flora behind header corners
   and original side scenery framing the download/support area. */
.site-header::before,
.site-header::after{
  content:"";
  position:absolute;
  top:0;
  height:105px;
  width:clamp(155px,13.4vw,230px);
  background-repeat:no-repeat;
  background-size:100% 100%;
  pointer-events:none;
  z-index:1;
}
.site-header::before{
  left:0;
  background-image:url('../img/header-decor-left.png');
  background-position:left top;
}
.site-header::after{
  right:0;
  background-image:url('../img/header-decor-right.png');
  background-position:right top;
}
.header-inner{position:relative;z-index:2}
.home-content{position:relative;isolation:isolate}
.home-content::before,
.home-content::after{
  content:"";
  position:absolute;
  top:316px;
  bottom:0;
  left:50%;
  width:100vw;
  transform:translateX(-50%);
  pointer-events:none;
  z-index:0;
  background-repeat:no-repeat;
  background-size:56px 100%;
}
.home-content::before{
  background-image:url('../img/footer-side-left.png');
  background-position:left bottom;
}
.home-content::after{
  background-image:url('../img/footer-side-right.png');
  background-position:right bottom;
}
.home-content > .intro-steps,
.home-content > .dashboard-grid{position:relative;z-index:1}
@media(max-width:760px){
  .site-header::before,.site-header::after{height:72px;width:100px;opacity:.9}
  .home-content::before,.home-content::after{display:none}
}