*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;overscroll-behavior-y:none;background:radial-gradient(at top,#fff 0% 35%,#fff 70% 100%);min-height:100svh;font-family:Mitr,Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}#root{justify-content:center;align-items:center;width:100%;min-height:100svh;display:flex}button{font-family:inherit}img{max-width:100%;display:block}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}:root{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--shell-pad:0px;--frame-max:100vw}.app-shell{width:100%;min-height:100svh;padding:calc(var(--safe-top) + var(--shell-pad)) calc(var(--safe-right) + var(--shell-pad)) calc(var(--safe-bottom) + var(--shell-pad)) calc(var(--safe-left) + var(--shell-pad));justify-content:center;align-items:center;display:flex}.frame{width:100%;max-width:min(var(--frame-max), calc((100dvh - var(--safe-top) - var(--safe-bottom) - 2 * var(--shell-pad)) * 9 / 16));filter:none;border-radius:0;transition:filter .22s;position:relative;overflow:hidden;container:frame/inline-size}.screen{aspect-ratio:9/16;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background-color:#b8dba1;width:100%;position:relative;overflow:hidden}.artboard-svg,.artboard-fallback{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.artboard-svg svg{width:100%;height:100%;display:block}.artboard-fallback{object-fit:cover}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hotspot{cursor:pointer;background:0 0;border:0;border-radius:5cqi;margin:0;padding:0;transition:transform .18s,box-shadow .22s,background .22s;position:absolute}.hotspot:focus-visible{outline-offset:1cqi;outline:.75cqi solid #ffd54a}.hotspot:not(.is-disabled):active{transform:scale(.97)}.intro{background:linear-gradient(#cfe7b3 0%,#b8dba1 60%,#9fcf86 100%);position:relative}.intro-layer{pointer-events:none;-webkit-user-select:none;user-select:none;display:block;position:absolute}.intro-bg{object-fit:cover;width:102.4%;height:100.8%;top:-.4%;left:-1.2%}.intro-logo{width:28%;top:1.5%;left:50%;transform:translate(-50%)}.intro-title{width:75%;top:9%;left:50%;transform:translate(-50%)}.intro-desc{width:55%;top:22%;left:50%;transform:translate(-50%)}.intro-mascot{width:89%;top:36%;left:50%;transform:translate(-50%)}.intro-button{width:63%;bottom:6.5%;left:50%;transform:translate(-50%)}.intro-hint{width:50%;bottom:2.5%;left:50%;transform:translate(-50%)}.intro-go{border-radius:999px;height:5.5%;animation:2.4s ease-in-out infinite pulse;bottom:7%;left:18.5%;right:18.5%}.intro-go:hover{background:#ffffff2e;box-shadow:0 0 0 1.2cqi #ffd54a59}@keyframes pulse{0%,to{box-shadow:0 0 #ffd54a00}50%{box-shadow:0 0 0 2cqi #ffd54a59}}.question{position:relative}.question-layered{background:linear-gradient(#cfe7b3 0%,#b8dba1 60%,#9fcf86 100%)}.q-layer{pointer-events:none;-webkit-user-select:none;user-select:none;display:block;position:absolute}.q-bg{object-fit:cover;width:102.4%;height:100.8%;top:-.4%;left:-1.2%}.q-logo{width:28%;top:1.5%;left:82.92%;transform:translate(-50%)}.progress-overlay{color:#5d3a1c;text-shadow:0 .2cqi #ffffff8c;z-index:4;flex-direction:column;align-items:center;gap:1.4%;width:62.4%;font-family:Mitr,Nunito,sans-serif;font-weight:700;display:flex;position:absolute;top:6%;left:50%;transform:translate(-50%)}.progress-loading{letter-spacing:.5px;font-size:clamp(11px,4.4cqi,24px)}.progress-bar-svg{filter:drop-shadow(0 .6cqi 1cqi #431e092e);width:100%;height:auto;display:block}.progress-bar-clip-rect{transition:width .6s cubic-bezier(.4,0,.2,1)}.progress-question{margin-top:.4%;font-size:clamp(10px,4cqi,21px);font-weight:700}.q-panel{width:89%;top:22.5%;left:50%;transform:translate(-50%)}.choice-grid-layered{grid-template-columns:1fr 1fr;gap:2.5% 3.5%;width:76%;display:grid;position:absolute;top:39.6%;left:50.625%;transform:translate(-50%)}.choice-card{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:5cqi;min-height:44px;margin:0;padding:0;transition:transform .22s,box-shadow .22s;position:relative;overflow:visible}.choice-card img{pointer-events:none;border-radius:5cqi;width:100%;height:auto;display:block}@media (hover:hover){.choice-card:hover{transform:translateY(-.5cqi);box-shadow:0 1.5cqi 3.5cqi #3c641e59}}.choice-card:active{transform:scale(.97)}.choice-card.is-selected{animation:.24s bounce-in;transform:translateY(-.7cqi)scale(1.03);box-shadow:0 2cqi 5cqi #f5a623b3}.choice-card.is-selected:after{content:"";pointer-events:none;border:2cqi solid #f5a623;border-radius:8cqi;position:absolute;inset:-2%;box-shadow:0 0 0 1.5cqi #f5a62340}.choice-card:focus-visible{outline-offset:1cqi;outline:.75cqi solid #ffd54a}.next-card{cursor:pointer;background:0 0;border:0;border-radius:999px;width:47%;min-height:44px;padding:0;transition:transform .22s,box-shadow .22s,opacity .22s;position:absolute;bottom:4.44%;left:50%;overflow:visible;transform:translate(-50%)}.next-card img{pointer-events:none;width:100%;height:auto;display:block}@media (hover:hover){.next-card:hover:not(.is-disabled){transform:translate(-50%)translateY(-.5cqi);box-shadow:0 1.5cqi 3cqi #3c281473}}.next-card:active:not(.is-disabled){transform:translate(-50%)scale(.97)}.next-card.is-disabled{cursor:not-allowed;opacity:.55;filter:grayscale(.3)}.choices-grid{grid-template:"top-l top-r"1fr"bot-l bot-r"1fr/1fr 1fr;gap:2% 3%;display:grid;position:absolute;inset:38% 7% 18%}.choice{border-radius:5cqi;width:100%;height:100%;position:relative}@media (hover:hover){.choice:hover{background:#ffffff1f;box-shadow:inset 0 0 0 .75cqi #7cb34280}}.choice.is-selected{background:#ffeb8238;animation:.24s bounce-in;box-shadow:inset 0 0 0 1cqi #f5a623,0 0 0 1.5cqi #f5a62340}@keyframes bounce-in{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}.next-btn{border-radius:999px;height:8%;bottom:5%;left:22%;right:22%}.next-btn:hover:not(.is-disabled){background:#ffffff1f;box-shadow:0 0 0 1cqi #ffd54a73}.next-btn.is-disabled{cursor:not-allowed;opacity:.5}.back-pill{color:#4a6a37;cursor:pointer;z-index:5;background:#ffffffd9;border:0;border-radius:50%;justify-content:center;align-items:center;width:clamp(40px,9cqi,56px);height:clamp(40px,9cqi,56px);font-size:clamp(18px,5cqi,28px);font-weight:700;transition:background .18s,transform .18s;display:flex;position:absolute;top:clamp(12px,4cqi,24px);left:clamp(12px,4cqi,24px);box-shadow:0 .5cqi 2cqi #00000026}.back-pill:hover{background:#fff}.back-pill:active{transform:scale(.94)}.hint-pill{color:#6b4f1f;white-space:nowrap;background:#ffffffe6;border-radius:999px;margin:0;padding:clamp(6px,1.6cqi,12px) clamp(12px,3.6cqi,22px);font-size:clamp(11px,3.2cqi,16px);font-weight:600;animation:2.2s ease-in-out infinite float;position:absolute;bottom:14%;left:50%;transform:translate(-50%);box-shadow:0 1cqi 3cqi #00000026}@keyframes float{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-1cqi)}}.result{position:relative}.result-layered{background:linear-gradient(#cfe7b3 0%,#b8dba1 60%,#9fcf86 100%)}.result-character{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.result-needle{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:3;width:26.8%;position:absolute;top:61.4%;left:81.4%;transform:translate(-50%)}.result-needle svg{width:100%;height:auto;display:block}.result-action{cursor:pointer;-webkit-tap-highlight-color:transparent;z-index:4;background:0 0;border:0;border-radius:999px;width:38%;min-height:44px;padding:0;transition:transform .22s,box-shadow .22s,opacity .22s;position:absolute;bottom:2.06%;overflow:visible}.result-action img{pointer-events:none;width:100%;height:auto;display:block}.share-card{left:9%}.download-card{right:9%}@media (hover:hover){.result-action:hover:not(.is-disabled){transform:translateY(-.5cqi);box-shadow:0 1.5cqi 3.5cqi #3c641e66}}.result-action:active:not(.is-disabled){transform:scale(.97)}.result-action:focus-visible{outline-offset:1cqi;outline:.75cqi solid #ffd54a}.result-action.is-disabled{cursor:wait;opacity:.6;filter:grayscale(.25)}.share-btn{border-radius:999px;width:38%;height:6.5%;bottom:5.5%;left:9%}.download-btn{border-radius:999px;width:38%;height:6.5%;bottom:5.5%;right:9%}.share-btn:hover,.download-btn:hover{background:#ffffff2e;box-shadow:0 0 0 1cqi #7cb34280}.restart-pill{color:#4a6a37;cursor:pointer;z-index:5;background:#ffffffe0;border:0;border-radius:999px;padding:clamp(8px,2.2cqi,14px) clamp(14px,3.6cqi,22px);font-size:clamp(12px,3.4cqi,18px);font-weight:700;transition:background .18s,transform .18s;position:absolute;top:clamp(12px,4cqi,24px);right:clamp(12px,4cqi,24px);box-shadow:0 .5cqi 2cqi #00000026}.restart-pill:hover{background:#fff}.restart-pill:active{transform:scale(.96)}@media (width>=480px){:root{--shell-pad:14px;--frame-max:440px}.frame{filter:drop-shadow(0 20px 40px #24401a4d);border-radius:28px}}@media (width>=768px){:root{--shell-pad:20px;--frame-max:460px}}@media (width>=1024px){:root{--shell-pad:28px;--frame-max:500px}.frame{filter:drop-shadow(0 30px 60px #24401a59)}}@media (width>=1440px){:root{--frame-max:540px}}@media (orientation:landscape) and (height<=500px){:root{--shell-pad:8px}.frame{border-radius:18px}}@media (width>=1920px){:root{--frame-max:560px}}