@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/manrope-xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk79FO_F.ttf) format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/manrope-xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk7PFO_F.ttf) format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/manrope-xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk4jE-_F.ttf) format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/manrope-xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk4aE-_F.ttf) format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fonts/manrope-xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk59E-_F.ttf) format("truetype")}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:400;font-stretch:normal;font-display:swap;src:url(/assets/fonts/thai-iJWnBXeUZi_OHPqn4wq6hQ2_hbJ1xyN9wd43SofNWcd1MKVQt_So_9CdU5RtpzE.ttf) format("truetype")}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:500;font-stretch:normal;font-display:swap;src:url(/assets/fonts/thai-iJWnBXeUZi_OHPqn4wq6hQ2_hbJ1xyN9wd43SofNWcd1MKVQt_So_9CdU6ZtpzE.ttf) format("truetype")}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:600;font-stretch:normal;font-display:swap;src:url(/assets/fonts/thai-iJWnBXeUZi_OHPqn4wq6hQ2_hbJ1xyN9wd43SofNWcd1MKVQt_So_9CdU0pqpzE.ttf) format("truetype")}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:700;font-stretch:normal;font-display:swap;src:url(/assets/fonts/thai-iJWnBXeUZi_OHPqn4wq6hQ2_hbJ1xyN9wd43SofNWcd1MKVQt_So_9CdU3NqpzE.ttf) format("truetype")}:root{font-family:Manrope,Noto Sans Thai,sans-serif;font-synthesis:none;color:#16191e;background:#fffdfa;font-weight:400;--red: #d8192c;--gold: #c49a50;--muted: #697383;--line: #eae5dc;--cream: #fffdfa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:360px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,section:focus-visible{outline:3px solid #bd8f3b;outline-offset:5px}.workspace{min-height:100svh;display:flex;flex-direction:column;overflow:hidden;background:var(--cream)}.skip-link{position:fixed;left:20px;top:-80px;padding:12px 20px;background:#fff;z-index:50;color:#111}.skip-link:focus{top:12px}.topbar{height:64px;flex:0 0 64px;display:flex;align-items:center;justify-content:space-between;padding:0 44px;border-bottom:2px solid #d8b366;background:#202124;color:#f9fafb;position:relative;z-index:2;gap:24px}.brand{display:flex;align-items:center;gap:20px;min-width:0;flex-shrink:0}.garena-logo{width:140px;height:auto;object-fit:contain}.rov-logo{width:55px;height:50px;object-fit:contain}.brand-divider{height:24px;border-left:1px solid #5a5b60}.brand-title{font-size:19px;font-weight:650;letter-spacing:-.55px;white-space:nowrap}.topbar nav{display:flex;align-items:stretch;align-self:stretch}.nav-link{display:flex;align-items:center;justify-content:center;gap:9px;background:none;color:#d8dadf;border:0;padding:0 19px;position:relative;white-space:nowrap;font-size:13px;font-weight:500}.nav-link svg{width:18px;height:18px}.nav-link:not(:first-child):before{content:"";position:absolute;left:0;top:35%;height:30%;border-left:1px solid #505157}.nav-link.active{color:#f1ce79;font-weight:600}.nav-link.active:after{content:"";position:absolute;bottom:-2px;left:14px;right:14px;height:4px;background:#e7c574}.nav-link:hover{color:#f1ce79;background:#ffffff06}.language-button{font-size:12px;letter-spacing:.2px}.language-button b{font-weight:600}.motion-button{align-self:center;display:grid;place-items:center;padding:6px;border:1px solid #57595f;border-radius:50%;background:transparent;color:#c3c5cb;width:28px;height:28px;margin-left:8px}.motion-button svg{width:13px;height:13px}.motion-button:hover{color:#f2d28a;border-color:#d3af66}.motion-button:disabled{opacity:.5}.main-layout{flex:1;display:grid;grid-template-columns:38% 62%;min-height:540px;height:calc(100svh - 116px)}.hero{position:relative;min-width:0;overflow:hidden}.hero-copy{position:relative;z-index:1;margin:62px 38px 0 44px}.eyebrow{font-size:11px;line-height:1.6;font-weight:600;letter-spacing:3px;color:#a67b37;margin:0 0 25px}h1{font-size:clamp(52px,4vw,76px);line-height:1.08;font-weight:700;letter-spacing:-.055em;margin:0 0 24px}.hero-description{font-size:clamp(16px,1.1vw,21px);line-height:1.7;font-weight:400;letter-spacing:-.35px;color:#626a78;max-width:430px;margin:0}.hero-art{position:absolute;width:75%;height:auto;max-height:45%;object-fit:contain;object-position:left bottom;left:-5%;bottom:0;pointer-events:none;transform-origin:20% 90%}.hubs{display:grid;grid-template-rows:repeat(3,1fr);min-width:0;margin:30px 44px 24px 0;outline:none}.hub-row{display:grid;grid-template-columns:190px minmax(0,1fr) 176px;column-gap:24px;align-items:center;min-width:0;position:relative}.hub-row+.hub-row{border-top:1px solid var(--line)}.emblem-wrap{display:flex;align-items:center;justify-content:center;min-width:0;height:100%;pointer-events:none}.emblem{width:100%;height:86%;max-height:200px;object-fit:contain;filter:drop-shadow(0 8px 9px #b6884018);pointer-events:none}.hub-copy{padding:18px 0;min-width:0}.status{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;font-size:11px;line-height:1.1;font-weight:500;border-radius:30px;white-space:nowrap}.available{color:#8a651f;background:#faf1de}.status-dot{height:6px;width:6px;border-radius:50%;background:currentColor;flex-shrink:0}h2{font-size:32px;font-weight:700;letter-spacing:-1px;line-height:1.25;margin:15px 0 10px}.hub-copy p{font-size:16px;line-height:1.7;color:#626b7a;margin:0;letter-spacing:-.2px}.features{display:flex;flex-wrap:wrap;list-style:none;gap:0;align-items:center;padding:0;margin:14px 0 0;font-size:12px;line-height:1.6;letter-spacing:.25px;color:#7d8695;font-weight:500}.features li{display:flex;align-items:center}.features li+li:before{content:"·";margin:0 10px;color:#949ba7}.hub-action{display:flex;align-items:center;flex-direction:column;gap:12px;min-width:0}.launch-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:46px;padding:12px 16px;border:1px solid #e52738;background:var(--red);color:#fff;border-radius:6px;font-size:15px;font-weight:600;letter-spacing:-.1px;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease}.launch-button svg{width:16px;height:16px}.domain{font-size:11px;color:#8a91a0;white-space:nowrap;letter-spacing:-.1px}.hub-row[href]:hover .launch-button{background:#be1224;box-shadow:0 6px 14px #ce1d271c;transform:translateY(-2px)}.hub-row[href]:hover h2{color:#bd1b2b}.hub-row[href]:hover .emblem{filter:drop-shadow(0 10px 12px #b6884030)}.footer{height:52px;flex:0 0 52px;padding:0 44px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);background:#ffffff90;color:#858d9a;font-size:11px;position:relative;z-index:2}.footer p{margin:0}.footer p span{margin:0 7px}.thai h1{font-family:Manrope,Noto Sans Thai,sans-serif;font-size:clamp(44px,3.5vw,67px);line-height:1.4;letter-spacing:-2.5px}.thai .hero-description{letter-spacing:0;line-height:1.8}.thai .hub-copy p{letter-spacing:0;font-size:15px}.thai .features{letter-spacing:0}.motion-on .hero-art{animation:hero-drift 12s ease-in-out infinite}.motion-on .emblem{animation:float 6s ease-in-out infinite}.motion-on .live .emblem{animation-delay:-2s}.motion-on .space .emblem{animation-delay:-4s;animation-duration:8s}.motion-on .is-revealed .hero-copy,.motion-on .is-revealed .hub-row{animation:reveal .65s ease both}.motion-on .is-revealed .hub-row:nth-child(2){animation-delay:.12s}.motion-on .is-revealed .hub-row:nth-child(3){animation-delay:.24s}.motion-off *{animation:none!important;transition:none!important}@keyframes float{0%,to{transform:translateY(0) rotate(-.5deg)}50%{transform:translateY(-9px) rotate(.5deg)}}@keyframes hero-drift{0%,to{transform:translateZ(0) rotate(0)}50%{transform:translate3d(0,-7px,0) rotate(.8deg)}}@keyframes reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1450px){.topbar{padding-inline:36px}.brand{gap:18px}.garena-logo{width:128px}.rov-logo{width:50px;height:47px}.brand-title{font-size:18px}.nav-link{padding-inline:15px}.hero-copy{margin:48px 28px 0 36px}h1{font-size:clamp(48px,4.35vw,63px)}.hero-description{font-size:17px;max-width:345px}.eyebrow{font-size:10px;letter-spacing:2.5px}.hubs{margin:24px 36px 18px 0}.hub-row{grid-template-columns:150px minmax(0,1fr) 160px;gap:18px}.emblem{max-height:175px}.hub-copy h2{font-size:27px;margin-top:12px}.hub-copy p{font-size:14px}.features{font-size:11px;margin-top:12px}.features li+li:before{margin-inline:8px}.launch-button{font-size:14px}.domain{font-size:10px}.footer{padding-inline:36px}.thai .hub-copy p{font-size:14px}}@media(max-width:1100px){.topbar{padding-inline:28px}.brand{gap:16px}.brand-title{font-size:16px}.nav-link{padding-inline:12px}.main-layout{grid-template-columns:35% 65%}.hero-copy{margin-left:28px;margin-right:18px}h1{font-size:47px}.hero-description{font-size:16px}.eyebrow{font-size:9px;letter-spacing:2px}.hubs{margin-right:28px}.hub-row{grid-template-columns:126px minmax(0,1fr) 140px;gap:14px}.hub-copy h2{font-size:25px;letter-spacing:-.8px}.hub-copy p{font-size:13px}.features{font-size:10px}.features li+li:before{margin-inline:6px}.launch-button{font-size:13px;padding-inline:12px}.domain{font-size:9px}.thai h1{font-size:43px}.thai .hub-copy p{font-size:13px}}@media(max-width:900px){.topbar{padding-inline:20px;gap:12px}.brand{gap:12px}.garena-logo{width:104px}.rov-logo{width:44px;height:43px}.brand-title,.title-divider,.nav-link.active{display:none}.nav-link{min-width:40px;min-height:44px;padding-inline:10px}.nav-link:not(:first-child):before{display:none}.motion-button{min-height:44px;width:34px;border-radius:8px}.main-layout{height:auto;min-height:0;display:flex;flex-direction:column}.hero{min-height:290px}.hero-copy{margin:38px 24px 35px;max-width:600px}.eyebrow{font-size:10px;letter-spacing:2.5px;margin-bottom:20px}h1{font-size:52px;line-height:1.1;margin-bottom:19px}.hero-description{font-size:16px;max-width:380px}.hero-art{display:none}.hubs{margin:0 24px 16px;grid-template-rows:none}.hub-row{grid-template-columns:116px minmax(0,1fr) 160px;gap:18px;min-height:200px}.emblem{max-height:150px}.hub-copy h2{font-size:26px}.hub-copy p{font-size:14px}.features{font-size:11px}.launch-button{min-height:44px;font-size:14px}.domain{font-size:10px}.thai h1{font-size:46px;line-height:1.35;letter-spacing:-1.8px}.thai .hero-description{font-size:16px}.thai .hub-copy p{font-size:14px}.footer{padding-inline:24px}}@media(max-width:600px){.nav-link span{display:none}.language-button span{display:inline;font-size:11px}.language-button svg{display:none}.nav-link{padding-inline:9px}.topbar nav{align-items:center}.brand{gap:11px}.brand-divider{height:22px}.motion-button{margin-left:4px}.hero{min-height:290px}h1{font-size:clamp(44px,11vw,56px)}.hero-description{font-size:15px;max-width:320px}.hub-row{grid-template-columns:90px minmax(0,1fr);gap:18px;min-height:250px;padding:12px 0}.emblem-wrap{grid-row:1 / 3}.emblem{width:110%;max-width:none;height:150px;max-height:150px;margin-left:-5px}.hub-copy{padding:14px 0 20px}.hub-copy h2{font-size:24px;margin:12px 0 9px;letter-spacing:-.9px}.hub-copy p,.thai .hub-copy p{font-size:14px;line-height:1.7}.status{font-size:10px}.features,.thai .features{font-size:10px;margin-top:10px;line-height:1.8}.hub-action{grid-column:2;align-items:flex-start;gap:10px;padding-bottom:12px;margin-top:-8px}.launch-button{width:146px;font-size:13px;min-height:44px}.domain{font-size:10px}.footer{height:auto;min-height:76px;flex-basis:auto;padding:18px 24px;gap:16px;align-items:flex-start;font-size:10px}.footer p{max-width:155px;line-height:1.8}.footer p span{margin-inline:4px}.thai h1{font-size:42px;line-height:1.4;letter-spacing:-1.5px}.thai .hero-description{font-size:15px;max-width:342px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}.portal-content{flex:1;min-height:100svh;display:flex;flex-direction:column;opacity:0}.portal-content.is-revealed{opacity:1}.main-layout:focus{outline:none}.intro-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;overflow:hidden;background:var(--cream);display:grid;grid-template-columns:54% 46%;align-items:center;opacity:1;transition:opacity .45s ease,visibility .45s}.intro-art{position:absolute;left:-8%;bottom:-14%;width:64%;height:auto;max-height:100%;object-fit:contain;object-position:left bottom;pointer-events:none;transform-origin:25% 80%;animation:intro-art-arrive 1.2s cubic-bezier(.18,.65,.22,1) both}.intro-content{grid-column:2;margin:0 60px 40px 0;z-index:1;animation:intro-type-arrive .7s ease both}.intro-brands{display:flex;align-items:center;gap:22px;margin-bottom:42px;height:60px}.intro-brands img{object-fit:contain}.intro-brands span{height:30px;border-left:1px solid #d7cbb6}.intro-eyebrow{font-size:11px;font-weight:600;letter-spacing:3px;color:#a67b37;margin:0 0 16px}.intro-title{font-size:clamp(40px,4.25vw,76px);line-height:1.1;font-weight:600;letter-spacing:-.055em;margin:0 0 22px}.intro-caption{font-size:15px;line-height:1.7;letter-spacing:-.2px;color:#717a87;margin:0 0 30px}.intro-track{width:min(240px,80%);height:2px;background:#eee6d8;overflow:hidden}.intro-track span{display:block;width:42%;height:100%;background:#b78a39;transform:translate(-110%);animation:intro-progress 1.05s ease-in-out infinite}.intro-skip{position:absolute;top:24px;right:32px;border:1px solid #ded6c8;border-radius:24px;padding:10px 20px;min-height:44px;color:#737a85;background:#fffdfa;font-size:12px;transition:color .15s,border-color .15s}.intro-skip:hover{color:#b71c2b;border-color:#bc9d68}.intro-exiting{opacity:0;pointer-events:none}.intro-exiting .intro-art{animation:intro-art-depart .45s ease-in both}.motion-on .is-revealed .hero-art{animation:hero-arrive 1.2s cubic-bezier(.15,.6,.2,1),hero-drift 12s 1.2s ease-in-out infinite}.motion-off .portal-content{opacity:1}@keyframes intro-art-arrive{0%{opacity:0;transform:translate3d(-45px,45px,0) scale(1.16) rotate(-4deg)}30%{opacity:1}to{opacity:1;transform:translateZ(0) scale(1) rotate(0)}}@keyframes intro-type-arrive{0%{opacity:.6;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes intro-progress{0%{transform:translate(-110%)}to{transform:translate(350%)}}@keyframes intro-art-depart{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:translate3d(-30px,15px,0) scale(.96)}}@keyframes hero-arrive{0%{opacity:0;transform:translate3d(-28px,26px,0) scale(1.12) rotate(-2deg)}to{opacity:1;transform:translateZ(0) scale(1) rotate(0)}}@media(max-width:900px){.intro-screen{grid-template-columns:1fr;align-items:start}.intro-content{grid-column:1;margin:12vh 30px 0;text-align:center}.intro-brands{justify-content:center;margin-bottom:28px}.intro-title{font-size:clamp(40px,7vw,60px)}.intro-track{margin-inline:auto}.intro-art{width:100%;left:-20%;bottom:-13%;max-height:56%;object-position:left bottom}.intro-skip{right:20px;top:18px;padding-inline:16px}}@media(max-width:600px){.intro-content{margin:16vh 20px 0}.intro-title{font-size:42px}.intro-brands{gap:20px;margin-bottom:25px}.intro-brands img:first-child{width:120px;height:auto}.intro-brands img:last-child{width:55px;height:50px}.intro-caption{font-size:13px}.intro-art{width:130%;left:-32%;bottom:-6%;max-height:49%}}@media(prefers-reduced-motion:reduce){.intro-screen{display:none}.portal-content{opacity:1}}@media(max-width:900px)and (max-height:540px){.intro-screen{grid-template-columns:54% 46%;align-items:center}.intro-content{grid-column:2;margin:0 26px 0 0;text-align:left}.intro-brands{justify-content:flex-start;height:44px;gap:16px;margin-bottom:14px}.intro-brands img:first-child{width:100px;height:auto}.intro-brands img:last-child{width:47px;height:43px}.intro-eyebrow{font-size:9px;margin-bottom:10px}.intro-title{font-size:30px;margin-bottom:12px}.intro-caption{font-size:12px;margin-bottom:18px}.intro-track{margin-inline:0}.intro-art{width:62%;left:-12%;bottom:-12%;max-height:100%}.intro-skip{right:16px;top:12px}}