/* A sunny, sticker-like theme shared by every quiz screen. */
:root{--bg:#fff8ed;--surface:#fff;--surface2:#f4eeff;--line:#dfd0ec;--white:#30234b;--muted:#716080;--purple:#8c49d8;--purple-d:#7133b8;--mint:#b8f1cd;--coral:#ffadc2;--yellow:#ffe283}
body{color:var(--white)}
.page-backdrop{background-color:var(--bg);background-image:radial-gradient(#e5d6f0 1.5px,transparent 1.5px);background-size:26px 26px}
.glow{opacity:.12}.topbar{border-bottom:3px dashed #e7d4ee}.brand-icon{background:#ffda72;color:#62379b;box-shadow:0 4px 0 #d4a943;transform:rotate(-8deg)}
.desktop-nav{color:#645073}.header-cta{background:#b8f1cd;color:#28533c;box-shadow:0 4px 0 #7fc99b;border:2px solid #7fc99b}.brand-accent{color:#8c49d8}
.hero h1{letter-spacing:-2px}.eyebrow{background:#fff;border:2px dashed #bea1df;color:#75439c}.spark{background:#f3b43f;box-shadow:none}.hero-description,.hero-small{color:#716080}.hero-small .avatar-stack span{border-color:#fff8ed;background:#f3dcff}
.btn{border-radius:20px;min-height:56px;border:2px solid transparent}.btn-primary{background:#9956df;color:#fff;box-shadow:0 5px 0 #6b35aa}.btn-secondary{background:#fff;color:#62447e;border-color:#d9c4ee;box-shadow:0 4px 0 #dfceee}.btn-mint{background:#b8f1cd;color:#28533c;border-color:#7fc99b;box-shadow:0 5px 0 #7fc99b}.btn-danger{background:#fff0f1;color:#a23247;border-color:#ecadba}.btn:hover:not(:disabled){transform:translateY(-3px)}
.quiz-preview{background:#fff;border:3px solid #d8baf0;box-shadow:10px 12px 0 #e9d8f4;padding:25px}.preview-head .pill{background:#f1e4ff;color:#7442a2}.preview-progress{color:#716080}.preview-progress span{color:#8c49d8}.preview-option{background:#fff8ed;border:2px solid #f0dcbe;color:#554366}.preview-option.selected{background:#e4f9e8;border-color:#86c99a}.preview-option .opt-bullet{border-color:#b9a3d1}.preview-option.selected .opt-bullet{border-color:#7acb96;background:#fff}.preview-bottom{background:#9956df;color:white}.progress-track{background:#eadff3}.progress-fill{background:linear-gradient(90deg,#a772e2,#f5b74b)}
.floating-sticker{box-shadow:0 6px 0 #00000013;border:3px solid white}.mini-label{border:2px solid #f5d25e;box-shadow:0 4px 0 #e6cc73}.hero-art::before{background:radial-gradient(ellipse,#e6c8ff66,transparent 68%)}
.section-header .mini,.step-meta{color:#8a49b3}.step-card{background:#fff;border:2px solid #dfcaed;box-shadow:0 7px 0 #eadcf0}.step-card:nth-child(2){background:#effbf1;border-color:#b9e2c4}.step-card:nth-child(3){background:#fff6d9;border-color:#ecdaa2}.step-card p{color:#716080}.step-icon{border-radius:24px;transform:rotate(-6deg)}.section-banner{background:#eee0ff;border:3px dashed #b68bda}.section-banner p{color:#716080}.section-banner:before{color:#aa77d922}
.form-card,.surface-card,.play-hero,.score-panel{background:#fff;border:2px solid #dfcaed;box-shadow:0 7px 0 #eadcf0;border-radius:28px}.field-input{background:#fffaf3;color:#30234b;border:2px solid #dfcbea;border-radius:16px}.field-input::placeholder{color:#897992}.field-input:focus{border-color:#9956df}.form-progress-label{color:#716080}.form-progress-label b{color:#8c49d8}.option-edit{background:#fffaf3;border-color:#dfcaed}.option-edit.active{background:#eaf9ed;border-color:#80be92}.option-edit input[type=text]{color:#30234b}.chip{background:#f3e6ff;color:#734799;border-color:#dbc4ed}.note{background:#fff6d9;color:#755b27;border-color:#ecd895}.badge-pill{background:#efe3ff;color:#7442a2;border-color:#d5b9ef}.backlink:hover{color:#8c49d8}
.play-choice{width:100%;text-align:right;background:#fff8ed;color:#30234b;border:2px solid #e9d6b5;box-shadow:0 4px 0 #eee0cc}.play-choice:hover{background:#f4eaff}.play-choice.active{background:#e9f9ee;border-color:#85c697}.choice-letter{background:#ecd9ff;color:#734799}.play-choice.active .choice-letter{background:#b8f1cd}.play-choice .tick,.score-val,.stat strong,.result-score,.result-answer .right,.answer-detail .correct{color:#28754a}.result-answer .wrong,.answer-detail .incorrect{color:#b83e55}.score-item,.attempt-row,.stat,.result-answer{background:#faf4ff;border-color:#dfcaed}.score-head span,.play-hero p,.attempt-row small{color:#716080}.score-item .rank-circle{background:#e2cdf5;color:#62447e}.attempt-row button{background:#fff;color:#62447e;border-color:#d9c4ee}.answer-detail{background:#faf4ff;color:#554366}.link-box{background:#fff8ed;border-color:#dfcaed}.link-box code{color:#62447e}.empty{color:#716080;border-color:#cbb0dc}.divider{background:#eadcf0}.error-box{background:#fff0f1;border-color:#ecadba}.error-box p{color:#795366}
.laqta-ad{background:linear-gradient(110deg,#f0e0ff,#e4f9ee);border:2px solid #d7bbea;box-shadow:0 7px 0 #eadcf0;margin-bottom:30px}.laqta-ad p{color:#716080}.ad-label{background:#fff;color:#716080;border-color:#cbb4dd}.laqta-frame{border-color:#9c62d4;color:#734799;background:#ffffffaa;box-shadow:12px 12px 0 #cdb0e83d}.laqta-frame span{color:#734799}.laqta-spark{color:#e3a425}.leanpix-ad{background:linear-gradient(110deg,#fff0d5,#ffe6ef);border-color:#f0c8a8;margin-bottom:70px;box-shadow:0 7px 0 #f2dcc7}.leanpix-ad .laqta-frame{border-color:#f0ab6d;background:#fff8ed;transform:rotate(7deg)}.leanpix-ad .laqta-frame span{color:#8a542e}.footer{color:#716080;border-top:3px dashed #e7d4ee}.footer>span:first-child,.foot-love{color:#8c49d8}
@media(max-width:720px){.hero h1{font-size:39px;letter-spacing:-1px}.laqta-ad{margin-bottom:25px}.leanpix-ad{margin-bottom:45px}.laqta-ad-art{min-height:180px}.btn{font-size:12px}.section-banner{padding:26px 20px}}
.play-buddy{display:flex;align-items:center;gap:14px;background:#fff5d5;border:2px dashed #e9cb69;border-radius:22px;padding:15px;margin-bottom:20px}.buddy-face{font-size:44px;line-height:1.3;flex-shrink:0;animation:buddy-bounce 2s ease-in-out infinite}.play-buddy strong{font-size:14px;color:#694494}.play-buddy p{font-size:11px;margin:4px 0 0;color:#716080}.star-trail{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px;margin:0 0 12px}.star-trail span{display:grid;place-items:center;aspect-ratio:1;border:2px solid #e2d4ee;border-radius:12px;background:#f6f0fc;color:#816c93;font-size:12px;font-weight:800}.star-trail .collected{background:#fff1ba;border-color:#e9c969;font-size:18px}.star-trail .current{outline:2px solid #9956df;outline-offset:2px}.play-feedback{font-size:12px;color:#694494;min-height:25px;margin:14px 0 20px}.play-choice.active{animation:choice-pop .25s ease-out}.reward-badge{display:inline-block;background:#fff0b9;border:2px dashed #d8b94f;border-radius:18px;padding:10px 20px;margin:10px auto;font-weight:800;color:#755321}.reward-message{font-size:12px;color:#716080}.party-layer{position:fixed;inset:0;pointer-events:none;z-index:150;overflow:hidden}.party-layer span{position:absolute;left:var(--x);top:-50px;font-size:25px;animation:party-fall 2s var(--delay) ease-in forwards}.play-hero .name-highlight{color:#8c49d8}@keyframes party-fall{to{transform:translateY(110vh) rotate(var(--spin));opacity:0}}@keyframes buddy-bounce{50%{transform:translateY(-5px) rotate(5deg)}}@keyframes choice-pop{50%{transform:scale(1.025)}}@media(max-width:450px){.star-trail{gap:3px}.star-trail span{border-radius:8px;font-size:10px}.star-trail .collected{font-size:14px}.play-buddy strong{font-size:12px}.buddy-face{font-size:36px}}@media(prefers-reduced-motion:reduce){.buddy-face,.play-choice.active,.party-layer span{animation:none}}
:root{--font:'Baloo Bhaijaan 2',Tahoma,sans-serif}
.brand,h1,h2,.step-card h3,.result-msg{font-family:'Lalezar','Baloo Bhaijaan 2',Tahoma,sans-serif;font-weight:400;letter-spacing:0}
.brand{font-size:28px;gap:10px}.brand-accent{display:inline-block;margin-inline-start:3px}.hero h1{letter-spacing:0;line-height:1.35}.btn{font-size:16px}.field-input,.play-choice{font-size:17px}.hero-description{font-size:18px}.page-heading p,.section-header p,.step-card p{font-size:16px}.your-turn{margin:28px 0 10px;padding:26px 20px;border:3px dashed #c098e4;border-radius:26px;background:linear-gradient(120deg,#f4e6ff,#fff3d1);text-align:center}.your-turn-icon{display:block;font-size:42px;line-height:1.3}.your-turn h2{font-size:30px;margin:10px 0;color:#7442a2;line-height:1.5}.your-turn p{font-size:16px;color:#716080;max-width:440px;margin:0 auto 18px}.your-turn .btn{min-width:230px;max-width:100%}.your-turn small{display:block;font-size:13px;color:#716080;margin-top:16px}@media(max-width:720px){.brand{font-size:24px}.hero h1{letter-spacing:0}.btn{font-size:15px}.your-turn{padding:22px 16px}.your-turn h2{font-size:26px}.your-turn .btn{min-width:0;width:100%}}
.ad-logo-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:190px;padding:25px;background:#fff;border:2px solid #e5d8ef;border-radius:24px;box-shadow:7px 7px 0 #cdb0e83d;transition:transform .2s}.ad-logo-card:hover{transform:translateY(-3px)}.ad-logo{display:block;object-fit:contain;max-width:100%}.laqta-logo{width:260px;height:105px}.ad-logo-card>span{direction:ltr;font-size:13px;letter-spacing:2px;color:#716080}.leanpix-brand{display:flex;align-items:center;gap:16px;direction:ltr}.leanpix-logo{width:80px;height:80px;border-radius:20px}.leanpix-brand strong{font-family:Tahoma,sans-serif;font-size:30px;color:#172032}.leanpix-ad .ad-logo-card{border-color:#f0d3bb;box-shadow:7px 7px 0 #f2dcc7}@media(max-width:720px){.ad-logo-card{min-height:155px}.laqta-logo{width:230px;height:85px}.leanpix-logo{width:64px;height:64px}.leanpix-brand strong{font-size:26px}}
.page-ads{margin:30px 0}.page-ads-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mini-ad{display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;padding:20px 16px;border:2px solid #dfcaed;border-radius:24px;background:#f4eaff;box-shadow:0 5px 0 #eadcf0;transition:transform .2s}.mini-ad:hover{transform:translateY(-3px)}.mini-ad-1{background:#fff1df;border-color:#efd1ae;box-shadow:0 5px 0 #f2dcc7}.mini-ad .ad-label{align-self:flex-start}.mini-ad img{width:150px;height:64px;max-width:100%;object-fit:contain;background:white;border-radius:12px;padding:8px}.mini-ad-1 img{width:64px}.mini-ad strong{font-size:20px;color:#62447e}.mini-ad>span:not(.ad-label){font-size:14px;color:#716080}.mini-ad b{font-size:14px;color:#7442a2}.ads-play-layout{display:grid;grid-template-columns:minmax(0,680px) 245px;justify-content:center;align-items:start;gap:30px}.ads-play-layout .play-form{width:100%;min-width:0}.ads-play-layout>.page-ads{margin-top:65px;position:sticky;top:20px}.ads-play-layout .page-ads-grid{grid-template-columns:1fr}@media(max-width:1000px){.ads-play-layout{display:block}.ads-play-layout>.page-ads{position:static;max-width:680px;margin:0 auto 50px}.ads-play-layout .page-ads-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:450px){.page-ads-grid{gap:10px}.mini-ad{padding:14px 10px}.mini-ad strong{font-size:18px}.mini-ad>span:not(.ad-label){font-size:12px}.mini-ad b{font-size:13px}.mini-ad img{height:55px}}
.play-choice.answer-right,.play-choice.answer-right:disabled{background:#e1f7e9;border-color:#42a66b;color:#22623b;opacity:1;cursor:default;box-shadow:0 4px 0 #acd9bb}.play-choice.answer-wrong,.play-choice.answer-wrong:disabled{background:#ffe5e8;border-color:#d9677b;color:#9b2c42;opacity:1;cursor:default;box-shadow:0 4px 0 #efb5c0}.play-choice.answer-wrong .choice-letter{background:#f4bdc8;color:#9b2c42}.play-choice.answer-wrong .tick{color:#9b2c42}.play-choice:disabled:not(.active){opacity:.6;cursor:default}.play-choice:disabled:hover{transform:none}.play-choice.answer-right:hover{background:#e1f7e9}.play-choice.answer-wrong:hover{background:#ffe5e8}
:root .gender-field{border:0;padding:0;min-width:0}.gender-field legend{font-weight:700;margin-bottom:10px}.gender-options{display:flex;gap:12px;margin-bottom:8px}.gender-options label{flex:1;padding:14px;border:2px solid #dfcaed;border-radius:16px;background:#fffaf3;cursor:pointer}.gender-options label:has(input:checked){background:#f0e1ff;border-color:#9956df}.gender-options input{accent-color:#9956df;margin-inline-end:8px}