[hidden]{display:none!important}.live-badge{position:fixed;right:16px;top:12px;z-index:39;background:#211831d9;border:1px solid #7a6994;color:#f4ebff;border-radius:99px;padding:8px 14px;font-size:13px;opacity:.82}.live-badge.connected{border-color:#8dddb6;color:#b6f0d2}.live-badge.error{background:#5b2e32;color:#ffe4b9}.live-dialog{max-width:710px}.live-dialog p{line-height:1.65}.live-dialog button{padding:10px 16px;border-radius:9px;border:1px solid #9380ab;background:#493452;color:#fff5e4;margin:5px 0}.live-dialog button:disabled{opacity:.5}.live-dialog a{color:#b6f1d5;word-break:break-all}.live-dialog #pair-info{display:flex;gap:24px;align-items:center;margin:20px 0}.live-dialog #pair-qr{background:white;padding:10px;flex:0 0 235px;border-radius:14px}.live-dialog #pair-qr svg{width:215px;height:215px;display:block}.pair-detail strong{display:block;font:800 40px Arial;letter-spacing:5px}.pair-detail span{color:#c5b7d1}.pair-detail a{display:block;margin:8px 0}.pair-request{padding:12px 16px;background:#3b2b4e;border:1px solid #ae8bd3;border-radius:12px;margin:9px 0}.pair-request strong{font:800 28px Arial;letter-spacing:5px;padding:0 15px}.pair-request button{margin:0 5px}.pair-actions{display:flex;gap:10px;flex-wrap:wrap}.small-note{font-size:13px;color:#c2b2cd}#pair-error{color:#ffcb9c}.audience{position:fixed;inset:0;z-index:25;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at center,#322144 0%,#130e23 75%);isolation:isolate}.audience::before{content:'';position:absolute;inset:0;opacity:.25;background-image:radial-gradient(#dbccff 1.5px,transparent 1.5px);background-size:90px 90px;z-index:-1}.audience[data-outcome=success]{background:radial-gradient(ellipse at center,#154b43 0%,#102329 50%,#100e22 100%)}.audience[data-outcome=failure]{background:radial-gradient(ellipse at center,#422b54 0%,#20152f 65%,#130e23 100%)}.audience[data-outcome=interrupted]{background:radial-gradient(ellipse at center,#4d3a30,#171223)}.aura{position:absolute;width:67vmin;height:67vmin;border-radius:50%;border:2px dashed #b69bff50;z-index:-1;animation:orbit 45s linear infinite}.aura-one{box-shadow:0 0 100px #9e5dfb22,inset 0 0 80px #9e5dfb22}.aura-two{width:84vmin;height:84vmin;border-style:solid;border-color:#baffdb20;animation-direction:reverse}.audience-inner{text-align:center;width:90%;max-width:3200px;padding:18px}.audience-kicker{font-size:clamp(16px,1.7vw,80px);font-weight:700;color:#dbb9ff;letter-spacing:.12em}#round-label{font:600 clamp(13px,1.15vw,52px) Arial;color:#bca7d1;letter-spacing:.18em;margin:8px 0}.audience-mascot{height:clamp(65px,15vh,420px);margin:5px auto;animation:floatLive 5.3s ease-in-out infinite}.audience-mascot svg{height:100%;filter:drop-shadow(0 0 25px #dcd5ff55)}#outcome-heading{font-size:clamp(36px,6vw,260px);line-height:1.15;margin:6px 0 0;color:#fff1df;font-weight:900;letter-spacing:.03em}#outcome-number{font:900 clamp(65px,10vw,440px)/1.1 Arial;letter-spacing:.025em;color:#bce7d9;text-shadow:0 0 35px #b6ffdb44;margin:6px 0}#outcome-number small{font:600 .20em Arial;padding-left:12px}#outcome-detail{font-size:clamp(16px,2vw,88px);margin:8px 0 14px;color:#ddcfea}#outcome-prize{font-size:clamp(18px,2.5vw,108px);font-weight:800;color:#ffcd88;min-height:1.4em}#audience-staff{margin-top:22px;display:flex;align-items:center;justify-content:center;gap:16px;font-size:14px;color:#bdaeca}#audience-staff input{width:18px;height:18px;vertical-align:middle}#audience-staff button,#abort-round{background:#2e2342;border:1px solid #a08aba;color:#efe7f5;padding:10px 17px;border-radius:12px;font-size:14px}#audience-staff button:disabled{opacity:.4}#abort-round{margin-top:20px;opacity:.7}.confetto{position:absolute;width:12px;height:20px;top:-8%;left:var(--x);background:var(--color);border-radius:3px;animation:celebrateFall var(--dur) ease-in var(--delay) 2 both;z-index:-1}body[data-motion=off] .audience *{animation:none!important}body[data-motion=off] #confetti{display:none}body[data-hidden=yes] .audience *{animation-play-state:paused!important}@keyframes celebrateFall{to{transform:translateY(110vh) rotate(480deg);opacity:0}}@keyframes floatLive{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-12px) rotate(4deg)}}@keyframes orbit{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.audience *{animation:none!important}#confetti{display:none}}@media(max-width:650px){.live-dialog #pair-info{flex-direction:column}.live-dialog #pair-qr{flex:auto}.audience-inner{width:95%}#audience-staff{flex-direction:column;gap:8px}.live-badge{font-size:10px;padding:6px 10px;top:5px;right:5px}}@media print{.live-badge,.audience,.live-dialog{display:none!important}}
