.home{color:#f4f1ff;background:radial-gradient(60% 60% at 20% 20%,#2a0f4d 0%,#0000 70%),radial-gradient(55% 55% at 85% 80%,#00304f 0%,#0000 70%),#07001a;place-items:center;padding:20px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;display:grid;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.home-card{text-align:center;flex-direction:column;gap:14px;width:min(440px,100%);display:flex}.home-card h1{letter-spacing:.02em;margin:0;font-size:clamp(32px,9vw,46px)}.home-sub{color:#c4b5ff;margin:0;line-height:1.4}.home-card form{flex-direction:column;gap:12px;margin-top:6px;display:flex}.home-code{color:#fff;letter-spacing:.16em;text-align:center;text-transform:uppercase;background:#150a2ecc;border:2px solid #6a3cff;border-radius:16px;padding:16px;font-size:28px}.home-code::placeholder{color:#6f62a8;letter-spacing:.16em}.home-code:focus{outline-offset:2px;outline:3px solid #ff2bd6}.home-btn{color:#1a0033;background:#ff2bd6;border:0;border-radius:999px;padding:15px;font-size:20px;font-weight:800}.home-btn:disabled{opacity:.4}.home-note{color:#ffb3d9;margin:0}.home-dj{color:#8f82c9;text-underline-offset:3px;margin-top:18px;font-size:13px;text-decoration:underline}.anum{font-variant-numeric:tabular-nums}.phone .p-wrap{z-index:2;max-width:560px;height:100%;padding:max(14px, env(safe-area-inset-top)) 16px max(12px, env(safe-area-inset-bottom));flex-direction:column;gap:10px;margin:0 auto;display:flex;position:relative}.p-head{align-items:center;gap:10px;min-height:34px;display:flex}.p-logo{object-fit:contain;max-width:90px;height:30px}.p-title{min-width:0;font-family:var(--heading);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;opacity:.9;flex:1;font-size:15px;overflow:hidden}.p-status{color:var(--muted);align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.p-status i{background:#4ade80;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #4ade80}.p-status.connecting i,.p-status.offline i{background:#fbbf24;animation:1s infinite p-blink;box-shadow:0 0 8px #fbbf24}@keyframes p-blink{50%{opacity:.3}}.p-main{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;min-height:0;margin:0 -10px;padding:0 10px;display:flex;overflow:hidden auto}.p-main>:first-child{margin-top:auto}.p-main>:last-child{margin-bottom:auto}.p-msg{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:12px 6px;display:flex}.p-big{font-family:var(--heading);text-wrap:balance;white-space:pre-line;text-shadow:0 0 36px rgba(var(--accent-rgb), .45);margin:0;font-size:clamp(26px,8vw,40px);line-height:1.12}.p-welcome,.p-farewell{animation:5s ease-in-out infinite p-float}@keyframes p-float{50%{transform:translateY(-6px)}}.p-sub{color:var(--muted);max-width:30ch;margin:0;font-size:16px;line-height:1.4}.p-poll{flex-direction:column;gap:14px;padding:6px 0;display:flex}.p-qrow{justify-content:space-between;align-items:center;gap:12px;display:flex}.p-question{font-family:var(--heading);text-wrap:balance;margin:0;font-size:clamp(22px,6.4vw,32px);line-height:1.12}.p-qrow .cd{flex:none;font-size:26px}.p-options{flex-direction:column;gap:12px;display:flex}.pbtn{text-align:left;border-radius:var(--radius);border:3px var(--border-style,solid) var(--c);background:var(--card);width:100%;min-height:clamp(74px,14.5vh,120px);color:var(--text);touch-action:manipulation;-webkit-user-select:none;user-select:none;box-shadow:0 0 14px rgba(var(--c-rgb), .22);align-items:center;gap:14px;padding:12px 18px;font-size:21px;font-weight:800;transition:transform .12s,box-shadow .25s,opacity .5s,filter .5s;display:flex;position:relative;overflow:hidden}.pbtn:active:not(:disabled){transform:scale(.975)}.pbtn:disabled{cursor:default;color:var(--text);opacity:1}.pbtn.selected{box-shadow:0 0 0 4px rgba(var(--c-rgb), .4), 0 0 30px rgba(var(--c-rgb), .65);animation:.35s ease-out pbtn-pop}.pbtn.selected.pending{animation:.9s ease-in-out infinite pbtn-wait}@keyframes pbtn-pop{0%{transform:scale(.95)}60%{transform:scale(1.025)}to{transform:scale(1)}}@keyframes pbtn-wait{50%{box-shadow:0 0 0 4px rgba(var(--c-rgb), .15), 0 0 12px rgba(var(--c-rgb), .3)}}.pbtn.winner{box-shadow:0 0 0 4px rgba(var(--c-rgb), .5), 0 0 34px rgba(var(--c-rgb), .8)}.pbtn.golden{border-color:var(--gold);box-shadow:0 0 0 4px #ffd54a73,0 0 34px #ffd54ad9}.pbtn.dim{opacity:.5;filter:saturate(.6)}.pfill{width:var(--p);background:linear-gradient(90deg, rgba(var(--c-rgb), .55), rgba(var(--c-rgb), .18));transition:width .7s cubic-bezier(.2,.9,.2,1);position:absolute;top:0;bottom:0;left:0}.pshape{color:var(--c);text-shadow:0 0 10px rgba(var(--c-rgb), .6);flex:none;font-size:26px;line-height:1;position:relative}.plabel{min-width:0;font-family:var(--heading);overflow-wrap:anywhere;flex:1;line-height:1.1;position:relative}.pcheck{background:var(--c);color:#000;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:18px;font-weight:900;display:grid;position:relative}.ppct{font-family:var(--heading);text-align:right;flex:none;min-width:2.6ch;font-size:28px;font-weight:900;position:relative}.ppct small{opacity:.85;margin-left:1px;font-size:.55em}.ptag{letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:900;position:absolute;top:6px;right:10px}.ptag.gold{color:#2a1c00;background:linear-gradient(90deg,#ffb300,#ffd54a,#fff2a8)}.phone.mono .plabel,.phone.mono .ppct{background:#000000c7;padding:0 8px}.phone.mono .plabel{flex:0 auto;margin-right:auto}.ripple{pointer-events:none;opacity:.8;border-radius:50%;animation:.6s ease-out forwards ripple;position:absolute;transform:scale(0)}@keyframes ripple{to{opacity:0;transform:scale(1)}}.phone.mono .optpat-1 .pfill{background:repeating-linear-gradient(45deg, rgba(var(--c-rgb), .7) 0 8px, rgba(var(--c-rgb), .12) 8px 16px)}.phone.mono .optpat-2 .pfill{background:radial-gradient(rgba(var(--c-rgb), .85) 28%, transparent 30%) 0 0 / 16px 16px, rgba(var(--c-rgb), .12)}.phone.mono .optpat-3 .pfill{background:conic-gradient(rgba(var(--c-rgb), .8) 25%, rgba(var(--c-rgb), .12) 0 50%, rgba(var(--c-rgb), .8) 0 75%, rgba(var(--c-rgb), .12) 0) 0 0 / 22px 22px}.phone.mono .optpat-4 .pfill{background:repeating-linear-gradient(0deg, rgba(var(--c-rgb), .7) 0 6px, rgba(var(--c-rgb), .1) 6px 12px)}.p-banner{background:var(--accent);color:var(--on-accent);font-family:var(--heading);text-align:center;border-radius:999px;align-self:center;padding:8px 18px;font-size:17px;font-weight:900;animation:.5s ease-out pbtn-pop}.p-banner.gold{color:#2a1c00;background:linear-gradient(90deg,#ffb300,#ffd54a,#fff2a8,#ffd54a);box-shadow:0 0 24px #ffd54a99}.p-hint{text-align:center;color:var(--muted);margin:0;font-size:14px}.p-foot{flex-direction:column;align-items:stretch;gap:8px;display:flex}.p-nick,.p-code{gap:8px;display:flex}.p-code input{border:1px solid var(--card-border);min-width:0;color:var(--text);letter-spacing:.14em;text-transform:uppercase;text-align:center;background:#00000040;border-radius:12px;flex:1;padding:12px 14px;font-size:20px}.phone.light .p-code input{background:#ffffffb3}.p-btn:disabled{opacity:.45}.p-nick input{border:1px solid var(--card-border);min-width:0;color:var(--text);background:#00000040;border-radius:12px;flex:1;padding:10px 12px;font-size:15px}.phone.light .p-nick input{background:#ffffffb3}.p-btn{background:var(--accent);color:var(--on-accent);border:0;border-radius:999px;padding:12px 22px;font-size:17px;font-weight:800}.p-btn.small{padding:10px 16px;font-size:15px}.p-leave{color:var(--muted);text-underline-offset:3px;background:0 0;border:0;align-self:center;padding:8px 14px;font-size:13px;text-decoration:underline}.p-leave.confirm{color:#ff6b6b;font-weight:800}@media (prefers-reduced-motion:reduce){.p-welcome,.p-farewell,.pbtn.selected,.pbtn.selected.pending{animation:none!important}}@property --bg1{syntax:"<color>";inherits:true;initial-value:#07001a}@property --bg2{syntax:"<color>";inherits:true;initial-value:#1a0033}@property --bg3{syntax:"<color>";inherits:true;initial-value:#00203f}@property --text{syntax:"<color>";inherits:true;initial-value:#fff}@property --muted{syntax:"<color>";inherits:true;initial-value:#c4b5ff}@property --accent{syntax:"<color>";inherits:true;initial-value:#ff2bd6}@property --card{syntax:"<color>";inherits:true;initial-value:#150a2e}@property --card-border{syntax:"<color>";inherits:true;initial-value:#6a3cff}*,:before,:after{box-sizing:border-box}html,body,#app{height:100%;margin:0}html,body{overflow:hidden}body{-webkit-tap-highlight-color:transparent;overscroll-behavior:none;-webkit-text-size-adjust:100%;background:#000}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.stage{color:var(--text);font-family:var(--font);background:var(--bg1);transition:--bg1 .9s,--bg2 .9s,--bg3 .9s,--text .9s,--muted .9s,--accent .9s,--card .9s,--card-border .9s;position:fixed;top:0;bottom:0;left:0;right:0;overflow:clip}.stage:before{content:"";z-index:0;background:radial-gradient(60% 60% at 20% 25%, var(--bg2) 0%, transparent 70%), radial-gradient(55% 55% at 80% 30%, var(--bg3) 0%, transparent 70%), radial-gradient(60% 60% at 50% 90%, var(--bg2) 0%, transparent 70%), var(--bg1);will-change:transform;animation:38s ease-in-out infinite alternate stage-drift;position:absolute;top:-35%;bottom:-35%;left:-35%;right:-35%}.stage.phone:before{animation-duration:70s}@keyframes stage-drift{0%{transform:translate(-4%,-3%)rotate(0)scale(1)}to{transform:translate(4%,3%)rotate(9deg)scale(1.08)}}.stage:after{content:"";z-index:0;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.stage.pat-grid:after{background-image:linear-gradient(rgba(var(--accent-rgb), .1) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--accent-rgb), .1) 1px, transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(at 50% 110%,#000 10%,#0000 70%);mask-image:radial-gradient(at 50% 110%,#000 10%,#0000 70%)}.stage.pat-dots:after{background-image:radial-gradient(#ffffff24 2px,#0000 2.5px);background-size:34px 34px}.stage.pat-lines:after{background:linear-gradient(90deg,#0000 0 7%,#ff787847 7% calc(7% + 2px),#0000 calc(7% + 2px)),repeating-linear-gradient(#0000 0 39px,#ffffff12 39px 40px)}.stage.pat-stripes:after{will-change:transform;background:repeating-linear-gradient(45deg,#ffffff0d 0 18px,#0000 18px 36px);animation:14s linear infinite stripes-slide;top:-50%;bottom:-50%;left:-50%;right:-50%}@keyframes stripes-slide{to{transform:translate(25.46px,-25.46px)}}.stage-bg-img{object-fit:cover;opacity:.22;z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.canvas-ambient,.canvas-fx{pointer-events:none;width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;right:0}.canvas-ambient{z-index:0}.canvas-fx{z-index:6}.live-dot{background:var(--accent);width:.7em;height:.7em;box-shadow:0 0 0 0 rgba(var(--accent-rgb), .6);vertical-align:baseline;border-radius:50%;animation:1.8s ease-out infinite live-pulse;display:inline-block}@keyframes live-pulse{0%{box-shadow:0 0 0 0 rgba(var(--accent-rgb), .55)}to{box-shadow:0 0 0 .9em rgba(var(--accent-rgb), 0)}}.nick-pop{z-index:7;color:#000;background:var(--nick-c,#fff);white-space:nowrap;pointer-events:none;border-radius:999px;padding:.25em .7em;font-size:clamp(14px,2.7vmin,38px);font-weight:700;animation:2.3s ease-out forwards nick-rise;position:fixed;transform:translate(-50%);box-shadow:0 4px 22px #00000059}@keyframes nick-rise{0%{opacity:0;transform:translate(-50%,14px)scale(.7)}12%{opacity:1;transform:translate(-50%)scale(1.05)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-64px)scale(1)}}@media (prefers-reduced-motion:reduce){.stage:before,.stage:after,.live-dot{animation:none!important}}