/* Owner 21/10: the NEXT world, not the portfolio. Motion paints inside native
   canvases. Controls never scale, translate, blur or change stacking on hover. */
:root{--bg:#f5f0e7;--bg2:#ebe5d9;--card:#fffdf7;--ink:#172448;--ink2:#3d4b67;--ink3:#56617a;--edge:#35476d;--orange:#f1bb57;--orange-ink:#95601d;--bar-bg:#fffdf7;--font:'Bricolage Grotesque',sans-serif;--pixel:var(--font);--mono:var(--font);--panel:#0c1731;--shadow-soft:0 12px 30px -16px #06122666}
:root[data-theme=night]{--bg:#080f23;--bg2:#101c35;--card:#14213d;--ink:#f6f1e8;--ink2:#c0cbdf;--ink3:#a2b1cc;--line:#c5d8ff24;--line2:#c5d8ff40;--edge:#52678a;--orange:#f1bb57;--orange-ink:#f1c773;--bar-bg:#101b33;--panel:#080f23}
html{scrollbar-color:#657495 var(--bg);scroll-padding-top:105px}body{font-size:17px;transition:background-color .25s,color .25s}input{caret-color:var(--orange-ink)}::selection{background:#ecc576;color:#111c35}
h1,h2,h3{letter-spacing:-.03em;line-height:1.06}h1{font-size:clamp(42px,5.5vw,82px)}h2{font-size:clamp(32px,3.7vw,54px)}h3{font-size:25px;letter-spacing:-.02em}p{line-height:1.6}em{font-style:normal;color:var(--orange-ink)}.wrap{width:min(1220px,calc(100% - 64px))}.px{font-family:var(--font);text-shadow:none;letter-spacing:-.03em}.sq{border-radius:50%}.eyebrow,.sky,.caret,.trajectory,.cannon{display:none!important}
.btn{top:0;min-height:50px;border:1px solid var(--line2);border-radius:9px;box-shadow:0 5px 18px -9px #0007;transition:background-color .18s,border-color .18s,color .18s;background:var(--card);color:var(--ink);font-size:16px;white-space:normal;line-height:1.3}
.btn:hover,.btn:active,.btn-sm:hover,.btn:disabled{top:0;box-shadow:0 5px 18px -9px #0007}.btn:hover{border-color:var(--orange-ink);background:var(--bg2)}.btn-primary{background:#efb447;color:#15213b;border-color:#ffe1a0;box-shadow:inset 0 1px 0 #fff7,0 8px 24px -12px #000a}.btn-primary:hover{background:#ffcc6f;border-color:#ffe1a0}.btn-primary:disabled{background:#b0a17e;color:#263147}.btn-big{min-height:60px;padding:17px 27px;font-size:18px}.btn-sm{min-height:44px}.btn-dark{background:var(--ink);color:var(--bg)}.card{border-radius:12px;box-shadow:none}.tb-btn{border-radius:8px}.topbar{padding:14px 24px 0;position:sticky;background:transparent}.topbar-inner{max-width:1268px;min-height:66px;padding:7px 10px 7px 22px;border-radius:12px;border-color:var(--line);background:var(--bar-bg)}.brand-logo{width:156px;height:auto;margin:-8px 4px -8px -6px}.brand-name{font:800 22px/1 var(--font)}.brand-icon{display:none}.topnav{margin-left:26px}.topnav a{font-size:15px;padding:12px 15px}.topnav a[aria-current=page]::after{width:18px;height:2px;left:15px;bottom:4px;margin:0;box-shadow:none}.account-slot .btn{box-shadow:none;min-height:42px}.theme-toggle{border-color:var(--line2)}.account-chip{font-size:13px}.site-footer{padding:45px 0;background:var(--bg2);border-top:1px solid var(--line)}.footer-inner{gap:30px}.footer-note{font-size:13px;max-width:440px}.footer-nav a{font-size:14px}.page-hero{padding:72px 0 28px;min-height:0;background:none}.page-hero h1>.px{display:inline}.page-hero p{max-width:650px;margin-top:24px;font-size:20px}.page-body{padding-top:20px;padding-bottom:85px}.page-hero .wrap>.eyebrow{display:none}.window,.auth-card,.recharge-summary{box-shadow:none;border-color:var(--line2)}.window-bar{border-bottom-color:var(--line2)}.dots{display:none}.window-title{font-family:var(--font)}
.nova-hero{position:relative;min-height:735px;margin-top:-81px;padding-top:81px;isolation:isolate;background:#0b1838;color:#fff;overflow:hidden}.hero-world{position:absolute;z-index:-3;left:24%;right:0;top:70px;bottom:0}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#080f23 3%,#080f23f0 24%,#080f2370 51%,#080f2300 73%),linear-gradient(0deg,#080f23 1%,#080f2300 30%,#080f2330)}.hero-composition{position:relative;min-height:570px;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;padding:45px 0 30px}.hero-copy{position:relative;z-index:2;max-width:610px}.hero-logo{width:310px;height:auto;margin-bottom:26px}.hero-copy h1{font-size:clamp(42px,4.65vw,69px);line-height:1.04;color:#fffcf5}.hero-copy h1 em{color:#f7c76e}.hero-copy>p{color:#d5dfee;max-width:490px;font-size:18px;margin:24px 0 0;line-height:1.65}.hero-copy .actions{align-items:center;gap:25px;margin-top:27px;justify-content:flex-start}.hero-secondary{font-size:16px;color:#fff1d4;text-underline-offset:6px;text-decoration-color:#c19a53}.hero-copy .hero-caption{font-size:13px;letter-spacing:.015em;color:#aebed7;margin-top:19px}.hero-companion{position:relative;width:310px;height:370px;align-self:end;justify-self:end;margin-right:12px;margin-bottom:35px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.hero-companion [data-pet]{min-height:280px;width:290px}.hero-companion [data-pet] canvas{width:290px;height:290px;max-width:none}.hero-companion>span{padding:12px 22px;background:#101e3ee8;border-bottom:1px solid #e3bd6870;border-radius:8px;color:#ffe2a4;font-size:18px;font-weight:700;text-align:center}.hero-companion small{display:block;color:#c7d5e9;font-size:12px;font-weight:400;margin-top:3px}.world-status{position:relative;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 0 27px;border-top:1px solid #bbd1f52b;font-size:14px}.world-status>div{display:flex;align-items:center;gap:20px}.world-status b{font-size:17px}.world-status .state{color:#b8f3d1}.world-status span{color:#b7c9e5}.world-status a{color:#ffe0a1;text-underline-offset:5px}.world-status .sq{height:7px;width:7px;animation:none}
.section-intro{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:38px}.section-intro h2{max-width:650px}.section-intro p{font-size:17px;max-width:390px;margin-bottom:0}.world-explore{padding-top:95px;padding-bottom:95px}.explore-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:35px}.world-tabs{display:flex;flex-direction:column;gap:6px}.world-tabs button{font:600 17px/1.3 var(--font);text-align:left;display:flex;align-items:center;gap:13px;width:100%;min-height:64px;padding:10px 14px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--ink2);cursor:pointer}.world-tabs button>img{width:35px;height:35px;object-fit:contain}.world-tabs button>span{margin-left:auto;color:var(--ink3)}.world-tabs button:hover{background:var(--bg2);color:var(--ink)}.world-tabs button[aria-selected=true]{background:var(--card);border-color:var(--line2);color:var(--orange-ink)}.world-panel{min-width:0}.area-image{position:relative;aspect-ratio:5/3;overflow:hidden;border-radius:12px;background:#14203c}.area-image>img{width:100%;height:100%;object-fit:cover}.area-city{position:absolute;inset:0}.area-caption{display:flex;gap:24px;align-items:start;justify-content:space-between;padding:26px 0 0}.area-caption h3{font-size:25px;margin-bottom:8px}.area-caption p{font-size:15px;max-width:530px;margin:0}.area-caption .btn{flex:none}
.companions{background:var(--bg2);padding:85px 0 55px}.pet-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.pet-showcase article{text-align:center;padding:0 15px 25px;border-bottom:1px solid var(--line2)}.pet-showcase [data-pet]{min-height:260px}.pet-showcase h3{font-size:24px;margin-top:12px}.pet-showcase p{font-size:15px;margin:9px 0 0}.pet-footnote{display:flex;justify-content:space-between;align-items:center;gap:35px;padding-top:26px}.pet-footnote p{margin:0;font-size:13px;max-width:680px}.pet-footnote a{flex:none}.expansion{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;padding-block:100px}.preparation{display:inline-block;font:600 12px/1.3 var(--font);text-transform:uppercase;letter-spacing:.08em;padding:7px 12px;border:1px solid var(--line2);border-radius:5px;margin-bottom:22px;color:var(--ink2)}.expansion h2{margin-bottom:24px}.expansion p{max-width:500px}.candidate-pets{display:grid;grid-template-columns:repeat(3,1fr);align-content:center;gap:25px}.candidate-pets figure{margin:0;text-align:center;padding:15px 5px}.candidate-pets img{height:74px;width:74px;object-fit:contain;margin:auto}.candidate-pets figcaption{margin-top:10px;font-size:13px;color:var(--ink2)}.dispatches{padding-block:0 95px}.dispatches h2{margin-bottom:35px}.news{border-top:1px solid var(--line2)}.news li{padding:28px 0;border-bottom:1px solid var(--line2);border-radius:0;background:none;box-shadow:none}.news time{font-family:var(--font);color:var(--orange-ink)}.news h3{font-size:22px}.news p{max-width:900px}.world-finale{padding:80px 0 95px;background:#101e3b;color:#fff;text-align:center}.world-finale img{width:235px;height:auto;margin:0 auto 25px}.world-finale h2{font-size:clamp(32px,4vw,53px);color:#fff5e4}.world-finale p{color:#c4d2e8;margin:22px 0 28px}
.realm{padding:30px}.realm-head h2{font-size:34px}.realm-head .step-n{background:var(--bg2);color:var(--orange-ink);box-shadow:none;border:1px solid var(--line2);border-radius:8px;font-family:var(--font)}.badge{font-family:var(--font);background:var(--bg2);color:var(--ink2);border:1px solid var(--line2);border-radius:4px;box-shadow:none}.char{display:flex;align-items:center;gap:30px;padding:8px 28px 5px;background:var(--bg);border:0;border-radius:10px;min-height:335px;overflow:hidden}.char>div:not(.portal-avatar){flex:1;min-width:0}.char-name{font-size:32px;color:var(--ink);line-height:1.2;overflow-wrap:anywhere}.char .tags{gap:9px}.char .tags li{font-size:13px;padding:6px 10px;background:var(--card);border-color:var(--line)}.char>.btn{align-self:end;margin-bottom:30px}.character-fallback{position:absolute;top:100px;left:calc(50% - 28px);font-size:14px;color:var(--ink3)}.portal-avatar[data-media=ready] .character-fallback{display:none}.character-freshness{font-size:13px;color:var(--ink3);max-width:700px}.chars{margin-top:24px}.lvl{box-shadow:none;border:1px solid var(--line2);background:var(--card);color:var(--ink);font-family:var(--font);border-radius:10px}.state{font-family:var(--font)}.tags{font-family:var(--font)}.static-welcome{padding:80px 0}.static-welcome h1{margin-block:30px}.toast{box-shadow:0 12px 35px -15px #0008;border-radius:9px;max-width:min(540px,calc(100% - 32px));font-family:var(--font)}.input{border-radius:8px;border-color:var(--line2)}.tabs button{font-family:var(--font)}.checks li::before{border:0;box-shadow:none}.section{padding-block:60px}
@media(min-width:1600px){.nova-hero{min-height:820px}.hero-composition{min-height:645px}.hero-world{left:28%;}.hero-companion{margin-bottom:55px}}
@media(max-width:1000px){.wrap{width:calc(100% - 44px)}.topbar{padding-inline:16px}.topnav{margin-left:8px}.topnav a{padding-inline:10px}.brand-logo{width:130px}.hero-copy h1{font-size:52px}.hero-companion{width:240px;max-width:100%;margin-right:0}.hero-companion [data-pet]{width:230px}.hero-companion [data-pet] canvas{width:245px;height:245px}.hero-copy .actions{gap:18px}.section-intro{align-items:start;gap:30px}.section-intro p{max-width:320px}.explore-layout{grid-template-columns:210px minmax(0,1fr);gap:22px}.area-caption{display:block}.area-caption .btn{margin-top:18px}.expansion{gap:35px}.char{gap:15px;padding-inline:8px}.char>.btn{display:none}.pet-showcase{gap:10px}}
@media(max-width:760px){.topnav{margin:0}.topbar-inner{padding-left:15px}.topbar .optional{display:none}.topbar .brand-logo{width:118px}.topbar-space{min-width:0}.topbar{padding:10px 12px 0}.topbar-inner{min-height:60px}.account-slot .btn{font-size:13px;padding-inline:13px}.menu-toggle{display:inline-flex}.topnav.open{background:var(--bar-bg);border:1px solid var(--line2);border-radius:10px;top:77px}.hero-world{left:0;top:40px;bottom:140px;opacity:.82}.hero-shade{background:linear-gradient(0deg,#080f23 0%,#080f23ef 33%,#080f2330 74%,#080f2390 100%)}.nova-hero{margin-top:-70px;padding-top:70px;min-height:0}.hero-composition{min-height:0;display:flex;flex-direction:column-reverse;align-items:stretch;padding-top:6px;padding-bottom:28px}.hero-companion{height:250px;width:210px;align-self:flex-end;margin-right:4%;margin-bottom:0}.hero-companion [data-pet]{min-height:220px}.hero-companion [data-pet] canvas{height:210px;width:210px}.hero-companion>span{font-size:13px;padding:7px 14px}.hero-companion small{display:none}.hero-copy{margin-top:-20px}.hero-logo{width:225px;margin-bottom:22px}.hero-copy h1{font-size:clamp(40px,7.8vw,58px)}.hero-copy>p{font-size:16px;max-width:500px;margin-top:20px}.hero-copy .actions{gap:22px;margin-top:23px}.hero-copy .btn-big{font-size:16px;min-height:56px;padding-inline:20px}.hero-copy .hero-caption{font-size:12px}.world-status{padding:20px 0;font-size:12px;gap:12px}.world-status>div{gap:10px;flex-wrap:wrap}.world-status b{font-size:14px}.world-status>div>span:last-child{display:none}.world-status a{font-size:12px;flex:none}.world-explore{padding-block:62px}.section-intro{display:block;margin-bottom:27px}.section-intro h2{font-size:36px}.section-intro p{max-width:550px;margin-top:20px;font-size:16px}.explore-layout{display:flex;flex-direction:column;gap:20px}.world-tabs{flex-direction:row;overflow-x:auto;gap:8px;padding-bottom:10px;scrollbar-width:thin}.world-tabs button{flex:none;width:auto;min-height:48px;font-size:14px;padding:8px 12px;white-space:nowrap;border-color:var(--line)}.world-tabs button img{width:26px;height:26px}.world-tabs button span{display:none}.area-caption h3{font-size:24px}.area-caption p{font-size:15px}.area-caption .btn{margin-top:18px}.companions{padding-block:58px 38px}.pet-showcase{grid-template-columns:1fr;gap:22px}.pet-showcase article{display:grid;grid-template-columns:155px 1fr;text-align:left;padding:8px 0 25px;align-items:center;column-gap:22px}.pet-showcase article>[data-pet]{grid-row:span 2;min-height:155px;height:155px}.pet-showcase article>[data-pet] canvas{width:155px;height:155px}.pet-showcase article>h3{font-size:24px;align-self:end;margin:0}.pet-showcase article>p{align-self:start;font-size:14px;margin:10px 0 0}.pet-footnote{display:block;padding-top:22px}.pet-footnote a{display:inline-block;margin-top:18px}.expansion{display:flex;flex-direction:column;padding-block:62px;gap:26px}.expansion h2{font-size:36px}.candidate-pets{gap:10px}.candidate-pets figure{padding:10px 5px}.candidate-pets figcaption{font-size:12px}.candidate-pets img{width:64px;height:64px}.dispatches{padding-bottom:60px}.dispatches h2{font-size:34px}.news h3{font-size:20px}.news li{gap:20px}.news p{font-size:15px}.world-finale{padding-block:55px 65px}.world-finale h2{font-size:36px}.page-hero{padding:48px 0 14px}.page-hero h1{font-size:45px}.page-hero p{font-size:17px;margin-top:20px}.page-body{padding-bottom:55px}.realm{padding:20px}.realm-head{gap:15px}.realm-head h2{font-size:27px}.realm-head .btn{flex-basis:100%;width:100%;margin-top:10px}.char{display:flex;flex-direction:column;align-items:center;padding:0 18px 25px;gap:0}.char-name{text-align:center;font-size:29px}.char .tags{justify-content:center}.char>.btn{display:inline-flex;align-self:center;margin:22px 0 0}.char .portal-avatar{height:310px;margin-top:-20px}.character-freshness{font-size:12px}.realm .chars{margin-top:20px}.brand-logo{width:130px}.site-footer{padding-bottom:30px}.footer-inner{gap:23px}.footer-note{font-size:12px}.news{margin-top:25px}.pet-showcase article:last-child{border-bottom:0}}
@media(max-width:390px){.wrap{width:calc(100% - 32px)}.hero-copy h1{font-size:39px}.hero-copy .actions{gap:18px}.hero-secondary{font-size:14px}.hero-copy .btn-big{padding-inline:16px}.hero-companion{height:230px}.hero-copy{margin-top:-8px}.hero-logo{width:210px}.topbar-inner{gap:8px}.topbar .brand-logo{width:108px}.theme-toggle{width:34px}.pet-showcase article{grid-template-columns:135px 1fr;gap:16px}.pet-showcase article>[data-pet] canvas{width:135px;height:135px}.pet-showcase h3{font-size:21px}.realm{padding:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Compact first viewport on touch screens: action remains within thumb reach. */
@media(max-width:760px){.hero-companion{height:180px;width:190px}.hero-companion [data-pet]{min-height:165px;width:190px}.hero-companion [data-pet] canvas{width:185px;height:185px}.hero-copy{margin-top:-8px}.hero-logo{width:190px;margin-bottom:17px}.hero-copy h1{font-size:40px;line-height:1.07}.hero-copy>p{font-size:15px;line-height:1.55;margin-top:17px}.hero-copy .actions{margin-top:20px;gap:17px}.hero-copy .hero-caption{margin-top:16px}.hero-composition{padding-bottom:22px}.hero-companion>span{padding:6px 12px;font-size:12px}.hero-world{bottom:130px}.hero-copy .hero-secondary{font-size:14px}}
.portal-avatar[data-media=unavailable]::after{content:'Prévia do personagem indisponível';position:absolute;inset:45% 0 auto;text-align:center;color:var(--ink3);font-size:13px}