/* The existing quiz, video layer and transitions keep their original styles. */
.participation-desk{border:1px solid var(--line);border-radius:8px;padding:22px;margin:0 0 24px;display:grid;grid-template-columns:1fr 1fr;gap:30px;background:#101a27}.participation-desk .eyebrow{font-size:10px;margin:0 0 12px}.participation-toggle{display:flex!important;align-items:center;gap:10px!important;font-size:18px!important;margin:0!important}.participation-toggle input{accent-color:var(--gold);width:20px;height:20px}.participation-desk-actions{display:grid;gap:12px;align-content:center}.participation-desk-actions a{font-size:12px;overflow-wrap:anywhere}.participation-desk p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.6}.participation-desk-actions .help{margin:0}
.participation-mobile{min-height:100vh;min-height:100svh;background:radial-gradient(ellipse at 100% 10%,#1b3040 0%,transparent 50%),radial-gradient(ellipse at 0 80%,#192335 0%,#070e19 60%)}.guest-shell{width:min(100%,540px);min-height:100svh;margin:0 auto;padding:28px 24px max(24px,env(safe-area-inset-bottom));display:flex;flex-direction:column}.guest-brand{display:flex;align-items:center;gap:13px;letter-spacing:.15em;font-size:9px;line-height:1.7}.guest-brand>span:first-child{font-family:var(--serif);font-size:42px;color:var(--gold)}.guest-brand strong{font-weight:normal;color:var(--gold);font-size:12px;letter-spacing:.19em}.guest-edition{margin-left:auto;text-align:right;color:var(--muted);font-size:8px}.guest-connection{font-size:10px;letter-spacing:.05em;color:var(--muted);margin:16px 0 45px;min-height:15px}.guest-shell .eyebrow{font-size:10px;line-height:1.8;letter-spacing:.17em;color:var(--gold)}.guest-shell h1{font:normal clamp(32px,9vw,45px)/1.12 var(--serif);letter-spacing:-.03em;margin:15px 0 24px;overflow-wrap:anywhere}.guest-intro{font-size:15px;line-height:1.8;color:#c3cbd4;margin:0 0 38px}.guest-shell form>label{display:block;font-size:13px;margin:0 0 10px}.guest-shell input[type=text],.guest-shell input[name=name]{width:100%;padding:17px 14px;border:1px solid #d6b48766;border-radius:5px;background:#070e1988;color:var(--paper);font-size:16px;min-height:56px}.guest-shell button{width:100%;min-height:55px;margin-top:17px;font-size:14px;border-radius:5px;justify-content:space-between;padding:14px 17px}.guest-shell button:disabled{opacity:.45}.guest-feedback{min-height:45px;font-size:13px;color:var(--gold);line-height:1.7;margin:20px 0 25px}.guest-feedback.error{color:#f1a8a1}.guest-footer{margin-top:auto;padding-top:30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-family:var(--serif);font-size:14px}.guest-footer span{color:var(--gold)}.guest-emblem{font-size:100px;color:var(--gold);line-height:1.2;margin:0 0 35px;text-align:center;text-shadow:0 0 45px #d6b48733}#guest-wait{text-align:center;padding-top:20px}.guest-shell fieldset{padding:0;border:0;margin:0}.guest-shell legend{font-size:13px}.guest-choice-help{font-size:12px;color:var(--muted);line-height:1.7;margin:8px 0 20px}.guest-choice{display:flex;position:relative;align-items:center;gap:12px;min-height:65px;margin:0 0 12px;padding:15px;border:1px solid var(--line);border-radius:5px;cursor:pointer;background:#09132199;font-size:15px;line-height:1.45}.guest-choice:has(input:checked){border-color:var(--gold);background:#d6b48712}.guest-choice input{accent-color:var(--gold);width:19px;height:19px;flex-shrink:0;margin:0}.guest-letter{color:var(--gold);font-size:11px}.guest-choice:has(input:disabled){cursor:default;opacity:.8}#guest-question h1{font-size:clamp(29px,7.2vw,38px);line-height:1.2}
.participation-welcome{position:fixed;inset:15vh 5.5vw 10vh;z-index:2;display:grid;grid-template-columns:minmax(300px,38%) 1fr;align-items:center;gap:2vw}.participation-lobby #scene{visibility:hidden}.constellation-intro h1{white-space:pre-line;font:normal clamp(38px,4vw,78px)/1.06 var(--serif);letter-spacing:-.035em;margin:15px 0 20px}.constellation-intro>p:not(.eyebrow){white-space:pre-line;color:#c3cbd4;font-size:clamp(14px,1vw,20px);line-height:1.7}.constellation-intro img{width:clamp(160px,16vw,260px);height:auto;border-radius:5px;display:block;margin:25px 0 10px;background:#fff}.constellation-intro .constellation-qr-label{color:var(--gold)!important;font-size:clamp(12px,.9vw,18px)!important;margin:0}.constellation-intro .constellation-address{font-size:clamp(10px,.7vw,14px)!important;color:var(--muted)!important;margin:5px 0;overflow-wrap:anywhere}.guest-constellation{width:100%;height:100%;overflow:visible}.guest-star{fill:#f3d6aa}.guest-star-halo{fill:#d6b487;opacity:.07}.guest-star text{font-size:18px;fill:var(--paper);opacity:0;font-family:var(--serif)}.guest-star.arriving{animation:star-arrive 1s ease-out both}.guest-star.arriving text{animation:guest-name 6s ease-out both}.constellation-caption{position:absolute;bottom:0;right:0;color:var(--gold);letter-spacing:.12em;font-size:clamp(11px,.9vw,18px)}@keyframes star-arrive{from{opacity:0}to{opacity:1}}@keyframes guest-name{0%{opacity:0}15%,65%{opacity:1}100%{opacity:0}}
.participation-results{position:fixed;inset:auto 5.5vw 0;z-index:2;min-height:64px;height:10vh;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(0deg,#070e19 70%,#070e1900);font-size:clamp(12px,.95vw,20px)}.participation-results p{font-family:var(--serif);color:var(--muted)}.participation-results>div{display:flex;gap:12px}.participation-count{border:1px solid var(--line);padding:10px 18px;border-radius:4px;white-space:nowrap}.participation-count.correct{color:var(--gold);border-color:#d6b48777}.participation-results-visible .screen-footer{visibility:hidden}
@media(max-width:700px){.participation-desk{grid-template-columns:1fr;gap:12px;padding:18px}.participation-welcome{grid-template-columns:1fr 1fr;gap:0;inset:90px 5vw 64px}.constellation-intro .eyebrow{font-size:7px}.constellation-intro h1{font-size:29px}.constellation-intro>p:not(.eyebrow){font-size:11px}.constellation-intro img{width:140px;margin:15px 0 8px}.constellation-address{max-width:160px}.constellation-caption{font-size:9px}.participation-results{font-size:10px;gap:8px}.participation-results p{max-width:90px}.participation-results>div{gap:5px}.participation-count{padding:7px}}
@media(prefers-reduced-motion:reduce){.guest-star.arriving{animation:none}}