:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0b1425;background:#f5f7fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit}.app{max-width:510px;min-height:100dvh;margin:auto;background:#fff;position:relative;box-shadow:0 0 50px #172c4c11;overflow:hidden}.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;padding:13px 19px;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #eff2f8}.brand{display:flex;align-items:center;font-size:21px;font-weight:850;letter-spacing:-1px;white-space:nowrap}.brand img{width:29px;height:34px;object-fit:contain;margin-right:5px}.blue{color:#1269ff}.iconbutton{border:0;background:#eff5ff;border-radius:14px;width:40px;height:40px;font-size:19px;color:#173158}.page{padding:20px 18px 35px}.muted{color:#6c7890}.eyebrow{color:#176cff;font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.title{font-weight:850;font-size:34px;letter-spacing:-1.6px;line-height:1.07;margin:11px 0}.sub{color:#68758f;line-height:1.55;font-size:14px}.btn{background:#1269ff;color:#fff;font-weight:750;padding:15px 16px;border:0;border-radius:14px;width:100%;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}.btn.secondary{color:#1457d5;background:#ebf3ff}.btn.outline{color:#38506f;background:transparent;border:1px solid #d9e1ed}.btn.dark{background:#202c40}.btn.gold{background:#ffca51;color:#332400}.btn.red{background:#e8444e}.btn.small{padding:10px 12px;border-radius:11px;font-size:13px}.stack{display:grid;gap:12px}.card{border:1px solid #e5eaf3;border-radius:20px;background:#fff;padding:16px}.home-hero{text-align:center;padding:35px 10px 24px}.home-hero .title{font-size:38px}.mode{border-radius:23px;padding:20px;margin-top:15px}.mode h2{font-size:23px;margin:5px 0}.mode .glyph{font-size:30px}.mode.quick{background:#1669fa;color:#fff}.mode.quick .sub{color:#e5eeff}.mode.hosted{position:relative;min-height:250px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;overflow:hidden;background:#080f1d}.mode.hosted:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#050b16c9,#07111a44 48%,#020913fa),var(--featured) center/cover;opacity:1}.mode.hosted>*{position:relative}.live{background:#f43d4b;color:#fff;padding:5px 9px;border-radius:8px;font-weight:850;font-size:11px}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.pill{border:0;background:#eff5ff;color:#58708f;border-radius:100px;padding:9px 13px;font-size:12px;font-weight:750;white-space:nowrap}.pill.selected{background:#1269ff;color:#fff}.filterbar{display:flex;gap:8px;overflow:auto;padding:3px 0 14px;scrollbar-width:none}.search{width:100%;padding:14px;border:1px solid #e0e6f0;border-radius:13px;margin:5px 0 13px;outline-color:#1269ff}.roomgrid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.roomtile{border-radius:17px;background:#0c1828;color:#fff;overflow:hidden;min-width:0}.tileimage{height:128px;position:relative;background:#19243c center/cover}.tileimage .live{position:absolute;left:8px;top:8px}.tileimage .viewers{position:absolute;right:8px;top:8px;font-size:10px;border-radius:7px;background:#091425bb;padding:6px}.tileinfo{padding:11px}.tileinfo strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tileinfo small{display:block;color:#c3d0e5;font-size:11px;margin:4px 0}.vip{color:#ffca4c;font-weight:750;font-size:11px}.darkpage{min-height:calc(100dvh - 68px);background:#06101d;color:#fff}.darkpage .muted{color:#a7b8d1}.darkpage .card{background:#0c1c2e;border-color:#22405b;color:#fff}.darkpage .topsub{padding:14px 17px}.videoRow{display:grid;grid-template-columns:1fr 1fr;gap:7px}.mockvid{position:relative;background-color:#273548;background-size:cover;background-position:center;border-radius:13px;overflow:hidden;min-height:188px}.mockvid .vidlabel{position:absolute;left:9px;top:9px;border-radius:9px;background:#06121dd8;color:#fff;padding:6px 8px;font-size:12px;font-weight:800}.mockvid .bottomlabel{position:absolute;bottom:8px;left:8px;background:#07111dd8;border-radius:7px;padding:5px 7px;font-size:11px}.mockvid.active{box-shadow:inset 0 0 0 4px #1181ff,0 0 12px #177cff77;border:2px solid #1787ff}.mockvid.inactive:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#030b17a1;pointer-events:none}.branddivider{height:48px;display:flex;justify-content:center;align-items:center;background:#06101d;gap:10px}.branddivider:before,.branddivider:after{content:"";height:2px;background:#e5e7eb;flex:1}.branddivider .brand{font-size:18px}.branddivider .brand img{height:27px;width:23px}.badge{padding:6px 10px;border-radius:9px;background:#123258;color:#a5c6ff;font-weight:750;font-size:12px}.queuehead{border:1px solid #197bfb!important;text-align:center;margin-top:13px}.queueNumbers{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.numberbox{padding:14px 7px;background:#0b2a50;border:1px solid #237bfc;border-radius:13px}.numberbox.goldbox{background:#211b10;border-color:#715315}.bigN{font-size:46px;line-height:1.1;font-weight:900;color:#fff}.goldbox .bigN{color:#ffcd56}.vipbanner{border:1px solid #bd8522;border-radius:17px;padding:15px;background:linear-gradient(120deg,#302512,#111923);margin-top:12px}.bottomactions{display:grid;gap:10px;margin-top:16px}.sectiontitle{font-size:22px;letter-spacing:-.5px;margin:0 0 6px}.setupvid{height:225px;background:#132036 center/cover;border-radius:15px;position:relative}.setupvid .badge{position:absolute;bottom:12px;right:10px}.formlabel{font-size:12px;font-weight:800;color:#53647d;display:block;margin:15px 0 7px}.field{border:1px solid #d7e0ed;border-radius:13px;padding:13px 14px;width:100%;outline-color:#1269ff}.toggleRow{display:flex;align-items:center;justify-content:space-between;margin:10px 0;padding:14px;border:1px solid #e4eaf2;border-radius:13px}.switch{border:0;background:#ebf0f6;border-radius:15px;padding:8px 12px;color:#465875;font-weight:800}.switch.on{background:#e1f4eb;color:#187e50}.center{display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column}.radar{height:220px;width:220px;border:1px solid #cfe2ff;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 29px #eaf3ff,0 0 0 59px #f4f8ff;margin:75px auto 55px;animation:pulse 1.8s infinite alternate}.radar span{font-size:47px;background:#1269ff;width:82px;height:82px;border-radius:50%;display:grid;place-items:center;color:#fff}@keyframes pulse{to{transform:scale(1.05)}}.coin{font-size:92px;border-radius:100%;border:9px solid #63a4ff;width:174px;height:174px;display:grid;place-items:center;background:linear-gradient(130deg,#eff6ff,#0962f6);margin:65px auto;box-shadow:0 15px 35px #1269ff40;animation:flip .65s linear infinite}@keyframes flip{to{transform:rotateY(360deg)}}.battleScreen{height:calc(100dvh + -0px);min-height:610px;background:#020a14;color:#fff;display:flex;flex-direction:column;padding:8px 8px max(14px,env(safe-area-inset-bottom))}.battleScreen .mockvid{flex:1;min-height:0;border-radius:12px;background-position:center 32%}.battleScreen .branddivider{flex:none}.clock{position:absolute;top:10px;right:10px;background:#07111ddc;border-radius:13px;padding:8px 11px;font-weight:850;font-variant-numeric:tabular-nums}.controls{display:flex;justify-content:center;gap:18px;align-items:center;padding:13px 5px 7px}.controls button{border:1px solid #39475e;background:#1c293b;color:#f8fbff;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;transition:background .15s,border-color .15s,transform .15s}.controls button:active{transform:scale(.94)}.controls button svg{width:23px;height:23px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}.controls button.leave{background:#ef334c;border-color:#ef334c}.controls button.off{background:#3b2631;border-color:#b74f69;color:#ffb8c6}.controls button.report{color:#f8bd7e}.controls button:focus-visible{outline:3px solid #68acff;outline-offset:3px}.turnmessage{position:absolute;bottom:9px;right:9px;background:#1269ff;padding:7px 9px;border-radius:9px;font-weight:800;font-size:12px}.timerbar{height:4px;background:#27364c;border-radius:10px;overflow:hidden}.timerbar div{height:100%;background:#2085ff;transition:width .3s}.endCard{padding:30px 20px;text-align:center}.endCard .heroIcon{font-size:75px}.endCard h1{font-size:35px}.toast{position:fixed;z-index:100;bottom:22px;left:50%;transform:translate(-50%);padding:12px 18px;background:#162438;color:#fff;border-radius:12px;box-shadow:0 10px 25px #0004;max-width:min(460px,90vw);text-align:center}.minitext{font-size:11px;line-height:1.4}.hostcontrols .btn{margin-top:10px}.statgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.stat{background:#eff5ff;border-radius:13px;padding:12px;text-align:center}.stat strong{display:block;font-size:21px;color:#1269ff}.stat small{color:#6a7890}.footer{padding:24px;text-align:center;color:#8c98ac;font-size:12px}.previewCard{padding:12px;border:1px solid #e5eaf3;border-radius:18px;background:#fff}.previewShell{height:220px;background:#132036 center/cover;border-radius:16px;position:relative;overflow:hidden}.previewShell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 42%,rgba(4,13,24,.48));pointer-events:none}.previewShell .badge{z-index:2}.previewChip{position:absolute;left:12px;bottom:12px;background:#081320d9;color:#fff;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800;display:flex;align-items:center;gap:7px;z-index:2}.statusDot{width:10px;height:10px;border-radius:50%;display:inline-block;background:#b7c4d8;box-shadow:0 0 0 3px #b7c4d838}.statusDot.on{background:#17c964;box-shadow:0 0 0 3px #17c96429}.statusLine{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#173158;margin-top:12px}.statusLine .muted{font-weight:500}.micCard{padding:15px;border:1px solid #e5eaf3;border-radius:18px;background:#fbfdff}.micVisualizer{display:flex;align-items:flex-end;gap:6px;height:84px;padding:14px 10px 8px;border-radius:15px;background:linear-gradient(180deg,#f4f8ff,#edf4ff);margin:14px 0 12px}.micBar{flex:1;min-width:0;height:12px;border-radius:999px;background:#cfd9ea;transition:height .11s ease,background-color .11s ease,box-shadow .11s ease}.micBar.on{background:#1269ff;box-shadow:0 0 14px #1269ff38}.mediaInfoRow{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.mediaInfoRow .sub{margin:6px 0 0}.setupHint{font-size:11px;text-align:center;margin-top:10px}.hostStage{background:#07111e;color:#fff;border-radius:18px;padding:10px;margin:14px 0 18px}.stageTitle{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:13px;font-weight:800;margin-bottom:9px}.hostStage .videoRow .mockvid{min-height:170px}.hostStage .mockvid{background-position:center}.modPreviewWrap{display:flex;align-items:center;justify-content:center;gap:12px;margin:12px auto 4px}.modPreview{width:112px;height:128px;border:2px solid #298aff;border-radius:13px;background:#1d3049;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;color:#dceaff;font-size:12px}.modPreview video{position:absolute;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.modPreview .bottomlabel{position:absolute;bottom:5px;left:5px;right:5px;background:#05111dcc;padding:4px 3px;border-radius:6px;color:#fff;font-size:10px;font-weight:800}.modCaption{font-size:11px;color:#c0d2e8;max-width:165px;line-height:1.45}.formatPick{width:100%;padding:12px;border:1px solid #d9e1ed;border-radius:12px;background:#fff;color:#12213c}.hostStage .stageNote{font-size:11px;color:#b7c9e5;margin:8px 2px 0}:root{--page-gutter: clamp(18px, 4cqw, 48px);--section-gap: clamp(12px, 2cqw, 24px)}body{min-width:0}.app{container-type:inline-size;width:100%;max-width:430px;min-height:100dvh}.page{padding:clamp(20px,3cqw,36px) var(--page-gutter) 36px}.topbar{padding-inline:var(--page-gutter)}.demoBanner{padding:9px 12px;background:#edf4ff;color:#224d87;text-align:center;font-size:10px;font-weight:750;letter-spacing:.4px}.title{font-size:clamp(32px,4.5cqw,48px);overflow-wrap:anywhere}.home-hero{padding:clamp(24px,4cqw,44px) 0}.home-hero .title{font-size:clamp(36px,5cqw,54px)}.sub{font-size:clamp(14px,1.5cqw,16px)}.mode{padding:clamp(20px,3cqw,32px);margin-top:var(--section-gap)}.mode.hosted{min-height:clamp(250px,36cqw,360px)}.card,.previewCard,.micCard{padding:clamp(14px,2.5cqw,24px)}button,input,select{min-height:44px}input,select{font-size:16px}button:focus-visible,a:focus-visible{outline:3px solid #65a4ff;outline-offset:3px}.roomgrid,.videoRow{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,2cqw,20px)}.tileimage{height:auto;aspect-ratio:16 / 11}.tileinfo{padding:clamp(10px,2cqw,20px)}.tileinfo strong{font-size:clamp(13px,1.7cqw,18px)}.tileinfo small,.vip{font-size:clamp(11px,1.3cqw,14px)}.filterbar{flex-wrap:wrap;overflow:visible}.row>*,.videoRow>*,.statgrid>*{min-width:0}.mockvid,.hostStage .videoRow .mockvid{min-height:clamp(165px,28cqw,300px)}.vidlabel,.bottomlabel{max-width:calc(100% - 18px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.previewShell{height:auto;aspect-ratio:16 / 10}.mediaInfoRow{flex-wrap:wrap}.mediaInfoRow>div{flex:1 1 180px}.queueNumbers,.statgrid{gap:clamp(8px,2cqw,18px)}.bigN{font-size:clamp(35px,5cqw,54px)}.stageTitle{flex-wrap:wrap}.modPreviewWrap{position:relative;gap:clamp(12px,2cqw,24px)}.modPreview{flex-shrink:0;width:clamp(100px,15cqw,150px);height:clamp(120px,18cqw,170px)}.modCaption{max-width:220px}.footer{overflow-wrap:anywhere}.battleScreen{height:calc(100dvh - 46px);min-height:480px;padding:8px 8px max(14px,env(safe-area-inset-bottom))}.battleScreen .mockvid{flex:1 1 0;min-height:0}.battleScreen .vidlabel{max-width:calc(100% - 172px)}.clock{font-size:12px}.controls{flex-shrink:0;gap:clamp(12px,3cqw,24px)}.controls button{flex-shrink:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.battleScreen{height:auto;min-height:calc(100dvh - 46px)}.battleScreen>.mockvid{flex:none;width:100%;height:auto;aspect-ratio:1 / 1;background-size:auto 140%;background-position:center}.battleScreen .vidlabel{max-width:calc(100% - 90px);z-index:2}.battleScreen .clock{top:10px;right:10px;padding:7px 10px;border-radius:10px;z-index:2;font-size:14px}.battleScreen .turnmessage{z-index:2}:is(.quickStage .mockvid,.hostedViewer .roomVideo,.integratedHostStage .hostSlot).active{border:0;box-shadow:0 0 12px #177cff33}:is(.quickStage .mockvid,.hostedViewer .roomVideo,.integratedHostStage .hostSlot).active:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:2px;border-radius:inherit;pointer-events:none;z-index:3;background:linear-gradient(130deg,#1269ff44,#249aff,#a7e8ff,#1269ff66,#249aff,#1269ff44);background-size:250% 250%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:flameEdge 6s ease-in-out infinite;animation-delay:var(--flame-phase, 0s)}@keyframes flameEdge{0%,to{background-position:0% 65%;opacity:.65}45%{background-position:100% 20%;opacity:1}70%{background-position:65% 100%;opacity:.8}}.radar span{background:#eaf3ff}.radar img{display:block;object-fit:contain}.toast{pointer-events:none;width:max-content;max-width:min(406px,calc(100% - 24px));overflow-wrap:anywhere}@media(prefers-reduced-motion:reduce){:is(.quickStage .mockvid,.hostedViewer .roomVideo,.integratedHostStage .hostSlot).active:before{animation:none;opacity:.85}}.readyCountdown{display:grid;justify-items:center;gap:6px;width:100%;padding:18px;border-radius:18px;background:#edf4ff;color:#1457d5}.readyCountdown span{font-size:14px;font-weight:750}.readyCountdown strong{font-size:44px;line-height:1;font-variant-numeric:tabular-nums}.readyCountdown small{color:#53647d}.quickStage{background:#020a14;color:#fff;padding:8px 8px max(14px,env(safe-area-inset-bottom));min-height:calc(100dvh - 46px)}.quickStage [hidden]{display:none!important}.stageViewport{position:relative;width:100%;height:calc(200cqw + 16px);flex:none}.quickStage .stageViewport>.mockvid{position:absolute;left:0;width:100%;height:calc(50% - 24px);min-height:0;aspect-ratio:auto;background-image:var(--feed-image);background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:12px;transition:transform .4s ease}.introOpponent{top:0}.introSelf{top:calc(50% + 24px)}.quickStage .entranceDivider{position:absolute;top:calc(50% - 24px);width:100%}.quickStage .vidlabel{z-index:4;max-width:calc(100% - 18px)}.quickStage[data-phase=live] .mockvid.active .vidlabel{max-width:calc(100% - 80px)}.quickStage .turnmessage{z-index:4}.quickStage .clock{top:10px;right:10px;padding:7px 10px;border-radius:10px;z-index:4;font-size:14px}.clock.urgent{background:#f33448}.quickStage .camera-off{background-image:none!important;background-color:#132036}.cameraPlaceholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#c0d2e8}.quickStage[data-phase=reveal] .mockvid.active{transform:scale(1.035);z-index:3}.quickStage[data-phase=reveal] .mockvid.active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #a7e8ff;border-radius:inherit;pointer-events:none;z-index:5;animation:flameIgnition .5s ease-out both}@keyframes flameIgnition{0%{opacity:0;box-shadow:inset 0 0 2px #a7e8ff,0 0 2px #249aff}25%{opacity:1;box-shadow:inset 0 0 18px #249affcc,0 0 24px #249aff}to{opacity:0;box-shadow:inset 0 0 3px #249aff,0 0 6px #249aff}}.introOverlay{position:absolute;left:0;top:calc(50% + var(--stage-divider,48px)/2);width:100%;height:calc((100% - var(--stage-divider,48px))/2);padding:44px 14px 16px;display:grid;place-items:center;z-index:6;pointer-events:none}.introCoin{position:static;width:100%;height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}.coinScene{height:min(132px,22dvh);max-height:calc(100% - 48px);aspect-ratio:1;perspective:650px;flex-shrink:1;min-height:24px}.introCoin .coin{position:relative;width:100%;height:100%;border:0;margin:0;border-radius:50%;transform-style:preserve-3d;box-shadow:0 12px 24px #0009;background:#267ce4;animation:none}.coinFace{position:absolute;top:0;right:0;bottom:0;left:0;border:4px solid #9dceff;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:12%;gap:4px;background:radial-gradient(circle at 28% 20%,#f6fbff,#9dd1ff 23%,#328bff 56%,#064cb8 86%);box-shadow:inset 0 0 0 3px #2879cc,inset 0 3px 7px #fff,inset 0 -5px 8px #00346f;backface-visibility:hidden}.coinFace img{width:55%;height:55%;max-height:none;flex:none;object-fit:contain;filter:drop-shadow(0 2px 2px #00346f88)}.coinFace b{font-size:clamp(8px,2.6cqw,12px);letter-spacing:.8px;color:#072b63;text-shadow:0 1px #fff9}.coinYou{transform:translateZ(3px)}.coinOpponent{transform:rotateY(180deg) translateZ(3px);background:radial-gradient(circle at 28% 20%,#e8f4ff,#6dafff 30%,#1466d8 65%,#033777)}.introCoin:not([hidden]) .coin{animation:cinematicCoinFlip 2.8s cubic-bezier(.2,.65,.3,1) .4s both}.introCoin p{flex:none;font-size:11px;line-height:1.4;margin:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;padding:5px 10px;border:1px solid #3383d966;border-radius:10px;background:#061626f2}@keyframes cinematicCoinFlip{0%{transform:translateZ(-30px) rotateY(0) rotate(-12deg) scale(.72)}55%{transform:translateZ(30px) rotateY(calc(var(--coin-end) - 240deg)) rotate(5deg) scale(1.12)}85%{transform:translateZ(8px) rotateY(calc(var(--coin-end) - 18deg)) rotate(-2deg) scale(1.03)}to{transform:translateZ(0) rotateY(var(--coin-end)) rotate(0) scale(1)}}.entranceAnnouncement{position:static;width:100%;max-width:320px;padding:14px 10px;border-radius:14px;background:#061626f2;border:1px solid #249aff99;text-align:center}.entranceAnnouncement h1{margin:0;font-size:clamp(17px,5.6cqw,24px);line-height:1.2;overflow-wrap:anywhere;letter-spacing:-.5px}.entranceAnnouncement p{margin:6px 0 0;color:#c0d2e8;font-size:12px}.quickStage .readyCountdown{position:static;transform:none;width:max-content;max-width:100%;padding:12px 22px;display:grid;justify-items:center;gap:5px;border:1px solid #249aff99;background:#061626f2;color:#fff;pointer-events:none}.quickStage .readyCountdown strong{font-size:clamp(34px,10cqw,48px);line-height:1;color:#9ed1ff}.quickStage .readyCountdown.goCue{animation:goFade .65s ease-out both}@keyframes goFade{0%,55%{opacity:1}to{opacity:0}}.entranceBack{position:absolute;top:54px;left:10px;width:44px;height:44px;border:1px solid #ffffff33;border-radius:50%;color:#fff;background:#061626db;z-index:8}.quickStage .controls{position:sticky;bottom:0;background:#020a14;z-index:9;padding-bottom:max(7px,env(safe-area-inset-bottom))}.soundSettings{width:calc(100% - 32px);max-width:398px;margin:auto;padding:24px;border:1px solid #d9e1ed;border-radius:20px;color:#0b1425}.soundSettings::backdrop{background:#020a1488}.soundSettings h2{margin-top:0}.soundSettings label{display:flex;align-items:center;gap:10px}.soundSettings input{width:24px}.soundSettings p{font-size:13px;color:#53647d;line-height:1.5}@media(prefers-reduced-motion:reduce){.quickStage[data-phase] .stageViewport>.mockvid,.quickStage .entranceDivider,.quickStage .readyCountdown,.quickStage .entranceAnnouncement,.introCoin .coin,:is(.quickStage .mockvid,.hostedViewer .roomVideo,.integratedHostStage .hostSlot).active:after{animation:none!important;transition:none}.quickStage[data-phase] .stageViewport>.mockvid{transform:none}.introCoin:not([hidden]) .coin{animation:none;transform:rotateY(var(--coin-end))}.quickStage .readyCountdown.goCue{animation:none}}.demoBanner{padding-top:max(9px,env(safe-area-inset-top))}.app{overflow:clip}.quickStage .stageViewport>.mockvid{background-image:none;filter:none!important}.feedBackdrop{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--feed-image) center / auto 140% no-repeat;transition:filter .3s ease}.quickStage .inactive .feedBackdrop{filter:brightness(.52)}.quickStage[data-phase=coin] .feedBackdrop{filter:brightness(.28)}.quickStage .camera-off .feedBackdrop{display:none}@media(max-height:760px){.feedBackdrop{background-size:140% auto}}@media(prefers-reduced-motion:reduce){.feedBackdrop{transition:none}}