:root{color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font:16px/1.45 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{background:#191b1f;color:#fff}.venueos-splash-stage{position:relative;isolation:isolate;min-height:100dvh;display:flex;align-items:stretch;background-size:cover;background-position:center;background-repeat:no-repeat}.venueos-splash-picture{position:absolute;inset:0;display:block;overflow:hidden;z-index:-1}.venueos-splash-picture img{display:block;width:100%;height:100%;min-height:100%;object-fit:cover;object-position:var(--focus-x,50%) var(--focus-y,50%)}.venueos-splash-panel{--alpha:.8;position:relative;flex:0 0 auto;width:clamp(320px,34vw,500px);max-width:100%;min-height:100dvh;overflow:auto;padding:clamp(20px,4vw,44px);background:rgba(12,17,22,var(--alpha));backdrop-filter:blur(8px)}h1{font-size:clamp(27px,3.1vw,43px);line-height:1.12;margin:0 0 18px}p.description{white-space:pre-line;margin:0 0 25px;overflow-wrap:anywhere}.venueos-splash-field{margin:20px 0}.venueos-splash-field label{display:block;margin-bottom:7px;font-weight:700}select,input,button{font:inherit}select,input[type=number]{padding:12px;color:#171717;background:#fff;width:100%;border:1px solid #b8b8b8;border-radius:6px}.venueos-splash-count{display:flex;align-items:center;gap:8px}.venueos-splash-count button{flex:0 0 52px;height:52px;cursor:pointer;border-radius:6px;border:1px solid #cacaca;background:#fff;color:#111;font-size:22px}.venueos-splash-count input{text-align:center;min-width:0;appearance:textfield;-moz-appearance:textfield}.venueos-splash-count input::-webkit-outer-spin-button,.venueos-splash-count input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.venueos-splash-next{width:100%;padding:15px;margin-top:16px;background:#fff;border:0;border-radius:7px;color:#161616;cursor:pointer;font-weight:700}.venueos-splash-next:disabled{opacity:.55;cursor:not-allowed}.venueos-splash-status{font-size:14px}.venueos-splash-widget[hidden],.venueos-splash-intro[hidden]{display:none}.venueos-splash-back{color:#fff;background:transparent;border:1px solid #bbb;border-radius:6px;cursor:pointer;padding:8px 12px;margin-bottom:13px}.venueos-splash-widget iframe{width:100%;height:calc(100dvh - 130px);min-height:460px;border:0;background:#fff;border-radius:7px;color:#111}@media(max-width:900px){.venueos-splash-panel{width:min(78%,460px)}}@media(max-width:480px){.venueos-splash-panel{width:88%;padding:20px}.venueos-splash-count button{flex-basis:44px;height:48px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important}}

.venueos-splash-widget a{color:#fff;text-decoration:underline}.venueos-splash-widget a:focus-visible{outline:3px solid #fff;outline-offset:3px}

/* Shape-aware layout: respond to the actual iframe/modal viewport, not device names. */
@media (min-aspect-ratio: 19/9) and (min-width: 1100px){.venueos-splash-panel{width:clamp(420px,30vw,570px)}}
@media (max-width: 900px){.venueos-splash-panel{width:min(78%,460px)}}
@media (max-width: 480px){.venueos-splash-panel{width:min(90%,420px)}}
@media (max-height: 570px) and (orientation:landscape){.venueos-splash-panel{padding:12px 22px;min-height:100dvh}.venueos-splash-field{margin:8px 0}h1{font-size:clamp(20px,3vw,28px);margin:0 0 8px}p.description{margin-bottom:8px}.venueos-splash-next{padding:10px;margin-top:8px}.venueos-splash-widget iframe{height:max(330px,calc(100dvh - 95px));min-height:0}}
@media (max-width: 370px){.venueos-splash-panel{width:100%;padding:16px}.venueos-splash-count button{flex-basis:42px}}

.venueos-preview-label{margin-bottom:12px;background:#fff1c7;color:#653b00;border-radius:6px;font-size:12px;font-weight:800;line-height:1.3;padding:8px 10px;text-align:center;letter-spacing:.02em}.venueos-splash-widget iframe[hidden]{display:none}#venueos-splash-preview-result{padding:24px 19px;background:#f6fff6;color:#0d5230;font-size:17px;line-height:1.7;border-radius:12px;border:2px solid #6acb8d}#venueos-splash-preview-result[hidden]{display:none}

/* dev73: Event artwork is independent; imported Advanced Widget owns the glass and controls. */
.venueos-splash-stage{align-items:center;justify-content:flex-start;min-height:100dvh}
.venueos-splash-panel{display:flex;align-items:center;justify-content:center;background:transparent;backdrop-filter:none;overflow:visible;padding:0;width:clamp(300px,37vw,560px);min-height:0;margin:clamp(8px,2vw,26px)}
.venueos-actual-advanced-widget{display:block;width:100%;height:min(94dvh,860px);min-height:520px;border:0;background:transparent;overflow:auto}
.venueos-actual-advanced-widget[hidden]{display:none}.venueos-splash-no-widget{padding:22px;background:#111d;color:#fff;border-radius:8px}
.venueos-splash-widget:not([hidden]){position:relative;width:100%;min-height:600px;background:rgba(11,18,17,.96);padding:22px;border-radius:16px;overflow:auto}
.venueos-splash-widget iframe{height:75dvh}
@media(max-width:700px){.venueos-splash-stage{align-items:center;justify-content:center}.venueos-splash-panel{width:min(95vw,540px);margin:0;max-width:100%}.venueos-actual-advanced-widget{height:95dvh;min-height:450px}}

/* dev74 — The Event photograph is the only scenery. Blur its actual pixels
   underneath the transparent widget iframe, instead of an embedded PNG. */
.venueos-splash-panel{isolation:isolate}
.venueos-widget-glass-backdrop{position:absolute;z-index:0;pointer-events:none;border-radius:5.8% / 3.7%;background:rgba(28,22,17,.28);-webkit-backdrop-filter:blur(14px) saturate(.90);backdrop-filter:blur(14px) saturate(.90)}
.venueos-widget-glass-backdrop[hidden]{display:none!important}
.venueos-actual-advanced-widget{position:relative;z-index:1;background:transparent}

/* dev79: SVG artwork has real transparency. Do not paint an opaque stage or
   crop decorated corners / overflowing lettering by object-fit:cover. */
body.venueos-splash-has-svg,body.venueos-splash-has-svg .venueos-splash-stage{background:transparent!important}
body.venueos-splash-has-svg .venueos-splash-picture img{object-fit:contain!important}

/* dev81: Keep the Event canvas transparent wherever the supplied PNG/SVG
   carries alpha. The independent full-viewport launch backdrop owns the tint.
   Do not flatten the artwork, scene, or widget iframe with a solid fill. */
html{background-color:transparent!important}
body.venueos-event-advanced-widget,
body.venueos-event-advanced-widget .venueos-splash-stage,
body.venueos-event-advanced-widget .venueos-splash-picture{background-color:transparent!important}
body.venueos-event-advanced-widget .venueos-splash-picture img,
body.venueos-event-advanced-widget .venueos-actual-advanced-widget{background-color:transparent!important}
/* A dark CSS color-scheme on an embedded document makes Chromium paint an
   opaque dark *viewport canvas* even if html/body backgrounds are transparent.
   Keep the root canvas unthemed; style individual controls instead. */
html{color-scheme:normal!important}

/* Dev85 admin-only Event/widget debug control; stays above sandboxed preview. */
.venueos-splash-panel{position:relative}
.venueos-widget-admin-debug{position:absolute;right:8px;top:7px;z-index:2147483640;display:inline-block;padding:2px 5px;border-radius:3px;background:rgba(0,0,0,.42);color:#fff!important;font:normal 11px/1.5 system-ui,sans-serif;text-decoration:underline;cursor:pointer}
.venueos-widget-admin-debug:focus-visible{outline:2px solid #fff;outline-offset:2px}