envuelve las 5 vistas solo por semántica/accesibilidad (ver index.html): sin esto, el elemento rompe el flujo flex de body (las vistas dependen de ser hijas flex directas con flex:1) y #game-view/#upload-view/#auth-view colapsan a altura 0 (bug: lienzo de pintar en blanco). display:contents lo saca del árbol de layout sin quitarlo del árbol de accesibilidad. */ main { display: contents; } :root { --cm-bg: radial-gradient(900px 520px at 82% -8%, rgba(124,77,255,.40), transparent 60%), radial-gradient(720px 520px at -12% 16%, rgba(255,77,157,.24), transparent 55%), #140d2b; } /* Accesibilidad: foco visible para teclado en TODOS los controles. */ :focus-visible { outline: 3px solid #7c4dff; outline-offset: 2px; } .icon-btn:focus-visible, #tools button:focus-visible, .nav-cta:focus-visible, .lp-btn:focus-visible, .paywall-x:focus-visible { outline-color: #fff; } /* Enlace con aspecto de texto pero accesible por teclado (es un