.huddle-participant-root{color:#fff;height:100vh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);background:#06060e;flex-direction:column;font-family:Syne,sans-serif;display:flex;overflow:hidden}.huddle-participant-root button,.huddle-participant-root input{-webkit-tap-highlight-color:transparent;font-family:Syne,sans-serif}.huddle-participant-root input{color:#fff;appearance:none;background:#ffffff17;border:1.5px solid #ffffff24;border-radius:14px;outline:none;width:100%;padding:15px 18px;font-size:17px;transition:border-color .2s}.huddle-participant-root input:focus{border-color:#fff6}.huddle-participant-root input::placeholder{color:#ffffff40}.huddle-participant-root button{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border:none;font-weight:700;transition:opacity .12s,transform .1s}.huddle-participant-root button:active{opacity:.75;transform:scale(.97)}.huddle-participant-root #app{flex-direction:column;height:100%;display:flex;overflow:hidden}.huddle-participant-root .screen{flex-direction:column;flex:1;display:flex;overflow:hidden}.huddle-participant-root .screen.hidden{display:none}.huddle-participant-root .scroll-body{-webkit-overflow-scrolling:touch;flex:1;padding:0 20px 32px;overflow-y:auto}.huddle-participant-root .label{letter-spacing:2.5px;color:#ffffff59;text-transform:uppercase;font-size:11px;font-weight:700}.huddle-participant-root .mono{font-family:Syne Mono,monospace}.huddle-participant-root .muted{color:#fff6}@keyframes huddlePartFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes huddlePartPop{0%{opacity:0;transform:scale(.8)}60%{transform:scale(1.07)}to{opacity:1;transform:scale(1)}}@keyframes huddlePartPulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes huddlePartSpin{to{transform:rotate(360deg)}}@keyframes huddlePartSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.huddle-participant-root #screen-connecting{justify-content:center;align-items:center;gap:16px}.huddle-participant-root .conn-dots{gap:10px;margin:8px 0;display:flex}.huddle-participant-root .conn-dot{background:#e8ff47;border-radius:50%;width:11px;height:11px;animation:1.2s infinite huddlePartPulse}.huddle-participant-root .conn-dot:nth-child(2){animation-delay:.18s}.huddle-participant-root .conn-dot:nth-child(3){animation-delay:.36s}.huddle-participant-root .conn-title{letter-spacing:-.5px;text-align:center;font-size:20px;font-weight:800}.huddle-participant-root .conn-url{color:#ffffff4d;text-align:center;margin-top:-8px;font-family:Syne Mono,monospace;font-size:12px}.huddle-participant-root .conn-error{text-align:center;color:#ff4e4e;background:#ff4e4e1a;border:1.5px solid #ff4e4e66;border-radius:14px;width:100%;max-width:340px;padding:14px 16px;font-size:14px;line-height:1.5}.huddle-participant-root .ghost-btn{color:#fff9;background:#ffffff12;border:1.5px solid #ffffff24;border-radius:12px;padding:12px 24px;font-size:14px}.huddle-participant-root #screen-join{justify-content:center;align-items:center;padding:0 24px}.huddle-participant-root .join-inner{flex-direction:column;gap:0;width:100%;max-width:380px;animation:.35s huddlePartFadeUp;display:flex}.huddle-participant-root .join-logo{text-align:center;margin-bottom:12px;font-size:54px}.huddle-participant-root .join-title{letter-spacing:-2.5px;text-align:center;background:linear-gradient(150deg,#fff 0%,#ffffff61 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-size:46px;font-weight:800}.huddle-participant-root .join-sub{letter-spacing:2.5px;color:#ffffff47;text-transform:uppercase;text-align:center;margin-bottom:36px;font-size:12px}.huddle-participant-root .join-field{margin-bottom:14px}.huddle-participant-root .join-field .label{margin-bottom:8px;display:block}.huddle-participant-root .code-field{text-transform:uppercase;letter-spacing:10px!important;text-align:center!important;padding:16px!important;font-family:Syne Mono,monospace!important;font-size:32px!important}.huddle-participant-root .join-btn{color:#06060e;background:#e8ff47;border-radius:14px;width:100%;margin-top:8px;padding:18px;font-size:17px;font-weight:800}.huddle-participant-root .join-btn:disabled{color:#ffffff4d;background:#ffffff1a}.huddle-participant-root .remembered-bar{background:#4eff9a14;border:1.5px solid #4eff9a4d;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;padding:13px 16px;display:flex}.huddle-participant-root .remembered-bar.hidden{display:none}.huddle-participant-root .remembered-info{flex:1}.huddle-participant-root .remembered-name{font-size:15px;font-weight:700}.huddle-participant-root .remembered-code{color:#fff6;margin-top:2px;font-family:Syne Mono,monospace;font-size:12px}.huddle-participant-root .remembered-btn{color:#06060e;background:#4eff9a;border-radius:10px;flex-shrink:0;padding:10px 16px;font-size:13px;font-weight:800}.huddle-participant-root .clear-btn{color:#ffffff47;text-align:center;background:0 0;width:100%;padding:10px 0;font-size:12px}.huddle-participant-root .clear-btn.hidden{display:none}.huddle-participant-root #screen-lobby .scroll-body{padding-top:24px}.huddle-participant-root .lobby-hero{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:24px 0 20px;display:flex}.huddle-participant-root .lobby-avatar{color:#06060e;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:36px;font-weight:800;animation:.4s huddlePartPop;display:flex}.huddle-participant-root .lobby-name{letter-spacing:-.8px;font-size:26px;font-weight:800}.huddle-participant-root .lobby-code{letter-spacing:8px;color:#e8ff47;font-family:Syne Mono,monospace;font-size:34px}.huddle-participant-root .lobby-status{color:#ffffff61;font-size:14px;animation:2s infinite huddlePartPulse}.huddle-participant-root .lobby-mode-card{background:#ffffff0d;border:1.5px solid #ffffff1a;border-radius:18px;margin:4px 0 12px;padding:16px 18px}.huddle-participant-root .lobby-mode-name{letter-spacing:-.3px;margin-bottom:6px;font-size:15px;font-weight:800}.huddle-participant-root .lobby-mode-desc{color:#ffffff80;margin-bottom:10px;font-size:13px;line-height:1.45}.huddle-participant-root .lobby-mode-rules{flex-direction:column;gap:5px;display:flex}.huddle-participant-root .lobby-mode-rule{color:#ffffff73;align-items:flex-start;gap:8px;font-size:12px;display:flex}.huddle-participant-root .lobby-mode-rule-num{color:#e8ff47;background:#e8ff4726;border:1px solid #e8ff474d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;min-width:18px;height:18px;margin-top:1px;font-size:9px;font-weight:800;display:flex}.huddle-participant-root .players-wrap{margin-top:4px}.huddle-participant-root .players-grid{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.huddle-participant-root .player-chip{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:24px;align-items:center;gap:7px;padding:7px 13px;animation:.25s huddlePartSlideUp;display:flex}.huddle-participant-root .player-chip-av{color:#06060e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:flex}.huddle-participant-root .player-chip-name{font-size:12px;font-weight:700}.huddle-participant-root #screen-done .scroll-body{padding-top:24px}.huddle-participant-root .done-hero{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:20px 0;display:flex}.huddle-participant-root .done-trophy{font-size:60px}.huddle-participant-root .done-title{letter-spacing:-1px;font-size:28px;font-weight:800}.huddle-participant-root #reconnect-banner{top:env(safe-area-inset-top,0);z-index:1000;color:#fff;text-align:center;letter-spacing:.5px;background:#ff4e4eeb;padding:8px 12px;font-size:12px;font-weight:700;transition:transform .25s;position:fixed;left:0;right:0;transform:translateY(-100%)}.huddle-participant-root #reconnect-banner.show{transform:translateY(0)}