@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/play/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/play/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/play/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/play/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/play/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/play/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/play/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/play/assets/montserrat-cyrillic-ext-wght-normal-CO5hGrJv.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/play/assets/montserrat-cyrillic-wght-normal-EAA9jha_.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/play/assets/montserrat-vietnamese-wght-normal-k7S-YeeD.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/play/assets/montserrat-latin-ext-wght-normal-BsZE-iaG.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/play/assets/montserrat-latin-wght-normal-l_AIctKy.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:#120b2e;overscroll-behavior:none}body{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;touch-action:manipulation}button,input{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;-webkit-user-select:none;user-select:none}.app{position:fixed;inset:0;display:flex;flex-direction:column;color:var(--text);font-family:var(--font-body);overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.bg-layer{position:absolute;inset:0;z-index:0;overflow:hidden}.bg-video{width:100%;height:100%;object-fit:cover}.aurora .blob{position:absolute;width:75vmax;height:75vmax;border-radius:50%;filter:blur(70px);opacity:.5;animation:drift var(--speed, 18s) ease-in-out infinite alternate}.blob-0{top:-30vmax;left:-25vmax}.blob-1{bottom:-35vmax;right:-30vmax;animation-delay:calc(var(--speed) / -3)!important}.blob-2{top:30%;left:40%;width:50vmax!important;height:50vmax!important;opacity:.32!important;animation-delay:calc(var(--speed) / -1.5)!important}.blob-3{bottom:10%;left:-20vmax;width:45vmax!important;height:45vmax!important;opacity:.3!important}@keyframes drift{to{transform:translate(12vmax,10vmax) scale(1.15)}}.screen{position:relative;z-index:1;flex:1;min-height:0;display:flex;flex-direction:column;padding:20px 20px 24px;gap:16px;overflow-y:auto}.screen.center{align-items:center;justify-content:center;text-align:center}.stage-wrap{position:relative;z-index:1;flex:1;min-height:0;display:flex;flex-direction:column;animation:tr-fade .35s ease-out both}.tr-slideLeft{animation-name:tr-left}.tr-slideRight{animation-name:tr-right}.tr-slideUp{animation-name:tr-up}.tr-slideDown{animation-name:tr-down}.tr-zoom,.tr-zoomIn{animation-name:tr-zoom}.tr-none{animation:none}@keyframes tr-fade{0%{opacity:0}}@keyframes tr-left{0%{opacity:0;transform:translate(40px)}}@keyframes tr-right{0%{opacity:0;transform:translate(-40px)}}@keyframes tr-up{0%{opacity:0;transform:translateY(40px)}}@keyframes tr-down{0%{opacity:0;transform:translateY(-40px)}}@keyframes tr-zoom{0%{opacity:0;transform:scale(.92)}}.kicker{font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.title{margin:0;font-family:var(--font-heading);font-weight:var(--heading-weight);font-size:30px;line-height:1.1;letter-spacing:-.01em}.title.huge{font-size:40px}.lead{margin:0;max-width:340px;font-size:16px;line-height:1.45;color:var(--muted)}.chip{padding:8px 16px;border-radius:999px;background:#ffffff1f;font-weight:700;font-size:15px}.big-emoji{font-size:64px;font-weight:900;font-family:var(--font-heading);opacity:.8}.big-icon.muted{color:var(--muted)}.btn{min-height:52px;padding:0 24px;border-radius:16px;font-weight:800;font-size:17px;transition:transform .12s,opacity .2s,filter .2s}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45}.btn.primary{background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 70%,var(--secondary)));color:#fff;box-shadow:0 10px 30px color-mix(in srgb,var(--primary) 45%,transparent)}.btn.ghost{background:#ffffff1a}.btn.big{min-height:60px;font-size:19px;width:100%}.link{color:var(--secondary);font-weight:700;text-decoration:underline;text-underline-offset:3px}.code-input,.field input,.text-input{width:100%;min-height:56px;padding:0 18px;border-radius:16px;border:2px solid rgba(255,255,255,.16);background:#00000040;font-size:18px;outline:none;transition:border-color .2s}.code-input:focus,.field input:focus,.text-input:focus{border-color:var(--primary)}.code-input{max-width:280px;text-align:center;font-family:var(--font-heading);font-size:34px;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.error{padding:12px 16px;border-radius:14px;background:color-mix(in srgb,var(--danger) 25%,transparent);border:1px solid color-mix(in srgb,var(--danger) 60%,transparent);font-size:15px;font-weight:600}.spinner{width:48px;height:48px;border-radius:50%;border:5px solid rgba(255,255,255,.15);border-top-color:var(--accent);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.avatar{flex:none;border-radius:50%;display:grid;place-items:center;color:#fff;font-family:var(--font-heading);font-weight:900;box-shadow:0 0 0 3px #ffffffd9,0 8px 24px #0000004d}.join{align-items:center;justify-content:center;max-width:440px;width:100%;margin:0 auto}.join-head{text-align:center;display:grid;gap:8px;justify-items:center}.logo{max-height:64px;max-width:70%;object-fit:contain}.selfie{position:relative;width:160px;height:160px;border-radius:50%;display:grid;place-items:center;background:#ffffff14;border:2px dashed rgba(255,255,255,.35);margin-top:8px}.selfie.has{border:4px solid #fff}.selfie img{width:100%;height:100%;border-radius:50%;object-fit:cover}.selfie-icon{color:#ffffffbf}.selfie-badge{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);padding:6px 14px;border-radius:999px;background:var(--primary);font-size:13px;font-weight:800;white-space:nowrap;box-shadow:0 6px 16px #0000004d}.selfie-hint{font-size:14px;color:var(--muted);text-align:center;min-height:20px;margin-top:4px}.field{width:100%;display:grid;gap:8px;font-weight:700;font-size:15px}.topbar{position:relative;z-index:2;display:flex;align-items:center;gap:10px;padding:10px 16px;background:#00000038;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.topbar .avatar{box-shadow:0 0 0 2px #fffc}.topbar-name{flex:1;min-width:0;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-score{font-family:var(--font-heading);font-weight:900;font-size:20px;color:var(--accent)}.topbar-score small{font-size:12px;opacity:.8}.lobby{align-items:center;justify-content:space-evenly;text-align:center}.lobby-me{display:grid;justify-items:center;gap:10px}.lobby-name{font-family:var(--font-heading);font-weight:var(--heading-weight);font-size:26px}.lobby-count{font-size:15px;color:var(--muted);font-weight:600}.hold{position:relative;width:min(68vw,270px);aspect-ratio:1;border-radius:50%;touch-action:none;-webkit-touch-callout:none}.hold-ring{position:absolute;inset:0;transform:rotate(-90deg);overflow:visible}.hold-track{fill:none;stroke:#ffffff24;stroke-width:6}.hold-progress{fill:none;stroke:var(--start-ring);stroke-width:6;stroke-linecap:round;filter:drop-shadow(0 0 6px var(--start-ring))}.hold-core{position:absolute;inset:12%;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--start) 60%,#fff),var(--start) 55%,color-mix(in srgb,var(--start) 70%,#000));box-shadow:0 18px 50px color-mix(in srgb,var(--start) 55%,transparent),inset 0 -8px 20px #00000040;transform:scale(calc(1 - var(--p, 0) * .08));transition:transform .1s;animation:breathe 2.2s ease-in-out infinite}.hold.holding .hold-core{animation:none}.hold.done .hold-core{background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--success) 60%,#fff),var(--success) 60%);transform:scale(1.04)}.hold-label{font-family:var(--font-heading);font-weight:900;font-size:clamp(26px,9vw,40px);letter-spacing:.04em;color:#fff;text-shadow:0 3px 12px rgba(0,0,0,.3)}@keyframes breathe{50%{transform:scale(1.04)}}.hold-hint{margin:0;color:var(--muted);font-size:15px}.ready-box{display:grid;justify-items:center;gap:14px}.ready-check{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;background:var(--success);color:#fff;box-shadow:0 16px 50px color-mix(in srgb,var(--success) 50%,transparent);animation:pop .45s cubic-bezier(.2,.9,.3,1.5)}.ready-title{font-family:var(--font-heading);font-weight:900;font-size:30px}@keyframes pop{0%{transform:scale(.4);opacity:0}}.question{gap:14px;padding-top:14px}.timer{position:relative;height:28px;border-radius:999px;background:#ffffff1f;overflow:hidden;flex:none}.timer-fill{position:absolute;inset:0;transform-origin:left;background:linear-gradient(90deg,var(--secondary),var(--primary));transition:transform .1s linear}.timer.urgent .timer-fill{background:var(--danger);animation:blink .5s ease-in-out infinite alternate}@keyframes blink{to{opacity:.6}}.timer-text{position:absolute;inset:0;display:grid;place-items:center;font-weight:900;font-size:15px;text-shadow:0 1px 4px rgba(0,0,0,.5)}.q-head{display:grid;gap:6px;text-align:center}.q-prompt{margin:0;font-family:var(--font-heading);font-weight:var(--heading-weight);font-size:21px;line-height:1.2}.q-hint{font-size:17px;font-weight:700;color:var(--muted)}.options{flex:1;display:grid;gap:12px;min-height:0}.options.list{flex:1 0 auto;grid-auto-rows:minmax(64px,1fr)}.options.list.many{gap:8px;grid-auto-rows:minmax(52px,1fr)}.options.list.two{grid-template-columns:1fr 1fr}.options.many .opt{gap:10px;padding:8px 12px;border-radius:16px;font-size:15px;line-height:1.2}.options.many .opt-letter{width:30px;height:30px;border-radius:9px;font-size:17px}.options.two .opt{gap:8px;padding:8px 10px}.q-sticky{position:sticky;top:-14px;z-index:3;display:grid;gap:14px;margin:-14px -20px 0;padding:14px 20px 10px}.q-sticky:before{content:"";position:absolute;inset:0 0 -12px;z-index:-1;background:#120b2e99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-mask-image:linear-gradient(to bottom,#000 80%,transparent);mask-image:linear-gradient(to bottom,#000 80%,transparent)}.sim .screen{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.35) transparent}.sim .screen::-webkit-scrollbar{width:6px}.sim .screen::-webkit-scrollbar-thumb{border-radius:3px;background:#ffffff59}.options.grid{grid-template-columns:1fr 1fr;grid-auto-rows:1fr}.options.grid.n3>:last-child{grid-column:span 2}.opt{position:relative;display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:20px;background:linear-gradient(160deg,color-mix(in srgb,var(--c) 85%,#fff),var(--c) 45%,color-mix(in srgb,var(--c) 80%,#000));color:#fff;font-weight:800;font-size:18px;text-align:left;box-shadow:0 8px 22px color-mix(in srgb,var(--c) 40%,transparent),inset 0 -4px #0000002e;transition:transform .1s,filter .2s,opacity .2s}.opt:active{transform:scale(.97);filter:brightness(1.1)}.options.grid .opt{justify-content:center;flex-direction:column}.opt-letter{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#ffffffeb;color:var(--c);font-family:var(--font-heading);font-weight:900;font-size:22px}.options.grid .opt-letter{width:64px;height:64px;border-radius:18px;font-size:36px}.opt-text{flex:1;min-width:0;overflow-wrap:anywhere;text-shadow:0 1px 6px rgba(0,0,0,.2)}.options.buzzer .opt{animation:wobble 1.6s ease-in-out infinite}@keyframes wobble{50%{transform:scale(1.015)}}.opt.toggle{opacity:.7;filter:saturate(.7)}.opt.toggle.on{opacity:1;filter:none;box-shadow:0 0 0 4px #fff,0 8px 22px color-mix(in srgb,var(--c) 50%,transparent)}.opt-check{flex:none;width:30px;height:30px;border-radius:50%;border:3px solid rgba(255,255,255,.85)}.options.grid .opt-check{position:absolute;top:10px;right:10px}.opt.toggle.on .opt-check{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 70% no-repeat}.submit{flex:none}.text-answer{flex:1;display:flex;flex-direction:column;justify-content:center;gap:14px}.text-input{min-height:68px;font-size:24px;font-weight:700;text-align:center}.text-input.write-in{min-height:120px;padding:14px 18px;font-size:20px;line-height:1.35;text-align:left;resize:none;font-family:inherit;color:inherit}.text-answer .hint{margin:0;text-align:center;font-size:14px;line-height:1.4;color:var(--muted)}.picked{margin:0;max-width:320px;font-size:18px;font-weight:700;line-height:1.35}.btn.buzz{min-height:80px;font-size:22px;background:linear-gradient(135deg,var(--danger),var(--accent))}.order{flex:1;display:flex;flex-direction:column;gap:10px;min-height:0}.order-row{display:flex;align-items:stretch;border-radius:18px;background:#ffffff1a;border:2px solid color-mix(in srgb,var(--c) 70%,transparent);overflow:hidden;transition:transform .15s,box-shadow .15s}.order-row.dragging{transition:none;position:relative;z-index:2;box-shadow:0 16px 40px #00000073;background:color-mix(in srgb,var(--c) 35%,var(--surface))}.order-num{flex:none;width:46px;display:grid;place-items:center;background:var(--c);font-family:var(--font-heading);font-weight:900;font-size:20px}.order-text{flex:1;display:flex;align-items:center;gap:12px;padding:14px 12px;font-weight:700;font-size:17px;touch-action:none;-webkit-user-select:none;user-select:none}.order-grip{flex:none;width:14px;height:18px;opacity:.55;background:radial-gradient(circle,#fff 1.6px,transparent 2px) 0 0 / 7px 6px}.order-arrows{flex:none;display:flex;flex-direction:column}.order-arrows button{flex:1;width:48px;font-size:13px;opacity:.85}.order-arrows button:disabled{opacity:.2}.order-arrows button:first-child{border-bottom:1px solid rgba(255,255,255,.1)}.count{font-family:var(--font-heading);font-weight:900;font-size:140px;line-height:1;color:var(--accent);text-shadow:0 10px 40px color-mix(in srgb,var(--accent) 50%,transparent);animation:pop .4s cubic-bezier(.2,.9,.3,1.4)}.sent{width:110px;height:110px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--primary) 70%,transparent);animation:pop .4s cubic-bezier(.2,.9,.3,1.5)}.sent.sending{animation:pulse 1s ease-in-out infinite;opacity:.6}@keyframes pulse{50%{transform:scale(.92)}}.rank-badge{width:130px;height:130px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-heading);font-weight:900;font-size:72px;background:#ffffff24;border:4px solid rgba(255,255,255,.5);animation:pop .4s cubic-bezier(.2,.9,.3,1.5)}.rank-badge.gold{background:linear-gradient(135deg,#ffe066,#f5a623);border-color:#fff;color:#3b2300;box-shadow:0 16px 50px #f5a62380}.eyes{display:flex;gap:18px;margin-bottom:8px}.eyes span{width:46px;height:46px;border-radius:50%;background:#fff;position:relative}.eyes span:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#111;top:8px;left:14px;animation:look 3s ease-in-out infinite}@keyframes look{40%,60%{transform:translateY(0)}0%,to{transform:translateY(-2px)}50%{transform:translateY(-4px)}}.verdict{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;overflow:hidden;color:#fff}.verdict.ok{background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--success) 85%,#fff),var(--success) 60%,color-mix(in srgb,var(--success) 70%,#000))}.verdict.bad{background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--danger) 85%,#fff),var(--danger) 60%,color-mix(in srgb,var(--danger) 70%,#000))}.verdict-icon{width:170px;height:170px;border-radius:50%;display:grid;place-items:center;background:#fff3;border:4px solid rgba(255,255,255,.6)}.verdict-title{font-family:var(--font-heading);font-weight:900;font-size:48px;text-shadow:0 6px 24px rgba(0,0,0,.2)}.verdict-meta{font-size:18px;font-weight:700;opacity:.9}.verdict-extra{margin-top:4px;padding:8px 16px;border-radius:999px;background:#0000002e;font-size:15px;font-weight:700}.anim-pulse .verdict-icon,.anim-confetti .verdict-icon{animation:pop .5s cubic-bezier(.2,.9,.3,1.6)}.anim-pulse .verdict-icon{animation:pop .5s cubic-bezier(.2,.9,.3,1.6),pulse 1.2s .5s ease-in-out infinite}.anim-shake .verdict-icon{animation:shake .55s ease-in-out}.anim-fade{animation:tr-fade .8s ease-out}@keyframes shake{20%,60%{transform:translate(-14px) rotate(-4deg)}40%,80%{transform:translate(14px) rotate(4deg)}}.confetti{position:absolute;inset:0;pointer-events:none}.confetti span{position:absolute;top:-20px;border-radius:2px;animation:fall linear forwards}@keyframes fall{to{top:110%;transform:rotate(720deg) translate(30px)}}.place{font-family:var(--font-heading);font-weight:900;font-size:96px;line-height:1;margin-top:6px}.place-1{color:#ffd54a;text-shadow:0 10px 40px rgba(255,213,74,.5)}.place-2{color:#e3e7f0}.place-3{color:#f0a36b}.place-label{font-size:18px;font-weight:700;color:var(--muted)}.score-big{font-family:var(--font-heading);font-weight:900;font-size:34px;color:var(--accent)}.score-big small{font-size:16px;opacity:.85}.final.podium .avatar{box-shadow:0 0 0 4px #ffd54a,0 0 40px #ffd54a99}.crown{width:64px;height:40px;margin-bottom:-10px;background:linear-gradient(#ffe57a,#f5b301);clip-path:polygon(0 100%,0 25%,25% 60%,50% 0,75% 60%,100% 25%,100% 100%);animation:pop .6s cubic-bezier(.2,.9,.3,1.6)}.overlay{position:absolute;inset:0;z-index:10;display:grid;place-items:center;background:#0000008c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:tr-fade .2s}.overlay-card{display:flex;align-items:center;gap:14px;padding:18px 30px;border-radius:999px;background:#ffffff24;border:2px solid rgba(255,255,255,.3);font-family:var(--font-heading);font-weight:900;font-size:28px}.pause-icon{width:22px;height:26px;border-left:7px solid #fff;border-right:7px solid #fff}.offline{position:absolute;z-index:11;top:calc(env(safe-area-inset-top) + 58px);left:50%;transform:translate(-50%);padding:8px 16px;border-radius:999px;background:color-mix(in srgb,var(--danger) 90%,transparent);font-size:14px;font-weight:700;white-space:nowrap}.notice{position:absolute;z-index:12;left:16px;right:16px;bottom:calc(env(safe-area-inset-bottom) + 20px);padding:14px 18px;border-radius:16px;background:#0f0c23f0;border:1px solid rgba(255,255,255,.15);text-align:center;font-weight:700;animation:tr-up .3s ease-out}