@font-face{font-family:Geist;src:url('../fonts/geist.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Bricolage;src:url('../fonts/bricolage-grotesque.woff2') format('woff2');font-weight:200 800;font-display:swap}
@view-transition{navigation:auto}
::view-transition-group(*){animation-duration:240ms;animation-timing-function:cubic-bezier(.2,.8,.2,1)}
:root{--navy:#10283f;--ink:#152e43;--muted:#5c6e7b;--blue:#00799e;--ice:#e7f3f7;--paper:#f7f9fa;--line:#dfe7eb;--white:#fff;--radius:18px;--header:84px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;color:var(--ink);background:var(--paper);font:15px/1.6 Geist,Arial,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}svg{width:21px;height:21px;flex-shrink:0}button{color:inherit}button:disabled{cursor:default}a,button,input{touch-action:manipulation}:focus-visible{outline:3px solid #008bb8;outline-offset:5px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:20;top:-80px;left:20px;background:white;padding:12px 20px}.skip-link:focus{top:12px}.js-only{display:none}.js .js-only{display:inline-flex}.page{max-width:1376px;margin:0 auto;padding:0 48px}.site-header{height:var(--header);position:sticky;top:0;z-index:10;background:var(--navy);color:#eaf5fa;box-shadow:0 1px 0 #ffffff10}.header-inner{max-width:1376px;margin:0 auto;padding:0 48px;height:100%;display:flex;align-items:center;gap:38px}.brand{display:flex;align-items:center;gap:15px;flex-shrink:0}.brand img{width:182px;height:auto}.brand-divider{width:1px;height:26px;background:#ffffff2a}.brand-label{font-size:10px;letter-spacing:2px;color:#a3c8d8;font-weight:650}.site-header nav{display:flex;align-items:center;gap:24px;white-space:nowrap}.site-header nav>a{display:flex;align-items:center;gap:8px;min-height:44px;font-size:13px;font-weight:600;color:#c6d7e3;transition:color .2s}.site-header nav>a:hover,.site-header nav>a[aria-current]{color:#fff}.favorite-count{min-width:19px;height:19px;justify-content:center;align-items:center;border-radius:6px;font-size:10px;background:#ffffff15}.search{margin-left:auto;position:relative;display:flex;align-items:center;width:310px;color:#aac2d2}.search>svg{position:absolute;left:14px;width:18px}.search input{width:100%;height:43px;border:1px solid #ffffff1b;background:#ffffff08;border-radius:10px;color:#fff;padding:0 42px 0 42px;font-size:12px}.search input::placeholder{color:#b4c7d4}.search input::-webkit-search-cancel-button{-webkit-appearance:none}.search input:focus{background:#ffffff10;outline-offset:2px}.search-submit{position:absolute;right:3px;background:none;border:0;width:38px;height:38px;display:flex;align-items:center;justify-content:center;color:#b6dce8}.search-submit svg{width:17px}.welcome{display:flex;align-items:flex-end;justify-content:space-between;padding:34px 0 27px;gap:20px}.eyebrow{font-size:10px;letter-spacing:1.9px;font-weight:750;color:var(--blue);margin:0 0 8px}.welcome h1{font:700 clamp(25px,2.4vw,34px)/1.2 Bricolage,Arial,sans-serif;letter-spacing:-1px;margin:0}.library-note{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);white-space:nowrap;padding-bottom:4px}.library-note i{width:6px;height:6px;background:#008ca8;border-radius:50%}.primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:47px;border-radius:10px;background:var(--navy);color:#fff;border:0;padding:12px 20px;font-weight:650;font-size:13px;line-height:1.4;transition:background .2s,transform .2s}.primary:hover{background:#1b4665;transform:translateY(-2px)}.round-play{position:absolute;right:19px;bottom:21px;z-index:1;width:38px;height:38px;background:#ffffffed;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--navy);transition:transform .2s}.round-play svg{width:16px;fill:currentColor;stroke:none}.catalog{padding-top:38px;scroll-margin-top:20px}.catalog-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.catalog-heading h2,.studio-note h2,.game-information h2,.related h2{font:700 26px/1.2 Bricolage,Arial,sans-serif;letter-spacing:-.6px;margin:0}.catalog-heading .eyebrow{font-size:9px;margin-bottom:5px}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:none;border:0;padding:8px 0;min-height:44px;font-size:12px;font-weight:600;color:var(--muted)}.text-button svg{width:17px}.text-button:hover{color:var(--blue)}.filter-bar{display:flex!important;flex-wrap:wrap;gap:8px;padding:0 0 19px;border-bottom:1px solid var(--line)}body:not(.js) .filter-bar{display:none!important}.filter{border:1px solid transparent;background:#eaf0f3;border-radius:8px;padding:9px 16px;font-size:12px;font-weight:600;min-height:40px;transition:background .2s,color .2s}.filter:hover{background:#ddebf0}.filter.active{background:var(--navy);color:white}.results-line{display:flex!important;align-items:center;justify-content:space-between;height:54px;font-size:11px;color:var(--muted)}body:not(.js) .results-line{display:none!important}.results-line p{margin:0}.results-line .text-button{font-size:11px}.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:20px;row-gap:27px}.game-card{position:relative;min-width:0}.cover{position:relative;overflow:hidden;border-radius:13px;aspect-ratio:16/9;background:#e2edf1}.cover img{width:100%;height:100%;object-fit:contain}.cover-link{display:block}.cover-link h3{font-size:14px;font-weight:720;letter-spacing:-.2px;line-height:1.3;margin:13px 44px 4px 1px}.cover-link p{font-size:10px;color:var(--muted);margin:0 44px 0 1px}.cover-link p>span{padding:0 4px}.play-peek{position:absolute;left:50%;top:50%;width:46px;height:46px;border-radius:50%;background:#fffef9;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-35%);opacity:0;transition:opacity .2s,transform .2s;box-shadow:0 4px 28px #001b3b3a}.play-peek svg{width:19px;fill:var(--navy);stroke:none}.cover-link:hover .play-peek,.cover-link:focus-visible .play-peek{opacity:1;transform:translate(-50%,-50%)}.cover-tag{position:absolute;bottom:10px;left:10px;background:#10283fe8;color:#fff;border-radius:5px;padding:3px 7px;font-size:8px;font-weight:650;letter-spacing:.3px}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;width:44px;height:44px;padding:10px;border:1px solid transparent;border-radius:10px;background:transparent}.icon-button svg{width:18px}.icon-button:hover{background:#e5eef3}.icon-button[aria-pressed=true]{color:var(--blue)}.icon-button[aria-pressed=true] svg{fill:#0087ac22}.game-card>.favorite{position:absolute;bottom:1px;right:-5px;color:#7d8e99}.game-card>.favorite[aria-pressed=true]{color:var(--blue)}.empty-state{text-align:center;padding:50px 20px 65px;border-bottom:1px solid var(--line)}.empty-state>span{display:inline-flex;width:64px;height:64px;border-radius:20px;background:var(--ice);align-items:center;justify-content:center;color:var(--blue)}.empty-state>span svg{width:28px;height:28px}.empty-state h3{font:700 24px Bricolage,Arial;margin:18px 0 4px}.empty-state p{color:var(--muted);font-size:13px;margin:0 0 24px}.studio-note{display:flex;align-items:center;gap:24px;margin:54px 0 0;padding:32px;border-radius:var(--radius);background:var(--navy);color:white}.studio-note>img{width:60px;height:70px;object-fit:contain;flex-shrink:0}.studio-note .eyebrow{color:#6fcee8;font-size:9px}.studio-note h2{font-size:24px}.studio-note p:not(.eyebrow){font-size:12px;color:#c2d1dd;margin:8px 0 0;line-height:1.7}.studio-note>a{color:#ccecf5;margin-left:auto;white-space:nowrap}.site-footer{max-width:1280px;margin:45px auto 0;padding:0 0 26px;display:grid;grid-template-columns:1fr 1fr;gap:30px;border-top:1px solid var(--line);padding-top:30px}.footer-brand{display:inline-flex;gap:10px;align-items:center;font:700 18px Bricolage,Arial}.footer-brand img{width:26px;height:30px;object-fit:contain;filter:brightness(.3) saturate(2)}.site-footer p{font-size:11px;color:var(--muted);margin:5px 0 0}.footer-links{display:flex;justify-content:flex-end;align-items:center;gap:25px;font-size:11px;color:var(--muted)}.footer-links a:hover{color:var(--blue)}.site-footer small{grid-column:1/-1;color:#6c7e8c;font-size:10px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);margin:0;background:var(--navy);color:white;box-shadow:0 8px 30px #10283f25;border-radius:10px;font-size:12px;padding:12px 20px;max-width:calc(100vw - 32px);width:max-content;pointer-events:none;opacity:0;transition:opacity .2s,transform .2s;z-index:30}.toast.visible{opacity:1;transform:translate(-50%,0)}.noscript{text-align:center;background:var(--ice);padding:14px;font-size:13px}.breadcrumbs{display:flex;gap:12px;font-size:11px;color:var(--muted);padding:25px 0 22px}.breadcrumbs a:hover{color:var(--blue)}.game-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.game-heading h1{font:750 36px/1.15 Bricolage,Arial,sans-serif;letter-spacing:-1px;margin:0}.game-actions{display:flex;gap:8px}.game-actions .favorite{position:static;background:white;border-color:var(--line)}.game-actions .share{background:white;border-color:var(--line)}.player{background:#0b1926;aspect-ratio:16/9;min-height:360px;border-radius:var(--radius);position:relative;overflow:hidden;isolation:isolate}.launch-screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;color:white}.launch-screen>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.43) saturate(.8);z-index:-1}.launch-screen:after{content:'';position:absolute;inset:0;background:#071a3240;z-index:-1}.launch-copy{display:flex;flex-direction:column;align-items:center;padding:28px}.launch-symbol{width:45px;height:55px;object-fit:contain;margin-bottom:12px}.launch-copy>p{font-size:9px;letter-spacing:2px;margin:12px 0 0}.launch-copy h2{font:750 clamp(28px,4vw,48px)/1.1 Bricolage,Arial;margin:10px 0 27px;letter-spacing:-.8px}.launch-copy .primary{background:white;color:var(--navy);min-height:51px;padding:14px 28px;font-size:14px}.launch-copy .primary svg{fill:var(--navy);stroke:0;width:18px}.launch-copy>span{font-size:11px;color:#d4e2eb;margin-top:16px}.player iframe{width:100%;height:100%;position:absolute;inset:0;border:0;background:#0b1926}.player-loading{position:absolute;inset:0;z-index:2;pointer-events:none;background:#10283fd9;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;font-size:13px}.spinner{width:30px;height:30px;border:3px solid #ffffff35;border-top-color:white;border-radius:50%;animation:spin 1s linear infinite}.player-fallback{position:absolute;bottom:0;left:0;right:0;background:var(--navy);color:white;z-index:3;margin:0;padding:9px;font-size:11px;text-align:center}.player-fallback a{text-decoration:underline}.player:fullscreen{border-radius:0;aspect-ratio:auto;min-height:100%}.player-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 2px 22px;font-size:11px;color:var(--muted);border-bottom:1px solid var(--line)}.player-toolbar>div{display:flex;align-items:center;gap:22px}.player-toolbar .text-button{font-size:11px}.player-toolbar a:hover{color:var(--blue)}.game-information{display:grid;grid-template-columns:1.7fr 1fr;gap:90px;padding:38px 0;border-bottom:1px solid var(--line)}.game-information h2{font-size:26px;margin-bottom:17px}.game-information h3{font:700 19px/1.3 Bricolage,Arial;margin:27px 0 12px}.game-information p{color:var(--muted);font-size:13px;line-height:1.85;margin:0 0 16px;max-width:68ch}.game-information aside{padding-left:28px;border-left:1px solid var(--line)}.game-information aside>h3{margin-top:1px}.game-information dl{margin:0 0 27px}.game-information dl>div{padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.game-information dt{font-weight:650}.game-information dd{margin:3px 0 0;color:var(--muted);font-size:11px}.game-information .storage-note{font-size:11px}.related{padding-top:37px}.privacy{max-width:860px;padding-top:50px;padding-bottom:60px}.privacy h1{font:750 39px/1.15 Bricolage,Arial;letter-spacing:-1px}.privacy h2{font:700 24px Bricolage,Arial;margin-top:35px}.privacy p{color:var(--muted);font-size:14px;line-height:1.9}.privacy p a{text-decoration:underline}.privacy .primary{margin:10px 0}.privacy+.site-footer{margin-top:0}
@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1550px){}
@media(max-width:1200px){.page,.header-inner{padding-left:30px;padding-right:30px}.header-inner{gap:24px}.brand img{width:160px}.brand{gap:12px}.site-header nav{gap:18px}.search{width:260px}.site-footer{margin-left:30px;margin-right:30px}.game-grid{gap:25px 18px}.game-information{gap:45px}}
@media(max-width:980px){.brand-label,.brand-divider{display:none}.site-header nav>a{font-size:12px}.header-inner{gap:28px}.search{width:240px}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-note{padding:25px;gap:18px}.studio-note>a{display:none}.game-information{gap:30px}.game-heading h1{font-size:32px}}
@media(max-width:760px){:root{--header:122px}.site-header{height:var(--header)}.header-inner{position:relative;padding:0 20px;align-items:flex-start;justify-content:space-between;gap:12px}.brand{height:65px}.brand img{width:158px}.site-header nav{height:65px;gap:15px}.site-header nav>a{min-height:44px;font-size:11px;gap:5px}.site-header nav svg{width:17px}.favorite-count{display:none!important}.search{position:absolute;left:20px;right:20px;top:68px;width:auto;margin:0}.search input{height:39px;font-size:12px}.search-submit{height:34px}.page{padding-left:20px;padding-right:20px}.welcome{padding:26px 0 21px;align-items:flex-start}.welcome h1{font-size:28px;letter-spacing:-.7px;max-width:320px}.welcome .eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:10px}.library-note{display:none}.round-play{width:25px;height:25px;right:10px;bottom:15px}.round-play svg{width:11px}.catalog{padding-top:29px}.catalog-heading{gap:10px;margin-bottom:17px}.catalog-heading h2{font-size:24px}.catalog-heading>.text-button{font-size:0;gap:0;width:44px;background:#eaf0f3;border-radius:10px}.catalog-heading>.text-button svg{width:21px;height:21px}.catalog-heading .eyebrow{font-size:8px;letter-spacing:1.3px}.filter-bar{flex-wrap:nowrap;overflow-x:auto;padding-bottom:13px;margin-right:-20px;padding-right:20px;gap:7px;scrollbar-width:none}.filter-bar::-webkit-scrollbar{display:none}.filter{flex-shrink:0;font-size:11px;padding:8px 14px;min-height:39px}.results-line{height:44px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 13px}.cover{border-radius:10px;aspect-ratio:16/9}.cover-link h3{font-size:12px;margin:10px 32px 4px 0;min-height:16px}.cover-link p{font-size:9px;margin-right:22px;line-height:1.5}.cover-link p>span{padding:0 2px}.game-card>.favorite{bottom:4px;right:-7px;width:36px;min-width:36px;padding:9px}.game-card>.favorite svg{width:16px}.cover-tag{left:7px;bottom:7px;font-size:7px;padding:2px 5px}.studio-note{margin-top:35px;padding:24px 20px;gap:16px;align-items:flex-start;border-radius:14px}.studio-note>img{width:37px;height:48px;margin-top:7px}.studio-note h2{font-size:22px;max-width:220px}.studio-note p:not(.eyebrow){font-size:11px;line-height:1.7}.studio-note p br{display:none}.studio-note .eyebrow{font-size:7px;letter-spacing:1px}.site-footer{margin:30px 20px 0;grid-template-columns:1fr;gap:21px;padding-top:25px}.footer-links{justify-content:flex-start;gap:20px;flex-wrap:wrap;font-size:10px}.site-footer small{font-size:9px}.footer-brand{font-size:17px}.breadcrumbs{padding:20px 0;font-size:10px}.game-heading{margin-bottom:19px;gap:15px}.game-heading h1{font-size:28px}.game-heading .eyebrow{font-size:9px}.game-actions{gap:2px}.game-actions .icon-button{width:39px;min-width:39px;height:39px}.player{aspect-ratio:3/4;min-height:0;border-radius:13px}.launch-copy{padding:20px}.launch-copy h2{font-size:30px;margin-bottom:25px}.launch-copy>span{font-size:10px;max-width:240px}.launch-copy .primary{font-size:13px}.player-toolbar{flex-direction:column;align-items:flex-start;padding-bottom:18px;gap:4px;font-size:10px}.player-toolbar>div{gap:18px;flex-wrap:wrap}.player-toolbar .text-button{font-size:10px}.game-information{grid-template-columns:1fr;gap:18px;padding:28px 0}.game-information h2{font-size:25px}.game-information h3{font-size:19px}.game-information p{font-size:12px}.game-information aside{border:0;padding:0}.game-information aside>h3{margin-top:0}.related{padding-top:27px}.related .catalog-heading>.text-button{width:auto;font-size:11px;background:none;gap:5px}.privacy{padding-top:32px}.privacy h1{font-size:32px}.privacy h2{font-size:22px}.privacy p{font-size:13px}}
@media(max-width:370px){.page{padding-left:15px;padding-right:15px}.header-inner{padding-left:15px;padding-right:15px}.search{left:15px;right:15px}.brand img{width:130px}.site-header nav{gap:10px}.site-header nav span{font-size:10px}.filter-bar{margin-right:-15px}.site-footer{margin-left:15px;margin-right:15px}.game-heading h1{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.spinner{border-color:#ffffff80}}
.game-details{display:block}.game-details h3{font-size:14px;font-weight:720;letter-spacing:-.2px;line-height:1.3;margin:13px 44px 4px 1px}.game-details p{font-size:10px;color:var(--muted);margin:0 44px 0 1px}.game-details p>span{padding:0 4px}.game-details:hover h3{color:var(--blue)}
html.playing,html.playing body{overflow:hidden;overscroll-behavior:none}
.play-overlay{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;border:0;padding:0;border-radius:0;background:#07121f;color:white;overflow:hidden}
.play-overlay::backdrop{background:#07121f}.play-overlay[open]{display:flex;flex-direction:column;animation:enter .2s both}
.overlay-bar{height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 max(12px,env(safe-area-inset-right)) 0 max(18px,env(safe-area-inset-left));background:#10283f;border-bottom:1px solid #ffffff0d}
#overlay-title{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#d8e7f0}
.overlay-bar>div{display:flex;align-items:center;gap:8px;flex-shrink:0}.overlay-direct{font-size:10px;color:#adbfcc;margin-right:12px}.overlay-direct:hover{color:white}
.overlay-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:8px;background:transparent;color:#c2d6e3}.overlay-button:hover{background:#ffffff12;color:white}.overlay-button svg{width:19px;height:19px}
.overlay-stage{flex:1;min-height:0;position:relative;background:#07121f;overflow:hidden}.overlay-stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}.overlay-stage .player-loading{background:#07121f}.play-overlay:fullscreen{width:100%;height:100%}
@media(max-width:760px){.game-details h3{font-size:12px;margin:10px 32px 4px 0;min-height:16px}.game-details p{font-size:9px;margin-right:22px;line-height:1.5}.game-details p>span{padding:0 2px}.overlay-bar{height:48px;gap:8px;padding-left:12px}.overlay-bar>div{gap:1px}.overlay-direct{font-size:9px;margin-right:6px}#overlay-title{font-size:10px}}
.game-page>.player{aspect-ratio:2.85;min-height:300px;max-height:420px}.game-subtitle{margin:7px 0 0;font-size:13px;color:var(--muted)}.game-jump-links{display:flex;gap:25px;flex-wrap:wrap;padding:15px 0;border-bottom:1px solid var(--line);font-size:11px;font-weight:600;color:var(--muted)}.game-jump-links a:hover{color:var(--blue)}
.game-information article>h2:not(:first-of-type){font-size:23px;margin-top:30px}.game-information p{max-width:75ch}.gameplay-section,.game-tips,.game-faq{padding:36px 0;border-bottom:1px solid var(--line);scroll-margin-top:20px}.gameplay-section h2,.game-tips h2,.game-faq h2{font:700 26px/1.2 Bricolage,Arial,sans-serif;letter-spacing:-.5px;margin:0 0 13px}.section-description{font-size:12px;color:var(--muted);margin:0 0 24px}.screenshot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.screenshot-grid figure{margin:0;min-width:0}.screenshot-grid img{width:100%;height:285px;object-fit:contain;background:#eaf0f3;border-radius:12px}.screenshot-grid figcaption{font-size:11px;color:var(--muted);line-height:1.65;margin-top:10px}.screenshot-grid a{display:block;border-radius:12px;overflow:hidden}.gameplay-video{display:grid;grid-template-columns:1fr 1.7fr;gap:55px;align-items:center;margin-top:38px}.gameplay-video h3{font:700 24px Bricolage,Arial;margin:8px 0 12px}.gameplay-video p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.8}.gameplay-video video{width:100%;height:auto;display:block;border-radius:12px;background:#10283f}.game-tips{display:grid;grid-template-columns:1fr 1.7fr;gap:55px}.game-tips h2{max-width:360px}.game-tips ol{margin:0;padding:0;list-style:none;counter-reset:tips}.game-tips li{counter-increment:tips;position:relative;padding:0 0 21px 40px;font-size:13px;line-height:1.85;color:var(--muted)}.game-tips li:last-child{padding-bottom:0}.game-tips li:before{content:counter(tips,decimal-leading-zero);position:absolute;left:0;top:1px;font:700 18px Bricolage,Arial;color:var(--blue)}.game-faq details{border-top:1px solid var(--line);max-width:850px}.game-faq details:first-of-type{margin-top:24px}.game-faq summary{padding:18px 0;font-size:13px;font-weight:650;cursor:pointer}.game-faq details p{margin:0 0 20px;font-size:13px;line-height:1.85;color:var(--muted);max-width:75ch}
@media(max-width:760px){.game-page>.player{aspect-ratio:1.45;min-height:235px;max-height:340px}.game-subtitle{font-size:11px}.launch-copy>p{font-size:8px}.launch-copy h2{font-size:26px;margin:9px 0 19px}.game-jump-links{gap:12px 20px;font-size:10px}.gameplay-section,.game-tips,.game-faq{padding:28px 0}.gameplay-section h2,.game-tips h2,.game-faq h2{font-size:23px}.screenshot-grid{gap:22px;grid-template-columns:1fr}.screenshot-grid img{height:auto;max-height:350px;object-fit:contain}.gameplay-video,.game-tips{grid-template-columns:1fr;gap:18px}.gameplay-video{margin-top:28px}.gameplay-video h3{font-size:22px}.gameplay-video p:not(.eyebrow),.game-tips li,.game-faq details p{font-size:12px}.game-faq summary{font-size:12px}.game-information article>h2:not(:first-of-type){font-size:22px}}

/* Shared portal: interaction feedback, restrained motion and responsive navigation. */
html { color-scheme: light; scrollbar-gutter: stable; }
.portal-language { width:108px; min-height:44px; border:1px solid #ffffff24; border-radius:9px; padding:0 8px; background:#17354e; color:#e8f4fb; font:inherit; font-size:11px; cursor:pointer; }
.header-inner { gap:24px; }
.site-header nav { gap:18px; }
.site-header nav>a[aria-current=false] { color:#c6d7e3; }
.site-header nav>a[aria-current=page] { color:#fff; }
.brand img { width:172px; }
.search { width:290px; min-width:150px; }
.search input { font-size:13px; }
.page:focus { outline:none; }
.game-card { transition: transform 180ms cubic-bezier(.2,.8,.2,1); }
.cover-link { transition: transform 140ms ease; }
.primary,.filter,.icon-button,.overlay-button,.search-submit { transition: transform 140ms ease, background-color 140ms ease, color 140ms ease; }
.primary:active,.filter:active,.icon-button:active,.overlay-button:active,.search-submit:active { transform:scale(.94); }
.icon-button[aria-pressed=true] svg { fill:currentColor; stroke-width:1.4; }
.favorite-count { display:inline-flex; }
.cover-preview { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; pointer-events:none; }
.play-peek,.cover-tag { z-index:1; }
.loading-cover { width:min(220px,48vw); aspect-ratio:1.6; object-fit:cover; border-radius:12px; margin-bottom:24px; opacity:.75; }
.play-overlay[open] { animation:none; }
.play-overlay .player-loading { padding:20px; }
.game-highlights { list-style:none; margin:28px 0; padding:0; }
.game-highlights li { margin:18px 0; }
.game-highlights strong { font-size:14px; }
.game-information li { color:var(--muted); font-size:13px; line-height:1.85; }
.game-jump-links a { min-height:44px; display:inline-flex; align-items:center; }
.breadcrumbs,.gameplay-section,.game-tips,.game-faq,#como-jogar,#sobre { scroll-margin-top:25px; }
@media(hover:hover) and (pointer:fine) { .game-card:hover { transform:translateY(-3px); } }
@media(max-width:1100px) and (min-width:761px) { .header-inner { gap:15px; } .brand img { width:145px; } .site-header nav { gap:12px; } .search { width:210px; } .portal-language { width:91px; } }
@media(max-width:760px) {
 .header-inner { align-items:center; justify-content:flex-start; gap:8px; height:65px; padding:0 16px; }
 .brand { margin-right:auto; height:65px; }
 .brand img { width:130px; }
 .site-header nav { gap:0; height:65px; }
 .site-header nav>a { padding:0 6px; min-width:38px; min-height:44px; justify-content:center; }
 .site-header nav>a:not(:last-child)>span { position:absolute; width:1px; height:1px; clip-path:inset(50%); overflow:hidden; }
 .site-header nav>a:last-child { font-size:11px; }
 .portal-language { width:54px; padding:0 3px; font-size:10px; }
 .search { top:68px; left:16px; right:16px; min-width:0; width:auto; }
 .game-card>.favorite { width:44px; min-width:44px; height:44px; right:-6px; bottom:0; }
 .game-details h3,.game-details p { margin-right:38px; }
 .game-actions .icon-button { width:44px; min-width:44px; height:44px; }
 .game-information li { font-size:12px; }
 .filter { min-height:44px; }
 .game-jump-links { gap:0 20px; }
}
@media(prefers-reduced-motion:reduce) { ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*) { animation:none!important; } }

.round-play svg,.play-peek svg,.primary svg { fill:none; stroke:currentColor; }
.launch-button svg { fill:currentColor; stroke:none; }

/* Keep promotional artwork unobstructed and put the launch action below it. */
.game-page>.player.game-banner{aspect-ratio:auto;min-height:0;max-height:none;background:transparent;border-radius:18px 18px 0 0}
.game-banner .launch-screen{position:relative;inset:auto}
.game-banner .launch-screen:before,.game-banner .launch-screen:after{display:none}
.game-banner .launch-screen>img{position:static;width:100%;height:auto;object-fit:contain}
.game-launch{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:24px 28px;background:#172440;color:white;border-radius:0 0 18px 18px}
.game-launch strong{font:700 23px/1.2 Bricolage,Arial,sans-serif;letter-spacing:-.4px}
.game-launch p{margin:8px 0 0;color:#c6d8ed;font-size:13px}
.game-launch-action{display:flex;flex-direction:column;align-items:center;gap:9px;flex-shrink:0}
.game-launch .primary{background:#d5f147;color:#14233a;min-width:190px;min-height:52px;font-size:15px;box-shadow:0 4px 0 #94af20}
.game-launch-action>span{font-size:10px;color:#c6d8ed;text-align:center;max-width:250px}
@media(max-width:760px){.game-page>.player.game-banner{border-radius:13px 13px 0 0}.game-launch{padding:19px;flex-direction:column;align-items:stretch;gap:18px;border-radius:0 0 13px 13px}.game-launch strong{font-size:20px}.game-launch p{font-size:12px}.game-launch-action{align-items:stretch}.game-launch .primary{width:100%;justify-content:center}.game-launch-action>span{max-width:none}}
.game-banner .launch-screen>img{filter:none}

/* Titles belong to the artwork: retain the whole 16:9 capsule at every size. */
.featured{display:grid;grid-template-columns:minmax(0,calc((100% - 18px)/3*2 + 10.6667px)) minmax(0,1fr);gap:18px;align-items:start}
.lead-game,.feature-small{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:var(--radius);background:var(--navy);isolation:isolate;animation:enter .45s both}
.lead-game>img,.feature-small>img,.cover>img{width:100%;height:100%;object-fit:contain;object-position:center!important;transform:none}
.side-games{display:grid;gap:18px}
.round-play{z-index:1;width:40px;height:40px;right:14px;bottom:14px;background:#fffffff0;color:var(--navy);box-shadow:0 2px 9px #07182d20;transition:transform 160ms ease,background-color 160ms ease}
.round-play svg{width:18px;height:18px}
.lead-game:hover .round-play,.feature-small:hover .round-play{transform:translateX(3px);background:white}
.cover-link:active,.lead-game:active,.feature-small:active{transform:scale(.985)}
.loading-cover{aspect-ratio:16/9;object-fit:contain}
@media(max-width:760px){.featured{display:block}.lead-game{border-radius:15px}.side-games{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:13px}.feature-small{border-radius:12px}.round-play{width:30px;height:30px;right:8px;bottom:8px}.round-play svg{width:14px;height:14px}.feature-small .round-play{width:24px;height:24px;right:6px;bottom:6px}.feature-small .round-play svg{width:12px;height:12px}}
@media(prefers-reduced-motion:reduce){.lead-game,.feature-small{animation:none}.round-play{transition:none}.lead-game:hover .round-play,.feature-small:hover .round-play{transform:none}}

/* The page and native dialog paint the notch gutters; controls stay in the safe area. */
html{background:#10283f}
html.playing{scrollbar-gutter:auto;background:#07121f}
html.playing body{background:#07121f}
.play-overlay{width:100%;height:100vh;height:100dvh}
.overlay-bar{height:calc(48px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px))}
.overlay-stage iframe{inset:0 env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);width:calc(100% - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));height:calc(100% - env(safe-area-inset-bottom,0px))}
[data-overlay-close]{background:#c42d44;color:white;border:1px solid #f56d7d66}
[data-overlay-close]:hover{background:#a92338;color:white}
@media(orientation:landscape) and (max-width:1000px){.header-inner{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.page{padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}}

/* Game pages have a compact media showcase and a truly edge-to-edge screenshot rail. */
.page.game-page{max-width:none;padding:0;display:grid;grid-template-columns:minmax(48px,1fr) minmax(0,1280px) minmax(48px,1fr)}
.game-page>*{grid-column:2;min-width:0}
.game-showcase{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:18px;align-items:stretch}
.game-showcase:not(:has(.showcase-shots)){display:block;max-width:980px;width:100%;justify-self:center}
.showcase-main .game-banner{aspect-ratio:auto;min-height:0;max-height:none;border-radius:16px 16px 0 0}
.showcase-main .game-launch{padding:18px 22px;gap:16px}
.showcase-main .game-launch strong{font-size:20px}
.showcase-main .game-launch p{font-size:12px}
.showcase-main .game-launch .primary{min-width:160px;min-height:48px}
.showcase-shots{display:grid;grid-template-rows:1fr 1fr;gap:18px;min-height:0}
.showcase-shot{position:relative;display:flex;align-items:center;min-height:0;overflow:hidden;border-radius:14px;background:#10283f}
.showcase-shot img{width:100%;height:100%;max-height:320px;object-fit:cover;object-position:center}
.shot-expand{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#fffffff0;color:#10283f;opacity:0;transition:opacity .16s,transform .16s}
.shot-expand svg{width:15px;height:15px}
.showcase-shot:hover .shot-expand,.showcase-shot:focus-visible .shot-expand,.gallery-shot:hover .shot-expand,.gallery-shot:focus-visible .shot-expand{opacity:1;transform:translateY(-2px)}
.game-page>.gameplay-section{grid-column:1/-1;background:#e6eff4;border-block:1px solid #d4e2ea;padding:40px 0;margin-top:8px}
.gallery-heading,.gallery-video-wrap{max-width:1376px;padding-inline:48px;margin-inline:auto}
.gallery-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}
.gallery-heading .section-description{margin-bottom:0}
.gallery-controls{display:flex;gap:8px;flex-shrink:0}
.gallery-controls [data-gallery-scroll="-1"] svg,.gallery-step[data-gallery-prev] svg{transform:rotate(180deg)}
.gallery-track{display:flex;gap:20px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:max(48px,calc((100% - 1280px)/2));padding:0 max(48px,calc((100% - 1280px)/2)) 20px;scrollbar-width:thin;scrollbar-color:#91afbf transparent;cursor:grab}
.gallery-track.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.gallery-track figure{flex:0 0 clamp(300px,38vw,600px);min-width:0;margin:0;scroll-snap-align:start}
.gallery-shot{position:relative;display:block;aspect-ratio:16/9;border-radius:13px;overflow:hidden;background:#10283f}
.gallery-shot img{width:100%;height:100%;object-fit:contain;user-select:none}
.gallery-track figcaption{font-size:11px;line-height:1.6;color:#4c6679;margin-top:10px;max-width:65ch}
.gallery-video-wrap .gameplay-video{margin-top:28px}
html.viewing-gallery,html.viewing-gallery body{overflow:hidden;overscroll-behavior:none}
.game-gallery{position:fixed;inset:0;width:100%;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0 max(16px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(16px,env(safe-area-inset-left));border:0;background:#07121ff5;color:white}
.game-gallery::backdrop{background:#07121f}
.game-gallery[open]{display:flex;flex-direction:column}
.gallery-dialog-bar{display:flex;align-items:center;justify-content:space-between;min-height:60px;padding-top:env(safe-area-inset-top);flex-shrink:0}
[data-gallery-count]{font-size:13px;font-weight:600;color:#d4e5f1}
[data-gallery-close]{background:#c42d44;color:white;border:1px solid #f56d7d66}
[data-gallery-close]:hover{background:#a92338;color:white}
.gallery-stage{min-height:0;flex:1;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:16px;align-items:center}
.gallery-stage>img{width:100%;height:100%;min-height:0;object-fit:contain;align-self:stretch}
.gallery-step{width:44px;height:44px;display:grid;place-items:center;border:1px solid #ffffff30;border-radius:50%;background:#ffffff0e;color:white}
.gallery-step:hover{background:#ffffff24}
.gallery-caption{margin:0;padding:16px 0 22px;text-align:center;font-size:13px;color:#c6d8e8;flex-shrink:0;min-height:50px}
@media(max-width:1200px){.page.game-page{grid-template-columns:minmax(30px,1fr) minmax(0,1280px) minmax(30px,1fr)}.gallery-heading,.gallery-video-wrap{padding-inline:30px}.gallery-track{padding-inline:30px;scroll-padding-inline:30px}}
@media(max-width:900px){.game-showcase{grid-template-columns:1fr}.showcase-shots{display:none}.showcase-main .game-launch{padding:18px}.game-showcase:not(:has(.showcase-shots)){max-width:none}}
@media(max-width:760px){.page.game-page{grid-template-columns:minmax(max(20px,env(safe-area-inset-left)),1fr) minmax(0,1280px) minmax(max(20px,env(safe-area-inset-right)),1fr)}.gallery-heading,.gallery-video-wrap{padding-inline:20px}.game-page>.gameplay-section{padding:28px 0}.gallery-heading{align-items:flex-start;gap:12px}.gallery-heading h2{font-size:23px}.gallery-controls{gap:4px}.gallery-controls .icon-button{width:40px;min-width:40px;height:40px}.gallery-track{gap:14px;padding-inline:20px;scroll-padding-inline:20px}.gallery-track figure{flex-basis:82vw}.gallery-track figcaption{font-size:10px}.gallery-stage{grid-template-columns:32px minmax(0,1fr) 32px;gap:4px}.gallery-step{width:32px;height:40px}.gallery-step svg{width:16px}.game-gallery{padding-inline:max(8px,env(safe-area-inset-left)) max(8px,env(safe-area-inset-right))}.gallery-caption{font-size:11px;padding:12px 8px 18px}.gallery-dialog-bar{min-height:52px}}
