@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#031b32;--deep:#021222;--teal:#62ddec;--gold:#f6d36c;--green:#36f24d;--muted:#96bbce;--line:#66c9e339}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--navy);color:#f6fbff;font-family:Manrope,Arial,sans-serif;line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}button{color:inherit}img{max-width:100%;object-fit:contain}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.15}h2{font-size:clamp(28px,2.6vw,42px);font-weight:800;letter-spacing:-1.2px}h2 span{color:var(--gold)}.wrap{width:min(1320px,calc(100% - 112px));margin:auto}.section{padding-block:72px}.eyebrow{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:3.5px;color:var(--gold);margin-bottom:16px}.site-header{background:#03192dec;border-bottom:1px solid var(--line);position:relative;z-index:5}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:82px}.brand{display:inline-flex;align-items:center;gap:13px;font-size:30px;font-weight:800;letter-spacing:-1px}.brand img{border-radius:22%;display:block}.site-header nav{display:flex;gap:32px;font-size:13px;font-weight:600}.site-header nav a{color:#dcecf5;transition:color .2s}.site-header nav a:hover{color:var(--gold)}.hero{position:relative;min-height:690px;isolation:isolate;overflow:hidden}.hero-art{position:absolute;inset:0;z-index:-3;background:url('assets/ocean-hero.webp') center 43%/cover no-repeat}.hero:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#02162df5 0%,#031b32df 22%,#031b3270 45%,transparent 66%),linear-gradient(0deg,#031b32 0%,transparent 24%)}.hero-inner{display:flex;align-items:center;min-height:690px;padding-block:75px 100px}.hero-copy{max-width:650px}.hero h1{font-size:clamp(46px,4.5vw,76px);font-weight:800;line-height:1.02;letter-spacing:-3.4px;text-shadow:0 4px 25px #02122244}.hero h1 span{display:inline-block;background:linear-gradient(#fff2b0,#e7b849);color:var(--gold);background-clip:text;-webkit-text-fill-color:transparent}.hero-description{font-size:18px;color:#a0edf4;margin-block:22px 28px;max-width:500px}.button{border:1px solid #eddb86;border-radius:100px;background:linear-gradient(180deg,#8dff65,#27ed36 60%,#08bd38);box-shadow:inset 0 1px 2px #fff9,0 8px 28px #0bdc2c18;color:#021c24;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:56px;padding:12px 28px;transition:transform .2s,filter .2s}.button:hover{filter:brightness(1.1);transform:translateY(-2px)}.download-main{font-size:19px;min-width:360px}.android{width:25px;height:25px;display:inline-flex}.android svg{width:100%;height:100%}.device-note{font-size:12px;color:var(--muted);margin-top:12px;width:360px;text-align:center}.games-section{padding-top:14px;position:relative}.section-heading{text-align:center;margin-bottom:30px}.section-heading .eyebrow{display:flex;align-items:center;justify-content:center;gap:24px}.section-heading .eyebrow:before,.section-heading .eyebrow:after{content:'';width:140px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.section-heading .eyebrow:after{transform:rotate(180deg)}.section-heading>p:last-child{color:var(--muted);font-size:14px;margin-top:12px}.featured-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.game-card{display:flex;align-items:center;gap:12px;padding:18px 10px;border:1px solid #d4b75f9c;border-radius:14px;background:radial-gradient(ellipse at 20% 0%,#10557188,transparent 80%),#05233a;transition:transform .25s,border-color .25s;min-width:0}.game-card:hover{transform:translateY(-6px);border-color:var(--gold)}.game-card>img{width:46%;height:auto;filter:drop-shadow(0 6px 8px #0006)}.game-card h3{font-size:16px;line-height:1.3}.game-card p{font-size:12px;color:var(--muted);margin-top:8px}.category-heading{text-align:center;margin-top:48px}.category-heading h2{font-size:26px}.category-heading .eyebrow{margin-bottom:8px}.category-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}.category-tabs button{display:flex;align-items:center;gap:16px;padding:17px 22px;background:linear-gradient(120deg,#0b4965,#05223c);border:1px solid #71cbde77;border-radius:12px;font-size:16px;font-weight:700;transition:border-color .2s,background .2s}.category-tabs button>span{font-size:28px;line-height:1;color:var(--gold)}.category-tabs b{margin-left:auto;color:var(--teal);font-weight:400}.category-tabs button[aria-selected=true]{border-color:var(--green);background:linear-gradient(120deg,#0a5b4b,#052d3b)}.category-panel{margin-top:16px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:20px;padding:15px 24px;background:linear-gradient(90deg,#0a3549,#042036);min-height:100px}.category-panel img{width:70px;height:70px}.category-panel h3{font-size:17px}.category-panel p{color:var(--muted);font-size:13px;margin-top:7px}.panel-decoration{margin-left:auto;font-size:42px;color:#f6d36c44}.ocean-banner{position:relative;padding:68px 0;overflow:hidden;border-block:1px solid #53e3ff66;background:linear-gradient(90deg,#013448fa 5%,#013448ca 36%,#01344800 72%),url('assets/ocean-hero.webp') 67% 38%/cover}.ocean-banner h2{font-size:clamp(32px,4vw,58px)}.ocean-banner>div>p:not(.eyebrow){color:#b4ecf3;margin:18px 0}.text-link{display:inline-flex;gap:28px;color:var(--gold);font-size:14px;font-weight:700}.experience-install{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.experience>p:not(.eyebrow){color:var(--muted);font-size:14px;margin-top:20px}.cover-fan{display:flex;align-items:center;justify-content:center;isolation:isolate;margin:55px 0 15px;padding-right:10px}.cover-fan img{width:28%;max-width:165px;margin-right:-20px;filter:drop-shadow(0 14px 14px #0009);transform:rotate(-14deg)}.cover-fan img:nth-child(2){transform:translateY(-20px) rotate(-5deg);z-index:1}.cover-fan img:nth-child(3){transform:translateY(-10px) rotate(8deg);z-index:2}.cover-fan img:nth-child(4){transform:rotate(18deg);z-index:3}.install h2{font-size:34px}.install ol{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:14px}.install li{display:flex;gap:20px;align-items:center;border:1px solid #5dbbc04d;background:linear-gradient(120deg,#0a354b,#031b32);border-radius:14px;padding:20px}.step-number{display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;width:46px;height:46px;flex-shrink:0;color:var(--gold);font-size:17px;font-weight:800}.install h3{font-size:16px}.install li p{font-size:12px;color:var(--muted);margin-top:8px;max-width:300px}.install li>span:last-child{margin-left:auto;font-size:28px;color:#b2dce4}.help-community{border-block:1px solid var(--line);background:radial-gradient(ellipse at 90% 100%,#0b586277,transparent 65%),linear-gradient(120deg,#06273c,#03192f)}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.faq{margin-top:24px}.faq details{border:1px solid #57b3cd66;background:#021b3299;border-radius:10px;margin-top:10px;overflow:hidden}.faq summary{position:relative;padding:16px 45px 16px 18px;font-size:14px;cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:18px;font-size:24px;top:9px;color:var(--teal)}.faq details[open] summary:after{content:'−'}.faq details p{padding:0 18px 18px;color:var(--muted);font-size:13px}.community{align-self:center}.community>p:not(.eyebrow){color:var(--teal);margin-top:16px;font-size:14px}.social-links{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:35px}.social-links button,.floating-panel button{border:0;background:transparent;display:flex;align-items:center;flex-direction:column;gap:10px;padding:4px;color:#e9f6fa;font-size:11px}.social-links button img{width:53px;height:53px;transition:transform .2s}.social-links button:hover img{transform:translateY(-5px)}footer{padding:25px 0;background:#021426}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:22px}.footer-inner .brand{font-size:20px}.footer-inner>p{font-size:11px;color:var(--muted)}.footer-inner>div{display:flex;align-items:center;gap:25px;font-size:12px}.footer-inner button{border:0;background:none;padding:0;color:inherit;font-size:inherit}.floating-tools{position:fixed;bottom:105px;right:20px;z-index:30;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.floating-toggle{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:linear-gradient(#176d42,#043d32);border:1px solid var(--gold);color:#78ff65;box-shadow:0 5px 20px #0008}.floating-toggle svg{width:30px;height:30px}.floating-toggle[aria-expanded=true]{background:#156b4d}.floating-panel{width:210px;border:1px solid #e5bf64b3;border-radius:18px;padding:16px;background:#031a30f5;box-shadow:0 16px 50px #0008;backdrop-filter:blur(15px)}.floating-panel>p{font-size:12px;color:var(--gold);text-align:center;margin-bottom:12px;letter-spacing:1px}.floating-panel>div{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.floating-panel button{padding:9px 3px;border:1px solid #68a5b52b;border-radius:10px;gap:5px}.floating-panel button:hover{background:#12425a}.floating-panel img,.support-icon{width:34px;height:34px;object-fit:contain}.support-icon{display:grid;place-items:center;color:var(--green)}.back-top{width:36px;height:36px;display:grid;place-items:center;border:1px solid #9cc9d455;border-radius:50%;background:#031b32;align-self:center;font-size:21px}.mobile-download{display:none}dialog{width:min(420px,calc(100% - 32px));background:#06283e;color:#fff;border:1px solid #d3b95c99;border-radius:20px;text-align:center;padding:32px;box-shadow:0 25px 100px #0009}dialog::backdrop{background:#00101dcc;backdrop-filter:blur(5px)}dialog>img{border-radius:22%;margin-bottom:16px}dialog h2{font-size:25px}dialog p{font-size:14px;color:#b4d0de;margin:18px 0 24px}dialog .button{min-width:150px}.dialog-close{position:absolute;right:12px;top:8px;font-size:26px;background:none;border:0;color:#adc9d4}.hero-art{animation:hero-reveal 1s ease-out}@keyframes hero-reveal{from{transform:scale(1.025);opacity:.5}to{transform:scale(1);opacity:1}}[hidden]{display:none!important}
@media(min-width:1650px){.hero-art{background-position:center 48%}.hero,.hero-inner{min-height:790px}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.site-header nav{gap:20px}.hero h1{font-size:57px}.hero-copy{max-width:540px}.hero-description{max-width:390px}.featured-grid{gap:12px}.game-card{flex-direction:column;text-align:center;padding:18px 10px}.game-card>img{width:110px}.experience-install,.lower-grid{gap:36px}.category-tabs button{padding:15px;gap:10px}.social-links{gap:4px}.social-links button img{width:43px;height:43px}.install h2{font-size:29px}}
@media(max-width:700px){html{scroll-padding-top:15px}.wrap{width:calc(100% - 36px)}body{padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))}.section{padding-block:42px}.header-inner{min-height:64px}.brand{font-size:25px;gap:10px}.brand img{width:42px;height:42px}.site-header nav{display:none}.hero{min-height:0;padding-top:265px}.hero-art{height:375px;inset:0 0 auto;background-position:58% center;background-size:auto 375px}.hero:before{background:linear-gradient(0deg,#031b32 1%,#031b32ee 24%,#031b3277 40%,transparent 58%);inset:0}.hero-inner{min-height:0;padding:0 0 30px;display:block}.hero-copy{max-width:none;text-align:center}.hero .eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:12px}.hero h1{font-size:clamp(32px,8.3vw,47px);letter-spacing:-1.4px;line-height:1.08}.hero h1 br:first-of-type{display:none}.hero h1 span{margin-top:4px}.hero-description{font-size:14px;line-height:1.6;max-width:320px;margin:17px auto 22px}.button{min-height:52px;padding:12px 20px;gap:10px}.download-main{min-width:0;width:100%;font-size:16px}.device-note{width:auto;font-size:10px}.games-section{padding-top:12px}.section-heading{margin-bottom:22px}.section-heading h2{font-size:27px}.section-heading .eyebrow{font-size:9px;gap:13px;letter-spacing:2.5px;margin-bottom:10px}.section-heading .eyebrow:before,.section-heading .eyebrow:after{width:45px}.section-heading>p:last-child{font-size:11px}.featured-grid{grid-template-columns:1fr 1fr;gap:13px}.game-card{padding:16px 8px 18px;border-radius:12px;gap:8px}.game-card>img{width:110px;max-width:90%;height:110px}.game-card h3{font-size:13px;line-height:1.35}.game-card p{font-size:11px;margin-top:5px}.category-heading{margin-top:34px}.category-heading .eyebrow{font-size:9px}.category-heading h2{font-size:25px}.category-tabs{grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.category-tabs button{font-size:14px;padding:12px 15px;gap:12px}.category-tabs button>span{font-size:24px}.category-panel{padding:14px;gap:12px;min-height:95px}.category-panel img{width:55px;height:55px}.category-panel h3{font-size:14px}.category-panel p{font-size:11px;line-height:1.55;margin-top:4px}.panel-decoration{display:none}.ocean-banner{padding:35px 0;background-position:64% 35%;background-size:auto 330px}.ocean-banner:before{content:'';position:absolute;inset:0;background:#002b4044}.ocean-banner .wrap{position:relative}.ocean-banner h2{font-size:31px;max-width:270px}.ocean-banner .eyebrow{font-size:9px}.ocean-banner>div>p:not(.eyebrow){font-size:12px;margin:14px 0}.text-link{font-size:12px}.experience-install{grid-template-columns:1fr;gap:48px}.experience{text-align:center}.experience h2{font-size:32px}.experience>p:not(.eyebrow){font-size:13px}.cover-fan{margin:40px 0 0}.cover-fan img{max-width:115px}.install h2{font-size:28px}.install .eyebrow{text-align:center}.install>h2{text-align:center}.install li{gap:14px;padding:18px 15px}.install li h3{font-size:15px}.install li p{font-size:11px}.step-number{width:39px;height:39px;font-size:15px}.lower-grid{grid-template-columns:1fr;gap:42px}.lower-grid h2{font-size:29px}.lower-grid .eyebrow{font-size:9px}.faq summary{font-size:12px;padding:15px 38px 15px 14px}.faq details p{font-size:12px}.community{text-align:center}.community>p:not(.eyebrow){margin-top:10px;font-size:12px}.social-links{grid-template-columns:repeat(6,1fr);gap:18px 8px;max-width:310px;margin:25px auto 0}.social-links button{grid-column:span 2;font-size:11px;gap:8px}.social-links button:nth-child(4){grid-column:2/span 2}.social-links button img{width:46px;height:46px}.footer-inner{flex-direction:column;gap:15px}.footer-inner>.brand{font-size:20px}.footer-inner .brand img{width:34px;height:34px}.footer-inner>p{display:none}.footer-inner>div{font-size:11px;gap:28px}.floating-tools{bottom:calc(104px + env(safe-area-inset-bottom,0px));right:14px;gap:9px}.floating-toggle{width:48px;height:48px}.floating-toggle svg{width:25px;height:25px}.floating-panel{width:196px;padding:12px}.floating-panel img,.support-icon{width:30px;height:30px}.back-top{width:30px;height:30px;font-size:17px}.mobile-download{position:fixed;bottom:0;left:0;right:0;z-index:25;display:flex;justify-content:space-between;align-items:center;background:#021b30f5;border-top:1px solid #57cce366;padding:11px 16px calc(11px + env(safe-area-inset-bottom,0px));backdrop-filter:blur(15px);gap:14px}.mobile-download>div{display:flex;gap:9px;align-items:center}.mobile-download img{border-radius:22%}.mobile-download strong{font-size:15px;display:block;line-height:1.3}.mobile-download small{font-size:10px;color:var(--muted);display:block}.mobile-download .button{font-size:14px;min-height:42px;padding:8px 22px}.desktop-break{display:none}}
/* Complete collection and supporting content */
.collection-section{border-top:1px solid var(--line)}.collection-section .section-heading>p:last-child,.reviews-section .section-heading>p:last-child{display:block}.game-search{display:flex;align-items:center;gap:18px;max-width:550px;margin:25px auto 16px;font-size:13px}.game-search input{width:100%;min-width:0;background:#03192fe8;border:1px solid #6acbde77;border-radius:10px;color:#fff;padding:13px 16px;font:inherit}.game-search span{white-space:nowrap;color:var(--gold)}.catalog-status{text-align:center;font-size:12px;color:var(--muted);margin-bottom:22px}.catalog-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.catalog-grid article{padding:20px 10px 16px;background:linear-gradient(150deg,#0a3b50e6,#02172be6);border:1px solid #61b8d35c;border-radius:13px;text-align:center}.catalog-grid img{width:120px;height:120px;filter:drop-shadow(0 7px 8px #0007);transition:transform .2s}.catalog-grid article:hover img{transform:translateY(-5px)}.catalog-grid h3{font-size:12px;line-height:1.4;margin-top:12px}.catalog-action{text-align:center;margin-top:28px}.outline-button{display:inline-flex;gap:28px;align-items:center;justify-content:center;color:var(--gold);font-size:13px;font-weight:700;border:1px solid #e4c36e99;border-radius:100px;background:#031b32cc;padding:12px 24px;min-height:46px}.platform-section{background:#021a2ce8;border-block:1px solid var(--line)}.platform-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.platform-grid article{padding:25px;border:1px solid #66c9e34f;border-radius:14px;background:linear-gradient(140deg,#11405288,#031a2d88)}.feature-symbol{color:var(--gold);font-size:30px}.platform-grid h3{font-size:17px;margin:16px 0 12px}.platform-grid p{font-size:13px;color:#acc9d7}.real-preview{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.real-preview h2{font-size:42px}.real-preview p{font-size:15px;color:var(--teal);margin-top:20px;max-width:430px}.real-preview ul{padding-left:20px;color:#c3d9e4;font-size:14px;line-height:2.2;margin:22px 0}.real-preview small{display:block;font-size:10px;color:var(--muted);margin-top:18px;max-width:390px}.real-devices{display:flex;justify-content:center;align-items:center;gap:18px;padding:25px 0}.real-devices figure{width:43%;max-width:215px;margin:0;transform:rotate(-5deg)}.real-devices figure+figure{transform:translateY(20px) rotate(5deg)}.real-devices img{display:block;width:100%;height:auto;border:5px solid #142b3b;border-radius:25px;box-shadow:0 0 0 1px #59b2cb99,0 25px 40px #0008}.real-devices figcaption{text-align:center;color:#b4dbe6;font-size:10px;margin-top:15px}.reviews-section{background:linear-gradient(#042a40e6,#021a2de6);border-block:1px solid var(--line)}.review-intro{max-width:750px;text-align:center;margin:0 auto 30px}.pending-badge{display:inline-block;border:1px solid #dfbe6877;border-radius:100px;color:var(--gold);background:#bd8d1620;font-size:10px;padding:5px 13px;letter-spacing:1px}.review-intro p{font-size:12px;color:var(--muted);margin-top:12px}.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.reviews-grid>article{border:1px solid #69c2d955;background:#031b32c9;border-radius:16px;padding:26px}.review-person{display:flex;align-items:center;gap:13px}.review-person img{border-radius:50%;object-fit:cover}.review-person h3{font-size:15px}.review-person small{font-size:10px;color:var(--gold);display:block;margin-top:6px}.reviews-grid article>p{font-size:13px;line-height:1.8;color:#b3cfdd;margin:22px 0}.review-tag{font-size:10px;color:var(--teal);border-top:1px solid var(--line);padding-top:14px;display:block}.closing-section{text-align:center;background:linear-gradient(#021b3280,#021b32ed),url('assets/underwater.webp') center 35%/cover;border-top:1px solid var(--line)}.closing-section h2{font-size:45px}.closing-section p:not(.eyebrow){font-size:14px;color:var(--teal);margin:20px 0 25px}.closing-section small{display:block;color:var(--muted);font-size:11px;margin-top:14px}.complete-footer{padding:40px 0 24px}.footer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:28px;border-bottom:1px solid var(--line)}.footer-top .brand{font-size:24px}.footer-top p{color:var(--muted);font-size:12px}.footer-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:30px}.footer-columns h3{font-size:13px;color:var(--gold);margin-bottom:15px}.footer-columns a,.footer-columns button{display:block;color:var(--muted);font-size:12px;margin:9px 0;border:0;background:none;padding:0;text-align:left}.footer-columns a:hover,.footer-columns button:hover{color:#fff}.footer-bottom{margin-top:28px;padding-top:22px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.footer-bottom p{max-width:850px}.footer-bottom small{display:block;margin-top:16px}.information-page{min-height:100vh}.information-content{max-width:850px;margin:60px auto 100px;padding:35px;border:1px solid var(--line);border-radius:18px;background:#031b32ed}.information-content h1{font-size:40px;margin-bottom:24px}.information-content h2{font-size:24px;margin-top:30px}.information-content p:not(.eyebrow){font-size:15px;color:#b3cfdd;margin:20px 0}.information-content .outline-button{margin-top:25px}
@media(max-width:1100px){.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.platform-grid{grid-template-columns:repeat(2,1fr)}.real-preview{gap:30px}.real-preview h2{font-size:33px}.reviews-grid{gap:14px}.reviews-grid>article{padding:20px}}
@media(max-width:700px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.catalog-grid article{padding:12px 5px}.catalog-grid img{width:80px;height:80px}.catalog-grid h3{font-size:10px;margin-top:8px}.game-search{gap:10px;font-size:11px}.game-search input{padding:12px}.catalog-status{font-size:10px}.collection-section .section-heading h2{font-size:27px}.collection-section .section-heading>p:last-child,.reviews-section .section-heading>p:last-child{font-size:12px}.platform-grid{gap:12px}.platform-grid article{padding:18px 14px}.platform-grid h3{font-size:14px;margin-top:10px}.platform-grid p{font-size:11px}.real-preview{grid-template-columns:1fr;gap:20px;text-align:center}.real-preview h2{font-size:31px}.real-preview p{font-size:13px}.real-preview ul{list-style:none;padding:0;font-size:12px}.real-preview small{margin-inline:auto}.real-devices{gap:12px;padding:10px 12px 30px}.real-devices img{border-width:4px;border-radius:19px}.real-devices figure{max-width:155px}.reviews-grid{grid-template-columns:1fr;gap:15px}.review-intro p{font-size:11px}.reviews-grid article>p{font-size:12px;margin:16px 0}.reviews-section h2{font-size:29px}.closing-section h2{font-size:33px}.closing-section p:not(.eyebrow){font-size:12px}.footer-top{gap:16px}.footer-top .brand{font-size:21px}.footer-top .brand img{width:36px;height:36px}.footer-top p{font-size:10px;max-width:100px;text-align:right}.footer-columns{grid-template-columns:1fr 1fr;gap:24px 20px}.footer-columns a,.footer-columns button{font-size:11px}.information-content{width:calc(100% - 30px);padding:24px;margin:25px auto}.information-content h1{font-size:31px}.information-content p:not(.eyebrow){font-size:13px}.information-page .header-inner>a:last-child{font-size:11px}}
/* Header identity: isolated shimmer keeps the wordmark readable. */
.header-logo-effect{position:relative;display:inline-flex;flex-shrink:0;border-radius:22%;overflow:hidden;isolation:isolate;animation:logo-breathe 3.2s ease-in-out infinite}
.header-logo-effect img{display:block}
.header-logo-effect:after{content:'';position:absolute;pointer-events:none;inset:-35% auto -35% -90%;width:55%;background:linear-gradient(100deg,transparent,#fff9,transparent);transform:skewX(-22deg);animation:logo-sweep 4.2s ease-in-out infinite;z-index:1}
@keyframes logo-breathe{0%,100%{box-shadow:0 0 5px #4bff5530;filter:brightness(1)}50%{box-shadow:0 0 17px #4bff5570;filter:brightness(1.1)}}
@keyframes logo-sweep{0%,42%{left:-90%;opacity:0}48%{opacity:1}76%,100%{left:155%;opacity:0}}
/* Approved ocean campaign layout */
body{background:#031b32 url('assets/underwater.webp') center 630px/100% auto repeat-y}
.site-header{background:#021b31f5}.header-inner{min-height:72px}.menu-toggle{display:none}
.hero,.hero-inner{min-height:565px}.hero-inner{padding:65px 0 90px}.hero-copy{max-width:760px}.hero h1{font-size:clamp(38px,3.75vw,65px);letter-spacing:-2.5px;line-height:1.08}.hero h1 span{white-space:nowrap}.hero-description{max-width:600px;margin:18px 0 24px;font-size:18px}.hero-art{background-position:center 42%}.hero:before{background:linear-gradient(90deg,#01213bd9 0%,#01213ba6 27%,#01213b24 58%,transparent 76%),linear-gradient(0deg,#031b32 0%,transparent 28%)}
.hero:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('assets/underwater.webp') left bottom/cover;mask-image:linear-gradient(90deg,#000a,transparent 30%),linear-gradient(0deg,#000,transparent 22%);-webkit-mask-image:linear-gradient(90deg,#000a,transparent 30%),linear-gradient(0deg,#000,transparent 22%)}
.games-section{padding-top:0;padding-bottom:35px}.section-heading{margin-bottom:22px}.section-heading h2{font-size:36px}.section-heading>p:last-child{display:none}.section-heading .eyebrow{margin-bottom:8px}.game-card{background:linear-gradient(100deg,#07344bcf,#021b32e8),url('assets/underwater.webp') center/cover;padding:13px 10px;min-height:156px}.game-card>img{width:45%;max-width:130px}.category-heading{margin-top:25px}.category-heading h2{display:none}.category-heading .eyebrow{display:flex;align-items:center;justify-content:center;gap:20px}.category-heading .eyebrow:before,.category-heading .eyebrow:after{content:'';width:130px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.category-heading .eyebrow:after{transform:rotate(180deg)}.category-tabs{margin-top:18px}.category-tabs button{position:relative;overflow:hidden;background:linear-gradient(90deg,#04354b88,#04283ae0),url('assets/underwater.webp') center 65%/cover;min-height:83px;padding:8px 17px 8px 8px;font-size:18px;border-color:#74d5ecb3}.category-tabs button>span{width:70px;height:65px;flex-shrink:0;display:grid;place-items:center}.category-tabs img{width:100%;height:100%;filter:drop-shadow(0 4px 5px #0009)}.category-tabs button[aria-selected=true]{background:linear-gradient(90deg,#08616a66,#062f40d9),url('assets/underwater.webp') center/cover;border-color:var(--gold)}.category-panel{display:none}.category-panel.is-active{display:flex;background:#031b32e8}.ocean-banner{display:none}
.experience-install{width:100%;padding:35px max(56px,calc((100% - 1320px)/2));grid-template-columns:1.2fr 1fr 1fr;gap:30px;align-items:start;border-block:1px solid #58d7f38a;background:linear-gradient(#02354c33,#02172a66),url('assets/underwater.webp') center 58%/cover}.experience-install .eyebrow{display:none}.experience-install h2{font-size:28px;letter-spacing:-.9px;white-space:nowrap}.experience h2 br{display:none}.experience>p:not(.eyebrow){font-size:12px;color:#76f2ff;margin-top:9px}.desktop-break{display:none}.cover-fan{margin:48px 0 18px;justify-content:flex-start}.cover-fan img{width:29%;max-width:140px;margin-right:-12px}.install ol{margin-top:22px;gap:10px}.install li{padding:12px;gap:12px;background:#011c32c9;min-height:63px;border-color:#56bfd278}.install h3{font-size:14px;font-weight:600}.step-number{width:35px;height:35px;font-size:15px}.install li>span:last-child{font-size:24px}.faq{margin-top:22px}.faq summary{font-size:12px;padding:13px 32px 13px 13px}.faq details{margin-top:9px;background:#011b32d9}.faq details p{font-size:12px}.faq summary:after{right:13px;top:7px}.help-community{padding:22px 0;background:#021c33c2;border:0}.lower-grid{display:block}.community{display:flex;gap:22px;align-items:center;justify-content:center}.community>.eyebrow{display:none}.community h2{font-size:25px;white-space:nowrap}.community>p:not(.eyebrow){font-size:12px;margin:0;max-width:145px}.social-links{display:flex;gap:24px;margin:0}.social-links button img{width:44px;height:44px}.social-links button{font-size:10px;gap:5px}footer{padding:15px 0;background:#021629d9}.footer-inner .brand{font-size:18px}.footer-inner .brand img{width:34px;height:34px}.footer-inner>p{display:none}.floating-tools{right:20px;bottom:130px}.floating-panel{background:#02182eea}.button,.floating-toggle{position:relative;overflow:hidden;isolation:isolate;animation:cta-breathe 2.8s ease-in-out infinite}.button:after,.floating-toggle:after{content:'';pointer-events:none;position:absolute;inset:-40% auto -40% -75%;width:45%;background:linear-gradient(100deg,transparent,#fff9,transparent);transform:skewX(-22deg);animation:cta-sweep 3.8s ease-in-out infinite;z-index:2}.floating-toggle:after{animation-delay:.8s}.button:hover{transform:translateY(-2px)}
@keyframes cta-sweep{0%,40%{left:-75%;opacity:0}46%{opacity:1}72%,100%{left:145%;opacity:0}}
@keyframes cta-breathe{0%,100%{box-shadow:inset 0 1px 2px #fff8,0 0 6px #32fa4144,0 0 0 0 #48ee481c}50%{box-shadow:inset 0 1px 2px #fff9,0 0 23px #32fa4177,0 0 0 6px #48ee4808}}
@media(min-width:1650px){.hero,.hero-inner{min-height:640px}}
@media(min-width:701px) and (max-width:1100px){.hero,.hero-inner{min-height:500px}.hero-copy{max-width:650px}.hero h1{font-size:43px}.game-card{flex-direction:row;text-align:left;gap:8px;min-height:125px}.game-card h3{font-size:13px}.game-card>img{width:44%}.category-tabs button{font-size:15px;padding:8px;gap:6px}.category-tabs button>span{width:45px;height:50px}.experience-install{padding:30px 36px;gap:20px}.experience-install h2{font-size:21px}.install h3{font-size:12px}.install li{padding:10px 8px;gap:8px}.step-number{width:30px;height:30px;font-size:12px}.install li>span:last-child{font-size:18px}.community{gap:16px}.social-links{gap:16px}.community>p:not(.eyebrow){display:none}}
@media(max-width:700px){body{background-position:center 360px;background-size:auto 1100px}.header-inner{min-height:64px}.menu-toggle{display:flex;width:38px;height:38px;border:0;background:transparent;padding:7px;flex-direction:column;justify-content:space-around}.menu-toggle span{height:2px;width:24px;background:#fff;border-radius:3px}.site-header nav.is-open{display:flex;position:absolute;top:64px;left:0;right:0;flex-direction:column;gap:0;background:#031b32fa;border-bottom:1px solid var(--line);padding:10px 18px}.site-header nav.is-open a{padding:12px}.hero{padding-top:270px;min-height:0}.hero-inner{min-height:0;padding:0 0 25px}.hero h1{font-size:clamp(30px,8.3vw,42px);letter-spacing:-1.1px}.hero h1 span{white-space:normal}.hero-art{height:385px;background-size:auto 385px;background-position:58% center}.hero:before{background:linear-gradient(0deg,#031b32 0%,#031b32e6 20%,#031b3266 43%,transparent 63%)}.hero:after{background-position:center bottom;mask-image:linear-gradient(0deg,#0007,transparent 38%);-webkit-mask-image:linear-gradient(0deg,#0007,transparent 38%)}.hero-description{font-size:14px;max-width:320px;margin:15px auto 20px}.hero .eyebrow{font-size:8px;letter-spacing:1.8px}.section-heading h2{font-size:26px}.games-section{padding-top:12px;padding-bottom:30px}.game-card{flex-direction:column;text-align:center;padding:14px 8px;min-height:0}.game-card>img{width:105px;height:105px}.game-card h3{font-size:13px}.category-heading{margin-top:26px}.category-heading .eyebrow{font-size:9px;gap:12px}.category-heading .eyebrow:before,.category-heading .eyebrow:after{width:30px}.category-tabs{gap:10px}.category-tabs button{min-height:70px;padding:7px 10px 7px 5px;font-size:14px;gap:8px}.category-tabs button>span{width:49px;height:49px}.category-panel.is-active{margin-top:12px}.experience-install{width:100%;padding:36px 18px;grid-template-columns:1fr;gap:34px;background-size:auto 1100px;background-position:center top}.experience-install h2{font-size:29px;white-space:normal}.experience h2 br{display:none}.experience>p:not(.eyebrow){font-size:12px;max-width:330px;margin:12px auto}.cover-fan{justify-content:center;margin:36px 0 15px}.cover-fan img{width:27%;max-width:115px}.install h2{text-align:center}.install li{padding:17px 15px;min-height:75px}.install h3{font-size:15px}.install li>span:last-child{font-size:26px}.step-number{width:40px;height:40px;font-size:16px}.experience-install #help{padding-top:28px;border-top:1px solid var(--line)}.experience-install #help h2{text-align:center}.faq summary{font-size:13px;padding:16px 40px 16px 14px}.faq summary:after{top:10px}.help-community{padding:30px 0;background:#021c3380}.community{display:block}.community h2{font-size:29px}.community>p:not(.eyebrow){max-width:none;font-size:13px;margin-top:8px}.social-links{display:grid;grid-template-columns:repeat(6,1fr);gap:18px 10px;margin:24px auto 0;max-width:310px}.social-links button{font-size:11px}.social-links button img{width:46px;height:46px}.footer-inner{gap:14px}.floating-tools{right:13px;bottom:calc(106px + env(safe-area-inset-bottom,0px))}.mobile-download .button{animation:cta-breathe 2.8s ease-in-out infinite}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.catalog-action{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.collection-section{padding-block:38px}.collection-section .section-heading{margin-bottom:16px}.collection-section .game-search{margin-top:18px}.catalog-status{margin-bottom:16px}
@media(min-width:701px){.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:700px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}