.hl-startup { position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#000;color:#fff;overflow:hidden; }
.hl-startup::backdrop { background:#000; }
.hl-startup video { width:100%;height:100%;object-fit:contain;display:block; }
/* Keep the switch at the viewport center, independent of the caption height. */
.hl-startup-actions { position:absolute;inset:0;pointer-events:none;font-family:system-ui,sans-serif; }
.hl-startup-actions p { position:absolute;top:calc(50% + 112px);left:16px;right:16px;margin:0;text-align:center;font-size:13px;color:#c3d5c9;text-shadow:0 1px 5px #000; }
.hl-startup-actions p:empty { display:none; }
.hl-startup-actions [data-start] { pointer-events:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:184px;height:184px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border:1px solid #a5efb880;border-radius:50%;background:#07120bf5;color:#e8fff0;font:600 14px system-ui,sans-serif;cursor:pointer;box-shadow:0 0 48px #a5efb818; }
.hl-startup-actions svg { width:56px;height:56px;fill:none;stroke:#a5efb8;stroke-width:4;stroke-linecap:round; }
.hl-startup-actions button:focus-visible { outline:3px solid #a5efb8;outline-offset:5px; }
.hl-startup [hidden] { display:none!important; }

.hl-startup-actions [data-start] span { max-width:140px;line-height:1.6; }
.hl-startup-actions [data-silent] { pointer-events:auto;position:absolute;bottom:max(40px,calc(env(safe-area-inset-bottom) + 24px));left:50%;transform:translateX(-50%);min-height:48px;max-width:calc(100% - 32px);padding:12px 20px;border:1px solid #607568;border-radius:12px;background:#07120bf5;color:#d3e1d8;font:500 14px system-ui,sans-serif;white-space:nowrap;cursor:pointer; }
@media (max-height:500px) { .hl-startup-actions [data-start] { width:132px;height:132px;gap:6px; } .hl-startup-actions svg { width:36px;height:36px; } .hl-startup-actions p { top:calc(50% + 76px);font-size:12px; } .hl-startup-actions [data-silent] { bottom:max(8px,env(safe-area-inset-bottom));min-height:44px;padding:8px 16px; } }

.hl-startup-welcome { position:absolute;top:calc(50% + min(40vw,23vh));left:20px;right:20px;text-align:center;color:#d3e1d8;font:500 16px/1.6 system-ui,sans-serif;overflow-wrap:anywhere;pointer-events:none; }
.hl-startup-welcome-toast { position:fixed;bottom:max(96px,calc(env(safe-area-inset-bottom) + 80px));left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 40px);box-sizing:border-box;padding:12px 18px;border:1px solid #607568;border-radius:12px;background:#07120bf5;color:#d3e1d8;font:500 15px/1.6 system-ui,sans-serif;text-align:center;overflow-wrap:anywhere;pointer-events:none;z-index:100001; }