html, body { height: 100%; overflow: hidden; background-color: var(--color-bg-base); color: var(--color-text-primary); font-family: var(--font-sans); line-height: var(--leading-normal); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .app-container { display: grid; grid-template-columns: 1fr 1fr; height: 100vh; height: 100dvh; min-height: 0; overflow: hidden; contain: layout style; } .panel { display: flex; flex-direction: column; background-color: var(--color-bg-surface); border: 1px solid var(--color-border); padding: var(--space-2); min-height: 0; min-width: 0; overflow: hidden; contain: layout style paint; } .game-panel { border-right: none; position: relative; } .video-panel { min-height: 0; overflow: hidden; } .mobile-only { display: none !important; } .desktop-only { display: flex; } .visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }