:root{font-family:Segoe UI Variable,Segoe UI,Arial,sans-serif;color:#10141a;background:#f5f7f9;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased}button{font:inherit}button:focus-visible{outline:2px solid #1684d8;outline-offset:5px}.boot-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;width:100%;height:100%;padding:0;border:0;overflow:hidden;background:#04060a;opacity:1;transition:opacity .64s ease}.boot-screen--leaving{opacity:0;pointer-events:none}.boot-canvas{display:block;width:100%;height:100%}.page-stack{position:relative;width:100%;height:100%;isolation:isolate;--page-ease: cubic-bezier(.45, 0, .2, 1)}.page-scene{position:absolute;top:0;right:0;bottom:0;left:0;opacity:1}.page-scene--hidden{visibility:hidden;pointer-events:none}.page-scene--outgoing{z-index:0;pointer-events:none}.page-scene--incoming{z-index:1;pointer-events:none;animation:crossfade-page var(--page-transition-duration) var(--page-ease) both}.page-scene--incoming main>:not(video){animation:reveal-page .54s var(--page-ease) .12s both}.page-scene--outgoing main>:not(video){animation:hide-page-ui .17s ease-in both}.vgs-shell{position:relative;width:100%;height:100%;min-height:620px;overflow:hidden;isolation:isolate;background-color:#f3f5f8;background-image:url(/assets/vgs-menu-background-poster.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}.menu-fundo{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center;pointer-events:none}.settings-shell{position:relative;width:100%;height:100%;min-height:620px;overflow:hidden;isolation:isolate;color:#11161d;background:#f5f7f9 url(/assets/backgrounds/settings-white-poster.jpg) center / cover no-repeat}.settings-fundo{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center;pointer-events:none}.settings-topbar{position:absolute;top:clamp(32px,7.2vh,78px);left:clamp(52px,6.9vw,132px);right:clamp(52px,5.8vw,112px);z-index:3;display:flex;align-items:center;justify-content:space-between}.settings-back{display:inline-flex;align-items:center;gap:12px;padding:7px 0;border:0;color:#171b20;background:transparent;font-size:clamp(15px,.95vw,18px);cursor:pointer;transition:opacity .16s ease,transform .16s ease}.settings-back:hover{opacity:.62;transform:translate(-2px)}.settings-account{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(18,24,32,.2);border-radius:50%;color:#171b20;background:#ffffff8f;font-size:13px;font-weight:600;box-shadow:0 6px 20px #1b242f14}.settings-content{position:absolute;top:clamp(122px,15.4vh,166px);left:clamp(76px,8.9vw,171px);z-index:2;width:min(630px,46vw)}.settings-eyebrow{margin:0 0 7px;color:#626a74;font-size:12px;font-weight:600;letter-spacing:.22em}.settings-content h1{margin:0 0 clamp(25px,3.5vh,38px);font-size:clamp(42px,3.45vw,66px);font-weight:300;line-height:1;letter-spacing:.015em}.settings-list{display:grid;gap:9px}.settings-item{display:grid;grid-template-columns:38px minmax(0,1fr) 24px;align-items:center;gap:14px;width:100%;min-height:70px;padding:11px 18px;border:1px solid transparent;border-radius:9px;color:#242a31;background:#ffffff57;text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);transition:transform .15s ease,background-color .15s ease,box-shadow .15s ease}.settings-item:hover,.settings-item--selected{transform:translate(4px);background:#ffffffc7;box-shadow:0 9px 25px #18212b1a}.settings-item--selected{border-color:#fffffff0;box-shadow:0 10px 28px #18212b1f,0 0 16px #ffffffc7}.settings-item-copy{display:grid;gap:3px}.settings-item-copy strong{font-size:clamp(16px,1vw,19px);font-weight:500}.settings-item-copy small{color:#606873;font-size:clamp(12px,.76vw,14px)}.page-transition{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;overflow:hidden;background:transparent;opacity:0;pointer-events:all;transform-origin:center;will-change:opacity,transform}.page-transition--playing{animation:release-transition var(--page-transition-duration) ease-in-out both}.page-transition--fallback video{display:none}.menu-fundo,.settings-fundo{opacity:0;transition:opacity .18s ease-in-out}.background-video--ready{opacity:1}.page-transition-video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.topbar{position:absolute;top:clamp(32px,7.2vh,78px);left:clamp(52px,6.9vw,132px);right:clamp(52px,5.8vw,112px);z-index:5;display:flex;align-items:center;justify-content:space-between}.section-nav,.utility-nav{display:flex;align-items:center}.section-nav{gap:49px}.utility-nav{width:clamp(340px,21vw,405px);justify-content:space-between;gap:0}.nav-tab,.utility-button,.replay-boot{border:0;color:#171b20;background:transparent;cursor:pointer}.nav-tab{position:relative;padding:3px 0 13px;font-size:clamp(17px,1.05vw,21px);font-weight:400;line-height:1}.nav-tab:not(.nav-tab--active){color:#666b72}.nav-tab--active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:999px;background:#28a9ef;box-shadow:0 0 10px #28a9ef66}.utility-button{display:inline-flex;align-items:center;gap:10px;padding:5px 0;font-size:clamp(13px,.82vw,16px);line-height:1;transition:opacity .16s ease,transform .16s ease}.utility-button:hover{opacity:.62;transform:translateY(-1px)}.library-frame{position:absolute;top:clamp(125px,14.6vh,158px);left:clamp(110px,10.7vw,206px);right:0;z-index:3;height:clamp(180px,18.2vw,350px);overflow:hidden}.library-frame:after{content:"";position:fixed;top:clamp(125px,14.6vh,158px);right:-22px;width:86px;height:clamp(180px,18.2vw,350px);pointer-events:none;background:#f6f8fbd1;filter:blur(13px);box-shadow:-18px 0 28px #f6f8fb61}.game-library{display:flex;align-items:flex-start;gap:clamp(24px,1.45vw,28px);width:max-content;padding:1px 85px 22px 0}.game-card{flex:0 0 auto;width:clamp(94px,6.55vw,126px);height:clamp(94px,6.55vw,126px);margin-top:clamp(31px,2.55vw,49px);padding:0;overflow:hidden;border:0;border-radius:clamp(7px,.52vw,10px);background:#181a1d;box-shadow:0 5px 14px #0b101626;cursor:pointer;transition:width .26s ease,height .26s ease,margin .26s ease,transform .18s ease,box-shadow .18s ease}.game-card:not(.game-card--selected):not(.game-card--placeholder):hover{transform:translateY(-5px);box-shadow:0 12px 24px #0b10162e}.game-card img{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none}.game-card--selected{width:clamp(150px,10.55vw,204px);height:clamp(150px,10.55vw,204px);margin-top:0;border:3px solid rgba(255,255,255,.96);border-radius:clamp(9px,.72vw,14px);box-shadow:0 10px 24px #0e141d3d,0 0 14px #ffffffe6}.game-card--placeholder{background:#181a1d;box-shadow:inset 0 0 0 1px #ffffff09,0 5px 14px #0b101624;cursor:default}.game-details{position:absolute;top:clamp(455px,66.2vh,715px);left:clamp(76px,8.9vw,171px);z-index:4;max-width:min(600px,42vw)}.game-category{margin:0 0 9px;font-size:clamp(12px,.8vw,15px);font-weight:500;letter-spacing:.055em}.game-details h1{margin:0;font-size:clamp(42px,3.95vw,76px);font-weight:300;line-height:1.03;letter-spacing:.065em}.game-description{margin:12px 0 31px;font-size:clamp(15px,1vw,19px);font-weight:400;color:#252a31}.play-button{display:flex;align-items:center;justify-content:center;gap:20px;width:clamp(230px,15.5vw,298px);min-height:clamp(58px,6.1vh,66px);border:1px solid rgba(255,255,255,.28);border-radius:8px;color:#f6f8fb;background:#121519ed;box-shadow:0 7px 18px #0e141c38,0 0 17px #2e97da29;cursor:pointer;font-size:clamp(21px,1.4vw,27px);transition:transform .16s ease,background-color .16s ease,box-shadow .16s ease}.play-button:hover{transform:translateY(-2px);background:#0e1115;box-shadow:0 11px 25px #0e141c42,0 0 20px #2e97da38}.play-button:active{transform:translateY(0) scale(.985)}.status-message{position:absolute;right:42px;bottom:38px;z-index:8;max-width:420px;margin:0;padding:13px 18px;border:1px solid rgba(255,255,255,.68);border-radius:8px;color:#f7f8fa;background:#121519e8;box-shadow:0 9px 25px #0c121a33;font-size:14px;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}.status-message--visible{opacity:1;transform:translateY(0)}.replay-boot{position:absolute;right:40px;bottom:12px;z-index:7;padding:3px 0;color:#1f232957;font-size:11px;letter-spacing:.03em;opacity:0}.replay-boot:hover,.replay-boot:focus-visible{color:#1f2329b8;opacity:1}@keyframes reveal-page{0%{opacity:0;transform:scale(.985) translateY(4px)}to{opacity:1;transform:scale(1)}}@keyframes release-transition{0%{opacity:0;transform:scale(1.006)}24%,42%{opacity:.9;transform:scale(1.008)}to{opacity:0;transform:scale(1.012)}}@keyframes crossfade-page{0%,12%{opacity:0}94%,to{opacity:1}}@keyframes hide-page-ui{to{opacity:0;transform:scale(1.006)}}@media(max-width:900px),(max-height:700px){.topbar{top:28px;left:42px;right:42px}.utility-nav{gap:22px}.utility-button span{display:none}.library-frame{top:100px;left:64px}.library-frame:after{top:100px}.game-details{top:auto;bottom:56px;left:64px}.settings-topbar{top:28px;left:42px;right:42px}.settings-content{top:94px;left:64px;width:min(590px,calc(100vw - 128px))}.settings-item{min-height:61px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.menu-fundo,.settings-fundo,.page-transition{display:none}}