:root{color:#fff;background:#020816;font-family:Arial,Helvetica,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden;background:#020816}body{display:grid;place-items:center}button{color:inherit;font:inherit}[hidden]{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.stage{position:relative;isolation:isolate;display:grid;width:min(100vw,177.7778vh);height:min(100vh,56.25vw);aspect-ratio:16 / 9;place-items:center;overflow:hidden;background-color:#041331;background-image:url(/assets/background-D9hkUujL.png);background-position:center;background-repeat:no-repeat;background-size:cover}.stage:after{position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at center,rgba(4,19,49,.08) 0,rgba(4,19,49,.22) 31%,transparent 55%);content:"";pointer-events:none}.pal{position:relative;width:clamp(9rem,min(38vw,58vh),40rem);aspect-ratio:1}.pal-ring{position:absolute;z-index:-1;inset:-2.6%;border:clamp(2px,.28vw,6px) solid rgba(255,255,255,.94);border-radius:50%;background:#0818387a;box-shadow:0 0 0 clamp(4px,.5vw,10px) #0413316b,0 1.5rem 5rem #0000007a}.pal-mask{position:absolute;inset:0;overflow:hidden;border-radius:50%;background:radial-gradient(circle at 50% 28%,rgba(53,102,157,.58),transparent 48%),#081939}#pal-video{position:absolute;inset:0;width:100%;height:100%;background:#081939;filter:contrast(1.03) saturate(1.02);object-fit:cover;object-position:50% 36%;opacity:0;transform:scale(1.035);transition:opacity .5s ease}.pal-visible #pal-video{opacity:1}.welcome,.connecting,.error-panel{position:absolute;z-index:2;inset:0;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:13%;text-align:center}.welcome{background:radial-gradient(circle at 50% 35%,#244f88 0,#102c58 38%,#071a3b 78%)}.welcome-kicker{margin:0 0 .45em;color:#ffffffb8;font-size:clamp(.58rem,min(1.05vw,1.85vh),1rem);font-weight:700;letter-spacing:.13em;line-height:1.35;text-transform:uppercase}.welcome-name{margin:0 0 1.1em;font-size:clamp(1.45rem,min(2.9vw,5vh),3rem);font-weight:600;letter-spacing:-.04em;line-height:1}.start-button,.retry-button,.control-button{min-height:clamp(2.2rem,min(3.3vw,5.8vh),3.6rem);padding:0 clamp(1rem,2.2vw,2rem);border:1px solid rgba(255,255,255,.5);border-radius:999px;background:#fff;color:#071a3b;font-size:clamp(.68rem,min(1.08vw,1.9vh),1rem);font-weight:700;cursor:pointer;transition:background-color .16s ease,transform .16s ease}.start-button:hover,.start-button:focus-visible,.retry-button:hover,.retry-button:focus-visible{background:#f47932;color:#fff;outline:none;transform:translateY(-2px)}.start-button:disabled{cursor:wait;opacity:.58}.permission-note{margin:.9em 0 0;color:#ffffff8c;font-size:clamp(.5rem,min(.8vw,1.4vh),.78rem)}.connecting{background:#051431e0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.connecting p{margin:1em 0 0;color:#ffffffc2;font-size:clamp(.65rem,min(1.05vw,1.8vh),1rem)}.spinner{width:clamp(2rem,min(4vw,7vh),4rem);aspect-ratio:1;border:clamp(2px,.22vw,4px) solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .9s linear infinite}.error-panel{background:#200d25f0}.error-panel>p:first-child{max-width:14ch;margin:0;font-size:clamp(1rem,min(2vw,3.5vh),2rem);font-weight:700;line-height:1.08}.error-message{max-width:30ch;margin:.8em 0 1.2em;color:#ffffffa6;font-size:clamp(.56rem,min(.9vw,1.6vh),.9rem);line-height:1.45}.video-shade{position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,transparent 62%,rgba(0,0,0,.55));opacity:0;pointer-events:none;transition:opacity .5s ease}.pal-visible .video-shade{opacity:1}.identity{position:absolute;z-index:3;right:12%;bottom:8.5%;left:12%;display:flex;align-items:center;justify-content:center;gap:.55em;font-size:clamp(.62rem,min(1.1vw,1.9vh),1rem);font-weight:700;text-shadow:0 2px 12px #000}.live-dot{width:.55em;aspect-ratio:1;border-radius:50%;background:#76e0c2;box-shadow:0 0 .75em #76e0c2}.call-controls{position:absolute;z-index:5;bottom:2.8%;left:50%;display:grid;align-items:center;width:min(90%,28rem);grid-template-columns:auto 1fr auto;gap:clamp(.45rem,1vw,.8rem);padding:clamp(.3rem,.5vw,.45rem);border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#030d22c7;box-shadow:0 .7rem 2.5rem #0000004d;transform:translate(-50%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.control-button{min-height:clamp(1.8rem,min(2.8vw,4.9vh),2.8rem);padding:0 clamp(.75rem,1.5vw,1.25rem);border-color:#ffffff24;background:#ffffff1f;color:#fff}.control-button:hover,.control-button:focus-visible{background:#ffffff38;outline:none}.end-button{background:#a9342b}.end-button:hover,.end-button:focus-visible{background:#cb4439}.call-status{margin:0;overflow:hidden;color:#ffffffad;font-size:clamp(.55rem,min(.9vw,1.55vh),.86rem);text-align:center;text-overflow:ellipsis;white-space:nowrap}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}