:root{--brand:#ff4d7e;--brand-soft:#ff6b95;--brand-dark:#e63a6a;--brand-tint:#ff4d7e14;--brand-purple:#ff4d7e;--brand-purple-soft:#ff6b95;--brand-purple-dark:#e63a6a;--brand-purple-tint:#ff4d7e14;--brand-pink:#ff4d7e;--brand-pink-soft:#ff6b95;--brand-pink-dark:#e63a6a;--bg:#f5f5f9;--bg-alt:#fafafc;--surface:#fff;--surface-2:#f0eff5;--surface-soft:#f7f6fb;--surface-dark:#14152b;--surface-dark-2:#1b1d38;--surface-dark-3:#242648;--text:#0f0f1a;--text-2:#1e1f2e;--text-muted:#6b7280;--text-quiet:#9ca3af;--on-dark:#fff;--on-dark-muted:#fff9;--on-dark-quiet:#fff6;--border:#0f0f1a0f;--border-strong:#0f0f1a1a;--border-on-dark:#ffffff14;--success:#19d27f;--warn:#f5a623;--danger:#ef4444;--shadow-card:0 1px 2px #0f0f1a0a, 0 6px 18px #0f0f1a0d;--shadow-cta:0 10px 24px #ff4d7e52;--shadow-cta-pink:0 10px 24px #ff4d7e52;--shadow-cta-purple:0 10px 24px #ff4d7e47;--shadow-soft:0 1px 2px #0f0f1a0d;--r-xs:10px;--r-sm:14px;--r-md:18px;--r-lg:22px;--r-xl:28px;--reaction-badge-w:108px;--reaction-badge-h:102px;--reaction-pop-duration:5.2s;--reaction-sprite-columns:60;--reaction-sprite-duration:2.5s;--reaction-sprite-steps:59;--reaction-sprite-loops:2;font-feature-settings:"ss01", "cv11";font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}::selection{background:#ff4d7e2e}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.appShell{background:var(--bg);justify-content:center;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.appSurface{background:var(--bg);width:100%;max-width:460px;min-height:100vh;color:var(--text);flex-direction:column;padding:24px 20px 28px;display:flex;position:relative;overflow-x:hidden}.animationLayer{pointer-events:none;position:absolute;inset:0}.appSurface.surfaceHome,.appSurface.surfaceLobby{padding:24px 20px 28px}.appSurface.surfaceLight{padding-top:12px}.brandWord{letter-spacing:0;color:var(--brand);font-family:Manrope,Inter,sans-serif;font-size:26px;font-weight:800;line-height:1;display:inline-block;position:relative}.brandWord.brandLg{font-size:68px}.brandLogoImage{object-fit:contain;width:auto;max-width:100%;display:block}.brandLogoImage.brandLg{height:114px;transform:translateY(-8px)}.brandWord.brandPink{color:var(--brand-pink)}.brandWord.brandWhite{color:var(--on-dark)}.homeTopBar{justify-content:space-between;align-items:center;padding:18px 24px 6px;display:flex}.homeTopBar .userAvatar,.homeTopBar .iconBtn{width:40px;height:40px;color:var(--on-dark);background:#ffffff2e;border:0;border-radius:50%;place-items:center;font-size:18px;display:grid}.homeTopBar .userAvatar{color:#fff;background:linear-gradient(135deg,#f0d3a3,#c98a5b);border:2px solid #ffffff80;font-weight:800}.homeHero{text-align:center;place-items:center;padding:0 0 19px;display:grid}.homeBody{flex-direction:column;flex:1;gap:16px;display:flex}.homeCard{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:18px}.homeCard h2{letter-spacing:-.01em;color:var(--text);margin:0 0 14px;font-size:19px;font-weight:700}.homeCardTitleRow{justify-content:space-between;align-items:center;gap:12px;margin:0 0 14px;display:flex}.homeCardTitleRow h2{margin:0}.codeRow{grid-template-columns:minmax(0,1fr) 56px;gap:10px;display:grid}.fieldInput{border:1.5px solid var(--border-strong);background:var(--surface);width:100%;height:56px;color:var(--text);border-radius:16px;padding:0 18px;font-size:16px;font-weight:500;transition:border-color .16s,box-shadow .16s}.fieldInput::placeholder{color:var(--text-quiet);font-weight:500}.fieldInput:focus{border-color:var(--brand-purple);box-shadow:0 0 0 4px var(--brand-purple-tint);outline:none}.iconArrowBtn{background:var(--brand-purple);color:#fff;width:56px;height:56px;box-shadow:var(--shadow-cta-purple);border:0;border-radius:16px;place-items:center;font-size:22px;transition:transform .12s,box-shadow .16s;display:grid}.joinArrowIcon{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.iconArrowBtn:hover:not(:disabled){transform:translateY(-1px)}.iconArrowBtn:disabled{box-shadow:none;opacity:.4}.btnPrimaryWide{color:#fff;background:var(--brand-purple);letter-spacing:-.005em;width:100%;height:56px;box-shadow:var(--shadow-cta-purple);border:0;border-radius:16px;font-size:16px;font-weight:700;transition:transform .12s,background .16s}.btnPrimaryWide.btnPink{background:var(--brand-pink);box-shadow:var(--shadow-cta-pink)}.surfaceHome .btnPrimaryWide{box-shadow:0 7px 17px #ff4d7e38}.btnPrimaryWide:hover:not(:disabled){transform:translateY(-1px)}.btnPrimaryWide:disabled{box-shadow:none}.btnGhost{border:1.5px solid var(--border-strong);width:100%;height:52px;color:var(--text);background:0 0;border-radius:14px;font-size:15px;font-weight:600}.helpCard{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:16px 18px}.helpCard h3{letter-spacing:-.01em;margin:0 0 6px;font-size:17px;font-weight:700}.helpCard p{color:var(--text-muted);margin:0;font-size:14px;font-weight:500;line-height:1.45}.homeRulesLink{color:var(--brand-pink);white-space:nowrap;font-weight:700;text-decoration:none}.homePunchesCard{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:16px}.homePunchesHeader{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.homePunchesHeader h3{color:var(--text);letter-spacing:-.01em;margin:0;font-size:18px;font-weight:800}.homePunchesLink{text-align:right;flex:none;justify-content:flex-end;font-size:14px;line-height:1.45}.homePunchesList{gap:14px;display:grid}.homePunchPost{border:1px solid var(--border);background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 12px 26px #16172214}.homePunchPost.textOnly{background:linear-gradient(#fff,#fff7fa)}.homePunchMediaFrame{aspect-ratio:var(--punch-media-aspect,1);background:var(--bg-soft);max-height:360px;position:relative}.homePunchMedia{object-fit:cover;width:100%;height:100%;display:block}.homePunchTextQuestion{min-height:156px;color:var(--text);background:#fff;align-items:center;padding:22px;font-family:Manrope,Inter,sans-serif;font-size:24px;font-weight:800;line-height:1.18;display:flex}.homePunchPostBody{padding:14px 16px 15px}.homePunchQuestion{color:var(--text-muted);overflow-wrap:anywhere;margin:0 0 10px;font-size:13px;font-weight:700;line-height:1.35}.homePunchAnswer{color:var(--text);overflow-wrap:anywhere;margin:0;font-family:Manrope,Inter,sans-serif;font-size:20px;font-weight:800;line-height:1.22}.homePunchesMoreLink{justify-content:center;margin-top:14px;font-size:14px;line-height:1.45}.telegramTextLink{color:var(--brand-pink);font:inherit;white-space:nowrap;align-items:center;gap:4px;font-weight:700;text-decoration:none;display:inline-flex}.telegramTextLink .telegramLinkIcon{fill:#24a1de}.surfaceHome .telegramTextLink,.lobbyChatHint .telegramTextLink{color:#24a1de}.homeTelegramLink{text-align:right;justify-content:flex-end;font-size:14px;line-height:1.45}.telegramLinkIcon{fill:currentColor;flex:none;width:1em;height:1em}.rulesTopBar{justify-content:flex-start;margin-bottom:10px;display:flex}.rulesBackLink{color:var(--text-muted);align-items:center;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.rulesHero{text-align:left;background:var(--surface);border-left:5px solid var(--brand-pink);border-radius:var(--r-lg);box-shadow:var(--shadow-card);justify-items:start;margin-bottom:16px;padding:18px 20px;display:grid}.rulesHero .brandLogoImage.brandLg{height:96px;transform:translateY(-4px)}.rulesEyebrow{color:#24a1de;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:800}.rulesHero h1{color:var(--brand-pink);letter-spacing:-.01em;margin:0;font-size:24px;font-weight:800;line-height:1.12}.rulesHero p{max-width:100%;color:var(--brand-pink);margin:6px 0 0;font-size:14px;font-weight:650;line-height:1.35}.rulesBody{flex-direction:column;gap:16px;padding-bottom:18px;display:flex}.rulesCard{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:18px}.rulesCard h2{color:var(--text);letter-spacing:-.01em;margin:0 0 8px;font-size:19px;font-weight:800;line-height:1.15}.rulesCard p{color:var(--text-muted);margin:0;font-size:14px;font-weight:550;line-height:1.5}.rulesCard p+p{margin-top:10px}.rulesSteps{flex-direction:column;gap:14px;margin:14px 0 0;padding:0;list-style:none;display:flex}.rulesSteps li{grid-template-columns:34px minmax(0,1fr);align-items:start;gap:12px;display:grid}.rulesSteps li>span{background:var(--brand-tint);width:34px;height:34px;color:var(--brand-pink);border-radius:50%;place-items:center;font-size:15px;font-weight:850;display:grid}.rulesSteps strong{color:var(--text);margin:2px 0 3px;font-size:15px;font-weight:800;display:block}.rulesGrid{grid-template-columns:1fr;gap:12px;display:grid}.rulesCtaCard{text-align:center}.rulesCtaLink{place-items:center;margin:16px 0 12px;text-decoration:none;display:grid}.rulesTelegramLink{color:#24a1de;justify-content:center}.lobbyTopBar{justify-content:center;align-items:center;margin-bottom:18px;display:flex}.lobbyHeroTitle{color:var(--text);letter-spacing:-.02em;margin:6px 0 4px;font-size:26px;font-weight:800;line-height:1.15}.lobbyHeroSubtitle{color:var(--text-muted);min-height:40.5px;margin:0 0 22px;font-size:15px;font-weight:500;line-height:1.35}.typewriterCursor{color:var(--brand-pink);margin-left:2px;font-weight:700;animation:.8s step-end infinite cursorBlink;display:inline-block}.typewriterCursor.idle{animation:1.4s ease-in-out infinite cursorBreathing}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}@keyframes cursorBreathing{0%,to{opacity:.7}50%{opacity:.2}}.codeCard{border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-card);margin-bottom:20px;padding:16px 18px}.codeHeaderRow{justify-content:space-between;align-items:center;gap:14px;display:flex;position:relative}.codeHeaderRow .codeLabel{color:var(--text-muted);flex:none;font-size:13px;font-weight:500}.codeValueButton{min-width:0;color:var(--text);background:0 0;border:0;justify-content:flex-end;align-items:center;gap:8px;padding:0;display:inline-flex}.codeValueButton strong{letter-spacing:.02em;color:var(--text);font-family:Manrope,Inter,sans-serif;font-size:26px;font-weight:800;line-height:1.1}.codeCopyIcon{color:var(--text-muted);justify-content:center;align-items:center;transition:color .2s,transform .15s;display:inline-flex}.codeValueButton:hover .codeCopyIcon{color:var(--text);transform:scale(1.08)}@keyframes fadeScaleInOut{0%{opacity:0;transform:translateY(10px)scale(.9)}15%{opacity:1;transform:translateY(0)scale(1)}85%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-10px)scale(.95)}}.copyToast{color:#fff;pointer-events:none;z-index:10;white-space:nowrap;background:#14152b;border-radius:8px;padding:5px 10px;font-size:12px;font-weight:700;animation:1.8s cubic-bezier(.16,1,.3,1) forwards fadeScaleInOut;position:absolute;top:-36px;right:0;box-shadow:0 4px 12px #14152b33}.copyToast:after{content:"";background:#14152b;width:8px;height:8px;position:absolute;bottom:-4px;right:24px;transform:rotate(45deg)}.codeCard .codeHint{color:var(--text-quiet);margin:12px 0 0;font-size:13px;font-weight:500;line-height:1.42}.codeCard .codeHint.belowInvite{margin-top:10px}.inviteFriendsBtn{background:var(--brand-pink);color:#fff;border:0;border-radius:18px;width:100%;height:52px;margin-top:14px;font-size:17px;font-weight:800;box-shadow:0 7px 17px #ff4d7e38}.inviteFriendsBtn:active{transform:translateY(1px)}.lobbyChatHint{color:var(--text-quiet);margin:10px 0 0;font-size:13px;font-weight:500;line-height:1.42}.lobbyTelegramLink{font-size:inherit}.playersHeader{justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}.playersHeader h3{color:var(--text);margin:0;font-size:16px;font-weight:700}.playersHeader span{color:var(--text-muted);font-size:13px;font-weight:500}.playersGrid{grid-template-columns:repeat(4,1fr);gap:14px 8px;margin-bottom:28px;display:grid}.playerTile{justify-items:center;gap:6px;min-width:0;display:grid}.playerTile .avatar{background:#fff;border:2px solid #ffffff14;border-radius:50%;place-items:center;width:64px;height:64px;display:grid;position:relative;box-shadow:0 8px 18px #0003}.playerAvatarProfileButton{width:64px;height:64px;color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.playerAvatarProfileButton:focus-visible,.avatarProfileButton:focus-visible{outline-offset:3px;outline:3px solid #ff4d7e52}.avatarPhoto,.avatarFallbackIcon{border-radius:inherit;object-fit:cover;z-index:1;grid-area:1/1;width:100%;height:100%;display:block}.puncherBadge{z-index:5;filter:drop-shadow(0 2px 4px #703e0e38);pointer-events:none;background:url(/badges/crown.png) 50%/contain no-repeat;width:32px;height:27px;position:absolute;top:-12px;right:-12px;transform:rotate(10deg)}.playerTile.isYou .avatar{border-color:var(--brand-pink);box-shadow:0 0 0 3px #ff4d7e40}.playerTile.isDisconnected{opacity:.62}.playerTile.isDisconnected .avatar{filter:grayscale(.35)}.playerStatusDot{z-index:3;border:2px solid var(--surface);background:#ef4444;border-radius:50%;width:18px;height:18px;position:absolute;top:-4px;right:-4px}.playerStatusDot:before,.playerStatusDot:after{content:"";background:#fff;border-radius:999px;width:9px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.playerStatusDot:after{transform:translate(-50%,-50%)rotate(-45deg)}.playerTile strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:80px;font-size:13px;font-weight:600;overflow:hidden}.playerTile em{color:var(--text-quiet);font-size:11px;font-style:normal;font-weight:500}.playerTile.isYou em{color:var(--brand-pink)}.lobbyBottom{background:#f5f5f9c2;border-color:#0f0f1a0f;gap:10px;margin-top:auto;padding:10px;display:grid;transform:translateY(-72px);box-shadow:0 14px 34px #0f0f1a24}.lobbyBottomHint{text-align:center;color:var(--text-muted);background:#ffffffc2;border:1px solid #0f0f1a0b;border-radius:18px;margin:0;padding:11px 14px;font-size:13px;font-weight:500;line-height:1.28}.btnLightWide{width:100%;height:56px;color:var(--text);background:#fff;border:0;border-radius:18px;font-size:16px;font-weight:700;transition:transform .12s;box-shadow:0 8px 24px #0000002e}.btnLightWide:hover:not(:disabled){transform:translateY(-1px)}.btnLightWide:disabled{color:#0000004d;box-shadow:none;background:#fff6}.invitePanel{border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);gap:6px;padding:14px 16px;display:grid}.invitePanel .label{color:var(--text-quiet);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:11px;font-weight:600}.invitePanel code{color:var(--text-muted);overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:12px}.gameTopBar{isolation:isolate;grid-template-columns:1fr auto;align-items:center;gap:12px;min-height:53px;margin-bottom:8px;display:grid;position:relative}.gameTopBar:after{content:"";z-index:32;pointer-events:none;background:linear-gradient(90deg, #f5f5f900 0%, #f5f5f900 18%, #f5f5f9b8 44%, #f5f5f9fa 64%, var(--bg) 78%, var(--bg) 100%);width:min(58vw,270px);height:112px;position:absolute;top:-32px;right:-34px}.gameTopBar .avatarRailShell{z-index:1;min-width:0;height:53px;position:relative;overflow:visible}.gameTopBar .avatarRail{touch-action:pan-x;overflow-anchor:none;height:53px;margin-left:-32px;margin-right:-32px;padding:0 32px;overflow:visible}.gameTopBar:after{display:none!important}.gameTopBar .avatarRailShell:before,.gameTopBar .avatarRailShell:after{content:"";pointer-events:none;z-index:30;opacity:0;width:48px;transition:opacity .22s;position:absolute;top:0;bottom:0}.gameTopBar .avatarRailShell:before{background:linear-gradient(to right, var(--bg) 35%, #f5f5f900 100%);left:-32px}.gameTopBar .avatarRailShell:after{background:linear-gradient(to left, var(--bg) 35%, #f5f5f900 100%);right:-32px}.gameTopBar .avatarRailShell.hasScrollLeft:before,.gameTopBar .avatarRailShell.hasScrollRight:after{opacity:1}.gameTopBar .avatarRail::-webkit-scrollbar{display:none}.exitConfirmBackdrop{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f1a57;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.exitConfirmPanel{background:var(--surface);text-align:center;border-radius:24px;width:min(100%,360px);padding:22px;box-shadow:0 22px 70px #0f0f1a38}.exitConfirmPanel h2{color:var(--text);letter-spacing:0;margin:0 0 8px;font-size:21px;font-weight:800}.exitConfirmPanel p{color:var(--text-muted);margin:0;font-size:14px;font-weight:500;line-height:1.4}.exitConfirmActions{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.exitCancelBtn,.exitConfirmBtn{border:0;border-radius:16px;height:48px;font-size:15px;font-weight:800}.exitCancelBtn{background:var(--surface-2);color:var(--text)}.exitConfirmBtn{background:var(--brand-pink);color:#fff;box-shadow:var(--shadow-cta-pink)}.punchProfileBackdrop{z-index:70;padding:20px 14px calc(16px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f1a57;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.punchProfilePopover{background:var(--surface);border-radius:28px 28px 24px 24px;grid-template-rows:auto minmax(0,1fr);gap:14px;width:min(100%,430px);max-height:min(78vh,680px);padding:18px 16px 20px;display:grid;position:relative;overflow:hidden;box-shadow:0 22px 70px #0f0f1a3d}.punchProfileClose{z-index:2;background:var(--surface-2);border:0;border-radius:50%;width:34px;height:34px;position:absolute;top:10px;right:10px}.punchProfileClose:before{content:"×";color:var(--text-muted);font-size:25px;line-height:1;display:block;transform:translateY(-1px)}.punchProfileHeader{grid-template-columns:64px minmax(0,1fr);align-items:center;gap:12px;padding-right:34px;display:grid}.punchProfileAvatar{border:3px solid var(--brand-pink);background:#fff;border-radius:50%;place-items:center;width:64px;height:64px;display:grid;position:relative;overflow:visible;box-shadow:0 8px 18px #ff4d7e2e}.punchProfileTitleBlock{min-width:0}.punchProfileEyebrow{color:var(--text-quiet);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px;font-size:11px;font-weight:700;display:block}.punchProfileTitleBlock h2{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:0 0 3px;font-size:22px;font-weight:800;line-height:1.12;overflow:hidden}.punchProfileTitleBlock p{color:var(--brand-pink);margin:0;font-size:13px;font-weight:700}.punchProfileState{background:var(--surface-2);color:var(--text-muted);text-align:center;border-radius:20px;margin:0;padding:22px 12px;font-size:14px;font-weight:600}.punchProfileState.error{color:#b4233c;background:#fff4f5}.punchProfileFeed{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;gap:12px;min-height:0;padding:1px 2px 2px;display:grid;overflow-y:auto}.punchProfileItem{border:1px solid var(--border);box-shadow:var(--shadow-soft);background:#fff;border-radius:20px;gap:10px;padding:12px;display:grid}.punchProfileItem .qMediaFrame{background:var(--surface-2);border-radius:16px}.punchProfileQuestionText{color:var(--text-muted);margin:0;font-size:13px;font-weight:600;line-height:1.35}.punchProfileAnswer{color:var(--text);overflow-wrap:anywhere;margin:0;font-size:17px;font-weight:800;line-height:1.25}.headerPlayersBtn{z-index:35;background:var(--surface-2);height:36px;color:var(--text);white-space:nowrap;border:0;border-radius:18px;justify-self:end;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex;position:relative}.headerPlayersBtn:before{content:"";background:currentColor;width:14px;height:14px;display:inline-block;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M9 11a4 4 0 100-8 4 4 0 000 8zm6 1a3 3 0 100-6 3 3 0 000 6zM2 19c0-3.3 3.5-5 7-5s7 1.7 7 5v1H2v-1zm15 1v-1c0-2-.9-3.6-2.4-4.6 2.4.4 5.4 1.7 5.4 4.6v1h-3z'/></svg>") 50%/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M9 11a4 4 0 100-8 4 4 0 000 8zm6 1a3 3 0 100-6 3 3 0 000 6zM2 19c0-3.3 3.5-5 7-5s7 1.7 7 5v1H2v-1zm15 1v-1c0-2-.9-3.6-2.4-4.6 2.4.4 5.4 1.7 5.4 4.6v1h-3z'/></svg>") 50%/contain no-repeat}.inviteCodeBackdrop{z-index:38;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f1a57;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.inviteCodePopover{background:var(--surface);text-align:center;border-radius:24px;gap:12px;width:min(100%,360px);padding:22px;display:grid;position:relative;box-shadow:0 22px 70px #0f0f1a38}.inviteCodeClose{background:var(--surface-2);border:0;border-radius:50%;width:34px;height:34px;position:absolute;top:10px;right:10px}.inviteCodeClose:before{content:"×";color:var(--text-muted);font-size:25px;line-height:1;display:block;transform:translateY(-1px)}.inviteCodeLabel{color:var(--text-muted);text-transform:uppercase;font-size:13px;font-weight:800}.inviteCodeValue{color:var(--text);letter-spacing:.08em;font-size:38px;font-weight:900;line-height:1}.inviteCodeActions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.inviteCodeAction{background:var(--surface-2);min-height:46px;color:var(--text);border:0;border-radius:15px;padding:10px 12px;font-size:13px;font-weight:800}.inviteCodeAction.primary{background:var(--brand-pink);color:#fff;box-shadow:var(--shadow-cta-pink)}.inviteCodeExit{color:#b4233c;background:#fff4f5;border:0;border-radius:15px;grid-column:1/-1;min-height:46px;padding:10px 12px;font-size:13px;font-weight:800}.inviteCodeNotice{color:var(--text-muted);margin:0;font-size:13px;font-weight:700}.avatarRail{scrollbar-width:none;overflow-anchor:none;gap:12px;padding:6px 0 14px;display:flex;overflow-x:auto}.avatarRail::-webkit-scrollbar{display:none}.avatarRail .ava{border:3px solid var(--brand);will-change:transform;background:#fff;border-radius:50%;flex:none;place-items:center;width:53px;height:53px;display:grid;position:relative;box-shadow:0 2px 6px #00000014}.avatarProfileButton{width:53px;height:53px;color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.avatarProfileButton .ava{pointer-events:none}.avatarRail .ava.isReacting{z-index:2;animation:.36s reactionAvatarPulse}.avatarReactionLayer{z-index:25;pointer-events:none;height:53px;position:absolute;top:28.5px;left:0;right:0;overflow:visible}.reactionBadge{left:var(--reaction-x,26.5px);z-index:26;width:var(--reaction-badge-w);height:var(--reaction-badge-h);color:#fff;letter-spacing:0;pointer-events:none;will-change:transform;background:0 0;border:0;place-items:center;font-size:10px;font-weight:900;line-height:1;display:grid;position:absolute;top:50%;transform:translate(-50%,-50%)}.reactionBadgeInner{place-items:center;width:100%;height:100%;display:grid}.reactionBadgeInner.is-preparing{opacity:1;animation:.9s ease-in-out infinite alternate reactionPreparing}.reactionBadgeInner.is-playing,.reactionBadgeInner.is-fallback{opacity:0;animation:reactionPop var(--reaction-pop-duration) ease-in-out 1 both;will-change:transform, opacity}.reactionBadgeInner.is-static{opacity:1;transform:none}.reactionSequence{filter:drop-shadow(0 10px 16px #0f0f1a2e);width:100%;height:100%;display:block}.reactionSprite{background-image:var(--reaction-sprite);background-position:0 0;background-repeat:no-repeat;background-size:calc(var(--reaction-sprite-columns) * 100%) 100%;animation:reactionSpriteFrames var(--reaction-sprite-duration) steps(var(--reaction-sprite-steps), end) var(--reaction-sprite-loops) both}.reactionPreviewFallback{object-fit:contain}.reactionFallback{border:2px solid var(--surface);background:var(--brand-pink);border-radius:999px;place-items:center;min-width:36px;height:36px;padding:0 8px;display:grid;box-shadow:0 8px 18px #ff4d7e42}.reaction-laugh .reactionFallback{background:#ff4d7e}.reaction-wow .reactionFallback{background:#6b5aed}.reaction-love .reactionFallback{background:#ec4899}.reaction-fire .reactionFallback{background:#f97316}.reaction-clap .reactionFallback{background:#19d27f}.reaction-cry .reactionFallback{background:#3b82f6}.avatarRail .ava.isDisconnected{opacity:.55;filter:grayscale(.35)}.avatarRail .ava.isDisconnected:after{content:"";z-index:3;border:2px solid var(--bg);background:#ef4444;border-radius:50%;width:16px;height:16px;position:absolute;top:-4px;right:-4px}.avatarRail .ava.isDisconnected:before{content:"";z-index:4;background:#fff;border-radius:999px;width:8px;height:2px;position:absolute;top:3px;right:1px;transform:rotate(45deg);box-shadow:0 0 #fff}.roundHeader{z-index:34;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px 0 12px;display:grid;position:relative}.roundHeader .roundLabel{color:var(--text-muted);font-size:14px;font-weight:600}.roundHeader .roundTimer{color:var(--text);letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-family:Inter,sans-serif;font-size:18px;font-weight:700}.roundHeader .roundTimer.mutedLabel{color:var(--text-muted);font-size:14px;font-weight:600}.roundProgress{z-index:34;background:#0f0f1a0f;border-radius:99px;height:4px;margin-bottom:22px;position:relative;overflow:hidden}.roundProgress>span{background:var(--brand);border-radius:inherit;height:100%;display:block}.roundProgress>span.smooth{transition:width 1s linear}.reactionDock{z-index:36;pointer-events:none;justify-items:end;gap:10px;display:grid;position:fixed;bottom:22px;right:max(20px,50vw - 210px)}.reactionDock>*{pointer-events:auto}.reactionDock.isHiding{pointer-events:none;transform-origin:50%;animation:1s linear both reactionDockShrinkOut}.reactionDockToggle{color:#fff;background:#f4b23f;border:0;border-radius:50%;width:56px;height:56px;font-size:18px;font-weight:900;transition:transform .18s cubic-bezier(.175,.885,.32,1.275),box-shadow .18s,background-color .18s;box-shadow:0 12px 28px #f4b23f52}.reactionDock:not(.isOpen) .reactionDockToggle{animation:3.6s cubic-bezier(.25,.8,.25,1) infinite reactionToggleBreathing}.reactionDockToggle:hover{background-color:#f6ba52;transform:scale(1.1);box-shadow:0 14px 32px #f4b23f70}.reactionDock:not(.isOpen) .reactionDockToggle:hover{animation-play-state:paused}.reactionDockToggle:active{background-color:#e29c29;transition-duration:80ms;transform:scale(.9);box-shadow:0 6px 16px #f4b23f3d}.reactionDock.isHiding .reactionDockToggle{animation:none}.reactionDock.isOpen .reactionDockToggle{background-color:#e29c29;transform:scale(.94);box-shadow:0 6px 16px #f4b23f33}.reactionDockPanel{overscroll-behavior:contain;background:#fff;border-radius:24px;grid-template-columns:repeat(3,minmax(0,1fr));justify-content:center;gap:4px;width:min(344px,100vw - 24px);max-height:min(560px,100vh - 140px);padding:10px;animation:.28s cubic-bezier(.34,1.56,.64,1) both reactionPanelIn;display:grid;overflow-y:auto;box-shadow:0 22px 70px #0f0f1a38}.reactionOption{aspect-ratio:1;width:100%;min-width:0;color:var(--text);opacity:0;background:0 0;border:0;border-radius:20px;place-items:center;font-size:12px;font-weight:900;line-height:1;transition:transform .18s cubic-bezier(.175,.885,.32,1.275),background-color .14s,filter .14s;animation:.28s cubic-bezier(.34,1.56,.64,1) both reactionOptionIn;display:grid}.reactionOption:first-child{animation-delay:20ms}.reactionOption:nth-child(2){animation-delay:40ms}.reactionOption:nth-child(3){animation-delay:60ms}.reactionOption:nth-child(4){animation-delay:80ms}.reactionOption:nth-child(5){animation-delay:.1s}.reactionOption:nth-child(6){animation-delay:.12s}.reactionOption:nth-child(7){animation-delay:.14s}.reactionOption:nth-child(8){animation-delay:.16s}.reactionOption:nth-child(9){animation-delay:.18s}.reactionOption:hover{background-color:var(--surface-2);filter:drop-shadow(0 8px 16px #00000014);transform:scale(1.1)}.reactionOption:active{background-color:#0f0f1a0d;transition-duration:80ms;transform:scale(.92)}.reactionOptionImage{aspect-ratio:1;object-fit:contain;width:min(96px,100%);display:block}@keyframes reactionPanelIn{0%{opacity:0;transform:translateY(16px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes reactionOptionIn{0%{opacity:0;transform:scale(.7)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes reactionToggleBreathing{0%{transform:scale(1)translateY(0);box-shadow:0 0 #f4b23f99,0 0 #f4b23f4d,0 12px 28px #f4b23f59}15%{transform:scale(1.15)translateY(0);box-shadow:0 0 0 16px #f4b23f00,0 0 0 32px #f4b23f00,0 16px 36px #f4b23f80}25%{transform:scale(.94)translateY(0);box-shadow:0 0 #f4b23f00,0 0 #f4b23f00,0 8px 20px #f4b23f40}35%{transform:scale(1.1)translateY(0);box-shadow:0 0 0 12px #f4b23f00,0 0 0 24px #f4b23f00,0 14px 32px #f4b23f6b}48%{transform:scale(1)translateY(0);box-shadow:0 0 #f4b23f00,0 0 #f4b23f00,0 12px 28px #f4b23f59}54%{transform:scale(1)translateY(0)}58%{transform:scale(1.18,.82)translateY(0)}64%{transform:scale(.85,1.22)translateY(-14px);box-shadow:0 24px 38px #f4b23f66}68%{transform:scale(1.16,.84)translateY(2px);box-shadow:0 6px 18px #f4b23f80}74%{transform:scale(.94,1.08)translateY(-4px)}78%{transform:scale(1.04,.96)translateY(0)}84%{transform:scale(1)translateY(0)}to{transform:scale(1)translateY(0);box-shadow:0 0 #f4b23f00,0 0 #f4b23f00,0 12px 28px #f4b23f59}}@keyframes reactionDockShrinkOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}@keyframes startCountdownStamp{0%{opacity:0;transform:scale(8.2)rotate(-3deg)}52%{opacity:1;transform:scale(.9)rotate(.8deg)}70%{transform:scale(1.085)rotate(-.2deg)}86%{transform:scale(.98)rotate(0)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes startCountdownCoverIn{0%{opacity:0;transform:translate(-50%)scale(.04)}34%{opacity:.86}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes voteConfirmIn{0%{opacity:0;transform:translateY(-6px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes voteConfirmPulse{0%,to{transform:scale(1);box-shadow:0 8px 18px #ff4d7e29}12%{transform:scale(1.018);box-shadow:0 8px 18px #ff4d7e29}24%{transform:scale(1);box-shadow:0 8px 18px #ff4d7e29}}@media (width>=560px){.punchProfileBackdrop{align-items:center}.punchProfilePopover{border-radius:28px}}@keyframes reactionAvatarPulse{0%{box-shadow:0 2px 6px #00000014}45%{box-shadow:0 0 0 5px #ff4d7e2e,0 8px 18px #ff4d7e2e}to{box-shadow:0 2px 6px #00000014}}@keyframes reactionSpriteFrames{to{background-position:100% 0}}@keyframes reactionPreparing{0%{opacity:.78;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes reactionPop{0%{opacity:0;transform:scale(.48)}4%{opacity:1;transform:scale(1.28)}9%{opacity:1;transform:scale(.96)}14%{opacity:1;transform:scale(1.08)}20%{opacity:1;transform:scale(1)}78%{opacity:1;transform:scale(1)}90%,to{opacity:0;transform:scale(.9)}}.questionCardLight{border-radius:var(--r-xl);box-shadow:none;background:0 0;gap:18px;padding:0;display:grid;position:relative;overflow:visible}.questionCardSurface{z-index:2;border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--shadow-card);gap:18px;padding:24px;display:grid;position:relative;overflow:hidden}.questionCardLight.hasMedia{box-shadow:none;background:0 0;padding:0;overflow:visible}.questionCardLight.hasSponsor{filter:drop-shadow(0 18px 38px #0f0f1a12);gap:0;padding:0}.questionCardLight.hasSponsor .questionCardSurface{background:var(--surface);border-radius:var(--r-xl);overflow:hidden;box-shadow:0 1px #ffffffe6,0 12px 26px #0f0f1a0f}.questionCardLight.hasMedia .questionCardSurface{box-shadow:none;background:0 0;padding:0;overflow:visible}.questionCardLight.hasMedia.hasSponsor .questionCardSurface{background:var(--surface);padding:0;overflow:hidden;box-shadow:0 1px #ffffffe6,0 12px 26px #0f0f1a0f}.questionCardLight.hasSponsor .qText{box-shadow:none;border-radius:0;padding:0}.questionCardLight.hasMedia .qText{z-index:2;background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:20px;position:relative}.questionCardLight.hasMedia.hasSponsor .qText{box-shadow:none;border-radius:0;padding:20px 22px 18px}.questionCardLight.mediaOnly,.questionCardLight.mediaOnly .questionCardSurface{gap:0}.questionCardLight.mediaOnly .qMediaFrame{z-index:2;border-radius:var(--r-xl);position:relative}.questionCardLight.hasSponsor .qMediaFrame{border-radius:var(--r-xl)}.questionCardLight .qText{z-index:2;color:var(--text);letter-spacing:-.015em;margin:0;font-size:24px;font-weight:700;line-height:1.25;position:relative}.questionSponsorBadge{--sponsor-bg:#eaf3ff;--sponsor-text:#315a8f;z-index:1;border-radius:0 0 var(--r-xl) var(--r-xl);background:var(--sponsor-bg);width:100%;min-height:72px;color:var(--sponsor-text);transform-origin:top;justify-content:space-between;align-items:center;gap:14px;margin-top:-18px;padding:28px 24px 14px;animation:.62s cubic-bezier(.16,1,.3,1) both sponsorBadgeIn;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff6b,0 12px 22px #0f0f1a0d}.questionSponsorBadge.isLeaving{animation:.62s cubic-bezier(.4,0,.2,1) both sponsorBadgeOut}.questionSponsorText{z-index:1;white-space:nowrap;min-width:0;color:inherit;flex:auto;font-size:15px;font-weight:500;line-height:1.2;display:block;position:relative;overflow:hidden}.questionSponsorTextInner{vertical-align:top;max-width:100%;animation:.9s steps(24,end) .18s both sponsorTextReveal;display:inline-block;overflow:hidden}.questionSponsorBadge.isLeaving .questionSponsorTextInner{animation:none}.questionSponsorLogo{z-index:1;object-fit:contain;flex:none;width:auto;max-width:min(108px,38%);height:auto;max-height:26px;animation:.52s ease-out .42s both sponsorLogoIn;display:block;position:relative}.questionSponsorBadge.isLeaving .questionSponsorLogo{animation:none}@keyframes sponsorBadgeIn{0%{opacity:0;clip-path:inset(0 0 100% 0 round 0 0 var(--r-xl) var(--r-xl));transform:translateY(-80%)scaleY(.94)}58%{opacity:1;clip-path:inset(0 0 0 0 round 0 0 var(--r-xl) var(--r-xl));transform:translateY(2px)scaleY(1.02)}to{opacity:1;clip-path:inset(0 0 0 0 round 0 0 var(--r-xl) var(--r-xl));transform:translateY(0)scaleY(1)}}@keyframes sponsorBadgeOut{0%{opacity:1;clip-path:inset(0 0 0 0 round 0 0 var(--r-xl) var(--r-xl));transform:translateY(0)scaleY(1)}to{opacity:0;clip-path:inset(0 0 100% 0 round 0 0 var(--r-xl) var(--r-xl));transform:translateY(-80%)scaleY(.94)}}@keyframes sponsorTextReveal{0%{max-width:0}to{max-width:100%}}@keyframes sponsorLogoIn{0%{opacity:0;transform:translate(10px)scale(.94)}to{opacity:1;transform:translate(0)scale(1)}}.qMediaFrame{width:100%;aspect-ratio:var(--q-media-aspect,1.33333);border-radius:var(--r-xl);background:var(--surface-2);place-items:center;display:grid;position:relative;overflow:hidden}.qMediaFrame img,.qMediaFrame video{object-fit:contain;object-position:center;grid-area:1/1;width:100%;height:100%;transition:opacity .14s;display:block;position:absolute;inset:0}.qMediaFrame img.isHidden,.qMediaFrame video.isHidden{opacity:0;pointer-events:none}.qMediaFrame.isLoading{background:linear-gradient(90deg, #ffffff05, #ffffff38, #ffffff05), var(--surface-2);background-size:220% 100%;animation:1.2s ease-in-out infinite qMediaLoading}.qMediaFrame.hasError{background:#fff4f5;border:1px solid #e04c6142}.qMediaStatus,.qMediaError{z-index:1;grid-area:1/1}.qMediaStatus{color:var(--muted);font-size:14px;font-weight:700}.qMediaError{color:#b4233c;text-align:center;justify-items:center;gap:10px;display:grid}.qMediaRetryBtn{color:#fff;background:#b4233c;border:0;border-radius:999px;padding:10px 16px;font-weight:800}@keyframes qMediaLoading{0%{background-position:180% 0}to{background-position:-40% 0}}.adBreakMedia{aspect-ratio:16/9;background-color:#f8fafc;background-image:linear-gradient(45deg,#eef2f7 25%,#0000 25%),linear-gradient(-45deg,#eef2f7 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#eef2f7 75%),linear-gradient(-45deg,#0000 75%,#eef2f7 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border:1px solid #e8edf4;border-radius:10px;width:100%;min-height:120px;max-height:320px;overflow:hidden}.answerForm{gap:6px;margin-top:10px;display:grid}.answerLabel{color:var(--text-muted);text-align:center;margin:0;font-size:14px;font-weight:600}.answerComposer{border:1.5px solid var(--border-strong);background:var(--surface);width:100%;box-shadow:var(--shadow-soft);border-radius:22px;grid-template-columns:minmax(0,1fr) 48px;align-items:end;gap:8px;padding:8px 8px 8px 14px;transition:border-color .16s,box-shadow .16s;display:grid}.answerComposer.active,.answerComposer:focus-within{border-color:var(--brand-pink);box-shadow:0 0 0 4px #ff4d7e1f}.answerTextarea{width:100%;min-height:48px;max-height:112px;color:var(--text);resize:none;-webkit-user-select:text;user-select:text;caret-color:var(--brand-pink);background:0 0;border:0;border-radius:0;padding:11px 0;font-size:16px;font-weight:500;line-height:1.35;overflow-y:auto}.answerTextarea::placeholder{color:var(--text-quiet)}.answerTextarea:focus{outline:none}.answerSubmitButton{background:var(--brand-pink);color:#fff;border:0;border-radius:17px;place-items:center;width:48px;height:48px;transition:transform .12s,background .16s,box-shadow .16s;display:grid;box-shadow:0 8px 18px #ff4d7e4d}.answerSubmitButton:hover:not(:disabled){background:var(--brand-pink-dark);transform:translateY(-1px)}.answerSubmitButton:disabled{box-shadow:none}.answerSubmitSmile{color:#fff;letter-spacing:0;font-size:19px;font-weight:800;line-height:1;transform:translateY(-1px)}.answerMetaRow{justify-content:flex-start;align-items:center;min-height:18px;margin-top:-2px;padding:0 4px;display:flex}.answerCounter{color:var(--text-quiet);font-size:12px;font-weight:600}.answerTimerAssist{opacity:0;height:4px;margin:0 4px 1px;transition:opacity .16s;display:grid}.answerTimerAssist.active,.answerForm:focus-within .answerTimerAssist{opacity:1}.answerTimeTrack{background:#ff4d7e1a;border-radius:999px;width:100%;height:4px;overflow:hidden}.answerTimeProgress{border-radius:inherit;background:var(--brand);height:100%;transition:width 1s linear;display:block}.voteList{gap:10px;margin-top:14px;margin-bottom:0;display:grid}.voteOption{border:1.5px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);width:100%;color:var(--text);box-shadow:var(--shadow-soft);animation:.45s cubic-bezier(.175,.885,.32,1.275) both slideInStaggered;animation-delay:calc(var(--item-index,0) * 80ms);will-change:transform, opacity;gap:12px;padding:0;transition:border-color .14s,background .14s,box-shadow .14s,transform .14s;display:grid;overflow:hidden}.voteChoiceButton{width:100%;color:var(--text);text-align:left;background:0 0;border:0;grid-template-columns:minmax(0,1fr) 26px;align-items:center;gap:14px;padding:18px;font-size:15px;font-weight:500;line-height:1.4;display:grid}.voteOption .voteText{gap:4px;min-width:0;display:grid}.voteOption .voteText strong{min-width:0;color:var(--text);letter-spacing:0;overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap;font-size:16px;font-weight:600;line-height:1.3}.voteOption .voteText em{color:var(--text-quiet);font-size:13px;font-style:normal;font-weight:500}.voteOption .radio{border:2px solid var(--border-strong);border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;display:grid}.voteOption.selected{border-color:var(--brand-pink);background:var(--surface);box-shadow:var(--shadow-soft)}.voteOption.selected .radio{border-color:var(--brand-pink);background:var(--brand-pink);box-shadow:inset 0 0 0 4px #fff5f8}.voteConfirmButton{background:var(--brand-pink);color:#fff;border:0;border-radius:999px;min-height:46px;margin:0 14px 14px;font-size:15px;font-weight:800;animation:.22s cubic-bezier(.2,1.2,.28,1) both voteConfirmIn,2.4s ease-in-out .26s infinite voteConfirmPulse;box-shadow:0 8px 18px #ff4d7e29}.voteConfirmButton:disabled{opacity:.65;animation:none}.startCountdownScreen{z-index:120;color:#fff;background:0 0;place-items:center;min-height:100dvh;display:grid;position:fixed;inset:0;overflow:hidden}.startCountdownScreen:before{content:"";z-index:0;background:var(--brand-pink);transform-origin:50%;border-radius:50%;width:220vmax;height:220vmax;animation:.6s cubic-bezier(.22,.84,.24,1) both startCountdownCoverIn;position:absolute;bottom:-110vmax;left:50%}.startCountdownToken{z-index:1;letter-spacing:0;text-align:center;text-shadow:0 18px 42px #7200263d;font-weight:900;line-height:.92;animation:.6s cubic-bezier(.17,.9,.22,1.18) both startCountdownStamp;position:relative}.startCountdownToken.digit{font-size:clamp(112px,31.5vw,259px)}.startCountdownToken.word{font-size:clamp(64px,18vw,148px)}.resultsTitle{text-align:center;color:var(--text-muted);margin:8px 0 16px;font-size:17px;font-weight:600}.winnerCardLight{border-radius:var(--r-lg);will-change:transform, opacity;background:linear-gradient(#fff5f8 0%,#fff 100%);border:1px solid #ff4d7e2e;grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:14px;margin-bottom:18px;padding:18px;animation:.56s cubic-bezier(.175,.885,.32,1.2) both winnerCardEntrance;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 30px #ff4d7e1f}@keyframes winnerCardEntrance{0%{opacity:0;transform:translateY(15px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.winnerCardLight:before{content:"";background:radial-gradient(circle at 18% 22%, gold 0 3px, transparent 4px), radial-gradient(circle at 84% 24%, var(--brand-pink) 0 3px, transparent 4px), radial-gradient(circle at 12% 78%, #6b5aed 0 2.5px, transparent 4px), radial-gradient(circle at 90% 80%, #19d27f 0 2.5px, transparent 4px), radial-gradient(circle at 50% 12%, gold 0 2.5px, transparent 4px);opacity:.55;pointer-events:none;position:absolute;inset:0}.winnerCardLight.win,.winnerCardLight.punch{min-height:132px;box-shadow:var(--shadow-card);isolation:isolate;background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;border-color:#0f0f1a0d}.winnerCardLight.win{background-image:url(/borders/win.jpg)}.winnerCardLight.punch{background-image:url(/borders/punch.jpg);animation:.56s cubic-bezier(.175,.885,.32,1.2) both winnerCardEntrance,3s ease-in-out infinite punchGlowPulse}.winnerCardLight.punch:after{content:"";pointer-events:none;z-index:5;background:linear-gradient(90deg,#fff0 0%,#ffffff73 50%,#fff0 100%);width:30%;height:200%;animation:3.2s ease-in-out .6s infinite punchSheenSweep;position:absolute;top:-50%;left:-60%;transform:rotate(25deg)}@keyframes punchGlowPulse{0%,to{box-shadow:0 12px 30px #ff4d7e33,0 0 0 1px #ff4d7e4d}50%{box-shadow:0 16px 40px #ff4d7e59,0 0 12px 3px #ffb8004d}}@keyframes punchSheenSweep{0%{left:-60%}30%,to{left:140%}}.winnerCardLight.win:before,.winnerCardLight.punch:before{display:none}.winnerCardLight.punch .winnerKicker{color:var(--brand-pink);animation:1.5s ease-in-out infinite alternate punchTextGlow}@keyframes punchTextGlow{0%{text-shadow:0 0 2px #ff4d7e33}to{text-shadow:0 0 8px #ff4d7e99,0 0 12px #ffb8004d}}.winnerAvatarStack{z-index:1;align-content:center;justify-items:center;gap:5px;width:92px;display:grid;position:relative}.winnerAvatarBox{background:#fff;border:3px solid #fff;border-radius:50%;place-items:center;width:80px;height:80px;display:grid;position:relative;overflow:visible;box-shadow:0 6px 18px #0000002e}.winnerAvatarBox .puncherBadge{width:38px;height:31px;top:-14px;right:-14px}.winnerAvatarMarker{max-width:92px;padding:2px 5px;font-size:10px}.winnerCrown{filter:drop-shadow(0 2px 4px #ffb80066);background:#ffd03b;width:28px;height:22px;position:absolute;top:-16px;left:50%;transform:translate(-50%)rotate(-12deg);-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'><path fill='black' d='M2 4l4 4 4-6 4 6 4-4 2 12H1z'/></svg>") 50%/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'><path fill='black' d='M2 4l4 4 4-6 4 6 4-4 2 12H1z'/></svg>") 50%/contain no-repeat}.winnerCardLight .winnerInfo{min-width:0}.winnerCardLight .winnerKicker{color:var(--text-quiet);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px;font-size:11px;font-weight:700;display:block}.winnerCardLight .winnerName{min-width:0;color:var(--text);letter-spacing:-.01em;margin:0 0 6px;font-size:18px;font-weight:700}.resultItemLight .infoName>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.winnerCardLight .winnerAns{color:var(--text-2);overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap;margin:0;font-size:14px;font-weight:500;line-height:1.35}.winnerVotesPill{background:var(--brand-pink);color:#fff;border-radius:99px;flex-shrink:0;align-items:center;gap:4px;height:32px;padding:0 12px;font-size:14px;font-weight:700;display:inline-flex}.winnerVotesPill:after{content:"";background:currentColor;width:14px;height:14px;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M2 21h4V9H2v12zm20-11c0-1.1-.9-2-2-2h-6.31l.95-4.57c.02-.1.03-.21.03-.32 0-.41-.17-.79-.44-1.06L13.17 1 7.59 6.59C7.22 6.95 7 7.45 7 8v10c0 1.1.9 2 2 2h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73v-1z'/></svg>") 50%/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M2 21h4V9H2v12zm20-11c0-1.1-.9-2-2-2h-6.31l.95-4.57c.02-.1.03-.21.03-.32 0-.41-.17-.79-.44-1.06L13.17 1 7.59 6.59C7.22 6.95 7 7.45 7 8v10c0 1.1.9 2 2 2h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73v-1z'/></svg>") 50%/contain no-repeat}.resultsList{gap:8px;margin-bottom:16px;display:grid}.resultItemLight{border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-soft);animation:.45s cubic-bezier(.175,.885,.32,1.275) both slideInStaggered;animation-delay:calc(var(--item-index,0) * 80ms);will-change:transform, opacity;grid-template-columns:44px minmax(0,1fr) 30px;align-items:center;gap:12px;padding:12px 14px;display:grid}@keyframes slideInStaggered{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.resultItemLight .miniAvatar{background:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:relative;overflow:visible;box-shadow:0 2px 6px #0000000f}.resultItemLight .miniAvatar .puncherBadge{width:27px;height:22px;top:-9px;right:-9px}.resultItemLight .info{gap:1px;min-width:0;display:grid}.resultItemLight .infoName{min-width:0;color:var(--text);flex-wrap:nowrap;align-items:baseline;gap:6px;font-size:13px;font-weight:600;display:flex}.nonVoteMarker{color:#7b61ff;letter-spacing:0;white-space:nowrap;background:#f4f1ff;border:1px solid #7b61ff1a;border-radius:999px;align-items:center;padding:2px 6px;font-size:11px;font-weight:400;line-height:1.1;display:inline-flex}.resultItemLight .infoText{color:var(--text-2);overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap;font-size:14px;font-weight:500;line-height:1.3}.resultItemLight .voteScore{color:var(--text);font-variant-numeric:tabular-nums;text-align:right;font-size:18px;font-weight:800}.resultsCountdown{text-align:center;margin:18px 0 12px}.resultsCountdown .label{color:var(--text-muted);margin-bottom:4px;font-size:13px;font-weight:500;display:block}.resultsCountdown .time{color:var(--brand-pink);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:28px;font-weight:800}.noContestCard{text-align:center;border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-card);margin-bottom:18px;padding:36px 20px}.noContestCard.tie{background:#fff url(/borders/50-50.jpg) 50%/cover no-repeat;align-content:center;min-height:132px;display:grid}.noContestCard h2{color:var(--text);margin:0 0 6px;font-size:20px;font-weight:700}.noContestCard p{color:var(--text-muted);margin:0;font-size:14px;font-weight:500}.finalHeroLight{text-align:center;padding:36px 16px 24px}.finalHeroLight .label{text-transform:uppercase;color:var(--brand-pink);letter-spacing:.1em;margin-bottom:8px;font-size:11px;font-weight:700;display:inline-block}.finalHeroLight h1{letter-spacing:-.02em;color:var(--text);margin:0 0 8px;font-size:30px;font-weight:800}.finalHeroLight .winners{color:var(--brand-pink);margin-bottom:4px;font-size:22px;font-weight:700;display:block}.finalHeroLight p{color:var(--text-muted);margin:0;font-size:14px;font-weight:500}.scoreboardSection{margin-top:14px}.scoreboardSection h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 12px;font-size:13px;font-weight:700}.scoreboardListLight{gap:8px;margin-bottom:24px;display:grid}.scoreRowLight{border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-soft);grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.scoreRowLight.leader{background:linear-gradient(#fff5f8,#fff);border-color:#ff4d7e38}.scoreRowLight .rank{background:var(--surface-2);width:28px;height:28px;color:var(--text-muted);border-radius:50%;place-items:center;font-size:12px;font-weight:800;display:grid}.scoreRowLight.leader .rank{background:var(--brand-pink);color:#fff}.scoreRowLight strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.scoreRowLight .pts{color:var(--text);font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.homeReturnBtn{border:1.5px solid var(--border-strong);width:100%;height:52px;color:var(--text);background:var(--surface);border-radius:16px;place-items:center;font-size:15px;font-weight:600;text-decoration:none;display:grid}.bottomCta{gap:10px;margin-top:auto;padding-top:18px;display:grid}.lobbyScreenSection,.finalResultsSection{padding-bottom:150px}.fixedBottomSheet{z-index:44;left:50%;bottom:max(14px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f5f5f9eb;border:1px solid #0f0f1a14;border-radius:20px;width:min(420px,100vw - 32px);margin-top:0;padding:12px;position:fixed;transform:translate(-50%);box-shadow:0 18px 46px #0f0f1a2e}.miniNotice{border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);color:var(--text-muted);text-align:center;margin:14px 0 0;padding:14px 16px;font-size:14px;font-weight:500}.errorMsg{color:var(--danger);text-align:center;margin:12px 0 0;font-size:13px;font-weight:600}.roundPhaseFrame,.roundIntroPanel{display:block}.roundIntroPanel .questionCardLight{text-align:left;align-content:stretch;justify-items:stretch;min-height:0;padding:0}.roundIntroPanel .questionCardSurface{text-align:left;align-content:stretch;justify-items:stretch;min-height:0;padding:24px}.roundIntroPanel .questionCardLight.hasSponsor{align-content:stretch;min-height:0;padding:0}.roundIntroPanel .questionCardLight.hasMedia{text-align:left;align-content:stretch;justify-items:stretch;min-height:0;padding:0}.roundIntroPanel .questionCardLight.hasMedia .questionCardSurface{align-content:stretch;min-height:0;padding:0}.roundIntroPanel .questionCardLight.hasSponsor .questionCardSurface,.roundIntroPanel .questionCardLight.hasMedia.hasSponsor .questionCardSurface{min-height:0}.roundIntroPanel .qText{text-align:left;font-size:24px}.waitingPanel{text-align:center;border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-card);padding:36px 16px}.waitingPanel .label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.06em;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.waitingPanel h3{color:var(--text);margin:0 0 8px;font-size:22px;font-weight:700}.waitingPanel p{color:var(--text-muted);margin:0;font-size:14px;font-weight:500}.adBreakCard{text-align:left;background:#fff;border:1px solid #d8deea;border-radius:14px;gap:10px;margin-top:12px;padding:14px;display:grid}.adBreakCard h3{color:#111827;margin:0;font-size:18px}.adBreakCard img{object-fit:contain;border-radius:10px;width:100%;max-height:100%;display:block}.adBreakCard a{color:var(--brand-pink,#ff2f73);font-size:13px;font-weight:800;text-decoration:none}.adBreakCardGame{--ad-break-reserved-space:180px;--ad-break-available-height:calc(100vh - var(--ad-break-reserved-space));width:min(100%,420px);box-shadow:none;background:0 0;border:0;gap:0;margin:12px auto 0;padding:0}.adBreakCardGame .adBreakMedia{width:min(100%, calc(var(--ad-break-available-height) * 9 / 16));aspect-ratio:9/16;min-height:260px;max-height:var(--ad-break-available-height);background:#fff;border-radius:18px;margin:0 auto;overflow:hidden}@supports (height:100dvh){.adBreakCardGame{--ad-break-available-height:calc(100dvh - var(--ad-break-reserved-space))}}.adBreakCardGame>a{line-height:0;display:block}.adBreakCardGame .adBreakMedia img,.adBreakCardGame .adBreakMedia video{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.connectionBanner,.divider,.roomCard,.playersList,.playerRow,.statusPill{display:none}@media (width<=380px){.brandWord.brandLg{font-size:60px}.questionCardLight .qText{font-size:22px}.codeRowDisplay strong{font-size:30px}.winnerCardLight{grid-template-columns:78px minmax(0,1fr) auto}.winnerAvatarStack{width:78px}.winnerAvatarBox{width:64px;height:64px;font-size:24px}.winnerAvatarMarker{max-width:78px;padding-inline:4px;font-size:9px}.playersGrid{gap:12px 6px}.playerTile .avatar{width:56px;height:56px;font-size:20px}}.confettiContainer{pointer-events:none;z-index:9999;width:min(500px,100vw);height:0;position:fixed;bottom:0;left:50%;overflow:visible;transform:translate(-50%)}.confettiParticle{left:var(--left);width:var(--size);height:calc(var(--size) * var(--aspect));will-change:transform;animation:confettiParticleFly var(--duration) cubic-bezier(.1, .8, .3, 1) forwards;position:absolute;top:300px}.confettiParticleInner{background-color:var(--color);border-radius:var(--radius);opacity:1;will-change:transform, opacity;width:100%;height:100%;animation:confettiParticleFade var(--duration) linear forwards;display:block}@keyframes confettiParticleFly{0%{transform:translate(0)rotate(0)}to{transform:translate(var(--tx), calc(var(--ty) + var(--end-drop))) rotate(var(--rot))}}@keyframes confettiParticleFade{0%,50%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.12)}}@media (prefers-reduced-motion:reduce){.typewriterCursor,.copyToast,.avatarRail .ava.isReacting,.reactionBadgeInner.is-preparing,.reactionBadgeInner.is-playing,.reactionBadgeInner.is-fallback,.reactionBadgeInner.is-static,.reactionSprite,.reactionDockToggle,.reactionDockPanel,.reactionOption,.questionSponsorBadge,.questionSponsorTextInner,.questionSponsorLogo,.qMediaFrame.isLoading,.voteOption,.voteConfirmButton,.startCountdownScreen:before,.startCountdownToken,.winnerCardLight,.winnerCardLight.punch,.winnerCardLight.punch .winnerKicker,.resultItemLight,.confettiParticle,.confettiParticleInner{animation:none!important}.codeCopyIcon,.btnLightWide,.gameTopBar .avatarRailShell:before,.gameTopBar .avatarRailShell:after,.roundProgress>span.smooth,.reactionDockToggle,.reactionOption,.qMediaFrame img,.qMediaFrame video,.answerComposer,.answerSubmitButton,.answerTimerAssist,.answerTimeProgress,.voteOption{transition:none!important}.reactionBadgeInner.is-preparing,.reactionBadgeInner.is-playing,.reactionBadgeInner.is-fallback,.reactionBadgeInner.is-static,.reactionOption,.questionSponsorBadge,.questionSponsorTextInner,.questionSponsorLogo,.voteOption,.voteConfirmButton,.startCountdownToken,.winnerCardLight,.resultItemLight{opacity:1;transform:none}.reactionDock.isHiding{opacity:0;animation:none;transform:scale(0)}.questionSponsorBadge{clip-path:none}.questionSponsorBadge.isLeaving{opacity:0}.questionSponsorTextInner{max-width:100%}.startCountdownScreen:before{opacity:1;transform:translate(-50%)scale(1)}.winnerCardLight.punch:after,.confettiContainer{display:none}}