.iddad-surprise { position: fixed; inset: 0; width: 100%; height: 100%; max-width: none; max-height: none; margin: 0; padding: 0; border: 0; background: #090613; overflow: hidden; }
.iddad-surprise::backdrop { background: #090613; }
.iddad-photo { position: absolute; inset: 0; margin: auto; width: 100%; height: 100%; object-fit: contain; padding: 3vh 1rem; }
.iddad-sparks { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.iddad-actions { position: absolute; right: 1rem; top: 1rem; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .5rem; }
.iddad-actions button { background: #15111e; color: white; border: 1px solid #fff8; padding: .55rem .85rem; border-radius: .5rem; cursor: pointer; }
.clip-game { width: min(780px, 96vw); max-height: 96dvh; padding: 1rem; border: 1px solid #625666; border-radius: 10px; background: #17141e; color: #f7f1e9; }
.clip-game::backdrop { background: #090613dd; }
.clip-game header, .clip-controls { display: flex; align-items: center; justify-content: space-between; gap: .5rem; flex-wrap: wrap; }
.clip-game canvas { display: block; width: 100%; margin: .7rem 0; image-rendering: pixelated; background: #252536; }
.clip-game button { padding: .45rem .7rem; background: #332a3b; color: #fff; border: 1px solid #8d798d; border-radius: 5px; cursor: pointer; touch-action: none; }
.clip-game p { color: #f7f1e9; margin: .5rem 0; }