@import url("https://fonts.googleapis.com/css2?family=Luckiest+Guy&display=swap");@font-face{font-family:Atma;src:url(/Atma-Bold.ttf) format("truetype");font-weight:700;font-style:normal}:root{--background:#ffffff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body,html{max-width:100vw;overflow-x:hidden}body{color:#ff822d;background:url(/Background.png) no-repeat 50% fixed;background-size:cover;font-family:Fredoka One,Comic Sans MS,cursive,sans-serif;min-height:100vh;letter-spacing:1px;position:relative}*,body{margin:0}*{box-sizing:border-box;padding:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{color-scheme:dark}}.quiz-card,.result-card,.welcome-card{background:linear-gradient(180deg,#fffbe6 60%,#ffe0b2);border-radius:36px;padding:2.5rem 2rem;margin:2.5rem auto;max-width:650px;text-align:center;border:4px solid #ff822d}.quiz-btn,.quiz-card,.result-card,.welcome-card{box-shadow:0 12px 40px 0 #ff822d55,0 2px 8px 0 #ff822d22}.quiz-btn{background:#ff822d;border:none;border-radius:50%;color:#fff;font-size:2.7rem;margin:2.5rem auto 0;padding:0;width:100px;height:100px;cursor:pointer;transition:box-shadow .2s,background .2s,color .2s,transform .15s;font-family:Fredoka One,Comic Sans MS,cursive,sans-serif;font-weight:700;outline:6px solid #fff;outline-offset:2px;display:block}.quiz-btn:focus,.quiz-btn:hover{background:#fff;color:#ff822d;transform:scale(1.08) rotate(-5deg);box-shadow:0 16px 48px 0 #ff822d55,0 4px 16px 0 #ff822d22}.quiz-btn:active{background:#ff822d;color:#fff;transform:scale(.93)}@media (max-width:600px){.quiz-card,.result-card,.welcome-card{padding:1.2rem .5rem 1.5rem;margin:1rem;max-width:98vw}.quiz-btn{width:80px;height:80px;font-size:2rem}.main-card{max-width:98vw;padding:1.2rem .5rem;margin:1rem auto;border-radius:18px}.cartoon-title{font-size:2rem;padding:.2em .7em;border-radius:18px}.main-btn{font-size:1.1rem;padding:.7rem 1.2rem;border-radius:12px}.main-btn-circle{font-size:1.5rem;width:60px;height:60px;border-radius:50%;margin:1.2rem auto 0}.option-btn,.option-btn-large{width:100%!important;min-width:0!important;max-width:98vw!important;font-size:1.1rem!important;padding:.8rem .2rem!important;white-space:normal!important;word-break:break-word!important;box-sizing:border-box!important;display:block!important}.result-label{font-size:1rem;padding:.3rem 1rem;border-radius:18px}.basic-choice{font-size:1.1rem!important;white-space:normal!important;word-break:break-word!important;text-align:center!important;width:100%!important;box-sizing:border-box!important;display:block!important}}.option-btn,.option-btn-large{width:100%!important;box-sizing:border-box}.option-btn{font-family:Luckiest Guy,Comic Sans MS,cursive;font-size:1.25rem;color:#ff822d;background:#fff;border:1px solid #ff822d;border-radius:10px;box-shadow:0 4px 16px 0 #ff822d33;padding:1.1rem .5rem;margin:.2rem 0;cursor:pointer;transition:all .18s cubic-bezier(.4,2,.6,1);text-align:center;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-shadow:1px 2px 0 #fff,2px 4px 0 #ff822daa}.option-btn.selected,.option-btn:active{background:#ff822d;color:#fff;border-color:#ff822d;text-shadow:1px 2px 0 #fff,2px 4px 0 #ff822daa}.option-btn:disabled{opacity:.7;pointer-events:none}.cartoon-title{font-size:4.2rem;color:#ff822d;font-family:Fredoka One,Comic Sans MS,cursive;font-weight:900;text-shadow:3px 6px 0 #fff,6px 12px 0 #ff822daa,0 2px 0 #fff,0 4px 0 #ff822daa;border:6px solid #ff822d;border-radius:36px;background:#fffbe6;display:inline-block;padding:.3em 2.2em;box-shadow:0 8px 32px #ff822d33,0 2px 8px #ff822d22;letter-spacing:2px}.main-card{background:linear-gradient(180deg,#fffbe6 60%,#ffe0b2);border-radius:36px;box-shadow:0 12px 40px 0 #ff822d55,0 2px 8px 0 #ff822d22;padding:2.5rem 2rem;margin:2.5rem auto;max-width:650px;text-align:center;border:4px solid #ff822d}.main-btn{background:#ff822d;border:none;border-radius:24px;color:#fff;font-size:1.5rem;font-family:Fredoka One,Comic Sans MS,cursive;font-weight:700;box-shadow:0 8px 32px 0 #ff822d55,0 2px 8px 0 #ff822d22;padding:1.1rem 2.2rem;margin:1.5rem auto 0;cursor:pointer;transition:box-shadow .2s,background .2s,color .2s,transform .15s;outline:none;display:block}.main-btn:focus,.main-btn:hover{background:#fff;color:#ff822d;transform:scale(1.08) rotate(-5deg);box-shadow:0 16px 48px 0 #ff822d55,0 4px 16px 0 #ff822d22}.main-btn-circle{background:#ff822d;border:none;border-radius:50%;color:#fff;font-size:2.7rem;width:100px;height:100px;box-shadow:0 12px 40px 0 #ff822d55,0 2px 8px 0 #ff822d22;font-family:Fredoka One,Comic Sans MS,cursive;font-weight:900;outline:6px solid #fff;outline-offset:2px;display:block;margin:2.5rem auto 0;transition:transform .2s}.main-btn-circle:focus,.main-btn-circle:hover{background:#fff;color:#ff822d;transform:scale(1.08) rotate(-5deg);box-shadow:0 16px 48px 0 #ff822d55,0 4px 16px 0 #ff822d22}.result-label{font-size:1.3rem;font-weight:700;border-radius:32px;padding:.5rem 2rem;margin:0 .5rem;display:inline-block;background:#fff3e0;color:#ff822d;border:2px solid #ff822d;box-shadow:0 2px 8px #ff822d22;position:relative}.result-label.selected{background:#ff822d;color:#fff;border:2px solid #ff822d}.result-label.selected:after{content:"\2714";color:#fff;font-size:1.2rem;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.cartoon-title,.main-card{background:none!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0!important}.option-btn-large{font-size:1.45rem;font-weight:700;padding:1.3rem 2.2rem}.basic-choice{font-family:Arial,Helvetica,sans-serif!important;color:#111!important;text-shadow:none!important;font-weight:700}@keyframes pulse{0%{transform:scale(1);box-shadow:0 4px 16px 0 #ff822d33}50%{transform:scale(1.08);box-shadow:0 8px 32px 0 #ff822d66}to{transform:scale(1);box-shadow:0 4px 16px 0 #ff822d33}}@keyframes bounce{0%{transform:scale(1) rotate(0deg)}30%{transform:scale(1.18) rotate(-8deg)}50%{transform:scale(1.12) rotate(2deg)}70%{transform:scale(1.15) rotate(-4deg)}to{transform:scale(1.12) rotate(-2deg)}}.start-btn{position:absolute;bottom:-35px;right:30px;width:90px;height:90px;border-radius:50%;background:#fff;color:#ff822d;border:1px solid #ff822d;box-shadow:0 4px 16px 0 #ff822d33;font-size:2.2rem;font-weight:900;display:flex;align-items:center;justify-content:center;cursor:pointer;outline:none;z-index:2;transition:transform .2s,box-shadow .2s,background .3s,color .3s,border-color .3s;animation:pulse 1.4s infinite}.start-btn:focus,.start-btn:hover{background:#ff822d;color:#fff;border-color:#ff822d;box-shadow:0 8px 32px 0 #ff822d66}.start-btn:focus .start-arrow,.start-btn:hover .start-arrow{color:#fff;text-shadow:2px 2px 0 #ff822d,4px 4px 0 #fffbe6}.start-btn:active{transform:scale(.98) rotate(1deg);box-shadow:0 2px 8px 0 #ff822d22}.start-arrow{font-size:5.8rem;font-weight:900;display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative;left:0;top:-.4rem;color:#ff822d;transition:color .3s,text-shadow .3s}.answer-row{justify-content:space-evenly}.answer-row,.answer-row-tight{display:flex;flex-direction:row;width:100%;margin-bottom:.2rem}.answer-row-tight{justify-content:center;gap:.3rem}.answer-btn-wrapper{flex:1 1;max-width:220px}@media (max-width:600px){.answer-row{flex-direction:column!important;gap:.7rem!important;width:100%!important;margin-bottom:.2rem!important;align-items:stretch!important}.answer-btn-wrapper{width:100%!important;max-width:98vw!important;padding-left:2vw!important;padding-right:2vw!important;box-sizing:border-box!important}.basic-choice,.option-btn,.option-btn-large{font-size:1.25rem!important;font-weight:700!important;padding:1.1rem .5rem!important;border-radius:12px!important;background:#fff!important;color:#222!important;text-shadow:none!important;box-shadow:0 2px 8px #ff822d22!important;margin:.2rem 0!important}.main-card{margin-bottom:2.5rem!important}.answer-row-tight{flex-direction:column!important;gap:.7rem!important;width:100%!important;margin-bottom:.2rem!important;align-items:stretch!important}}body:after{z-index:0!important}.answers-container{display:flex;flex-direction:column;align-items:center;gap:.1rem;width:100%;max-width:700px;margin:0 auto;position:relative;z-index:2}@media (max-width:600px){.answers-container{width:100vw!important;max-width:100vw!important;padding:0!important;z-index:2!important}}.responsive-scale-wrapper{width:100vw;height:100vh;--scale-x:calc(100vw / 900);--scale-y:calc(100vh / 500);--scale:min(var(--scale-x),var(--scale-y),1);display:flex;align-items:flex-start;justify-content:center;overflow:hidden}.responsive-scale-wrapper>*{transform:scale(var(--scale));transform-origin:top center;width:900px;max-width:100vw}@media (max-height:500px),(max-width:900px){.responsive-scale-wrapper{padding:0;margin:0}}.welcome-image{display:block;width:80%;max-width:600px;height:auto}@media (min-width:1024px){.welcome-image{width:100%;max-width:750px}}@media (max-height:400px) and (orientation:landscape){.welcome-image{transform:scale(.714);margin-bottom:-4rem;margin-top:-3rem;transition:transform .3s}}.welcome-desc{font-size:clamp(1rem,4vw,2rem);margin-bottom:0;max-width:700px;color:#ff822d;font-weight:500;text-align:center;line-height:1.3;letter-spacing:.2px}@media (max-height:400px),(max-width:700px){.welcome-desc{font-size:clamp(.8rem,3vw,1.2rem);max-width:95vw;padding:0 2vw}}.welcome-card{border-radius:32px;box-shadow:0 6px 24px 0 #ff822d33,0 2px 8px 0 #ff822d22;padding:2.2rem 1.5rem;background:#fff;border:2px solid rgba(255,130,45,.18);width:90vw;max-width:900px;margin:0 auto}@media (max-height:400px),(max-width:700px){.welcome-card{border-radius:16px;box-shadow:0 2px 8px 0 #ff822d22,0 1px 4px 0 #ff822d11;padding:1rem .5rem;width:98vw!important;max-width:98vw!important;margin:0 auto!important}.start-btn{width:48px!important;height:48px!important;min-width:32px!important;min-height:32px!important;font-size:1.2rem!important;padding:0!important}.start-arrow{font-size:2rem!important}}@media (max-width:700px) and (max-height:350px){.welcome-card{border-radius:8px;box-shadow:0 1px 2px 0 #ff822d11;padding:.4rem .2rem;width:98vw!important;max-width:98vw!important;min-width:0!important;margin:0 auto!important}.welcome-desc{font-size:clamp(.7rem,2vw,1rem);max-width:98vw;padding:0 1vw}.start-btn{width:32px!important;height:32px!important;min-width:24px!important;min-height:24px!important;font-size:.9rem!important;padding:0!important}.start-arrow{font-size:1.2rem!important}}@media (max-height:400px),(max-width:700px){.main-card{padding:.7rem .2rem!important;margin:.5rem auto!important;border-radius:12px!important;max-width:99vw!important}.cartoon-gradient-text{font-size:clamp(1.1rem,3vw,1.4rem)!important;line-height:1.08!important;margin-bottom:.7rem!important;letter-spacing:0!important;-webkit-text-stroke:1px #e22020!important;text-stroke:1px #e22020!important}.cartoon-gradient-line{margin-bottom:.2rem!important;line-height:1.08!important}.cartoon-question-number{font-size:1.1rem!important;margin-bottom:.3rem!important}.basic-choice,.option-btn,.option-btn-large{font-size:.85rem!important;padding:.35rem .05rem!important;border-radius:7px!important;margin:.08rem 0!important;height:4.2rem!important;line-height:1.1!important}.answer-btn-wrapper,.basic-choice,.option-btn,.option-btn-large{min-width:60px!important;max-width:180px!important;box-sizing:border-box!important}.answer-btn-wrapper{width:100%!important;padding-left:0!important;padding-right:0!important}.answers-container{max-width:99vw!important;padding:0!important;gap:.05rem!important}.answer-row,.answer-row-tight{gap:.2rem!important;margin-bottom:.1rem!important}}@media (max-width:700px){.welcome-card{margin-top:-4vh!important}.welcome-image{width:55.56%;max-width:416px}}@media (max-width:700px) and (orientation:portrait){.answer-row,.answer-row-tight,.answers-container{align-items:center!important;justify-content:center!important;display:flex!important}}@media (min-width:701px) and (orientation:landscape){.answer-row,.answer-row-tight{justify-content:center!important;gap:1.2rem!important}}@media (max-width:700px) and (max-height:400px) and (orientation:landscape){.answer-row,.answer-row-tight{justify-content:center!important;gap:.4rem!important}}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8d697b304b401681-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba015fad6dcf6784-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/569ce4b8f30dc480-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_5cfdac{font-family:Geist,Geist Fallback;font-style:normal}.__variable_5cfdac{--font-geist-sans:"Geist","Geist Fallback"}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9610d9e46709d722-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/747892c23ea88013-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/93f479601ee12b01-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_9a8899{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_9a8899{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}