@font-face{font-family:Prologue;src:url(/assets/Prologue-Regular-CNcc2051.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Prologue;src:url(/assets/Prologue-Medium-HCCrFLq6.woff2) format("woff2");font-weight:500;font-display:swap}:root{--blue: #0038ff;--blue-deep: #001a8c;--ink: #0b0d12;--ink-2: #26272c;--muted: #565b69;--white: #ffffff;--grey: #f3f4f7;--pill: #e7e9ef;--black: #000000;--opt-red: #e21b3c;--opt-blue: #1368ce;--opt-yellow: #d89e00;--opt-green: #26890c;--glass-bg: rgba(255, 255, 255, .84);--glass-line: rgba(255, 255, 255, .7);--glass-shadow: 0 30px 80px rgba(0, 12, 60, .35);--glass-blur: blur(22px) saturate(1.6);--glass-dark: rgba(255, 255, 255, .14);--font: "Prologue", "Helvetica Neue", Helvetica, Arial, sans-serif;--ease: cubic-bezier(.2, .8, .2, 1);--spring: cubic-bezier(.3, 1.5, .5, 1);--grey-2: #b9bcc6}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);font-weight:400;color:var(--ink);background:var(--blue-deep);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;text-rendering:optimizeLegibility}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}button:disabled{cursor:default;opacity:.45}strong{font-weight:500}.small{font-size:13px;color:var(--muted)}.label-caps{font-size:15px;font-weight:500}.on-dark{color:var(--white)}@keyframes up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.06)}to{transform:scale(1)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes tileIn{0%{opacity:0;transform:translateY(26px) scale(.98)}to{opacity:1;transform:none}}@keyframes numIn{0%{transform:scale(1.22)}to{transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.35}}@keyframes orb{0%{transform:scale(.82)}55%{transform:scale(1.05)}to{transform:scale(1)}}.anim-up{animation:up .5s var(--ease) both}.anim-pop{animation:pop .55s var(--ease) both}.anim-q{animation:up .55s var(--ease) both}.d1{animation-delay:.08s}.d2{animation-delay:.16s}.d3{animation-delay:.26s}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:36px;box-shadow:inset 0 1px #ffffffe6,var(--glass-shadow);color:var(--ink)}.chip{display:inline-flex;align-items:center;border-radius:999px;background:var(--grey);color:var(--ink);font-weight:500}.eyebrow{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;padding:10px 20px;border-radius:999px;font-size:20px;font-weight:500;color:var(--white);background:var(--glass-dark);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:none}.eyebrow:before{content:"";width:10px;height:10px;border-radius:50%;background:#7fe8ff;animation:pulse 1.6s ease-in-out infinite}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;height:52px;padding:0 26px;font-weight:500;font-size:17px;border-radius:999px;text-decoration:none;transition:background .15s,color .15s,transform .12s,box-shadow .15s}.btn:active:not(:disabled){transform:scale(.97)}.btn-blue{background:var(--blue);color:var(--white)}.btn-blue:hover:not(:disabled){background:#002dd0}.btn-white{background:var(--ink);color:var(--white)}.btn-white:hover:not(:disabled){background:var(--ink-2)}.btn-outline{background:var(--white);color:var(--ink);box-shadow:none}.btn-outline:hover:not(:disabled){background:var(--pill)}.btn-lg{height:62px;font-size:19px;padding:0 32px}.btn-block{width:100%}.link{color:var(--blue);font-size:14px;text-decoration:underline;text-underline-offset:3px}.link.danger{color:var(--ink)}.form-error{color:var(--ink);background:var(--pill);padding:12px 16px;font-size:14px;margin-top:12px;border-radius:14px}.opt-0{--opt: var(--opt-red)}.opt-1{--opt: var(--opt-blue)}.opt-2{--opt: var(--opt-yellow)}.opt-3{--opt: var(--opt-green)}.opt-0,.opt-1,.opt-2,.opt-3{background-color:var(--opt);background-image:linear-gradient(180deg,#ffffff42,#ffffff0f 46%,#00000014);color:var(--white)}.mini{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;flex:none;border-radius:9px}.stage-outer{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#000}.stage{position:absolute;left:50%;top:50%;width:1920px;height:1080px;transform-origin:center;overflow:hidden}.stage-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--blue-deep)}.stage-bg video{width:100%;height:100%;object-fit:cover;display:block}.stage-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,#00126e9e,#00126e57 48%,#00126e2e);transition:opacity .6s}.stage-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#000c4666;opacity:0;transition:opacity .6s}.stage-bg.is-dim:before{opacity:1}.scr h1,.scr h2,.lobby-how,.countdown-sub,.count-orb span,.timer-num{text-shadow:0 2px 28px rgba(0,10,70,.35)}.scr{position:absolute;top:0;right:0;bottom:0;left:0;padding:56px 68px;color:var(--white);z-index:1}.scr.center{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.topbar{position:absolute;left:68px;right:68px;top:40px;height:84px;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:0 36px;border-radius:999px;background:#00188252;-webkit-backdrop-filter:blur(24px) saturate(1.6);backdrop-filter:blur(24px) saturate(1.6);box-shadow:0 18px 50px #000c3c40}.topbar-logo{height:30px;width:auto}.topbar-right{font-size:24px;font-weight:500;color:var(--white)}.stage-next{position:absolute;right:68px;bottom:56px;z-index:5;display:inline-flex;align-items:center;gap:20px;height:88px;padding:0 16px 0 44px;border-radius:999px;background:var(--white);color:var(--ink);font-size:30px;font-weight:500;box-shadow:0 20px 60px #000c3c59;transition:transform .15s var(--ease)}.stage-next:after{content:"→";display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:var(--blue);color:var(--white);font-size:30px}.stage-next:hover:not(:disabled){transform:translateY(-2px)}.stage-panel{position:absolute;left:50%;transform:translate(-50%);bottom:10px;height:40px;padding:0 22px;z-index:6;border-radius:999px;color:var(--white);font-size:17px;background:#ffffff24;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:none;opacity:0;transition:opacity .3s;pointer-events:none}.stage-panel.is-visible{opacity:1;pointer-events:auto}.pod-scr~.stage-new,.stage-new{top:150px;bottom:auto}.stage-new{opacity:0;pointer-events:none;transition:opacity .3s}.stage-new.is-visible{opacity:1;pointer-events:auto}.stage-offline{position:absolute;left:50%;transform:translate(-50%);bottom:56px;background:var(--ink);color:var(--white);font-size:22px;padding:14px 26px;z-index:6;border-radius:999px}.hide-cursor,.hide-cursor *{cursor:none!important}.arm{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--blue-deep) url(/assets/metabola-16-BDB4e8_0.jpg) center / cover;color:var(--white);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:18px;padding:6vw;text-align:left}.arm-logo{position:absolute;top:5vw;left:6vw;height:3vw;min-height:26px;width:auto}.arm-text{font-size:clamp(30px,4.4vw,80px);font-weight:500;line-height:1.02;max-width:14em;letter-spacing:-.025em}.arm-sub{font-size:clamp(14px,1.2vw,20px);opacity:.85}.lobby-hero{position:absolute;left:68px;top:172px;width:1120px;display:flex;flex-direction:column;gap:26px}.lobby-welcome{font-weight:400;font-size:108px;line-height:.98;letter-spacing:-.035em;text-wrap:balance}.lobby-welcome .w-strong{font-weight:500}.lobby-how{font-size:30px;line-height:1.32;max-width:860px;color:#ffffffe6}.qr-card{position:absolute;right:68px;top:172px;width:540px;padding:30px;display:flex;flex-direction:column;gap:22px}.qr-box{width:480px;height:480px;background:var(--white);border-radius:26px;padding:26px;box-shadow:none}.qr-box svg{width:100%;height:100%;display:block}.qr-meta{display:flex;flex-direction:column;gap:4px;padding:0 8px 4px}.qr-label{font-size:22px;color:var(--muted)}.qr-url{font-size:30px;font-weight:500;color:var(--blue);letter-spacing:-.01em}.lobby-players{position:absolute;left:68px;width:1180px;top:590px;bottom:56px;padding:32px 40px;display:flex;flex-direction:column;gap:22px;overflow:hidden}.lobby-count{display:flex;align-items:baseline;gap:14px}.count-num{font-weight:500;font-size:66px;line-height:1;color:var(--blue);letter-spacing:-.02em;font-variant-numeric:tabular-nums;animation:numIn .4s var(--ease) both}.count-label{font-size:26px;color:var(--muted)}.live-dot{width:12px;height:12px;border-radius:50%;background:var(--opt-green);margin-left:6px;align-self:center;animation:pulse 1.4s ease-in-out infinite}.lobby-wait{font-size:28px;color:var(--muted)}.lobby-names{list-style:none;display:flex;flex-wrap:wrap;gap:12px;align-content:flex-start;overflow:hidden}.lobby-names .chip{font-size:28px;padding:10px 22px}.lobby-names.is-mid .chip{font-size:23px;padding:8px 18px}.lobby-names.is-dense{gap:8px}.lobby-names.is-dense .chip{font-size:18px;padding:6px 14px}.name-in{animation:pop .45s var(--spring) both}.lobby .stage-next{bottom:56px}.countdown{gap:40px}.countdown .eyebrow{align-self:center;font-size:26px}.count-orb{width:400px;height:400px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 32% 26%,#7896ffe6,#0038ffc7 45%,#001a8ce6);-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6);box-shadow:inset 0 -20px 60px #00147859,0 40px 100px #000c3c73;animation:orb .7s var(--spring) both}.count-orb span{font-size:220px;font-weight:500;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.countdown-sub{font-size:30px;color:#ffffffe6}.q-card{position:absolute;left:68px;right:68px;top:156px;min-height:220px;padding:40px 56px;display:flex;align-items:center}.q-text{font-weight:500;font-size:62px;line-height:1.06;letter-spacing:-.025em;text-wrap:balance}.q-text.is-long{font-size:52px}.qv-mid{position:absolute;left:68px;right:68px;top:402px;height:270px;display:flex;align-items:center;justify-content:space-between}.timer-ring{position:relative;width:236px;height:236px;border-radius:50%;background:#001e9666;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 20px 60px #000c3c4d}.timer-ring svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.ring-track{fill:none;stroke:#fff3;stroke-width:12}.ring-bar{fill:none;stroke:var(--white);stroke-width:12;stroke-linecap:round;transition:stroke-dashoffset .15s linear,stroke .3s}.timer-ring.is-low .ring-bar{stroke:#ff5c74}.timer-num{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:96px;font-weight:500;letter-spacing:-.03em;font-variant-numeric:tabular-nums;animation:numIn .35s var(--ease) both}.answered-pill{display:flex;align-items:baseline;gap:14px;padding:26px 44px;border-radius:999px}.answered-num{font-size:76px;font-weight:500;line-height:1;color:var(--blue);letter-spacing:-.03em;font-variant-numeric:tabular-nums;animation:numIn .3s var(--ease) both}.answered-label{font-size:28px;color:var(--muted)}.tiles{position:absolute;left:68px;right:68px;bottom:56px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.tile{display:flex;align-items:center;gap:26px;min-height:148px;padding:20px 34px 20px 24px;border-radius:30px;box-shadow:inset 0 1px #ffffff73,inset 0 -6px #00000029,0 18px 44px #000a3252;animation:tileIn .5s var(--ease) both;transition:opacity .45s,filter .45s,transform .45s var(--spring)}.tile-shape{flex:none;width:92px;height:92px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff3;box-shadow:none}.tile-text{flex:1;font-weight:500;font-size:42px;line-height:1.1;letter-spacing:-.015em}.tile-text.is-mid{font-size:34px}.tile-text.is-long{font-size:27px}.tile-check{flex:none;width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff40;animation:pop .5s var(--spring) both .3s}.tiles.is-reveal .tile{animation:none}.tile.is-wrong{opacity:.32;filter:saturate(.45);transform:scale(.98)}.tile.is-right{transform:scale(1.015);box-shadow:inset 0 -6px #00000029,0 24px 60px #000a3266}.chart{position:absolute;left:50%;transform:translate(-50%);top:388px;width:860px;height:312px;padding:22px 48px;display:flex;justify-content:space-between;align-items:flex-end}.chart-col{width:150px;display:flex;flex-direction:column;align-items:stretch;gap:10px;transition:opacity .4s}.chart-col.is-wrong{opacity:.38}.chart-count{display:flex;align-items:center;justify-content:center;gap:8px;font-weight:500;font-size:40px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.chart-bar{width:100%;border-radius:16px 16px 6px 6px;transform-origin:bottom;animation:grow .85s var(--spring) both}.chart-key{height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center}.lb-title{position:absolute;left:68px;top:168px;font-size:96px;font-weight:400;letter-spacing:-.035em;line-height:1}.lb{position:absolute;left:240px;right:240px;top:316px}.lb-row{position:absolute;left:0;right:0;top:0;height:106px;transition:transform .95s var(--spring),opacity .6s}.lb-row.is-out{opacity:0}.lb-in{height:100%;display:flex;align-items:center;gap:28px;padding:0 44px 0 18px;border-radius:999px;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:0 20px 60px #000c3c4d;color:var(--ink);animation:up .5s var(--ease) both}.lb-rank{flex:none;width:74px;height:74px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--blue);color:var(--white);font-size:36px;font-weight:500}.lb-name{flex:1;font-weight:500;font-size:46px;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-up{font-size:20px;font-weight:500;color:var(--opt-green);background:#26890c1f;padding:6px 14px;border-radius:999px;animation:pop .45s var(--spring) both}.lb-delta{font-size:26px;font-weight:500;color:var(--blue);font-variant-numeric:tabular-nums}.lb-score{min-width:210px;text-align:right;font-weight:500;font-size:50px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.lb-row.is-first .lb-in{background:var(--blue);background-image:linear-gradient(180deg,#fff3,#fff0 60%);color:var(--white);box-shadow:0 24px 70px #001ea080}.lb-row.is-first .lb-rank{background:var(--white);color:var(--blue)}.lb-row.is-first .lb-delta{color:#ffffffd9}.lb-row.is-first .lb-up{color:var(--white);background:#fff3}.podium{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:flex-end;gap:30px;z-index:2}.pod-col{width:440px;display:flex;flex-direction:column;align-items:stretch}.pod-plate{min-height:136px;margin:0 18px 22px;padding:18px 24px;border-radius:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);color:var(--ink);opacity:0;transform:translateY(24px) scale(.7);transition:opacity .35s,transform .6s var(--spring)}.pod-col.is-up.pod-1 .pod-plate,.pod-col.is-revealed .pod-plate{opacity:1;transform:none}.pod-1 .pod-plate{min-height:168px}.pod-1.is-revealed .pod-plate{background:var(--blue);background-image:linear-gradient(180deg,#ffffff38,#fff0 60%);color:var(--white);box-shadow:0 30px 90px #001ea08c}.pod-name{font-weight:500;font-size:46px;line-height:1.04;letter-spacing:-.02em;overflow-wrap:anywhere}.pod-1 .pod-name{font-size:62px}.pod-score{font-size:26px;opacity:.8;font-variant-numeric:tabular-nums}.pod-mystery{font-weight:500;font-size:96px;line-height:1;color:var(--blue);animation:pulse .9s ease-in-out infinite}.pod-bar{display:flex;flex-direction:column;align-items:center;gap:18px;padding-top:34px;border-radius:40px 40px 0 0;color:var(--ink);background:linear-gradient(180deg,#ffffffeb,#ffffff9e);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:inset 0 2px #fff,0 -10px 60px #000c3c4d;transform-origin:bottom;transform:scaleY(0);transition:transform .95s var(--spring)}.pod-1 .pod-bar{height:500px;transition-duration:3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.pod-2 .pod-bar{height:370px}.pod-3 .pod-bar{height:268px}.pod-col.is-up .pod-bar{transform:none}.pod-medal{width:128px;height:128px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:68px;font-weight:500;color:var(--white);background:var(--ink-2);box-shadow:inset 0 2px #ffffff59,0 14px 30px #000c3c40}.pod-1 .pod-medal{width:150px;height:150px;font-size:84px;background:var(--blue);background-image:linear-gradient(180deg,#ffffff4d,#fff0 60%)}.pod-3 .pod-medal{background:var(--pill);color:var(--ink)}.pod-place{font-size:26px;font-weight:500;color:var(--muted)}.pod-1.is-revealed .pod-bar{animation:winner .7s var(--spring)}@keyframes winner{0%{transform:scale(1)}40%{transform:scale(1.04)}to{transform:scale(1)}}.pod-confetti{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:4;pointer-events:none}.phone-shell{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--blue-deep)}.phone{position:relative;flex:1;display:flex;flex-direction:column;gap:18px;min-height:0;overflow:hidden;padding:max(24px,env(safe-area-inset-top)) 22px 24px;user-select:none;-webkit-user-select:none;background:var(--blue-deep) url(/assets/metabola-16-BDB4e8_0.jpg) center / cover;color:var(--white)}.join.phone{position:fixed;top:0;right:0;bottom:0;left:0}.phone.center{align-items:center;justify-content:center;text-align:center}.phone-blue{background-color:var(--blue-deep)}.phone-black{background:var(--ink) url(/assets/metabola-01-DmxsF08X.jpg) center / cover}.phone-black:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0b0d12b8}.phone-black>*{position:relative}.phone-white{background:var(--grey);color:var(--ink)}.phone-title{font-weight:500;font-size:clamp(30px,8.6vw,42px);line-height:1.04;letter-spacing:-.025em;text-wrap:balance}.phone-title.small{font-size:22px}.phone-text{font-size:18px;line-height:1.38;max-width:22em;opacity:.92}.phone-bar{position:absolute;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:5;display:flex;align-items:center;gap:12px;height:56px;padding:0 8px 0 22px;border-radius:999px;background:#ffffffdb;-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6);box-shadow:0 14px 40px #000c3c4d;color:var(--ink);font-size:17px}.phone-shell .phone{padding-bottom:calc(86px + env(safe-area-inset-bottom))}.bar-name{font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-net{font-size:13px;background:var(--pill);padding:6px 10px;border-radius:999px}.bar-score{font-weight:500;font-variant-numeric:tabular-nums;background:var(--ink);color:var(--white);padding:0 18px;height:40px;display:inline-flex;align-items:center;border-radius:999px}.loader{width:34px;height:34px;border:3px solid rgba(0,0,0,.1);border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}.phone-top{padding-top:6px}.join-logo{height:22px;width:auto;display:block}.join-main{flex:1;display:flex;flex-direction:column;justify-content:center;gap:16px;max-width:440px;width:100%;margin:0 auto}.join-form,.join-welcome{display:flex;flex-direction:column;gap:14px;padding:26px 22px 22px;border-radius:30px;background:#ffffffe0;-webkit-backdrop-filter:blur(22px) saturate(1.6);backdrop-filter:blur(22px) saturate(1.6);box-shadow:0 30px 80px #000c3c59;color:var(--ink);animation:up .5s var(--ease) both}.join-form .phone-title,.join-welcome .phone-title{font-size:30px}.join-title{margin-bottom:6px}.join-form .label-caps{color:var(--muted);padding-left:6px}.join-input{height:62px;border:0;border-radius:999px;background:var(--grey);color:var(--ink);font-size:24px;font-weight:500;text-align:center;outline:none;width:100%;box-shadow:none}.join-input.pin{font-size:32px;font-weight:500;font-variant-numeric:tabular-nums}.join-input:focus{box-shadow:none;background:var(--white)}.join-form .btn{height:60px;font-size:19px}.join-hint,.join-pin-note{font-size:15px;color:var(--muted);text-align:center}.join-error{background:#0b0d12cc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--white);padding:14px 18px;font-size:15px;line-height:1.35;border-radius:20px}.lobby-b{width:70px;height:auto;margin-bottom:6px}.lobby-name{margin-top:8px;background:#ffffffe6;color:var(--blue);font-weight:500;font-size:24px;padding:12px 24px;border-radius:999px;box-shadow:0 14px 40px #000c3c4d}.ready-count{width:min(56vw,240px);height:min(56vw,240px);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:min(30vw,130px);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.04em;background:radial-gradient(circle at 32% 26%,#7896ffe6,#0038ffc7 45%,#001a8ce6);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 30px 80px #000c3c66;animation:orb .6s var(--spring) both}.pad-wrap{flex:1;display:flex;flex-direction:column;min-height:0;background:var(--ink) url(/assets/metabola-16-BDB4e8_0.jpg) center / cover;padding-bottom:calc(80px + env(safe-area-inset-bottom))}.pad-head{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:max(14px,env(safe-area-inset-top)) 18px 12px;font-size:16px;font-weight:500;color:var(--white)}.pad-secs{font-weight:500;font-variant-numeric:tabular-nums;background:#ffffff2e;padding:6px 14px;border-radius:999px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.pad{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px;padding:0 10px 10px;min-height:0}.pad-btn{display:flex;align-items:center;justify-content:center;border-radius:26px;touch-action:manipulation;box-shadow:inset 0 1px #ffffff73,inset 0 -6px #0000002e,0 14px 30px #000a324d;transition:transform .14s var(--ease),opacity .2s;animation:tileIn .4s var(--ease) both}.pad-btn:nth-child(2){animation-delay:.04s}.pad-btn:nth-child(3){animation-delay:.08s}.pad-btn:nth-child(4){animation-delay:.12s}.pad-btn:active,.pad-btn.is-picked{transform:scale(.94)}.pad-btn.is-dim{opacity:.25}.pad-btn .shape{max-width:110px;max-height:110px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.18))}.answered-chip{width:34vw;height:34vw;max-width:160px;max-height:160px;display:flex;align-items:center;justify-content:center;border-radius:36px;box-shadow:inset 0 1px #ffffff73,inset 0 -6px #0000002e,0 20px 50px #000a3240}.points-box{background:var(--white);color:var(--blue);font-weight:500;font-size:32px;padding:10px 26px;border-radius:999px;font-variant-numeric:tabular-nums;box-shadow:0 14px 40px #000c3c4d}.points-box.muted{background:#ffffff24;color:var(--white);box-shadow:none}.standing{font-size:19px;line-height:1.42;padding:14px 22px;border-radius:22px;background:#ffffff1f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:none}.final-rank{font-weight:500;font-size:min(30vw,140px);line-height:1;letter-spacing:-.04em}.res-icon{display:inline-flex;align-items:center;justify-content:center;width:min(26vw,120px);height:min(26vw,120px);border-radius:50%;background:#ffffff29;box-shadow:none}.res-icon svg{width:52%;height:52%}.phone-white .phone-title,.phone-white .phone-text{color:var(--ink)}.phone-white .btn-blue{background:var(--blue)}.welcome-gate{min-height:100%;display:flex;align-items:center;justify-content:center;background:var(--blue-deep) url(/assets/metabola-16-BDB4e8_0.jpg) center / cover;padding:24px}.auth{min-height:100%;display:flex;align-items:center;justify-content:center;background:var(--grey);padding:24px}.auth-box{background:var(--white);border-radius:28px;box-shadow:0 30px 80px #000c3c1f;width:100%;max-width:420px;padding:40px 36px;display:flex;flex-direction:column;gap:18px}.auth-logo{height:24px;width:auto;align-self:flex-start;margin-bottom:12px}.auth-form{display:flex;flex-direction:column;gap:16px}.field{display:flex;flex-direction:column;gap:6px;font-size:14px}.field input{height:48px;border:0;box-shadow:inset 0 0 0 1.5px var(--black);padding:0 18px;font-size:16px;border-radius:999px;outline:none;background:var(--grey);box-shadow:none}.field input:focus{box-shadow:inset 0 0 0 2.5px var(--blue)}.adm{min-height:100%;background:var(--grey)}.adm-head{display:flex;align-items:center;gap:28px;padding:0 28px;height:68px;background:#ffffffd1;backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);box-shadow:0 1px #000a3c12;position:sticky;top:0;z-index:3}.adm-logo{height:20px;width:auto}.adm-tabs{display:flex;gap:4px;flex:1}.adm-tabs{align-items:center}.adm-tabs button{height:40px;padding:0 18px;font-weight:500;font-size:15px;border-radius:999px;transition:background .15s}.adm-tabs button:hover{background:var(--pill)}.adm-tabs button.is-on{color:var(--white);background:var(--ink)}.adm-main{padding:24px 28px 60px;max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.adm-grid{display:grid;grid-template-columns:320px 1fr;align-items:start;gap:20px}.adm-grid .panel-q,.adm-grid .panel-players,.adm-grid .panel-rank{grid-column:1 / -1}@media (min-width: 1100px){.adm-grid{grid-template-columns:320px 1fr 1fr}.adm-grid .panel-ctrl{grid-column:2 / 4}.adm-grid .panel-q{grid-column:1 / 2}.adm-grid .panel-players{grid-column:2 / 3}.adm-grid .panel-rank{grid-column:3 / 4}}@media (max-width: 720px){.adm-grid{grid-template-columns:1fr}.adm-head{gap:12px;padding:0 14px}.adm-main{padding:16px 14px 48px}}.panel{background:var(--white);border-radius:28px;padding:26px;display:flex;flex-direction:column;gap:14px;min-width:0}.h-sec{font-weight:500;font-size:22px}.panel-pin{align-items:flex-start}.adm-pin{font-weight:500;font-size:56px;line-height:1;font-variant-numeric:tabular-nums}.adm-qr{width:160px;height:160px}.adm-qr svg{width:100%;height:100%}.ctrl-status{display:flex;align-items:center;gap:8px;font-size:14px}.dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex:none}.dot.is-ok{background:var(--blue)}.dot.is-bad{background:var(--black)}.dot.is-off{background:var(--grey-2)}.ctrl-sub{font-size:16px;color:#333}.ctrl-stats{display:flex;gap:32px;padding:6px 0}.stat{display:flex;flex-direction:column}.stat-n{font-weight:500;font-size:40px;line-height:1;font-variant-numeric:tabular-nums}.stat-l{font-size:13px;color:#555}.ctrl-secondary{display:flex;flex-wrap:wrap;gap:10px;padding-top:14px;border-top:1px solid var(--grey)}.ctrl-secondary .btn{height:44px;font-size:15px;padding:0 18px}.opt-row{display:flex;flex-wrap:wrap;gap:12px 28px}.toggle{display:inline-flex;align-items:center;gap:10px;font-size:15px;cursor:pointer}.toggle input{position:absolute;opacity:0;pointer-events:none}.toggle-ui{width:40px;height:22px;background:var(--grey-2);border-radius:999px;position:relative;flex:none;transition:background .15s}.toggle-ui:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;background:var(--white);border-radius:50%;transition:transform .15s var(--ease)}.toggle input:checked+.toggle-ui{background:var(--blue)}.toggle input:checked+.toggle-ui:after{transform:translate(18px)}.toggle input:focus-visible+.toggle-ui{outline:2px solid var(--black);outline-offset:2px}.adm-qtext{font-weight:500;font-size:19px;line-height:1.3}.adm-opts{list-style:none;display:flex;flex-direction:column;gap:6px}.adm-opts li{display:flex;align-items:center;gap:10px;font-size:15px;padding:6px 0;border-bottom:1px solid var(--grey)}.adm-opts li.is-correct{font-weight:500}.adm-opt-text{flex:1}.adm-opt-count{font-variant-numeric:tabular-nums;min-width:2ch;text-align:right}.mini{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;flex:none}.adm-players{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:4px 16px;max-height:420px;overflow:auto}.adm-players li{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--grey);font-size:15px}.adm-pname{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adm-players .link{font-size:12px}.rank-head{display:flex;align-items:baseline;justify-content:space-between}.rank-table{width:100%;border-collapse:collapse;font-size:15px;font-variant-numeric:tabular-nums}.rank-table th{text-align:left;font-weight:400;font-size:13px;padding:6px 4px;border-bottom:1px solid var(--pill);color:var(--muted)}.rank-table td{padding:7px 4px;border-bottom:1px solid var(--grey)}.rank-table td:last-child,.rank-table th:last-child{text-align:right}.panel-rank{max-height:640px;overflow:auto}.editor-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#ffffffe0;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:14px 18px 14px 26px;position:sticky;top:80px;z-index:2;border-radius:999px;box-shadow:inset 0 0 0 1px #000a3c12,0 12px 30px #000c3c14}.editor-bar p{font-size:14px}.editor-msg{background:var(--ink);color:var(--white);padding:10px 18px;border-radius:999px;font-size:14px}.q-edit-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.q-edit-tools{display:flex;gap:16px}.q-edit-text{width:100%;border:0;box-shadow:inset 0 0 0 1.5px var(--pill);padding:14px 18px;font-size:18px;font-weight:500;resize:vertical;border-radius:20px;outline:none}.q-edit-text:focus,.q-edit-input:focus{box-shadow:inset 0 0 0 2.5px var(--blue)}.q-edit-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width: 720px){.q-edit-opts{grid-template-columns:1fr}}.q-edit-opt{display:flex;align-items:center;gap:10px}.q-edit-opt input[type=radio]{width:20px;height:20px;accent-color:var(--blue);flex:none}.q-edit-input{flex:1;height:44px;border:0;box-shadow:inset 0 0 0 1.5px var(--grey-2);padding:0 16px;font-size:15px;border-radius:999px;outline:none;min-width:0}.q-edit-opt.is-correct .q-edit-input{box-shadow:inset 0 0 0 2px var(--blue);font-weight:500}.stage-bg video{transition:opacity .6s}.stage-bg.is-plain{background:#eef1f8}.stage-bg.is-plain video,.stage-bg.is-plain:after,.stage-bg.is-plain:before{opacity:0}.topbar.is-light{background:var(--white);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 10px 30px #000c3c0f}.topbar.is-light .topbar-right{color:var(--muted)}.qv{color:var(--ink)}.qv .q-card{top:172px;min-height:0;padding:0 8px;background:none;box-shadow:none}.qv .q-text{font-size:72px;font-weight:500;line-height:1.04;letter-spacing:-.03em;color:var(--ink);text-shadow:none}.qv .q-text.is-long{font-size:58px}.qv .timer-ring{background:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.qv .ring-track{stroke:#001a8c1a}.qv .ring-bar{stroke:var(--blue)}.qv .timer-num{color:var(--ink);text-shadow:none}.qv .timer-ring.is-low .ring-bar{stroke:var(--opt-red)}.qv .answered-pill{flex-direction:column;align-items:flex-end;gap:6px;padding:0 8px;background:none;box-shadow:none}.qv .chart{background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.qv .chart-count{color:var(--ink)}.qv .tile{box-shadow:inset 0 1px #fff6,inset 0 -6px #00000024,0 14px 30px #000c3c1f}.qv .tile.is-wrong{opacity:.22;filter:saturate(.3)}.qv .tile.is-right{box-shadow:inset 0 -6px #00000029,0 24px 50px #000c3c33}strong,b,th{font-weight:500}.lobby-hero{top:200px;gap:30px}.lobby-welcome{font-weight:400}.qr-card{position:absolute;right:68px;top:172px;width:auto;padding:0;display:flex;flex-direction:column;align-items:center;gap:18px;background:none;box-shadow:none}.qr-box{width:470px;height:470px;padding:34px;border-radius:34px;background:#fff;box-shadow:0 30px 80px #000c3c59}.qr-label{font-size:22px;color:#ffffffd9;text-shadow:0 2px 20px rgba(0,10,70,.4)}.lobby-players{padding:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;top:560px}.lobby-players .count-num{color:var(--white)}.lobby-players .count-label,.lobby-players .lobby-wait{color:#ffffffd9}.lobby-names .chip{background:#ffffffdb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.stage-next{height:60px;padding:0 8px 0 28px;gap:14px;font-size:21px;background:#ffffffdb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 14px 40px #000c3c40}.stage-next:after{width:44px;height:44px;font-size:22px}.pod-scr~.stage-new,.stage-new{top:150px}.lb{left:68px;right:auto;width:1240px}.tile-text,.tile-text.is-mid,.tile-text.is-long{font-size:32px;line-height:1.15}.qv .tile.is-right{transform:scale(1.02)}