:root{color-scheme:dark;--bg:#050c0e;--text:#f5efdc;--muted:#b2c1bf;--gold:#eec367;--line:#ffffff21}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #f6df99;outline-offset:5px}img{max-width:100%;height:auto;display:block}button{border:0}h1,h2,h3,p,figure{margin:0}[hidden]{display:none!important}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip{position:fixed;left:15px;top:-100px;z-index:100;background:var(--gold);padding:12px;color:#111}.skip:focus{top:12px}header{height:90px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;gap:25px;position:absolute;top:0;left:0;right:0;z-index:5;border-bottom:1px solid var(--line);background:linear-gradient(#030a0dcc,transparent)}.wordmark{font-weight:900;font-size:23px;letter-spacing:2px;line-height:1.1;color:#f4dfb1}.wordmark span{display:block;font-size:14px;letter-spacing:2.2px;margin-top:7px;color:var(--muted)}nav{display:flex;gap:35px;font-size:14px;font-weight:bold;text-transform:uppercase;letter-spacing:1px}nav a{padding:12px 0;border-bottom:1px solid transparent}nav a:hover{border-color:var(--gold);color:var(--gold)}.languages{display:flex;gap:4px;font-size:14px;font-weight:bold}.languages a{padding:7px 11px;border:1px solid var(--line)}.languages [aria-current]{background:var(--gold);color:#18100b;border-color:var(--gold)}.hero{position:relative;min-height:820px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 78% 35%,#065475 0%,#062c3a 25%,#071319 57%,#060e11 78%)}.hero-glow{position:absolute;inset:0;background:linear-gradient(90deg,#061016 0%,transparent 70%),linear-gradient(0deg,var(--bg),transparent 25%);z-index:1;pointer-events:none}.hero-creature{width:min(850px,65vw);position:absolute;right:-4%;top:130px;transform:rotate(-6deg);mask-image:radial-gradient(ellipse at 50% 47%,#000 30%,#000b 51%,transparent 74%);animation:rex-breathe 11s ease-in-out infinite;will-change:transform}.hero-creature svg{width:100%;filter:contrast(1.14) saturate(1.1)}.hero-copy{position:relative;z-index:2;padding:185px 0 100px;margin-left:max(6vw,24px);max-width:570px;width:48%}.eyebrow{font-size:14px;font-weight:bold;letter-spacing:3px;color:var(--gold);margin-bottom:23px}.game-logo{width:520px;margin-left:-12px;mix-blend-mode:screen;filter:drop-shadow(0 4px 10px #000)}.hero h2{font-size:clamp(27px,2.9vw,42px);line-height:1.15;letter-spacing:-1px;font-weight:800;margin:24px 0 18px;text-transform:uppercase}.hero .lead{color:#c2d0cc;font-size:18px;max-width:390px}.button{display:inline-flex;gap:42px;align-items:center;color:#21180b;background:linear-gradient(120deg,#f8e0a0,#bd893d);border:1px solid #ffeda6;padding:16px 23px;font-size:14px;font-weight:900;letter-spacing:1px;text-transform:uppercase;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);margin-top:32px;box-shadow:0 10px 40px #dca33320;transition:filter .2s,transform .2s}.button:hover{filter:brightness(1.18);transform:translateY(-3px)}.platform{font-size:14px;letter-spacing:2px;margin-top:26px;color:#819793}.platform span{padding:0 13px;color:var(--gold)}.hero-bottom{position:absolute;z-index:3;bottom:25px;left:6%;right:6%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:16px}.coordinates{font-size:14px;letter-spacing:2px;color:#91aaaa}.motion-toggle{border:1px solid var(--line);background:#082330aa;padding:8px 12px;font-size:14px;color:#bad1d2}.mist{position:absolute;pointer-events:none;z-index:1;width:900px;height:130px;border-radius:100%;filter:blur(42px);background:#84bacb18;animation:drift 23s ease-in-out infinite alternate}.mist-one{bottom:130px;right:-150px}.mist-two{top:170px;left:250px;width:600px;opacity:.45;animation-delay:-8s}.particles{position:absolute;inset:0;z-index:2;pointer-events:none}.particles i{position:absolute;left:calc(39% + var(--i)*4%);top:calc(13% + var(--i)*5%);width:3px;height:3px;background:#e9c266;border-radius:50%;box-shadow:0 0 9px #ffbc5388;opacity:0;animation:mote calc(7s + var(--i)*.5s) linear infinite;animation-delay:calc(var(--i)*-.7s)}.section{max-width:1200px;margin:auto;padding:105px 24px;display:grid;grid-template-columns:1fr 1.25fr;gap:100px;align-items:center}.section-copy h2,.gallery-heading h2,.closing h2{font-size:clamp(34px,4vw,57px);line-height:1.03;font-weight:900;text-transform:uppercase;letter-spacing:-1.8px}.section-copy>p:not(.eyebrow){font-size:16px;line-height:1.85;color:var(--muted);max-width:385px;margin-top:25px}.text-link{display:inline-flex;gap:22px;background:none;padding:0 0 7px;margin-top:25px;border-bottom:1px solid #b68844;color:var(--gold);font-size:14px;text-align:left}.text-link:hover{color:#fff2cb}.reel-section{position:relative;min-height:550px}.reel-art{position:relative;padding:35px 0}.reel-board{position:relative;border:3px solid #775434;box-shadow:0 0 0 1px #ce9b54,0 35px 70px #0009;transform:perspective(1000px) rotateY(-9deg) rotateZ(3deg);background:#2b073e;overflow:hidden;border-radius:8px}.reel-board svg{width:100%}.board-shine{position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#fff1 45%,transparent 65%);transform:translateX(-100%);animation:shine 10s ease-in-out infinite;pointer-events:none}.orbit{position:absolute;border:1px solid #ca995f20;width:80%;aspect-ratio:1;border-radius:50%;left:10%;top:-8%;transform:rotateX(45deg)}.orbit-two{width:100%;left:0;top:-16%;border-style:dashed;opacity:.5}.art-tag{position:relative;display:block;text-align:center;font-size:14px;letter-spacing:3px;color:#8d7861;margin-top:35px}.rex-section{background:radial-gradient(ellipse at 70% 50%,#4c2a101f,transparent 60%),#090f0f;border-block:1px solid var(--line);overflow:hidden}.rex-wrap{gap:55px;padding-top:85px;padding-bottom:65px}.rex-tabs{display:flex;flex-direction:column;margin-top:32px;max-width:360px}.rex-tab{display:flex;align-items:center;gap:20px;padding:18px 15px;background:transparent;color:#818b88;border-bottom:1px solid var(--line);text-align:left;font-size:16px;transition:background .2s,color .2s}.rex-tab[aria-pressed=true]{color:#f7ddaa;background:linear-gradient(90deg,#8b572238,transparent);border-left:2px solid var(--gold)}.tab-number{font-size:14px;letter-spacing:2px}.tab-arrow{margin-left:auto}.rex-stage{position:relative;min-height:590px;isolation:isolate}.rex-panel{position:relative;animation:appear .5s ease-out}.rex-panel>svg{height:470px;width:auto;max-width:100%;margin:auto;object-fit:contain;mask-image:radial-gradient(ellipse at 50% 42%,#000 37%,#000e 55%,transparent 77%);filter:contrast(1.1)}.rex-panel[data-rex-panel=ice]>svg{height:470px;mask-image:radial-gradient(ellipse at 50% 45%,#000 36%,#000c 57%,transparent 76%)}.rex-caption{text-align:center;margin-top:-15px;position:relative;z-index:2}.rex-caption>span{font-size:34px;font-weight:900;text-transform:uppercase;letter-spacing:-1px}.rex-caption p{font-size:14px;color:#c3b195}.rex-caption .text-link{font-size:14px;margin-top:12px}.stage-ring{position:absolute;z-index:-1;width:90%;aspect-ratio:1;left:5%;top:5%;border:1px solid #bb8b4026;border-radius:50%;box-shadow:0 0 0 35px #e4a43903,0 0 0 70px #e4a43902}.egg-section{grid-template-columns:1.05fr 1fr;gap:120px;padding-block:110px}.egg-scene{position:relative;padding:0 22px}.egg-picture{max-width:370px;margin:auto;border-radius:45% 45% 18px 18px;overflow:hidden;border:1px solid #52614a;box-shadow:0 25px 70px #0009;transform:rotate(-4deg);animation:appear .5s ease-out}.egg-picture svg{width:100%}.egg-switch{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.egg-switch button{font-size:14px;background:#11221c;border:1px solid #365341;padding:12px 16px;color:#aabdad}.egg-switch [aria-pressed=true]{background:#cedfb1;color:#142111;border-color:#cedfb1}.leaf{position:absolute;width:130px;height:60px;background:linear-gradient(135deg,#142c21,#548653);border-radius:100% 0 100% 0;filter:blur(2px);opacity:.4;pointer-events:none}.leaf-one{bottom:5%;left:-10%;transform:rotate(-40deg)}.leaf-two{right:-8%;top:10%;transform:rotate(120deg)}.gallery-section{max-width:1320px;margin:0 auto;padding:70px 24px 90px;border-top:1px solid var(--line)}.gallery-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:38px}.gallery-heading h2{font-size:42px}.gallery-heading>p{font-size:14px;color:var(--muted)}.screens-rail{display:flex;overflow:auto;gap:22px;padding:5px 5px 25px;scroll-snap-type:x mandatory;scrollbar-color:#c29e62 #172523;scrollbar-width:thin}.screen-card{flex:0 0 190px;background:none;padding:0;scroll-snap-align:start;text-align:left;transition:transform .25s}.screen-card:hover{transform:translateY(-5px)}.screen-card img{width:100%;border-radius:9px;border:1px solid #6c6246;box-shadow:0 15px 20px #0007}.screen-card>span{display:block;font-size:14px;color:#a5b3ab;margin-top:12px}.image-note{font-size:14px;color:#82918a;max-width:760px;margin-top:22px}.closing{position:relative;isolation:isolate;overflow:hidden;padding:90px max(7vw,24px);background:radial-gradient(ellipse at 25% 60%,#205b4144,transparent 60%),#0d1713;border-top:1px solid #2d4434;display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.closing-art{mask-image:radial-gradient(ellipse,#000 25%,transparent 72%);transform:rotate(-4deg)}.closing-art svg{width:100%}.closing h2{font-size:46px}.download{cursor:not-allowed;background:#374535;color:#b8c6ad;border:1px solid #596b4e;padding:13px 20px;font-size:14px;margin-top:26px}.closing p:not(.eyebrow){font-size:14px;color:#8e9d90;margin-top:15px}.closing small{font-size:14px;color:#8e9d90}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:38px max(5vw,24px);border-top:1px solid var(--line)}footer p,footer>a{font-size:14px;color:#99a9a0}footer .wordmark{font-size:18px}footer .wordmark span{font-size:14px}dialog{background:#06100ff5;color:var(--text);border:1px solid #7c714e;border-radius:10px;padding:15px;width:min(600px,94vw);max-height:95vh;overflow:auto}dialog::backdrop{background:#000e;backdrop-filter:blur(5px)}dialog>img{height:72vh;width:auto;max-width:100%;object-fit:contain;margin:auto}.dialog-bar{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:14px}.dialog-bar p{font-size:14px}.dialog-bar button,.dialog-controls button{background:#24362b;padding:8px 15px;font-size:14px;border:1px solid #4f624a}.dialog-controls{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:14px}.dialog-controls span{font-size:14px;color:var(--muted)}
@keyframes rex-breathe{0%,100%{transform:rotate(-6deg) translateY(0) scale(1)}50%{transform:rotate(-4deg) translateY(-12px) scale(1.025)}}@keyframes drift{from{transform:translateX(-80px)}to{transform:translateX(80px)}}@keyframes mote{0%{transform:translate(0,20px);opacity:0}20%{opacity:.65}80%{opacity:.4}100%{transform:translate(-45px,-110px);opacity:0}}@keyframes shine{0%,65%,100%{transform:translateX(-100%)}85%{transform:translateX(100%)}}@keyframes appear{from{opacity:.25;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
body.effects-paused *,body.effects-paused *:before,body.effects-paused *:after{animation-play-state:paused!important}
@media(max-width:1000px){header{padding:0 24px}nav{gap:22px}.hero{min-height:730px}.hero-copy{width:52%;margin-left:30px;padding-top:185px}.hero-creature{width:75vw;right:-16%;top:190px}.section{gap:50px;padding:75px 30px}.section-copy h2{font-size:42px}.rex-stage{min-height:510px}.rex-panel>svg,.rex-panel[data-rex-panel=ice]>svg{height:390px}.egg-section{gap:50px}.closing{gap:35px;padding:65px 30px}.closing h2{font-size:37px}.gallery-heading h2{font-size:36px}.wordmark{font-size:18px}.wordmark span{font-size:14px}}
@media(max-width:600px){html{scroll-padding-top:20px}header{height:100px;padding:18px 20px;align-items:start;flex-wrap:wrap;gap:12px}header .wordmark{font-size:18px}header .wordmark span{font-size:14px}.languages{margin-left:auto}.languages a{padding:5px 9px}nav{order:3;width:100%;justify-content:space-between;font-size:14px;gap:12px}nav a{padding:4px 0}.hero{min-height:820px}.hero-creature{top:125px;right:-13%;width:108vw;opacity:.86;mask-image:radial-gradient(ellipse at 55% 42%,#000 30%,#000a 56%,transparent 77%)}.hero-glow{background:linear-gradient(0deg,#050c0e 0%,#050c0eeb 25%,transparent 80%)}.hero-copy{width:auto;margin:0;padding:390px 23px 115px}.hero-copy .eyebrow{font-size:14px;letter-spacing:2px;margin-bottom:5px}.game-logo{width:320px;max-width:100%;margin-left:-5px}.hero h2{font-size:28px;margin:16px 0 12px}.hero .lead{font-size:16px;max-width:290px}.hero .button{margin-top:22px;padding:13px 18px;font-size:14px}.platform{font-size:14px;margin-top:22px}.hero-bottom{left:23px;right:23px;bottom:18px}.coordinates{font-size:14px;letter-spacing:1px;max-width:130px}.motion-toggle{font-size:14px;padding:7px}.particles i{left:calc(4% + var(--i)*6%)}.section{grid-template-columns:1fr;padding:60px 24px;gap:40px}.section-copy h2{font-size:39px;letter-spacing:-1.4px}.section-copy>p:not(.eyebrow){font-size:16px;line-height:1.75;margin-top:20px}.eyebrow{font-size:14px;letter-spacing:2px;margin-bottom:20px}.reel-art{padding:12px 8px 0}.reel-board{transform:perspective(1000px) rotateY(-6deg) rotateZ(2deg)}.art-tag{font-size:14px;letter-spacing:2px;margin-top:25px}.rex-wrap{gap:15px}.rex-tabs{flex-direction:row;max-width:none;margin-top:24px}.rex-tab{flex:1;flex-wrap:wrap;gap:7px;padding:12px 9px;font-size:14px;border:1px solid var(--line)}.rex-tab[aria-pressed=true]{border-left:1px solid var(--gold);border-bottom:2px solid var(--gold)}.tab-arrow{display:none}.tab-number{font-size:14px}.rex-stage{min-height:430px}.rex-panel>svg,.rex-panel[data-rex-panel=ice]>svg{height:340px}.rex-caption>span{font-size:28px}.rex-caption p{font-size:14px}.stage-ring{top:10%}.egg-section{gap:35px}.egg-section .section-copy{grid-row:1}.egg-picture{max-width:260px}.egg-scene{padding:0 15px}.egg-switch button{font-size:14px;padding:11px 13px}.leaf-one{left:0}.leaf-two{right:0}.gallery-section{padding:55px 22px}.gallery-heading{display:block}.gallery-heading h2{font-size:35px}.gallery-heading>p{margin-top:18px;font-size:14px}.screens-rail{gap:16px}.screen-card{flex-basis:175px}.image-note{font-size:14px}.closing{grid-template-columns:1fr;gap:12px;padding:30px 24px 50px}.closing-art{max-width:330px;margin:auto}.closing h2{font-size:37px}.closing .eyebrow{margin-bottom:16px}footer{flex-wrap:wrap;padding:30px 24px;gap:20px}footer p{order:3;width:100%;font-size:14px}footer>a{font-size:14px}dialog>img{height:68vh}.dialog-bar p{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-creature{will-change:auto}}
.hero-creature{mask-image:linear-gradient(to bottom,transparent,#000 15%,#000 78%,transparent),linear-gradient(to right,transparent,#000 18%,#000 83%,transparent);mask-composite:intersect}.game-logo{mask-image:linear-gradient(to bottom,transparent,#000 17%,#000 83%,transparent),linear-gradient(to right,transparent,#000 4%,#000 95%,transparent);mask-composite:intersect}.section-copy{min-width:0}@media(max-width:600px){html[lang=pt] .egg-section h2{font-size:32px}.hero-creature{mask-image:linear-gradient(to bottom,transparent,#000 15%,#000 68%,transparent),linear-gradient(to right,transparent,#000 12%,#000 86%,transparent);mask-composite:intersect}}
.rex-panel>svg{mask-image:linear-gradient(to bottom,transparent,#000 9%,#000 82%,transparent),radial-gradient(ellipse at 50% 42%,#000 37%,#000e 55%,transparent 77%);mask-composite:intersect}.rex-panel[data-rex-panel=ice]>svg{mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 80%,transparent),radial-gradient(ellipse at 50% 45%,#000 36%,#000c 57%,transparent 76%);mask-composite:intersect;clip-path:polygon(0 0,100% 0,100% 100%,50% 100%,35% 83%,0 74%)}.motion-toggle:disabled{cursor:default;opacity:.7}
html[lang=pt] .egg-section h2{font-size:clamp(30px,3vw,44px)}

svg{display:block;max-width:100%;height:auto}

/* Readable type scale: 14px captions, 16px controls, 18px body. */
:root{--muted:#c0cec9}nav{font-size:16px;letter-spacing:.4px;gap:24px}.languages{font-size:16px}.languages a{padding:8px 12px}.button,.motion-toggle,.text-link,.egg-switch button,.download,.dialog-bar button,.dialog-controls button{font-size:16px}.hero .lead,.section-copy>p:not(.eyebrow){font-size:18px}.eyebrow{letter-spacing:2px}.platform{letter-spacing:1px}.coordinates{letter-spacing:1px}.wordmark span{letter-spacing:1px}.hero-bottom{gap:20px}.rex-caption .text-link{font-size:16px}.rex-tab{font-size:18px}.screen-card>span{font-size:16px}.image-note,footer p,footer>a,.closing p:not(.eyebrow),.closing small{font-size:14px;color:#b4c4ba}.art-tag{font-size:14px;letter-spacing:1px}.gallery-heading>p{font-size:18px}.dialog-bar{align-items:start}.dialog-bar p{font-size:16px}.dialog-bar button{flex-shrink:0}.closing p:not(.eyebrow){line-height:1.7}
@media(max-width:1000px){header{height:140px;flex-wrap:wrap;align-content:center;gap:12px 25px}header nav{order:3;width:100%;justify-content:center;gap:30px}.languages{margin-left:auto}.hero-copy{padding-top:200px}.hero{min-height:810px}.hero-bottom{align-items:start}.coordinates{max-width:48%;font-size:14px}.rex-tab{font-size:16px}.rex-caption p{font-size:16px}.hero h2{overflow-wrap:break-word}}
@media(max-width:600px){header{height:145px;padding:15px 20px}header .wordmark{font-size:19px}header .wordmark span{font-size:12px;letter-spacing:.3px}header nav{font-size:14px;gap:12px;justify-content:space-between}header nav a{max-width:42%;text-align:center;line-height:1.35}header .languages{font-size:14px;gap:2px}header .languages a{padding:7px 8px}.hero-creature{top:165px}.hero-copy{padding:430px 23px 160px}.hero-copy .eyebrow{font-size:14px;letter-spacing:1px}.hero .lead{font-size:16px}.hero .button{font-size:16px}.platform{font-size:14px;letter-spacing:0}.platform span{padding:0 7px}.coordinates{font-size:12px;letter-spacing:.3px;max-width:45%}.motion-toggle{font-size:14px;max-width:53%}.section-copy>p:not(.eyebrow){font-size:16px}.rex-tabs{flex-direction:column}.rex-tab{font-size:16px;padding:14px;gap:16px}.tab-number{font-size:14px}.egg-switch button{font-size:16px}.gallery-heading>p{font-size:16px}.closing small{display:block;margin-top:10px}.screen-card{flex-basis:215px}.dialog-bar p{font-size:16px}.rex-stage{min-height:460px}footer .wordmark span{font-size:12px}footer>a{font-size:16px}}
