/* ============================================================ MOLDURA MOBILE — trava o jogo em formato de celular, inclusive no desktop. No desktop (largura > 460), o vira uma coluna centralizada de 460px. O `transform` faz os elementos position:fixed ficarem relativos à moldura. ============================================================ */ :root{ --frame-max:460px; } html{ background:#04060e; } @media (min-width:461px){ html{ height:100%; } body{ max-width:var(--frame-max); margin:0 auto; position:relative; height:100vh; height:100dvh; overflow:hidden; transform:translateZ(0); /* containing-block p/ position:fixed */ box-shadow:0 0 0 1px rgba(255,255,255,.06), 0 30px 90px rgba(0,0,0,.75); background:#05070f; } /* fundo discreto atrás da moldura */ html::before{ content:""; position:fixed; inset:0; z-index:-1; background:radial-gradient(120% 90% at 50% 20%, #0c1430 0%, #04060e 70%); } }