.mnogo-game{--cream:#fff8e9;--ink:#26384c;min-height:100svh;color:var(--ink);font-family:var(--font-family);opacity:0;background:#183c55;transition:opacity .24s;overflow:hidden}.mnogo-game[data-hydrated=true]{opacity:1}.mnogo-game button{min-width:48px;min-height:48px;font:inherit;touch-action:manipulation}.mnogo-game button:focus-visible{outline-offset:3px;outline:4px solid #fff4a8}.mnogo-scene{--parallax-x:0px;--parallax-y:0px;isolation:isolate;touch-action:pan-y;min-height:100svh;position:relative;overflow:hidden}.mnogo-scene-art{transform:translate(var(--parallax-x),var(--parallax-y)) scale(1.025);transition:transform .35s ease-out,filter .35s,opacity .22s;animation:.52s cubic-bezier(.2,.75,.2,1) mnogo-scene-in;position:absolute;inset:-14px}.mnogo-scene-image{object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.mnogo-scene-light{pointer-events:none;mix-blend-mode:soft-light;background:linear-gradient(118deg,#fff3 0 5%,#0000 23% 72%,#18354d20),radial-gradient(circle at 52% 18%,#fff3,#0000 36%);animation:8s ease-in-out infinite alternate mnogo-light;position:absolute;inset:0}.mnogo-scene-drift{z-index:2;opacity:.36;filter:blur(.4px);background:#fff6c9b3;border-radius:50%;width:11px;height:11px;animation:12s linear infinite mnogo-drift;position:absolute;box-shadow:46px 28px #fff8cf8c,102px -12px #ffffff8a,168px 40px #fff4bd8a}.drift-one{top:18%;left:-190px}.drift-two{animation-duration:15s;animation-delay:-6s;top:61%;left:-240px;transform:scale(.7)}.mnogo-scene.is-answer-open .mnogo-scene-art{filter:saturate(1.08)brightness(1.035);transform:translate(var(--parallax-x),var(--parallax-y)) scale(1.035)}.mnogo-scene.is-transitioning.is-next .mnogo-scene-art{opacity:.18;transform:translate(-3%)scale(1.045)}.mnogo-scene.is-transitioning.is-previous .mnogo-scene-art{opacity:.18;transform:translate(3%)scale(1.045)}.mnogo-top-controls{z-index:40;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));gap:8px;display:flex;position:fixed}.mnogo-top-controls button,.mnogo-navigation button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#20384ebd;border:1px solid #fff9;border-radius:50%;place-items:center;font-weight:950;transition:transform .18s,background .18s,opacity .18s;display:grid;box-shadow:0 8px 24px #10223457,inset 0 1px #fff5}.mnogo-top-controls button:hover,.mnogo-navigation button:hover:not(:disabled){background:#2d536ed9;transform:translateY(-2px)scale(1.04)}.mnogo-top-controls button:active,.mnogo-navigation button:active:not(:disabled){transform:scale(.93)}.mnogo-top-controls button{width:48px;height:48px;font-size:1.25rem}.mnogo-progress{z-index:32;top:max(18px,calc(env(safe-area-inset-top) + 6px));color:#fff;text-shadow:0 2px 8px #10283d;grid-template-columns:1fr auto;align-items:center;gap:10px;width:min(320px,34vw);display:grid;position:fixed;left:50%;transform:translate(-50%)}.mnogo-progress>span{background:#ffffff5c;border-radius:99px;height:6px;overflow:hidden;box-shadow:0 2px 8px #0e263b38}.mnogo-progress i{border-radius:inherit;background:linear-gradient(90deg,#ffe088,#fff9d4);height:100%;transition:width .35s;display:block}.mnogo-progress b{font-size:.88rem}.mnogo-progress small{opacity:.72;font-size:.74em}.mnogo-navigation{z-index:42;right:0;bottom:max(18px,env(safe-area-inset-bottom));pointer-events:none;grid-template-columns:56px 66px 56px;justify-content:center;align-items:center;gap:clamp(20px,5vw,62px);display:grid;position:fixed;left:0}.mnogo-navigation button{pointer-events:auto;width:56px;height:56px;font-size:1.65rem}.mnogo-navigation button:disabled{opacity:.28;cursor:default}.mnogo-navigation .mnogo-answer-button{color:#2d4457;background:linear-gradient(145deg,#fffdf2,#ffe08a);border:2px solid #fff;width:66px;height:66px;font:950 2rem/1 Georgia,serif;box-shadow:0 10px 28px #10223466,inset 0 2px #fff}.mnogo-navigation .mnogo-answer-button[aria-expanded=true]{color:#fff;background:linear-gradient(145deg,#f29d57,#df6471)}.mnogo-prompt-layer{z-index:34;right:0;bottom:max(104px,calc(env(safe-area-inset-bottom) + 96px));pointer-events:none;justify-content:center;padding:0 18px;display:flex;position:fixed;left:0}.mnogo-prompt{color:#fffdf4;text-align:center;text-wrap:balance;text-shadow:0 2px 8px #10283d80;-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px);background:#17384ccc;border:1px solid #fff8;border-radius:20px;max-width:min(760px,100vw - 36px);margin:0;padding:11px 20px 12px;font-size:clamp(1rem,2vw,1.28rem);font-weight:800;line-height:1.35;animation:.35s both mnogo-prompt-in;box-shadow:0 12px 34px #10283d4d,inset 0 1px #fff4}.mnogo-answer-layer{z-index:35;padding:20px 20px max(104px,calc(env(safe-area-inset-bottom) + 96px));pointer-events:none;background:linear-gradient(#0000 40%,#102e4657 100%);place-items:end center;animation:.28s both mnogo-layer-in;display:grid;position:fixed;inset:0}.mnogo-answer{color:#20384d;text-align:center;text-wrap:balance;pointer-events:auto;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffaf0e8;border:1px solid #fff9;border-radius:28px;max-width:min(920px,100vw - 32px);margin:0;padding:clamp(16px,2.6vw,26px) clamp(20px,4vw,42px);font-size:clamp(1.05rem,2.35vw,1.65rem);font-weight:850;line-height:1.35;animation:.38s cubic-bezier(.2,.8,.2,1) both mnogo-answer-in;box-shadow:0 20px 55px #10283d66,inset 0 1px #fff}.mnogo-celebration{pointer-events:none;position:absolute;inset:18% 18% 21%}.mnogo-celebration i{background:#ffe276;border-radius:50%;width:9px;height:9px;animation:1.05s ease-out both mnogo-spark;position:absolute;box-shadow:0 0 14px #fff7b8}.mnogo-celebration i:first-child{top:64%;left:8%}.mnogo-celebration i:nth-child(2){animation-delay:80ms;top:18%;left:27%}.mnogo-celebration i:nth-child(3){animation-delay:.15s;top:8%;left:50%}.mnogo-celebration i:nth-child(4){animation-delay:.11s;top:22%;right:24%}.mnogo-celebration i:nth-child(5){animation-delay:40ms;top:61%;right:7%}.mnogo-instruction{z-index:80;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#102c43a6;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.mnogo-instruction>div{color:#263b4c;text-align:center;background:#fffaf0f2;border:1px solid #fff9;border-radius:36px;width:min(560px,100%);padding:clamp(28px,6vw,52px);animation:.5s cubic-bezier(.2,.8,.2,1) mnogo-instruction-in;box-shadow:0 28px 80px #0d263a75}.mnogo-instruction span{font-size:2.6rem}.mnogo-instruction h1{margin:8px 0 14px;font-size:clamp(2rem,6vw,3.6rem);line-height:1}.mnogo-instruction p{max-width:440px;margin:0 auto 24px;font-size:clamp(1rem,2.8vw,1.25rem);line-height:1.5}.mnogo-instruction button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3287a8,#35678e);border:0;border-radius:999px;padding:0 30px;font-weight:900;box-shadow:0 10px 24px #2655704a}@keyframes mnogo-scene-in{0%{opacity:.25;transform:translate(2%)scale(1.045)}}@keyframes mnogo-light{to{opacity:.68;transform:translate(1.5%,-.5%)}}@keyframes mnogo-drift{to{transform:translate(calc(100vw + 420px))translateY(-26px)rotate(35deg)}}@keyframes mnogo-layer-in{0%{opacity:0}}@keyframes mnogo-prompt-in{0%{opacity:0;transform:translateY(8px)}}@keyframes mnogo-answer-in{0%{opacity:0;transform:translateY(24px)scale(.96)}}@keyframes mnogo-instruction-in{0%{opacity:0;transform:translateY(22px)scale(.96)}}@keyframes mnogo-spark{0%{opacity:0;transform:translateY(26px)scale(.2)}35%{opacity:1}to{opacity:0;transform:translateY(-34px)scale(1.8)}}@media (max-width:760px){.mnogo-top-controls{top:max(9px,env(safe-area-inset-top));right:max(9px,env(safe-area-inset-right));gap:6px}.mnogo-top-controls button{width:44px;min-width:44px;height:44px;min-height:44px}.mnogo-progress{top:auto;bottom:max(92px,calc(env(safe-area-inset-bottom) + 82px));width:min(260px,64vw)}.mnogo-navigation{grid-template-columns:52px 62px 52px;gap:clamp(26px,10vw,52px)}.mnogo-navigation button{width:52px;height:52px}.mnogo-navigation .mnogo-answer-button{width:62px;height:62px}.mnogo-prompt-layer{bottom:max(126px,calc(env(safe-area-inset-bottom) + 118px));padding-inline:12px}.mnogo-prompt{border-radius:17px;max-width:min(560px,100vw - 24px);padding:9px 15px 10px;font-size:clamp(.95rem,4.2vw,1.12rem)}.mnogo-answer-layer{padding-inline:12px}}@media (max-height:540px) and (orientation:landscape){.mnogo-top-controls button{width:42px;min-width:42px;height:42px;min-height:42px}.mnogo-progress{width:29vw;top:16px;bottom:auto}.mnogo-navigation{bottom:max(9px,env(safe-area-inset-bottom))}.mnogo-navigation button{width:48px;min-width:48px;height:48px;min-height:48px}.mnogo-navigation .mnogo-answer-button{width:56px;height:56px}.mnogo-prompt-layer{bottom:max(72px,calc(env(safe-area-inset-bottom) + 66px))}.mnogo-prompt{padding:8px 14px;font-size:.9rem}.mnogo-answer-layer{padding-bottom:max(76px,calc(env(safe-area-inset-bottom) + 70px))}.mnogo-answer{padding:11px 20px;font-size:.95rem}}@media (prefers-reduced-motion:reduce){.mnogo-scene-art,.mnogo-scene-light,.mnogo-scene-drift,.mnogo-prompt,.mnogo-answer-layer,.mnogo-answer,.mnogo-celebration i,.mnogo-instruction>div{transition:none!important;animation:none!important}.mnogo-scene-art{transform:none!important}.mnogo-scene-drift{display:none}}.mnogo-progress-backdrop{z-index:100;background:#102234cc;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.mnogo-progress-panel{width:min(420px,100%);max-height:calc(100svh - 32px);color:var(--ink);background:var(--cream);border-radius:20px;gap:12px;padding:24px;display:grid;overflow-y:auto}.mnogo-progress-panel h2{margin:0 0 4px;font-size:1.4rem}.mnogo-progress-panel select{width:100%;min-height:48px;color:var(--ink);font:inherit;background:#fff;border:1px solid #7998ad;border-radius:10px;padding:10px}.mnogo-progress-panel button,.mnogo-progress-feedback button{color:var(--ink);font:inherit;cursor:pointer;background:#edf6fb;border:1px solid #7998ad;border-radius:10px;padding:10px 14px}.mnogo-progress-feedback{z-index:45;width:min(560px,100% - 32px);color:var(--ink);background:var(--cream);border-radius:14px;margin:12px auto;padding:12px;font-size:.9rem;position:relative}.mnogo-progress-feedback p{margin:0}.mnogo-progress-feedback button{margin-top:8px}
