html,body{margin:0;height:100%;background:#0b0f1a;color:#fff;font:500 15px/1.5 ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}
.stage{position:relative;display:grid;place-items:center;align-content:center;gap:14px;height:100%;padding:16px;box-sizing:border-box;text-align:center}
.play{display:inline-flex;align-items:center;gap:12px;height:60px;padding:0 28px 0 22px;border:0;border-radius:18px;background:linear-gradient(135deg,#7d63ff,#5338d6);color:#fff;font:700 17px/1 inherit;cursor:pointer;box-shadow:0 14px 34px -12px rgba(83,56,214,.8);transition:transform .15s,opacity .2s}
.play:hover:not(:disabled){transform:translateY(-2px)}
.play:disabled{opacity:.5;cursor:default}
.play svg{width:26px;height:26px;fill:#fff}
.status{margin:0;min-height:1.5em;color:rgba(255,255,255,.75);font-size:14px}
#applixir-ad-container{position:absolute;inset:0;width:100%;height:100%}
#applixir-ad-container:empty{pointer-events:none}
/* Give the ad's video an explicit size so it never renders at 0×0 behind its click layer. */
#applixir-ad-container video{width:100%;height:100%;object-fit:contain;background:#000}