.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
body.live-open{overflow:hidden;overscroll-behavior:none}
#liveDialog{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#07080c;overflow:hidden;isolation:isolate}
#liveDialog[open]{display:block}
#liveDialog::before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#0009 0%,#0000 26%,#0000 46%,#0006 68%,#000d 100%);pointer-events:none}
#liveDialog::backdrop{background:#000;backdrop-filter:none}
#liveDialog #liveStage{position:absolute;inset:0;border-radius:0;min-height:0;overflow:hidden;background:radial-gradient(ellipse at 35% 30%,#30283c,#10131b 55%,#06070a)}
#liveDialog #liveMedia,#liveDialog #opponentMedia{height:100%;width:100%;min-height:0;overflow:hidden;display:flex;justify-content:center}
#liveDialog #liveMedia video,#liveDialog #opponentMedia video{width:100%;height:100%;max-height:none;object-fit:cover;object-position:center}
#liveDialog #liveMedia audio,#liveDialog #opponentMedia audio{display:none}
#liveDialog #liveStatus{position:absolute;top:calc(env(safe-area-inset-top) + 90px);left:50%;transform:translateX(-50%);max-width:80%;width:max-content;z-index:2;border-radius:20px;padding:9px 16px;color:#fff;background:#0007;text-align:center;backdrop-filter:blur(12px)}
#liveDialog>.dialog-top{position:absolute;z-index:3;top:env(safe-area-inset-top);right:max(14px,env(safe-area-inset-right));left:max(14px,env(safe-area-inset-left));height:82px;margin:0;gap:9px;align-items:center}
.live-host-chip{display:flex;gap:9px;align-items:center;min-width:0;max-width:58%;padding:6px 10px 6px 6px;border-radius:32px;background:#16162180;backdrop-filter:blur(15px)}
.live-host-avatar{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border:2px solid #ffffffa0;background:linear-gradient(140deg,#cc347c,#8355df);border-radius:50%;font-size:19px;font-weight:bold}
.live-heading-copy{min-width:0}.live-creator{font-size:13px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
#liveDialog #liveHeading{font-size:11px;color:#f4f1f8b0;margin:3px 0 0;font-weight:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;line-height:1.4}
.live-on-air{padding:5px 7px;border-radius:5px;font-size:10px;font-weight:800;letter-spacing:1px;background:#ff265c;color:white;flex-shrink:0}
#liveDialog #liveCount{font-size:10px;color:#fff;line-height:1.3;margin-inline-start:auto;max-width:75px;text-shadow:0 1px 5px #000}
#liveDialog #closeLive,.live-options-button{width:36px;height:36px;min-width:36px;border-radius:50%;background:#0004;color:white;font-size:24px;display:grid;place-items:center;padding:0}
.live-options-button{font-size:13px;letter-spacing:1px}
#liveDialog #liveChat{position:absolute;z-index:2;bottom:calc(env(safe-area-inset-bottom) + 133px);right:max(16px,env(safe-area-inset-right));left:92px;max-width:440px;max-height:28dvh;padding-top:24px;overflow:auto;scrollbar-width:none;mask-image:linear-gradient(transparent,#000 20px);font-size:13px;line-height:1.6;text-shadow:0 1px 5px #000}
#liveDialog .chat-message{margin:4px 0;padding:4px 9px;border-radius:11px;width:fit-content;background:#08081235;backdrop-filter:blur(2px);color:#fff}
#liveDialog .chat-message b{color:#b9edff;font-weight:700}
#liveDialog #liveChatForm{position:absolute;z-index:3;bottom:calc(env(safe-area-inset-bottom) + 18px);right:max(14px,env(safe-area-inset-right));left:112px}
#liveDialog .chat-input{gap:7px;align-items:center}
#liveDialog #liveChatText{border:1px solid #ffffff25;border-radius:28px;background:#ffffff1a;backdrop-filter:blur(18px);color:#fff;padding:13px 16px;min-height:46px;font-size:13px}
#liveDialog #liveChatText::placeholder{color:#ffffffb0}
#liveDialog .chat-input button{width:42px;height:42px;flex-shrink:0;border-radius:50%;padding:0;background:#ff325f;font-size:24px}
#liveDialog #stopLive{position:absolute;z-index:3;bottom:calc(env(safe-area-inset-bottom) + 19px);left:max(14px,env(safe-area-inset-left));width:86px;min-height:44px;margin:0;padding:8px;border:1px solid #ffffff35;border-radius:24px;background:#211722a8;color:#fff;font-size:10px;backdrop-filter:blur(12px)}
#liveDialog .live-controls{position:absolute;z-index:3;bottom:calc(env(safe-area-inset-bottom) + 78px);right:max(14px,env(safe-area-inset-right));left:98px;padding:0;gap:8px;flex-wrap:wrap}
#liveDialog .live-controls button{width:auto;max-width:115px;min-height:36px;border:1px solid #ffffff20;border-radius:20px;padding:8px 12px;background:#ffffff15;color:#fff;font-size:10px;backdrop-filter:blur(14px)}
#liveDialog #cameraToggle.is-off{background:#ff325f35;border-color:#ff325f90}
#liveDialog .feature-actions{position:absolute;z-index:3;left:max(14px,env(safe-area-inset-left));bottom:calc(env(safe-area-inset-bottom) + 103px);margin:0;display:flex;flex-direction:column;gap:13px;align-items:center;width:62px}
#liveDialog .feature-actions button{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;width:62px;min-height:51px;padding:7px 2px;border:0;border-radius:18px;background:#ffffff10;backdrop-filter:blur(14px);font-size:10px;line-height:1.35;color:#fff;text-align:center}
#liveDialog .feature-actions button::before{content:'◈';font-size:22px;margin-bottom:3px;line-height:1}
#liveDialog .feature-actions .live-gift-button{background:linear-gradient(145deg,#ff3764bb,#be38b9bb);box-shadow:0 3px 20px #ff246b35}
#liveDialog .feature-actions .live-gift-button::before{content:'🎁'}
#liveDialog .feature-actions .live-battle-button::before{content:'⚔'}
#liveDialog .feature-actions #shareLive::before{content:'↗'}
#liveDialog .battle-panel{position:absolute;z-index:3;top:calc(env(safe-area-inset-top) + 86px);right:14px;left:14px;margin:0;padding:9px 12px;border-radius:14px;background:#16141ed9;backdrop-filter:blur(16px);font-size:11px;text-align:center;max-height:21dvh;overflow:auto}
#liveDialog .battle-panel p{margin:3px 0}#liveDialog .battle-score{font-size:16px;background:linear-gradient(90deg,#38c5e3,#ff4d86);background-clip:text;color:transparent;font-weight:900}
#liveDialog .battle-panel button{width:auto;margin:4px 4px 0;padding:8px 14px;border-radius:18px;font-size:11px}
#liveDialog #liveStage.battle-active{inset:25dvh 0 auto;height:44dvh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3px;direction:rtl}
#liveDialog #liveStage.battle-active #liveStatus{top:8px;grid-column:1/-1}
#liveDialog #liveStage.battle-active #liveMedia,#liveDialog #liveStage.battle-active #opponentMedia{border-radius:10px;border:1px solid #ffffff18;min-width:0}
#liveDialog.chat-hidden #liveChat{display:none}
.live-option-row{display:block;width:100%;padding:17px 12px;text-align:right;border-bottom:1px solid #ffffff12;font-size:14px}
body.live-open :is(#giftsDialog,#giftConfirm,#walletDialog,#battleInviteDialog,#liveOptions,#liveShare,#liveExit){position:fixed;inset:auto 0 0;width:min(100%,560px);max-width:100%;max-height:78dvh;margin:0 auto;border-radius:24px 24px 0 0;border:1px solid #ffffff20;padding:24px 22px calc(24px + env(safe-area-inset-bottom));box-shadow:0 -15px 70px #0007}
body.live-open :is(#giftsDialog,#giftConfirm,#walletDialog,#battleInviteDialog,#liveOptions,#liveShare,#liveExit)::backdrop{background:#0006;backdrop-filter:blur(3px)}
@media(min-width:800px){#liveDialog #liveMedia video{object-fit:contain}#liveDialog #liveStage.battle-active{inset:100px 13% 125px;height:auto}#liveDialog #liveChat{max-width:470px;max-height:32dvh}#liveDialog>.dialog-top{height:88px;left:24px;right:24px}.live-host-chip{max-width:360px}#liveDialog .battle-panel{left:25%;right:25%;top:90px}#liveDialog #liveStage.battle-active video{object-fit:contain}.live-creator{font-size:15px}}
@media(max-height:540px){#liveDialog #liveChat{max-height:22dvh;bottom:115px}#liveDialog .feature-actions{gap:5px;bottom:80px;flex-direction:row;left:12px;width:auto}#liveDialog .feature-actions button{min-height:39px;width:52px;font-size:9px}#liveDialog .feature-actions button::before{font-size:16px}#liveDialog .live-controls{right:14px;left:auto;bottom:77px;max-width:50%}#liveDialog #liveStage.battle-active{inset:80px 15% 105px;height:auto}#liveDialog .battle-panel{top:8px;left:32%;right:32%;max-height:70px}#liveDialog>.dialog-top{height:65px}.live-on-air{display:none}}
@media(prefers-reduced-motion:reduce){#liveDialog *{scroll-behavior:auto}}

#liveDialog.is-host #liveChat{bottom:calc(env(safe-area-inset-bottom) + 190px)}
#liveDialog .feature-actions .live-gift-button::before{content:'';width:25px;height:25px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8h18v4H3zM5 12v9h14v-9M12 8v13M12 8H8a3 3 0 1 1 3-3l1 3zm0 0h4a3 3 0 1 0-3-3l-1 3z'/%3E%3C/svg%3E")}
@media(max-height:540px){#liveDialog.is-host #liveChat{bottom:calc(env(safe-area-inset-bottom) + 155px)}}