body.low-gfx-test *{-webkit-backdrop-filter:none!important}:root{--px1920:min(.0520833vw, .0925926vh);--ds-primary-0:#ede9fe;--ds-primary-25:#c4b5fd;--ds-primary-50:#7c3aed;--ds-primary-100:#6b2ed1;--ds-primary-200:#5b21b6;--ds-primary-300:#2e1065;--ds-secondary-0:#ffe4f2;--ds-secondary-25:#ff85c2;--ds-secondary-50:#ff2d95;--ds-secondary-100:#e81e83;--ds-secondary-200:#d01072;--ds-secondary-300:#70083b;--ds-success-50:#00c16a;--ds-success-300:#052e16;--ds-warning-50:#ffd60a;--ds-warning-300:#5c3d1f;--ds-error-50:#ff2b44;--ds-error-300:#660c18;--ds-grey-25:#f1f5f9;--ds-grey-200:#94a3b8;--ds-grey-500:#334155;--ds-grey-700:#0f172a;--ds-grey-800:#0a0f1e;--ds-radius-sm:8px;--ds-radius-md:14px;--ds-radius-lg:20px;--ds-radius-xl:28px;--ds-focus-ring:0 0 0 3px #eafdff, 0 0 0 7px #2ee6ff8c, 0 0 24px #2ee6ffd9;--bg:#0b1533;--bg2:#16234a;--purple:#7c3aed;--purple-l:#a855f7;--purple-d:#5b21b6;--pink:#ff3df0;--cyan:#2ee6ff;--gold:#f5c542;--green:#22c55e;--red:#ef4444;--text:#f5f3ff;--muted:#bfcaf2;--font-heading:"Fredoka";--font-body:"Nunito";--c0:#2563eb;--c1:#f59e0b;--c2:#16a34a;--c3:#db2777;--shadow:0 10px 40px #00000073;--safe-x:3vw;--safe-y:3vh;--nuby-btn-scale:1;--nuby-btn-width:min(320px, 16.667vw, 29.625vh);--nuby-btn-height:calc(var(--nuby-btn-width) * .43643);--nuby-btn-font-size:clamp(14px, min(1.53vw, 2.72vh), 22px);--logo-scale:1;--logo-base-h:clamp(56px, 11vh, 130px);--topbar-h:calc(var(--safe-y) + 44px + max(var(--logo-base-h) * var(--logo-scale,1), 36px * var(--nuby-btn-scale,1)))}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body), "Segoe UI", system-ui, -apple-system, sans-serif;background:radial-gradient(circle at 50% 0%, #1b2f6e, var(--bg) 60%);color:var(--text);-webkit-user-select:none;user-select:none;overflow:hidden}button{cursor:pointer;border:none;font-family:inherit}.logo{font-family:"Montserrat", var(--font-heading), var(--font-body), system-ui, sans-serif;letter-spacing:.02em;text-shadow:0 0 22px #b45aff80;font-weight:800;line-height:1}.glow{text-shadow:0 0 34px #be6effb3}.brand-logo{object-fit:contain;filter:drop-shadow(0 0 22px #5ac8ff73);width:auto;display:block}.canvas-bg{z-index:1;position:fixed;inset:0}.screen{z-index:2;pointer-events:none;padding:var(--safe-y) var(--safe-x);flex-direction:column;display:flex;position:fixed;inset:0}.screen .panel{pointer-events:auto}.splash{z-index:50;padding-bottom:var(--safe-y,6vh);background-image:url(/brand/nuby-splash-bg.webp);background-position:50%;background-size:cover;flex-direction:column;justify-content:flex-end;align-items:center;display:flex;position:fixed;inset:0}.splash p{color:var(--muted);font-size:20px}.splash-hint{color:#e6e1ffd9;letter-spacing:.04em;text-shadow:0 2px 10px #000000a6;font-size:17px;animation:2.2s ease-in-out infinite pulse}.splash-hint b{color:#eafdff;font-weight:800}.screen.no-topbar .topbar,.screen.no-topbar .room-tag,.screen.no-brand .brand-logo,.screen.no-brand .room-tag{display:none}.screen.no-brand .topbar{justify-content:flex-end}.topbar{z-index:6;pointer-events:auto;justify-content:space-between;align-items:center;gap:16px;padding:22px 36px;display:flex;position:relative}.exit-icon-btn{color:#fff;background:linear-gradient(#7c3aed33,#7c3aed33) padding-box padding-box,linear-gradient(135deg,#a44acecc,#09c) border-box;border:3px solid #0000;border-radius:22%;flex-shrink:0;place-items:center;width:clamp(44px,5.2vw,64px);height:clamp(44px,5.2vw,64px);padding:0;font-size:0;line-height:1;transition:transform .1s,background .15s,box-shadow .15s;display:grid;position:relative;box-shadow:inset 0 1px 1px #ffffff26}.exit-icon-btn svg{width:48%;height:48%}.exit-icon-btn:hover{background:linear-gradient(#7c3aed57,#7c3aed57) padding-box padding-box,linear-gradient(135deg,#a44acecc,#09c) border-box}.exit-icon-btn:focus,.exit-icon-btn:focus-visible{box-shadow:var(--ds-focus-ring);outline:none}.exit-icon-btn:active{transform:scale(.94)}.room-tag{left:var(--safe-x);bottom:var(--safe-y);z-index:2;font-family:"Montserrat", var(--font-heading), sans-serif;letter-spacing:.04em;color:#e1dcff99;text-shadow:0 2px 8px #00000080;font-size:14px;font-weight:600;position:fixed}.exit-confirm-overlay{z-index:60;background:#0000004d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.exit-confirm-panel{width:min(600px, calc(100vw - 2 * var(--safe-x)));text-align:center;background:linear-gradient(#6b2ed1d9 0%,#5b21b68c 55%,#14062d66 100%);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:clamp(14px,min(2.96vh,1.67vw),24px);min-height:clamp(180px,min(34.07vh,19.17vw),276px);padding:clamp(20px,min(4.9vh,2.78vw),40px);display:flex;box-shadow:0 30px 80px #0009}.exit-confirm-title{font-family:"Figtree", var(--font-heading), sans-serif;color:#fff;margin:0;font-size:clamp(20px,min(3.95vh,2.22vw),32px);font-weight:600;line-height:1.1}.exit-confirm-subtitle{font-family:"Figtree", var(--font-heading), sans-serif;color:#fff;max-width:360px;margin:0;font-size:clamp(13px,min(2.22vh,1.25vw),18px);font-weight:600;line-height:1.4}.exit-confirm-actions{justify-content:center;gap:16px;display:flex}.standard-btn{background:linear-gradient(var(--ds-primary-100), var(--ds-primary-100)) padding-box, linear-gradient(135deg, #a44acecc, #09c) border-box;width:220px;height:55px;font-family:"Figtree", var(--font-heading), sans-serif;color:#fff;cursor:pointer;touch-action:manipulation;border:3px solid #0000;border-radius:16px;justify-content:center;align-items:center;font-size:clamp(14px,min(2.47vh,1.39vw),20px);font-weight:600;transition:transform .1s;display:inline-flex}.standard-btn:active{transform:scale(.97)}.standard-btn:focus,.standard-btn:focus-visible{outline:3px solid var(--cyan,#5cd6ff);outline-offset:3px;box-shadow:0 0 0 6px #5cd6ff40}.standard-btn--danger{background:linear-gradient(var(--ds-primary-200), var(--ds-primary-200)) padding-box, linear-gradient(135deg, #a44acecc, #09c) border-box}.badge{font-family:"Montserrat", var(--font-heading), sans-serif;color:#eafdff;letter-spacing:.03em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#7896ff4d,#3c5fcd5c 60%);border:1.5px solid #96b4ff8c;border-radius:999px;padding:9px 20px;font-size:15px;font-weight:800;box-shadow:inset 0 1px 1px #ffffff59,inset 0 -2px 4px #0000001f,0 2px 10px #5a78dc47}.badge .icon{margin-right:6px}.cat-icon-img{object-fit:cover;vertical-align:-.15em;border-radius:4px;width:1.1em;height:1.1em}.mode-badge{color:#ffe6c2;background:linear-gradient(#ffbe7852,#ff9a3d4d 60%);border-color:#ffb46499;box-shadow:inset 0 1px 1px #ffffff59,inset 0 -2px 4px #0000001f,0 2px 10px #ff9a3d4d}.timer-donut{background:conic-gradient(#ffd60a var(--pct,100%), #ffffff1f 0);border-radius:50%;place-items:center;width:86px;height:86px;display:grid;box-shadow:0 0 30px #ffd60a8c}.timer-donut .inner{width:70px;height:70px;font-family:"Montserrat", var(--font-heading), system-ui, sans-serif;color:#fff;background:#0a0f1e;border-radius:50%;place-items:center;font-size:34px;font-weight:800;display:grid}.timer-donut.low{background:conic-gradient(#ff2b44 var(--pct,100%), #ffffff1f 0);animation:.5s infinite pulse;box-shadow:0 0 30px #ff2b448c}.timer-donut.low .inner{color:#ff8a94}.center-area{flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:22px;min-height:0;padding:0 30vw 11vh 6%;display:flex;overflow-y:auto}.center-area.with-presenter{padding-right:30vw}.center-area.lobby-phase{justify-content:flex-start;padding-top:4px}.center-area.intro-phase{padding:0}.intro-actions{left:calc(315 * var(--px1920));position:fixed;top:50%;transform:translateY(-50%)}.intro-subtitle{left:50%;bottom:calc(95 * var(--px1920));width:calc(1100 * var(--px1920));box-sizing:border-box;padding:calc(28 * var(--px1920)) calc(48 * var(--px1920));border-radius:calc(24 * var(--px1920));border:calc(2 * var(--px1920)) solid #ffffff29;font-family:"Figtree", var(--font-heading), system-ui, sans-serif;font-weight:500;font-size:calc(34 * var(--px1920));color:#fff;text-align:center;text-wrap:balance;z-index:6;background:#0e0925c7;line-height:1.4;position:fixed;transform:translate(-50%)}.center-area.question-phase{left:calc(50% - 515 * var(--px1920));top:calc(294 * var(--px1920));width:calc(1030 * var(--px1920));justify-content:flex-start;align-items:flex-start;gap:0;padding:0;position:fixed;bottom:auto;overflow:visible}.center-area.question-phase .question-card{margin-bottom:calc(45 * var(--px1920))}.center-area.question-phase .options-grid{width:100%}.center-area.question-phase .presenter-line{left:calc(450 * var(--px1920));top:calc(98 * var(--px1920));z-index:5;align-items:center;margin-top:0;position:fixed}.center-area.question-phase .presenter-line img{width:calc(80 * var(--px1920));height:calc(80 * var(--px1920))}.presenter-line{align-items:flex-end;gap:calc(52 * var(--px1920));display:flex}.presenter-line img{width:calc(150 * var(--px1920));height:calc(150 * var(--px1920));object-fit:contain;flex:none}.presenter-line span{font-family:"Figtree", var(--font-heading), system-ui, sans-serif;font-weight:500;font-size:calc(24 * var(--px1920));color:#fff;text-shadow:0 4px 4px #0006;align-self:center;line-height:1.5}.lobby{flex-wrap:wrap;align-items:flex-start;gap:42px;display:flex}.choice-screen{z-index:1;padding:var(--topbar-h) var(--safe-x) var(--safe-y);background-image:url(/brand/lobby-choice-bg.webp);background-position:50%;background-size:cover;position:fixed;inset:0}.nuby-btn.choice-btn{position:absolute;top:48%}.nuby-btn.choice-btn.left{left:13.6%}.nuby-btn.choice-btn.right{right:13.6%}.wizard-screen{z-index:1;padding:var(--topbar-h) var(--safe-x) max(40px, var(--safe-y));background-image:url(/brand/wizard-bg.webp);background-position:50%;background-size:cover;flex-direction:column;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.final-stage{z-index:3;justify-content:flex-end;align-items:center;gap:calc(70 * var(--px1920));padding:calc(95 * var(--px1920));flex-direction:column;display:flex;position:fixed;inset:0}.final-bg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.final-veil{pointer-events:none;opacity:.2;background:radial-gradient(50% 50%,#0000 0%,#000 100%);position:absolute;inset:0}.final-top{align-items:center;gap:calc(85 * var(--px1920));flex-direction:column;flex:1;width:100%;min-height:0;display:flex;position:relative}.final-headline{height:calc(229 * var(--px1920));justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.final-capsule{width:calc(1000 * var(--px1920));height:calc(168 * var(--px1920));border-radius:calc(80 * var(--px1920));background:#7c3aed33;justify-content:center;align-items:center;display:flex}.final-title{white-space:nowrap;font-family:"Figtree", var(--font-heading), system-ui, sans-serif;font-weight:700;font-size:calc(96 * var(--px1920));color:#fff;paint-order:stroke fill;-webkit-text-stroke:calc(16 * var(--px1920)) #5272c5;margin:0;line-height:.89}.final-art-wrap{width:calc(1588 * var(--px1920));flex-direction:column;justify-content:center;align-items:center;display:flex}.final-art{width:calc(368 * var(--px1920));height:calc(260 * var(--px1920));object-fit:contain}.final-row{width:calc(1730 * var(--px1920));height:calc(170 * var(--px1920));justify-content:center;align-items:center;gap:calc(71 * var(--px1920));display:flex;position:relative}.mode-intro-banner{z-index:1;background-image:url(/brand/mode-intro-bg.webp);background-position:50%;background-size:cover;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mode-intro-content{text-align:center;padding-top:calc(var(--mi-pad) * var(--px1920));--mi-pad:17.44;--mi-art-w:464.01;--mi-art-h:498.22;--mi-ring:423.53;--mi-ring-top:74.69;--mi-clip-x:89.04;--mi-clip-y:0;--mi-clip-w:374.96;--mi-clip-h:466.56;--mi-img-x:-27.32%;--mi-img-y:-17.61%;--mi-img-w:148.93%;--mi-img-h:160.3%;--mi-gap:69.76;--mi-title:55.81;flex-direction:column;align-items:center;display:flex}.mode-intro-content.mi-speed{--mi-pad:17.42;--mi-art-w:463.45;--mi-art-h:498.07;--mi-ring:422.93;--mi-ring-top:74.58;--mi-clip-x:89.02;--mi-clip-y:0;--mi-clip-w:374.42;--mi-clip-h:498.07;--mi-img-x:-27.35%;--mi-img-y:-16.47%;--mi-img-w:148.93%;--mi-img-h:149.94%;--mi-gap:69.66;--mi-title:55.73}.mode-intro-content.mi-steal{--mi-pad:17.42;--mi-art-w:427.42;--mi-art-h:427.42;--mi-ring:427.42;--mi-ring-top:0;--mi-clip-x:6.47;--mi-clip-y:3.07;--mi-clip-w:401.42;--mi-clip-h:412.73;--mi-img-x:3.47%;--mi-img-y:9.68%;--mi-img-w:89.62%;--mi-img-h:135.06%;--mi-gap:69.66;--mi-title:55.73}.mode-intro-content.mi-buzz{--mi-pad:17.51;--mi-art-w:429.69;--mi-art-h:447.62;--mi-ring:429.69;--mi-ring-top:17.93;--mi-clip-x:25.76;--mi-clip-y:0;--mi-clip-w:377.2;--mi-clip-h:428.94;--mi-img-x:4.82%;--mi-img-y:0.81%;--mi-img-w:95.87%;--mi-img-h:114.56%;--mi-gap:70.03;--mi-title:56.02}.mode-intro-art{width:calc(var(--mi-art-w) * var(--px1920));height:calc(var(--mi-art-h) * var(--px1920));position:relative}.mi-ring{left:0;top:calc(var(--mi-ring-top) * var(--px1920));width:calc(var(--mi-ring) * var(--px1920));height:calc(var(--mi-ring) * var(--px1920));position:absolute}.mi-char{left:calc(var(--mi-clip-x) * var(--px1920));top:calc(var(--mi-clip-y) * var(--px1920));width:calc(var(--mi-clip-w) * var(--px1920));height:calc(var(--mi-clip-h) * var(--px1920));position:absolute;overflow:hidden}.mi-char img{left:var(--mi-img-x);top:var(--mi-img-y);width:var(--mi-img-w);height:var(--mi-img-h);max-width:none;position:absolute}.mode-intro-title{font-family:"Figtree", var(--font-heading), system-ui, sans-serif;font-weight:600;font-size:calc(var(--mi-title) * var(--px1920));line-height:calc(var(--mi-title) * var(--px1920));color:#fff;text-transform:uppercase;margin:0;margin-top:calc(var(--mi-gap) * var(--px1920))}.mode-intro-tagline{font-family:"Montserrat", var(--font-heading), sans-serif;font-weight:500;font-size:calc(23.14 * var(--px1920));color:#fff;text-shadow:0 2px 10px #00000080;max-width:70vw;margin-top:calc(9 * var(--px1920))}.wizard-screen .lobby.panel{width:100%;max-width:1500px;margin:auto 0}.lobby-config{flex-direction:column;flex-basis:100%;gap:clamp(2px,min(.7vh,.7vw),14px);width:min(1295px,100%);margin-inline:auto;display:flex}.waiting-screen{z-index:1;background-image:url(/brand/lobby-waiting-bg.webp);background-position:50%;background-size:cover;position:fixed;inset:0}.waiting-join-panel,.waiting-players-panel{box-sizing:border-box;border-radius:4.17vw;flex-direction:column;align-items:center;height:45.19%;display:flex;position:absolute;top:32.22%;overflow:hidden}.waiting-join-panel{background:#7c3aed40;justify-content:flex-start;gap:2.5vw;width:22.29%;padding:2.94vw 0 0;left:4.95%}.wjp-qr{flex-direction:column;align-items:center;height:6.35vw;display:flex}.waiting-players-panel{background:#6b2ed140;gap:.73vw;width:25.47%;padding:1.04vw;left:29.06%}.wjp-top{flex-direction:column;align-items:center;gap:1.93vw;display:flex}.qr-code-wrap{box-sizing:border-box;background:#fff;border-radius:.42vw;place-items:center;width:7.81vw;height:7.81vw;margin-top:-1.56vw;padding:.42vw;display:grid}.qr-code-wrap canvas{display:block;width:100%!important;height:100%!important}.wjp-code{font-family:"Figtree", var(--font-heading), system-ui, sans-serif;color:#fff;font-size:.94vw;font-weight:600;line-height:1.67vw}.wjp-title{font-family:"Figtree", var(--font-heading), system-ui, sans-serif;color:#fff;text-align:center;margin:0;padding:1.04vw;font-size:2.08vw;font-weight:400;line-height:1.2}.wjp-lang{flex-direction:column;align-items:center;gap:.52vw;display:flex}.wjp-lang-label{color:#fff;justify-content:center;align-items:center;gap:.31vw;font-family:Inter,system-ui,sans-serif;font-size:.63vw;font-weight:700;display:flex}.wjp-lang-label svg{flex:none;width:.78vw;height:.78vw}.wjp-lang-trigger{box-sizing:border-box;background:var(--ds-primary-100,#6b2ed1);width:11.46vw;height:2.86vw;font-family:"Figtree", var(--font-heading), system-ui, sans-serif;color:#fff;text-align:left;cursor:pointer;border:2px solid #a44acecc;border-radius:.83vw;align-items:center;gap:.52vw;padding:0 .73vw;font-size:1.04vw;font-weight:600;display:flex}.wjp-lang-trigger span{flex:1}.wjp-lang-trigger.is-open svg{transform:rotate(180deg)}.wjp-lang-select{position:relative}.wjp-lang-list{z-index:5;background:var(--ds-primary-100,#6b2ed1);border:2px solid #a44acecc;border-radius:.83vw;width:11.46vw;margin:0;padding:.26vw;list-style:none;position:absolute;bottom:calc(100% + .26vw);left:0;box-shadow:0 .52vw 1.56vw #00000073}.wjp-lang-list button{text-align:left;cursor:pointer;width:100%;font-family:"Figtree", var(--font-heading), system-ui, sans-serif;color:#fff;background:0 0;border:none;border-radius:.52vw;padding:.42vw .47vw;font-size:1.04vw;font-weight:600}.wjp-lang-list button:hover{background:#ffffff29}.wjp-lang-list button.is-current{background:#fff3}.wjp-lang-list button:focus,.wjp-lang-list button:focus-visible{background:#ffffff6b;outline:none}.wjp-lang-trigger svg{flex:none;width:.63vw;height:.36vw}.wpp-title{font-family:"Figtree", var(--font-heading), system-ui, sans-serif;color:#fff;text-align:center;margin:0;font-size:1.67vw;font-weight:600;line-height:1.67vw}.waiting-players-panel .waiting{color:#ffffffbf;text-align:center;font-size:.73vw;font-weight:600}.nuby-btn.waiting-continue-btn{position:absolute;top:48.33%;left:78.39%}.waiting-continue-hint{color:#ffffffbf;text-align:center;width:16.67vw;font-size:.68vw;font-weight:600;position:absolute;top:calc(48.33% + 7.8vw);left:78.39%}.players-avatar-grid{grid-template-columns:repeat(4,5.21vw);justify-content:center;gap:1.51vw .78vw;display:grid}.player-avatar-item{flex-direction:column;align-items:center;width:5.21vw;display:flex}.player-avatar-item .p-avatar{width:5.21vw;height:5.21vw}.player-avatar-item.off{opacity:.5}.player-avatar-item .pa-name{font-family:"Figtree", var(--font-heading), sans-serif;color:#fff;text-overflow:ellipsis;white-space:nowrap;border-radius:2.76vw;max-width:100%;margin-top:-.26vw;padding:0 .26vw;font-size:.73vw;font-weight:600;line-height:1.55;overflow:hidden}.player-rail{left:0;right:0;top:calc(794 * var(--px1920));z-index:4;justify-content:center;align-items:flex-start;gap:calc(66 * var(--px1920));flex-direction:row;display:flex;position:fixed;bottom:auto}.pr-top{justify-content:center;align-items:center;gap:calc(6 * var(--px1920));z-index:1;width:100%;display:flex;position:relative}.pr-rank{width:calc(44 * var(--px1920));height:calc(44 * var(--px1920));padding-top:calc(11 * var(--px1920));box-sizing:border-box;font-family:"Figtree", var(--font-heading), sans-serif;font-weight:700;font-size:calc(18 * var(--px1920));color:#fff;white-space:nowrap;border-radius:50%;flex:none;justify-content:center;align-items:baseline;line-height:1;display:inline-flex}.pr-rank sup{font-size:.62em;line-height:1}.player-rail--antigo{right:calc(95 * var(--px1920));top:var(--topbar-h);bottom:var(--safe-y);z-index:4;justify-content:center;gap:calc(10 * var(--px1920));pointer-events:none;flex-direction:column;display:flex;position:fixed}.pr-item{width:calc(123 * var(--px1920));flex-direction:column;flex-shrink:1;align-items:center;min-height:0;display:flex}.pr-item.off{opacity:.45}.pr-avatar{aspect-ratio:1;flex-shrink:1;width:100%;min-height:0;position:relative}.pr-avatar .p-avatar,.player-avatar-item .p-avatar{border-width:calc(1 * var(--px1920));box-shadow:0 0 0 calc(1 * var(--px1920)) var(--av-ink)}.pr-avatar .p-avatar{width:100%;height:100%}.pr-pill{font-family:"Figtree", var(--font-heading), sans-serif;font-weight:600;font-size:calc(14 * var(--px1920));color:#fff;padding:0 calc(5 * var(--px1920));border-radius:calc(53 * var(--px1920));text-overflow:ellipsis;white-space:nowrap;z-index:1;max-width:100%;line-height:1.55;position:relative;overflow:hidden}.pr-state{width:calc(60 * var(--px1920));height:calc(60 * var(--px1920));border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pr-state svg{width:58%;height:58%}.pr-state--correct{color:#fff;background:#00c16a}.pr-state--wrong{color:#fff;background:#ff2b44}.pr-state--locked{color:#fff;background:#64748b}.pr-state--blocked{color:#d61f36;background:#fff}.game-info-rail{left:calc(95 * var(--px1920));top:calc(174 * var(--px1920));z-index:4;gap:calc(66 * var(--px1920));border:calc(6 * var(--px1920)) solid #a44acecc;border-radius:calc(75 * var(--px1920));padding:calc(10 * var(--px1920));box-shadow:0 calc(4 * var(--px1920)) calc(19.5 * var(--px1920)) calc(9 * var(--px1920)) #00000042;background:#2e1065;flex-direction:column;display:flex;position:fixed}.gir-item{width:calc(119.286 * var(--px1920));height:calc(119.286 * var(--px1920));border-radius:calc(65 * var(--px1920));background:#6b2ed1;place-items:center;display:grid;position:relative}.gir-label{pointer-events:none;z-index:2;width:100%;height:100%;filter:drop-shadow(0 calc(1 * var(--px1920)) calc(3 * var(--px1920)) #00000073);position:absolute;inset:0}.gir-label text{font-family:"Figtree", var(--font-heading), sans-serif;fill:#fff;text-transform:uppercase;font-size:11px;font-weight:700}.gir-emoji{font-size:calc(56 * var(--px1920));line-height:1}.gir-img{object-fit:contain;width:100%;height:100%}.gir-item{overflow:hidden}.gir-text{font-family:"Figtree", var(--font-heading), sans-serif;font-weight:600;font-size:calc(44 * var(--px1920));color:#fff;text-transform:uppercase}.q-meta{align-items:center;gap:11px;display:flex}.question-card{border:calc(6 * var(--px1920)) solid #a44acecc;border-radius:calc(30 * var(--px1920));padding:0 calc(25 * var(--px1920));text-align:left;width:calc(913 * var(--px1920));min-height:calc(139 * var(--px1920));background:#6b2ed1;align-items:center;display:flex;position:relative;box-shadow:0 22px 64px #00000080}.question-text{font-family:"Figtree", var(--font-heading), system-ui, sans-serif;font-weight:600;font-size:calc(32 * var(--px1920));line-height:calc(32 * var(--px1920));color:#fff}.question-card .timer-donut{right:calc(-124.7 * var(--px1920));top:calc(-124 * var(--px1920));width:calc(126.7 * var(--px1920));height:calc(126.7 * var(--px1920));position:absolute}.question-card .timer-donut .inner{width:calc(104 * var(--px1920));height:calc(104 * var(--px1920));font-size:calc(32 * var(--px1920))}.question-card .timer-donut.is-counter{box-shadow:none;background:#7c3aed}.question-card .timer-donut.is-counter .inner{font-family:"Figtree", var(--font-heading), system-ui, sans-serif;background:0 0;font-weight:600}.q-timer{right:calc(-48 * var(--px1920));top:calc(-44.5 * var(--px1920));width:calc(101 * var(--px1920));height:calc(101 * var(--px1920));background:conic-gradient(#fff var(--pct,100%), transparent 0);z-index:2;border-radius:50%;place-items:center;display:grid;position:absolute}.q-timer .inner{width:calc(81 * var(--px1920));height:calc(81 * var(--px1920));font-family:"Figtree", var(--font-heading), system-ui, sans-serif;font-weight:600;font-size:calc(32 * var(--px1920));color:#fff;background:#1e293b;border-radius:50%;place-items:center;display:grid}.q-timer.low{background:conic-gradient(#ff2b44 var(--pct,100%), transparent 0);animation:.5s infinite pulse}.q-timer.low .inner{color:#ff8a94}.options-grid{grid-template-columns:repeat(2, calc(497.5 * var(--px1920)));gap:calc(35 * var(--px1920));justify-content:center;display:grid}.option{height:calc(90 * var(--px1920));padding:calc(10 * var(--px1920)) calc(14 * var(--px1920));border-radius:calc(60 * var(--px1920));background:linear-gradient(90deg, #6b2ed1, var(--opt-tint,#6b2ed1));border:calc(6 * var(--px1920)) solid #a44acecc;justify-content:space-between;align-items:center;transition:transform .2s,opacity .2s,box-shadow .2s;display:flex;box-shadow:0 8px 26px #00000061}.option.c0{--opt-tint:#0058c3}.option.c1{--opt-tint:#a31427}.option.c2{--opt-tint:#b85600}.option.c3{--opt-tint:#007f45}.option .shape-badge{width:calc(66 * var(--px1920));height:calc(66 * var(--px1920));border-radius:calc(60 * var(--px1920));flex:none;place-items:center;display:grid}.option .shape-badge.c0{background:#0073ff;box-shadow:0 0 20px #0073ff8c}.option .shape-badge.c1{background:#d61f36;box-shadow:0 0 20px #d61f368c}.option .shape-badge.c2{background:#f70;box-shadow:0 0 20px #ff77008c}.option .shape-badge.c3{background:#00c16a;box-shadow:0 0 20px #00c16a8c}.option .shape{width:calc(22 * var(--px1920));height:calc(22 * var(--px1920));background:#fff}.option .shape.tri{border-left:calc(13 * var(--px1920)) solid transparent;border-right:calc(13 * var(--px1920)) solid transparent;border-bottom:calc(21 * var(--px1920)) solid #fff;background:0 0;width:0;height:0}.option .shape.dia{border-radius:calc(4 * var(--px1920));transform:rotate(45deg)}.option .shape.cir{border-radius:50%}.option .shape.sqr{border-radius:calc(5 * var(--px1920))}.option .opt-text{font-family:"Figtree", var(--font-heading), system-ui, sans-serif;font-weight:600;font-size:calc(32 * var(--px1920));color:#fff;padding:0 calc(25 * var(--px1920));overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;min-width:0;line-height:1.05;display:-webkit-box;overflow:hidden}.option.correct{outline:calc(4 * var(--px1920)) solid #00c16a;transform:scale(1.03);box-shadow:0 0 40px #00c16a8c}.option.wrong{opacity:.5}.option.opt-eliminated,.quad.opt-eliminated{opacity:.32;filter:grayscale(.75);pointer-events:none}.option.reading{outline:3px solid var(--cyan,#5cd6ff);position:relative;transform:scale(1.04);box-shadow:0 0 30px #5cd6ff80}.option.reading:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;animation:1s ease-in-out infinite readingPulse;position:absolute;inset:0;box-shadow:0 0 46px #5cd6ffd9}@keyframes readingPulse{0%,to{opacity:0}50%{opacity:1}}.option{transition:opacity .28s,transform .28s}.option.opt-pending{opacity:0;transform:translateY(calc(14 * var(--px1920)));pointer-events:none}.spot-stage{z-index:3;padding:calc(95 * var(--px1920));pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.spot-bg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.spot-content{flex-direction:column;flex:1;align-items:center;height:100%;display:flex;position:relative}.spot-headline{height:calc(229 * var(--px1920));text-align:center;font-family:"Figtree", var(--font-heading), system-ui, sans-serif;font-weight:600;font-size:calc(48 * var(--px1920));color:#fff;justify-content:center;align-items:center;line-height:.89;display:flex}.spot-main{align-items:center;gap:calc(61 * var(--px1920));flex-direction:column;flex:none;min-height:0;display:flex}.spot-art{object-fit:contain;flex:none}.spot-row{justify-content:center;align-items:center;gap:calc(20 * var(--px1920)) calc(90 * var(--px1920));padding:calc(10 * var(--px1920));flex-wrap:wrap;display:flex}.spot-row .pr-item{flex:none}.spot-row .pr-item.is-dim{opacity:.4}.steal-pair{align-items:center;gap:calc(20 * var(--px1920));display:flex}.steal-arrow{width:calc(84 * var(--px1920));height:calc(84 * var(--px1920));border-radius:calc(30 * var(--px1920));justify-content:center;align-items:center;gap:calc(3 * var(--px1920));padding:1px calc(10 * var(--px1920));background:#7c3aed;flex-direction:column;flex:none;display:flex}.steal-arrow span{font-family:"Figtree", var(--font-heading), sans-serif;font-weight:600;font-size:calc(14 * var(--px1920));color:#fff;white-space:nowrap;line-height:1.55}.steal-arrow svg{width:calc(64 * var(--px1920));height:calc(31.333 * var(--px1920))}.p-avatar{--av-fill:#c4b5fd;--av-ink:#7c3aed;background:var(--av-fill);border:1px solid var(--av-ink);border-radius:50%;flex:none;justify-content:center;align-items:flex-end;display:flex;overflow:hidden}.p-avatar img{object-fit:contain;object-position:bottom;width:100%;height:100%}.answer-cards{flex-wrap:wrap;justify-content:center;gap:14px;max-width:60vw;margin-top:4px;display:flex}.answer-card{perspective:800px;width:104px;height:126px}.answer-card .ac-flip{width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.4,.8,.3,1);position:relative}.answer-card.revealed .ac-flip{transform:rotateY(180deg)}.ac-face{backface-visibility:hidden;border:2px solid #ffffff1f;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:8px;display:flex;position:absolute;inset:0;box-shadow:0 10px 26px #0000006b}.ac-front{background:linear-gradient(160deg,#1d3070,#101c42)}.ac-avatar-lock{width:46px;height:46px;position:relative}.ac-avatar-lock .ac-avatar{width:100%;height:100%}.ac-lock-icon{box-sizing:border-box;color:#fff;background:#64748b;border-radius:50%;width:22px;height:22px;padding:4px;position:absolute;bottom:-4px;right:-4px;box-shadow:0 0 0 2px #101c42e6}.ac-back{background:#0a1026e6;transform:rotateY(180deg)}.ac-name{font-family:"Montserrat", var(--font-heading), system-ui, sans-serif;color:#dde6ff;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:92px;font-size:15px;font-weight:700;overflow:hidden}.ac-icon{font-size:30px}.ac-shape-badge{border-radius:13px;place-items:center;width:46px;height:46px;display:grid}.ac-shape-badge.c0{background:#2f7bff;box-shadow:0 0 16px #2f7bff8c}.ac-shape-badge.c1{background:#ff3d9a;box-shadow:0 0 16px #ff3d9a8c}.ac-shape-badge.c2{background:#ffb02e;box-shadow:0 0 16px #ffb02e8c}.ac-shape-badge.c3{background:#2fc36b;box-shadow:0 0 16px #2fc36b8c}.ac-shape-badge .shape{background:#fff;width:20px;height:20px}.ac-shape-badge .shape.tri{background:0 0;border-bottom:19px solid #fff;border-left:12px solid #0000;border-right:12px solid #0000;width:0;height:0}.ac-shape-badge .shape.dia{border-radius:4px;transform:rotate(45deg)}.ac-shape-badge .shape.cir{border-radius:50%}.ac-shape-badge .shape.sqr{border-radius:5px}.ac-mark{font-size:18px;font-weight:900;position:absolute;top:6px;right:10px}.answer-card.is-correct .ac-back{background:#122e1ceb;border-color:#2fc36b;box-shadow:0 0 30px #2fc36b99}.answer-card.is-correct .ac-mark{color:#5cffa0}.answer-card.is-wrong .ac-back{opacity:.82;border-color:#ff507880}.answer-card.is-wrong .ac-mark{color:#ff6b8a}.answer-card.is-correct{animation:.55s ease-out cardPop}@keyframes cardPop{0%{transform:scale(1)}45%{transform:scale(1.09)}to{transform:scale(1)}}.answer-card.false .ac-flip{transform:none}.ac-false{background:linear-gradient(160deg,#5e1330,#3a0c1f);border-color:#ff5a7880}.ac-false .ac-tag{letter-spacing:.08em;text-transform:uppercase;color:#ff8aa3;font-size:11px;font-weight:800}.explain{color:var(--muted);max-width:60vw;font-size:18px}.podium-stage{z-index:3;position:fixed;inset:0}.podium-bg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.podium-vignette{pointer-events:none;opacity:.2;background:radial-gradient(50% 50%,#0000 0%,#000 100%);position:absolute;inset:0}.podium-content{justify-content:flex-end;align-items:center;gap:calc(70 * var(--px1920));padding:calc(95 * var(--px1920));flex-direction:column;display:flex;position:absolute;inset:0}.podium-winners{height:calc(490 * var(--px1920));justify-content:center;align-items:flex-end;gap:calc(159 * var(--px1920));display:flex}.podium-slot{width:calc(184 * var(--px1920));justify-content:center;height:100%;display:flex}.podium-slot.podium-2nd{padding:calc(68 * var(--px1920)) 0;align-items:flex-end}.podium-slot.podium-1st{align-items:center}.podium-slot.podium-3rd{padding:calc(20 * var(--px1920)) 0;align-items:flex-end}.pr-item--lg{width:calc(184 * var(--px1920))}.pr-item--lg .pr-pill{font-size:calc(18 * var(--px1920))}.confetti{pointer-events:none;z-index:21;position:fixed;inset:0;overflow:hidden}.confetti .c{border-radius:2px;animation:linear infinite fall;position:absolute;top:-30px}.phone{background:radial-gradient(circle at 50% 0%, #3b1370, var(--bg) 70%);flex-direction:column;padding:16px;display:flex;position:fixed;inset:0}.phone .head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.phone .head .logo{font-size:24px}.phone .me{color:var(--muted);font-size:13px}.phone .body{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:14px;min-height:0;padding-bottom:8px;display:flex;overflow-y:auto}.phone .body.center{text-align:center;justify-content:center;align-items:center}.card{background:linear-gradient(#4b2a7d8c,#14062dc7 55%);border:1px solid #a855f766;border-radius:16px;padding:clamp(2px,min(.6vh,1.4vw),16px);box-shadow:inset 0 1px #ffffff14,inset 0 -1px #00000040,0 4px 20px #5028962e}.field label{color:var(--muted);margin-bottom:6px;font-size:13px;display:block}input[type=text]{width:100%;color:var(--text);text-align:center;background:#0000004d;border:2px solid #a855f780;border-radius:14px;padding:16px;font-size:20px}.btn{color:#fff;cursor:pointer;touch-action:manipulation;background:#7c3aed66;border:1px solid #a855f780;border-radius:14px;width:100%;padding:16px;font-size:18px;font-weight:800;transition:transform .1s,filter .2s}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(90deg, var(--pink), var(--purple))}.btn-gold{background:linear-gradient(90deg, var(--gold), #e0992f);color:#2a0a4a}.btn:disabled{opacity:.5}.nuby-btn{--btn-h:calc(var(--nuby-btn-height) * var(--nuby-btn-scale,1));--rim-corner-x:calc(var(--btn-h) * 210 / 683);--rim-corner-y:calc(var(--btn-h) * 170 / 683);box-sizing:border-box;width:auto;min-width:calc(var(--nuby-btn-width) * var(--nuby-btn-scale,1));height:var(--btn-h);padding:0 var(--rim-corner-x) .9em;cursor:pointer;border:0 solid #0000;border-image-source:var(--rim-img);border-image-slice:24.9% 13.3% fill;border-image-width:var(--rim-corner-y) var(--rim-corner-x);font-family:"Montserrat", var(--font-heading), sans-serif;font-weight:800;font-size:var(--nuby-btn-font-size);letter-spacing:.05em;text-transform:uppercase;color:#eafdff;text-shadow:0 0 .14em #eafdfff2,0 0 .6em #afdeff99;--rim-img:url(/brand/buttons/normal.webp);--body:#000b2366;background:0 0;border-image-repeat:stretch;justify-content:center;align-items:center;line-height:1;transition:transform 80ms;display:inline-flex;position:relative}.nuby-btn:before{content:none}.nuby-btn:after{content:"";left:calc(var(--btn-h) * 11 / 140);right:calc(var(--btn-h) * 11 / 140);top:calc(var(--btn-h) * 11 / 140);height:calc(var(--btn-h) * 91 / 140);border-radius:calc(var(--btn-h) * 25 / 140);background:var(--body);z-index:1;pointer-events:none;position:absolute}.nuby-btn>span{z-index:2;position:relative}.nuby-btn:focus,.nuby-btn:focus-visible{--rim-img:url(/brand/buttons/selected.webp);--body:#a44ace66;outline:none}.nuby-btn:active{--rim-img:url(/brand/buttons/selected.webp);--body:#a44ace66;transform:translateY(1px)}.nuby-btn--wrong{--rim-img:url(/brand/buttons/wrong.webp);--body:#fa272f66}.nuby-btn:disabled{--rim-img:url(/brand/buttons/disabled.webp);--body:#2e343f66;opacity:.72;cursor:default}.nuby-btn:disabled:active{transform:none}.nuby-btn.podium-btn{text-transform:none}.section-title{color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin:clamp(1px,min(.3vh,.3vw),4px) 0 clamp(2px,min(.6vh,.6vw),8px);font-size:clamp(11px,min(1.4vh,1.4vw),14px)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{font-family:"Montserrat", var(--font-heading), sans-serif;color:var(--text);cursor:pointer;touch-action:manipulation;background:linear-gradient(#a078ff3d,#7c3aed47 60%);border:1px solid #a855f773;border-radius:12px;padding:clamp(3px,min(.8vh,.8vw),10px) clamp(8px,min(1.4vh,1.4vw),14px);font-size:clamp(11px,min(1.5vh,1.5vw),15px);font-weight:700;box-shadow:inset 0 1px 1px #ffffff4d,inset 0 -2px 4px #00000024,0 2px 8px #7c3aed33}.chip.active{color:#fff;background:linear-gradient(#ff96dceb,#966ee6f2 55%,#5a74d6f2);border-color:#0000;box-shadow:inset 0 1px 2px #ffffff8c,inset 0 -3px 6px #0000002e,0 3px 14px #965adc73}.wizard-header{text-align:center;margin-bottom:clamp(8px,min(2.5vh,2.5vw),32px)}.wizard-title{font-family:"Montserrat", var(--font-heading), sans-serif;letter-spacing:normal;text-transform:uppercase;color:#fff;text-shadow:0 0 20px #eafdff66;margin:0;font-size:clamp(22px,min(4.55vh,3vw),37px);font-weight:800;line-height:1.05}.wizard-subtitle{font-family:"Montserrat", var(--font-heading), sans-serif;letter-spacing:.01em;color:#fff;margin:clamp(4px,.75vh,7px) 0 0;font-size:clamp(12px,min(2.45vh,1.5vw),20px);font-weight:500;line-height:1.1}.wizard-modes{flex-wrap:nowrap;justify-content:center;gap:min(3vw,4vh);display:flex}.wizard-nav{justify-content:space-between;gap:16px;width:100%;margin-top:clamp(4px,min(2vh,2vw),48px);display:flex}.nuby-mode-card{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:clamp(4px,min(1vh,1vw),12px);padding:clamp(2px,min(.6vh,.6vw),8px);display:flex}.nuby-mode-card img{width:calc(294 * var(--px1920));height:calc(315 * var(--px1920));object-fit:contain;filter:drop-shadow(0 10px 20px #0006);transition:transform .15s,filter .15s;display:block}.nuby-mode-card:hover img{transform:scale(1.05)}.nuby-mode-card--inactive img{filter:grayscale()drop-shadow(0 10px 20px #0006)}.nuby-mode-card:focus,.nuby-mode-card:focus-visible{outline:none}.nuby-mode-card:focus img,.nuby-mode-card:focus-visible img{filter:drop-shadow(0 0 18px #5cd6ffe6)}.nuby-mode-card--inactive:focus img,.nuby-mode-card--inactive:focus-visible img{filter:grayscale()drop-shadow(0 0 18px #5cd6ffe6)}.nuby-mode-card .mode-label{font-family:"Figtree", var(--font-heading), sans-serif;color:#fff;text-transform:uppercase;font-size:clamp(14px,min(2.22vw,2.96vh),32px);font-weight:600;line-height:1}.nuby-mode-card--inactive .mode-label{color:#ffffff8c}.wizard-categories{grid-template-columns:repeat(4,1fr);justify-items:center;gap:min(1vh,1vw) 0;display:grid}.nuby-category-card{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:clamp(2px,min(.6vh,.6vw),10px);padding:clamp(2px,min(.4vh,.4vw),8px);display:flex}.nuby-category-card img{width:calc(152 * var(--px1920));filter:drop-shadow(0 6px 14px #0006);height:auto;transition:transform .15s,filter .15s;display:block}.nuby-category-card:hover img{transform:scale(1.05)}.nuby-category-card--inactive img{filter:grayscale()drop-shadow(0 6px 14px #0006)}.nuby-category-card:focus,.nuby-category-card:focus-visible{outline:none}.nuby-category-card:focus img,.nuby-category-card:focus-visible img{filter:drop-shadow(0 0 14px #5cd6ffe6)}.nuby-category-card--inactive:focus img,.nuby-category-card--inactive:focus-visible img{filter:grayscale()drop-shadow(0 0 14px #5cd6ffe6)}.nuby-category-card .cat-label{font-family:"Montserrat", var(--font-heading), sans-serif;color:#fff;font-size:15px;font-weight:700}.wizard-levels{flex-wrap:nowrap;justify-content:center;gap:min(5.6vw,7.9vh);display:flex}.nuby-level-card{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:clamp(4px,min(1vh,1vw),12px);padding:clamp(2px,min(.6vh,.6vw),8px);display:flex}.nuby-level-card img{width:calc(243 * var(--px1920));filter:drop-shadow(0 6px 14px #0006);height:auto;transition:transform .15s,filter .15s;display:block}.nuby-level-card:hover img{transform:scale(1.05)}.nuby-level-card--inactive img{filter:grayscale()drop-shadow(0 6px 14px #0006)}.nuby-level-card:focus,.nuby-level-card:focus-visible{outline:none}.nuby-level-card:focus img,.nuby-level-card:focus-visible img{filter:drop-shadow(0 0 18px #5cd6ffe6)}.nuby-level-card--inactive:focus img,.nuby-level-card--inactive:focus-visible img{filter:grayscale()drop-shadow(0 0 18px #5cd6ffe6)}.nuby-level-card .level-label{font-family:"Figtree", var(--font-heading), sans-serif;color:#fff;text-transform:uppercase;font-size:clamp(14px,min(2.22vw,2.96vh),32px);font-weight:600;line-height:1}.mode-desc{color:var(--muted);margin-top:clamp(1px,min(.25vh,.25vw),4px);font-size:clamp(9px,min(1vh,1vw),12px)}.wizard-rules{flex-wrap:nowrap;justify-content:center;gap:min(5.6vw,7.9vh);display:flex}.rule-card{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:min(1.74vw,2.31vh);width:min(16.11vw,21.5vh);padding:0;transition:filter .18s,transform .18s;display:flex}.rule-card img{aspect-ratio:600/690;object-fit:contain;width:min(13.89vw,18.5vh);display:block}.rule-label{font-family:"Figtree", var(--font-heading), sans-serif;color:#fff;text-align:center;font-size:clamp(14px,min(2.22vw,2.96vh),32px);font-weight:600;line-height:1}.rule-card--off img{filter:grayscale()brightness(.85)}.rule-card--off .rule-label{color:#ffffff8c}.rule-card:focus,.rule-card:focus-visible{outline:none;transform:translateY(-4px)}.rule-card:focus img,.rule-card:focus-visible img{filter:drop-shadow(0 0 18px #5cd6ffe6)}.rule-card--off:focus img{filter:grayscale()brightness(.85)drop-shadow(0 0 18px #5cd6ffe6)}.rule-slide{flex-direction:column;align-items:center;display:flex}.rule-slide-nums{justify-content:center;align-items:center;gap:min(.9vw,1.2vh);display:flex}.rule-slide-val{font-family:"Figtree", var(--font-heading), sans-serif;color:#fff;text-align:center;min-width:1.6em;transition:opacity .15s,font-size .15s}.rule-slide-val.is-edge{opacity:.2;font-size:clamp(10px,min(1.25vw,1.67vh),18px);font-weight:600}.rule-slide-val.is-near{opacity:.4;font-size:clamp(12px,min(1.67vw,2.22vh),24px);font-weight:500}.rule-slide-val.is-mid{opacity:1;font-size:clamp(16px,min(2.22vw,2.96vh),32px);font-weight:600}.rule-slide-unit{font-family:"Figtree", var(--font-heading), sans-serif;color:#fff;margin-top:-.28vw;font-size:clamp(9px,min(1.11vw,1.48vh),16px);font-weight:600;line-height:1.55}.chip:focus,.btn:focus{outline:3px solid var(--cyan,#5cd6ff);outline-offset:3px;box-shadow:0 0 0 6px #5cd6ff40}.wait{color:var(--muted);font-size:20px}.wait .big{color:var(--text);margin-bottom:8px;font-size:26px;font-weight:800}.opts{flex-direction:column;gap:12px;display:flex}.locked-box{text-align:center;color:var(--muted);flex:1;place-items:center;gap:8px;font-size:22px;display:grid}.locked-box .lock{font-size:56px}.locked-box.false{color:#ffd0da}.locked-box.false .lock{animation:.7s infinite pulse}.feedback{text-align:center;border-radius:18px;padding:26px;font-size:24px;font-weight:900}.feedback.correct{border:2px solid var(--green);background:#22c55e40}.feedback.wrong{border:2px solid var(--red);background:#ef444438}.feedback .gain{color:var(--gold);margin-top:6px;font-size:34px;display:block}.placement{font-size:22px}.placement .rank{color:var(--gold);font-size:64px;font-weight:900}.toast{z-index:40;background:#000c;border-radius:12px;padding:10px 18px;font-weight:700;animation:.3s pop;position:fixed;top:12px;left:50%;transform:translate(-50%)}.phone-round{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:25px 18px;display:flex}.pr-head{flex-direction:column;flex:none;gap:6px;width:100%;display:flex}.pr-count{text-align:center;font-family:"Figtree", var(--font-heading), sans-serif;color:#000;margin:0;font-size:14px;font-weight:500}.pr-bar{background:#94a3b8;border-radius:16px;height:8px;overflow:hidden}.pr-bar span{background:#7c3aed;border-radius:16px;height:100%;transition:width .3s;display:block}.quad-grid{flex:1;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:2.1% 5.6%;width:100%;min-height:0;display:grid;position:relative}.quad{color:#fff;cursor:pointer;--notch:44px;--nx:105.938%;--ny:102.143%;border:none;border-radius:16px;place-items:center;transition:transform .1s,opacity .2s,filter .2s;display:grid;position:relative}.quad:first-child{-webkit-mask-image:radial-gradient(circle at var(--nx) var(--ny), transparent 0 var(--notch), #000 var(--notch));-webkit-mask-image:radial-gradient(circle at var(--nx) var(--ny), transparent 0 var(--notch), #000 var(--notch));mask-image:radial-gradient(circle at var(--nx) var(--ny), transparent 0 var(--notch), #000 var(--notch))}.quad:nth-child(2){-webkit-mask-image:radial-gradient(circle at calc(100% - var(--nx)) var(--ny), transparent 0 var(--notch), #000 var(--notch));-webkit-mask-image:radial-gradient(circle at calc(100% - var(--nx)) var(--ny), transparent 0 var(--notch), #000 var(--notch));mask-image:radial-gradient(circle at calc(100% - var(--nx)) var(--ny), transparent 0 var(--notch), #000 var(--notch))}.quad:nth-child(3){-webkit-mask-image:radial-gradient(circle at var(--nx) calc(100% - var(--ny)), transparent 0 var(--notch), #000 var(--notch));-webkit-mask-image:radial-gradient(circle at var(--nx) calc(100% - var(--ny)), transparent 0 var(--notch), #000 var(--notch));mask-image:radial-gradient(circle at var(--nx) calc(100% - var(--ny)), transparent 0 var(--notch), #000 var(--notch))}.quad:nth-child(4){-webkit-mask-image:radial-gradient(circle at calc(100% - var(--nx)) calc(100% - var(--ny)), transparent 0 var(--notch), #000 var(--notch));-webkit-mask-image:radial-gradient(circle at calc(100% - var(--nx)) calc(100% - var(--ny)), transparent 0 var(--notch), #000 var(--notch));mask-image:radial-gradient(circle at calc(100% - var(--nx)) calc(100% - var(--ny)), transparent 0 var(--notch), #000 var(--notch))}.quad.c0{background:#0073ff}.quad.c1{background:#d61f36}.quad.c2{background:#f70}.quad.c3{background:#00c16a}.quad .q-icon{background:#ffffff26;border:1px solid #ffffff40;border-radius:14px;place-items:center;width:44px;height:44px;display:grid;position:relative}.quad .q-icon .shape{background:#d9d9d9;width:30px;height:30px}.quad .q-icon .shape.sqr{border-radius:3px}.quad .q-icon .shape.dia{border-radius:3px;width:24.75px;height:24.75px;transform:rotate(45deg)}.quad .q-icon .shape.cir{border-radius:50%;width:29px;height:29px}.quad .q-icon .shape.tri{background:0 0;width:57px;height:57px;position:absolute;top:50%;left:50%;transform:translate(-50%,calc(3.625px - 50%))}.quad-timer{background:conic-gradient(#94a3b8 calc(100% - var(--pct,0%)), #7c3aed 0);pointer-events:none;border-radius:50%;place-items:center;width:64px;height:64px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.quad-timer span{font-family:"Montserrat", var(--font-heading), sans-serif;color:#fff;font-size:20px;font-weight:600}.quad:active{transform:scale(.97)}.quad .q-check{font-size:28px;position:absolute;top:10px;right:16px}.quad.dim{opacity:.28;filter:grayscale(.6)}.quad.picked{outline:4px solid #fff}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.loading-pill{color:#ffffffd9;background:#7c3aed2e;border:1px solid #a855f74d;border-radius:14px;align-items:center;gap:10px;padding:16px;font-size:15px;font-weight:700;display:flex}.loading-dot{background:var(--pink,#ec4899);border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:.9s ease-in-out infinite pulse}@keyframes pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes swayA{0%,to{transform:rotate(-7deg)}50%{transform:rotate(6deg)}}@keyframes swayB{0%,to{transform:rotate(6deg)}50%{transform:rotate(-9deg)}}@keyframes swayC{0%,to{transform:rotate(-4deg)}50%{transform:rotate(5deg)}}@keyframes swayKey{0%,to{transform:rotate(-1.5deg)}50%{transform:rotate(2deg)}}@keyframes flick{0%,to{opacity:1}43%{opacity:.74}46%{opacity:1}78%{opacity:.86}81%{opacity:1}}@keyframes ringPulse{0%,to{opacity:.92;box-shadow:0 0 22px 2px #ffd4788c,0 0 60px 8px #ffbe5a47,inset 0 0 24px #ffd27859}50%{opacity:1;box-shadow:0 0 34px 4px #ffde8cd9,0 0 96px 16px #ffc86473,inset 0 0 34px #ffdc8c80}}@keyframes burst{0%{opacity:.32;transform:translate(-50%,-50%)scale(.92)rotate(0)}50%{opacity:.62;transform:translate(-50%,-50%)scale(1.04)rotate(8deg)}to{opacity:.32;transform:translate(-50%,-50%)scale(.92)rotate(0)}}@keyframes scan{0%{background-position:0 0}to{background-position:0 140px}}@keyframes drift{0%{opacity:0;transform:translateY(10px)}15%{opacity:.7}85%{opacity:.7}to{opacity:0;transform:translateY(-120px)}}@keyframes glowP{0%,to{opacity:.45}50%{opacity:.8}}@keyframes eq{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}@keyframes stripScroll{0%{background-position:0 0}to{background-position:0 80px}}@keyframes twinkle{0%,to{opacity:.2;transform:scale(.7)}50%{opacity:1;transform:scale(1.25)}}@keyframes fall{0%{opacity:0;transform:translateY(-30px)rotate(0)}12%{opacity:1}88%{opacity:1}to{opacity:0;transform:translateY(560px)rotate(420deg)}}@keyframes rise{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes fadeInOut{0%{opacity:0;transform:scale(.92)}15%{opacity:1;transform:scale(1)}85%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.92)}}@keyframes flashGreen{0%{opacity:0}10%{opacity:.65}50%{opacity:.65}to{opacity:0}}@keyframes flashRed{0%{opacity:0}10%{opacity:.55}50%{opacity:.55}to{opacity:0}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.screen.flash-correct:before{content:"";opacity:0;pointer-events:none;z-index:39;background:#22c55e99;animation:1.2s ease-out forwards flashGreen;position:fixed;inset:0}.screen.flash-wrong:before{content:"";opacity:0;pointer-events:none;z-index:39;background:#ef444480;animation:1.2s ease-out forwards flashRed;position:fixed;inset:0}.screen.shake{animation:.4s shake}@media (prefers-reduced-motion:reduce){.timer.low,.tank-avatar{animation:none}.option{transition:none}.option.opt-pending{transform:none}}.phone-screen{background:linear-gradient(-22.27deg,#b9d8ff 0%,#c4b5fd 44.85%,#ffe4f2 98.2%);position:fixed;inset:0;overflow:hidden}.phone-join{flex-direction:column;align-items:center;gap:60px;padding-top:40px;display:flex}.pj-logo{flex:none;width:305px;max-width:81.3vw;height:auto}.pj-form{flex-direction:column;flex:none;gap:8px;width:74.4%;display:flex}.pj-label{font-family:"Figtree", var(--font-heading), sans-serif;color:#000b2380;font-size:14px;font-weight:600}input.pj-input{box-sizing:border-box;text-align:left;width:100%;font-family:"Figtree", var(--font-heading), sans-serif;color:#fff;background:#0f0a2ee6;border:1.5px solid #a44acecc;border-radius:16px;outline:none;padding:14px 16px;font-size:14px;font-weight:500;box-shadow:0 4px 16px #7c3aed45}input.pj-input::placeholder{color:#9ca3af}.pj-go{cursor:pointer;background:#7c3aed4d;border:1.5px solid #a44acecc;border-radius:26px;align-self:flex-end;place-items:center;width:40px;height:40px;padding:0;display:grid}.pj-go svg{width:60%;height:60%}.pj-go:disabled{opacity:.45;cursor:default}.pj-mascot{aspect-ratio:375/408;flex:none;width:100%;position:relative;overflow:hidden}.pj-mascot img{object-fit:contain;width:111.2%;max-width:none;height:136.8%;position:absolute;top:-24.11%;left:-5.6%}.final-risk{text-align:center;flex-direction:column;flex:none;align-items:center;gap:6px;width:100%;margin-top:12px;display:flex}.final-risk-title{font-family:"Figtree", var(--font-heading), sans-serif;color:#000b23;margin:0;font-size:15px;font-weight:700}.final-risk-rule{font-family:"Figtree", var(--font-heading), sans-serif;color:#475569;margin:0;font-size:13px;font-weight:500}.final-risk-skip{cursor:pointer;color:#fff;font-family:"Figtree", var(--font-heading), sans-serif;background:#0f0a2ee6;border:1.5px solid #a44acecc;border-radius:16px;margin-top:2px;padding:10px 22px;font-size:14px;font-weight:600}.final-risk-skip:active{transform:scale(.97)}.phone-mode-transition{text-align:center;color:#fff;background:radial-gradient(circle at 50% 38%,#7c3aed80,#0000 42%),linear-gradient(145deg,#09051d 0%,#24104f 58%,#42186e 100%);place-items:center;padding:36px;display:grid;overflow:hidden}.pmt-copy{z-index:1;max-width:290px;position:relative}.pmt-kicker{color:#c4b5fd;text-transform:uppercase;font-family:"Figtree", var(--font-heading), sans-serif;letter-spacing:.14em;margin:0 0 14px;font-size:14px;font-weight:700}.pmt-copy h1{font-family:"Figtree", var(--font-heading), sans-serif;text-transform:uppercase;margin:0;font-size:clamp(42px,13vw,64px);font-weight:800;line-height:.95}.pmt-copy>p:last-child{color:#ffffffc7;font-family:"Figtree", var(--font-heading), sans-serif;margin:20px 0 0;font-size:18px;font-weight:500;line-height:1.35}.pmt-orbit,.pmt-orbit span{border-radius:50%;position:absolute}.pmt-orbit{aspect-ratio:1;border:2px solid #c4b5fd3d;width:min(76vw,310px)}.pmt-orbit span{aspect-ratio:1;background:#c4b5fd;width:12px}.pmt-orbit span:first-child{top:19%;left:8%}.pmt-orbit span:nth-child(2){opacity:.7;width:7px;top:48%;right:2%}.pmt-orbit span:nth-child(3){opacity:.5;width:6px;bottom:2%;left:24%}.pg-bubbles{pointer-events:none;position:absolute;inset:0}.pg-bubbles span{aspect-ratio:1;background:#7c3aed;border-radius:50%;position:absolute}.pg-head{flex-direction:column;align-items:center;display:flex;position:absolute;top:40px;left:0;right:0}.pg-title{text-align:center;line-height:normal;font-family:"Figtree", var(--font-heading), sans-serif;color:#5b21b6;margin:0;font-size:36px;font-weight:800}.pg-sub{text-transform:lowercase;line-height:normal;font-family:"Figtree", var(--font-heading), sans-serif;color:gray;margin:0;font-size:20px;font-weight:400}.pg-art{aspect-ratio:332/590;width:88.533%;position:absolute;bottom:0;left:15.733%}.pg-mascot{position:absolute;inset:0;overflow:hidden}.pg-mascot img{width:152.11%;max-width:none;height:117.3%;position:absolute;top:-.01%;left:-52.11%}.pg-curve{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pg-curve text{font-family:"Figtree", var(--font-heading), sans-serif;fill:#d94040;dominant-baseline:central;font-size:24.06px;font-weight:800}.phone-getready.is-touchable .pg-art{aspect-ratio:1024/1371;width:74%;bottom:0;left:50%;transform:translate(-50%)}.phone-getready.is-touchable .pg-mascot img{object-fit:contain;width:100%;height:100%;position:static}.phone-getready.is-touchable .pg-status{top:51.5%;bottom:auto}.pg-status{align-items:center;gap:14px;display:flex;position:absolute;bottom:16px;left:calc(50% - 19px);transform:translate(-50%)}.pg-status img{flex:none;width:50px;height:50px}.pg-status p{width:140px;line-height:normal;font-family:"Figtree", var(--font-heading), sans-serif;color:gray;margin:0;font-size:16px;font-weight:400}.phone-buzz{background:#0b0620 url(/brand/spotlight-bg.webp) 50%/cover no-repeat;justify-content:center;align-items:center;display:flex}.phone-buzz .pg-title{color:#fff}.phone-buzz .pg-status p{color:#ffffffd9}.pb-stage{aspect-ratio:293.184/338.112;width:78.182%;position:absolute;top:calc(50% + 13.8px);left:50%;transform:translate(-50%,-50%)}.phone-buzz-tap:after{content:"";pointer-events:none;box-sizing:border-box;border:10px solid #d61f36;position:absolute;inset:0}.pb-button{aspect-ratio:214/218.012;cursor:pointer;background:0 0;border:none;width:57.067%;padding:0;transition:transform 80ms}.pb-button img{width:100%;height:100%;display:block}.pb-button:active{transform:scale(.95)}.phone-locked,.phone-falsestart{flex-direction:column;align-items:center;display:flex}.phone-locked:after,.phone-falsestart:after{content:"";pointer-events:none;border:10px solid var(--pl-rim);box-sizing:border-box;position:absolute;inset:0}.phone-locked{--pl-rim:#6b2ed1;justify-content:center;gap:16px;padding:28px 20px}.phone-falsestart{--pl-rim:#00ced9;justify-content:flex-start;gap:40px;padding-top:40px;padding-left:15px}.pl-text{text-align:center;flex-direction:column;flex:none;align-items:center;display:flex}.phone-locked .pl-text{gap:4px}.phone-falsestart .pl-text{gap:20px}.pl-title{white-space:pre-line;line-height:normal;font-family:"Figtree", var(--font-heading), sans-serif;color:#7c3aed;margin:0;font-size:36px;font-weight:700}.pl-sub{line-height:normal;font-family:"Figtree", var(--font-heading), sans-serif;color:gray;margin:0;font-size:20px;font-weight:400}.plk-art{aspect-ratio:247/325;flex:none;width:73.731%;position:relative;overflow:hidden}.plk-art img{width:228.99%;max-width:none;height:116.97%;position:absolute;top:-8.48%;left:-64.49%}.pfs-art{aspect-ratio:309/666;flex:none;width:85.833%;position:relative;overflow:hidden}.pfs-art img{width:190.73%;max-width:none;height:118.48%;position:absolute;top:-9.24%;left:-45.36%}.phone-steal{display:block}.ps-title{text-align:center;white-space:pre-line;width:max-content;max-width:92vw;line-height:normal;font-family:"Figtree", var(--font-heading), sans-serif;color:#5b21b6;margin:0;font-size:36px;font-weight:700;position:absolute;top:37px;left:49.867%;transform:translate(-50%)}.ps-pick{width:26.667%;left:var(--p-left,50%);top:var(--p-top,50%);transform:translate(-50%, -50%) rotate(var(--ps-rot,0deg));cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;padding:0;display:flex;position:absolute}.ps-pill{background:var(--av-ink);color:#fff;height:19px;font-family:"Figtree", var(--font-heading), sans-serif;white-space:nowrap;text-overflow:ellipsis;border-radius:53px;place-items:center;max-width:100%;padding:0 5px;font-size:12px;font-weight:600;line-height:1;display:grid;overflow:hidden}.ps-pill--name{height:22px;margin-bottom:-3px}.ps-disc{aspect-ratio:1;width:100%;box-shadow:0 0 0 1px var(--av-ink)}.ps-pick:active{filter:brightness(1.08)}.ps-skip{cursor:pointer;line-height:normal;font-family:"Figtree", var(--font-heading), sans-serif;color:#64748b;background:0 0;border:none;padding:0;font-size:20px;font-weight:500;text-decoration:underline;position:absolute;bottom:4.187%;left:50%;transform:translate(-50%)}.phone-gameover{display:block}.pgo-confetti{aspect-ratio:414.32/334.59;pointer-events:none;width:110.507%;position:absolute;top:28.443%;left:49.408%;transform:translate(-50%,-50%)rotate(90deg)}.pgo-col{overscroll-behavior:contain;flex-direction:column;align-items:center;width:90.4%;display:flex;position:absolute;top:22px;bottom:0;left:4.8%;overflow-y:auto}.pgo-title{text-align:center;line-height:normal;font-family:"Figtree", var(--font-heading), sans-serif;color:#5b21b6;margin:0;font-size:36px;font-weight:800}.pgo-sub{text-align:center;line-height:normal;font-family:"Figtree", var(--font-heading), sans-serif;color:#7c3aed;margin:10px 0 0;font-size:20px;font-weight:700}.pgo-winner{flex-direction:column;align-items:center;width:36.283%;margin-top:20px;padding:2px 0 3px;display:flex}.pgo-disc{aspect-ratio:1;width:100%;box-shadow:0 0 0 1px var(--av-ink)}.pgo-pill{background:var(--av-ink);color:#fff;font-family:"Figtree", var(--font-heading), sans-serif;white-space:nowrap;text-overflow:ellipsis;border-radius:53px;place-items:center;max-width:100%;padding:0 5px;font-size:14px;font-weight:600;line-height:1.5;display:grid;overflow:hidden}.pgo-lb-head{align-items:center;gap:16px;margin-top:16px;display:flex}.pgo-crown{flex:none;width:29px;height:26px}.pgo-lb-head p{line-height:normal;font-family:"Figtree", var(--font-heading), sans-serif;color:#7c3aed;margin:0;font-size:22px;font-weight:700}.pgo-rule{background:#09c;width:93.8%;height:1px;margin-top:28px}.pgo-list{flex-direction:column;gap:10px;width:100%;margin-top:28px;display:flex}.pgo-row{aspect-ratio:335.059/56;border-radius:16px;align-items:center;gap:16px;padding:6px;display:flex}.pgo-row.is-me{background:#09c3}.pgo-rank{text-align:center;width:24px;font-family:"Montserrat", var(--font-heading), sans-serif;color:#000;border-radius:541px;flex:none;font-size:20px;font-weight:500;line-height:normal}.pgo-rank.r1{background:#ffd60a}.pgo-rank.r2{background:#cbd5e1}.pgo-rank.r3{background:#966422}.pgo-row-av{flex:none;width:32.941px;height:32.941px}.pgo-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:"Figtree", var(--font-heading), sans-serif;color:#000;flex:1;font-size:20px;font-weight:700;line-height:normal;overflow:hidden}.pgo-pts{text-align:right;white-space:nowrap;font-family:"Figtree", var(--font-heading), sans-serif;color:#334155;flex:none;font-size:16px;font-weight:500;line-height:normal}.pgo-actions{align-items:center;gap:8px;margin-top:21px;display:flex}.pgo-again{cursor:pointer;color:#fff;text-align:center;width:167px;height:40px;font-family:"Figtree", var(--font-heading), sans-serif;background:#7c3aedb3;border:1px solid #a44acecc;border-radius:16px;place-items:center;padding:0;font-size:18px;font-weight:600;line-height:1.1;display:grid}.pgo-exit{cursor:pointer;background:#7c3aed4d;border:1.5px solid #a44acecc;border-radius:26px;place-items:center;width:40px;height:40px;padding:0;display:grid}.pgo-exit svg{width:24px;height:24px}.pgo-again:active,.pgo-exit:active{transform:scale(.97)}@media (orientation:landscape){.phone-screen:not(.phone-buzz):not(.phone-feedback){background:linear-gradient(175deg,#b9d8ff 0%,#c4b5fd 44.85%,#ffe4f2 98.2%)}.phone-join{padding:0;display:block}.phone-join .pj-mascot{aspect-ratio:318/347;width:39.163%;height:auto;position:absolute;bottom:0;left:6.096%}.phone-join .pj-logo{width:37.562%;max-width:none;position:absolute;top:13.6%;right:11.022%}.phone-join .pj-form{width:34.36%;position:absolute;top:57.867%;right:11.022%}.phone-round{padding:0;display:block}.quad-grid{gap:4.762% 2.083%;width:94.698%;height:78.4%;position:absolute;top:6.4%;left:2.589%}.quad{--nx:102.128%;--ny:105%}.pr-head{flex-direction:row;align-items:center;gap:2px;width:94.698%;position:absolute;top:90.133%;left:2.589%}.pr-count{text-align:left;box-sizing:border-box;flex:none;width:48px;padding:0 6px}.pr-bar{flex:1}.phone-getready .pg-head{align-items:flex-start;top:9.067%;left:5.055%;right:auto}.phone-getready .pg-title,.phone-getready .pg-sub{text-align:left}.phone-getready .pg-status{top:79.733%;bottom:auto;left:5.055%;transform:none}.phone-getready .pg-art{aspect-ratio:332/590;width:40.937%;height:auto;top:-19.2%;bottom:auto;left:59.063%}.phone-getready.is-touchable .pg-art{aspect-ratio:1024/1371;width:auto;height:78%;top:auto;bottom:0;left:50%}.phone-getready.is-touchable .pg-status{top:79.733%;bottom:auto;left:5.055%;transform:none}.phone-buzz .pb-stage{aspect-ratio:293.184/338.112;width:36.151%;top:8.507%;left:31.86%;transform:none}.phone-locked{padding:0;display:block}.phone-locked .plk-art{width:30.456%;height:auto;position:absolute;top:6.4%;left:12.084%}.phone-locked .pl-text{text-align:left;align-items:flex-start;width:25.771%;position:absolute;top:40.267%;left:62.269%}.pf-bubbles--portrait{display:none}.pf-bubbles--landscape{display:block}.phone-steal .ps-title{width:31.813%;top:10.667%;left:50%}.phone-steal .ps-skip{top:82.933%;bottom:auto}.ps-pick{width:12.33%;left:var(--l-left);top:var(--l-top);transform:translate(-50%, -50%) rotate(var(--l-rot,0deg))}.phone-gameover .pgo-col{width:31.073%;top:10.133%;bottom:auto;left:5.549%;overflow:visible}.pgo-lb-head,.pgo-rule,.pgo-list{width:41.8%;position:fixed;left:52.528%}.pgo-lb-head{justify-content:center;margin:0;top:6.667%}.pgo-rule{width:39.211%;margin:0;top:21.067%;left:53.883%}.pgo-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;height:68.427%;margin:0;top:28.533%;overflow-y:auto}.pgo-winner{width:48.81%;margin-top:14px}.pgo-actions{margin-top:14px}.pgo-confetti{width:41.31%;top:50%;left:21.27%}.phone-falsestart{gap:10px;padding-top:12px}.pfs-art{width:auto;height:46%}.pb-button{width:auto;height:62%}}.phone-note{flex-direction:column;justify-content:center;align-items:center;padding:28px 20px;display:flex}.phone-note:after{content:"";pointer-events:none;border:10px solid var(--pl-rim,transparent);box-sizing:border-box;position:absolute;inset:0}.phone-note .pl-text{gap:12px}.pl-sub{white-space:pre-line}.pn-title-sm{white-space:pre-line;text-align:center;line-height:normal;font-family:"Figtree", var(--font-heading), sans-serif;color:#5b21b6;margin:0;font-size:30px;font-weight:800}.phone-bet,.phone-pickcat{flex-direction:column;align-items:center;padding:40px 0;display:flex;overflow-y:auto}.pn-btn{cursor:pointer;color:#fff;text-align:center;width:81.867%;height:40px;font-family:"Figtree", var(--font-heading), sans-serif;border:1px solid #a44acecc;border-radius:16px;place-items:center;padding:0;font-size:18px;font-weight:600;line-height:1.1;display:grid}.pn-btn--primary{background:#7c3aedb3}.pn-btn--ghost{background:#7c3aed4d}.pn-btn:disabled{opacity:.45;cursor:default}.pn-btn:not(:disabled):active{transform:scale(.98)}.pbt-title{text-align:center;line-height:normal;font-family:"Figtree", var(--font-heading), sans-serif;color:#5b21b6;margin:0;font-size:36px;font-weight:800}.pbt-sub{text-align:center;white-space:pre-line;width:68.53%;line-height:normal;font-family:"Figtree", var(--font-heading), sans-serif;color:#7c3aed;margin:20px 0 0;font-size:22px;font-weight:500}.pbt-dial{touch-action:none;cursor:pointer;width:72.8%;height:auto;margin-top:40px}.pbt-track{fill:none;stroke:#cbd5e1;stroke-width:21px;stroke-linecap:round}.pbt-fill{fill:none;stroke:url(#pbt-grad);stroke-width:21px;stroke-linecap:round}.pbt-knob{fill:#fff;stroke:#7c3aed;stroke-width:4px}.pbt-pct{font-family:"Figtree", var(--font-heading), sans-serif;fill:#5b21b6;font-size:48px;font-weight:800}.pbt-amount{width:48%;height:60px;font-family:"Figtree", var(--font-heading), sans-serif;color:#5b21b6;border:3px solid #a44acecc;border-radius:16px;place-items:center;margin-top:51px;font-size:26px;font-weight:700;line-height:30.2px;display:grid}.pbt-hint{text-align:center;width:80.8%;line-height:normal;font-family:"Figtree", var(--font-heading), sans-serif;color:#64748b;margin:10px 0 0;font-size:12px;font-weight:500}.pbt-actions{flex-direction:column;align-items:center;gap:10px;width:100%;margin-top:auto;padding-top:24px;display:flex}.pbt-skip{cursor:pointer;line-height:normal;font-family:"Figtree", var(--font-heading), sans-serif;color:#64748b;background:0 0;border:none;padding:0;font-size:20px;font-weight:500}.pfc-sub{text-align:center;white-space:pre-line;width:68.53%;line-height:normal;font-family:"Figtree", var(--font-heading), sans-serif;color:#7c3aed;margin:0;font-size:22px;font-weight:500}.pfc-grid{grid-template-columns:repeat(2,1fr);justify-items:center;gap:10px;width:73.867%;margin-top:20px;display:grid}.pfc-badge{cursor:pointer;filter:grayscale();background:#94a3b8;border:none;border-radius:100px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:120px;height:120px;transition:filter .15s,background .15s;display:flex}.pfc-badge.is-on{filter:none;background:linear-gradient(135deg,#a44acecc,#09c)}.pfc-badge img{object-fit:contain;width:60px;height:60px}.pfc-badge span{font-family:"Figtree", var(--font-heading), sans-serif;color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:108px;font-size:14px;font-weight:600;line-height:1.55;overflow:hidden}.pfc-actions{flex-direction:column;align-items:center;gap:9px;width:100%;margin-top:auto;padding-top:20px;padding-bottom:43px;display:flex}.phone-feedback.is-correct{--pf-bubble:#00c16a;background:linear-gradient(-22.27deg,#b9d8ff 0%,#b3f5d1 98.2%)}.phone-feedback.is-wrong{--pf-bubble:#ff2b44;background:linear-gradient(-22.27deg,#ff6b7e 0%,#ffe4f2 98.2%)}@media (orientation:landscape){.phone-feedback.is-correct{background:linear-gradient(157.73deg,#b9d8ff 0%,#b3f5d1 98.2%)}.phone-feedback.is-wrong{background:linear-gradient(157.73deg,#ff6b7e 0%,#ffe4f2 98.2%)}}.pf-bubbles{pointer-events:none;position:absolute;inset:0}@media (orientation:portrait){.pf-bubbles--landscape{display:none}}.pf-bubbles span{aspect-ratio:1;background:var(--pf-bubble);opacity:.3;border-radius:50%;position:absolute}.pf-content{text-align:center;flex-direction:column;align-items:center;gap:12px;width:208px;max-width:80vw;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pf-title{text-transform:uppercase;width:100%;font-family:"Figtree", var(--font-heading), sans-serif;color:#5b21b6;margin:0;font-size:36px;font-weight:800;line-height:normal}.pf-pill{width:180px;height:60px;font-family:"Figtree", var(--font-heading), sans-serif;color:#5b21b6;border:3px solid #a44acecc;border-radius:16px;place-items:center;font-size:26px;font-weight:700;line-height:30.2px;display:grid;box-shadow:0 0 4px #00000040,0 4px 4px #00000040}.pf-balance{width:303px;max-width:100%;font-family:"Figtree", var(--font-heading), sans-serif;color:#64748b;margin:0;font-size:16px;font-weight:500}.phone-waiting{display:block}.pw-text{text-align:center;width:279px;max-width:74.4vw;font-family:"Figtree", var(--font-heading), sans-serif;color:#000b23;margin:0;font-size:16px;font-weight:500;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tank{position:absolute;inset:0}.tank-avatar{width:100px;left:var(--p-left,0);top:var(--p-top,0);rotate:var(--spot-rot,0deg);translate:calc(var(--tilt-x,0) * 22px) calc(var(--tilt-y,0) * 22px);animation:tankDrift var(--drift-dur,12s) ease-in-out infinite;animation-delay:var(--drift-delay,0s);flex-direction:column;align-items:center;transition:translate .35s ease-out;display:flex;position:absolute}.tank-avatar-img{width:100px;height:100px;box-shadow:0 0 0 1px var(--av-ink)}.tank-avatar-name{font-family:"Figtree", var(--font-heading), sans-serif;color:#fff;background:var(--av-ink,#7c3aed);text-overflow:ellipsis;white-space:nowrap;border-radius:53px;max-width:100%;margin-top:-6px;padding:0 5px;font-size:14px;font-weight:600;line-height:1.55;overflow:hidden}@keyframes tankDrift{0%,to{transform:translate(0)}25%{transform:translate(var(--drift-x,4px), calc(var(--drift-y,4px) * -1))}50%{transform:translate(calc(var(--drift-x,4px) * -1), var(--drift-y,4px))}75%{transform:translate(calc(var(--drift-x,4px) * .4), calc(var(--drift-y,4px) * .6))}}@media (orientation:landscape){.tank-avatar{width:12.33%;left:var(--l-left);top:var(--l-top);translate:calc(-50% + var(--tilt-x,0) * 22px) calc(-50% + var(--tilt-y,0) * 22px);rotate:var(--l-rot,0deg)}.tank-avatar-img{aspect-ratio:1;width:100%;height:auto}}.final-bet-panel{text-align:center;flex-direction:column;align-items:center;gap:24px;display:flex}.final-bet-crown{font-size:clamp(48px,7vw,88px);animation:1.2s ease-in-out infinite pulse}.final-bet-title,.final-q-title{color:var(--gold);text-shadow:0 0 40px #f5c54299;font-size:clamp(44px,6vw,82px)}.final-bet-sub{color:#c8b4ffe6;font-size:clamp(18px,2vw,26px)}.final-bet-counter{color:var(--cyan);letter-spacing:.04em;background:#2ee6ff1f;border:1.5px solid #2ee6ff4d;border-radius:999px;padding:12px 32px;font-size:clamp(22px,2.6vw,38px);font-weight:900}.ac-bet{font-family:var(--font-heading), system-ui, sans-serif;color:var(--gold);letter-spacing:.04em;font-size:14px;font-weight:800}.ac-back .ac-tag{letter-spacing:.06em;text-transform:uppercase;color:#dcd2ffbf;font-size:11px;font-weight:800}.bet-header{text-align:center}.bet-title{font-family:var(--font-heading), system-ui, sans-serif;color:var(--gold);font-size:32px;font-weight:700}.bet-sub{color:var(--muted);margin-top:4px;font-size:16px}.bet-score{color:var(--text);margin-top:10px;font-size:18px;font-weight:700}.bet-card{flex-direction:column;gap:16px;display:flex}.bet-amount-display{font-family:var(--font-heading), system-ui, sans-serif;color:var(--gold);text-align:center;text-shadow:0 0 22px #f5c54280;font-size:52px;font-weight:700}.bet-slider{cursor:pointer;width:100%;height:10px;accent-color:var(--gold);border-radius:999px}.bet-presets{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.bet-hint{text-align:center;color:var(--muted);font-size:13px}.feedback .gain.loss{color:var(--red)}@media (height<=620px){.topbar{padding:8px 20px}:root{--topbar-h:calc(var(--safe-y) + 16px + max(var(--logo-base-h) * var(--logo-scale,1), 36px * var(--nuby-btn-scale,1)))}.center-area{gap:10px;padding-bottom:12vh}.q-meta .badge{padding:5px 12px;font-size:12px}.explain{font-size:14px}.answer-cards{gap:8px;margin-top:0}.answer-card{width:76px;height:92px}.ac-face{border-radius:12px;gap:5px;padding:5px}.ac-front .ac-lock{font-size:24px}.ac-name{max-width:66px;font-size:11px}.ac-icon{font-size:20px}.ac-shape-badge{border-radius:9px;width:32px;height:32px}.ac-shape-badge .shape{width:14px;height:14px}.ac-mark{font-size:13px;top:3px;right:6px}}@media (width<=760px){.exit-confirm-actions{flex-direction:column;align-items:center}}
