#discoverMoreNav, #discoverMore { display: none; } html.game-embed-open, body.game-embed-open { overflow: hidden; } .game-embed { position: fixed; inset: 0; z-index: 100000; background: #0a1628; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.25s ease, visibility 0.25s ease; } .game-embed.is-open { opacity: 1; visibility: visible; pointer-events: auto; } .game-embed::before { position: absolute; top: 50%; left: 50%; color: #fff; content: "Loading game..."; font: 500 16px/1.4 Arial, sans-serif; letter-spacing: 0.08em; transform: translate(-50%, -50%); } .game-embed.is-ready::before { display: none; } .game-embed__content { width: 100%; height: 100%; visibility: hidden; } .game-embed.is-ready .game-embed__content { visibility: visible; } .game-embed__close { position: absolute; top: max(16px, env(safe-area-inset-top)); right: max(16px, env(safe-area-inset-right)); z-index: 2147483647; display: grid; place-items: center; width: 48px; height: 48px; padding: 0; border: 1px solid rgba(255, 255, 255, 0.7); border-radius: 50%; color: #fff; background: rgba(0, 0, 0, 0.65); font: 300 34px/1 Arial, sans-serif; cursor: pointer; backdrop-filter: blur(6px); } .game-embed__close:hover, .game-embed__close:focus-visible { color: #00e8ff; border-color: #00e8ff; outline: none; } .game-embed h1 { display: block !important; text-align: center !important; } .game-embed h2 { display: block !important; } /* assembly-game.js moves the active part under while dragging. */ body.game-embed-open > .assembly-part { z-index: 100001 !important; }