@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&display=swap";:root{--sky-top:#bfe9f2;--sky-bottom:#eefaf3;--ink:#2d4a4a;--ink-soft:#4d6e6e;--primary:#ff9d6c;--primary-dark:#f07c47;--accent:#ffd166;--card-bg:#ffffffb8;--card-border:#ffffffe6;--radius-lg:28px;--radius-md:18px;--outline:#24391c;--title-green:#7ac74c;--heading-green:#6dbf45;--bar-bg:#eef2e6d1;--bar-border:#ffffffe6;--ai-blue-deep:#0f3460;--ai-blue:#1f6feb;--ai-blue-light:#38d9ff;--ai-gradient:linear-gradient(135deg, var(--ai-blue-deep) 0%, var(--ai-blue) 55%, var(--ai-blue-light) 100%);--stop-red:#e5484d;--skip-amber:#e8890c;--eliminate-yellow:#cca300;--roulette-orange:#f2994a;--roulette-rim:#241b3a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Fredoka,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--ink);background:linear-gradient(180deg, var(--sky-top) 0%, var(--sky-bottom) 65%, #d9efc9 100%);margin:0;overflow-x:hidden}button{font-family:inherit}.app-shell{min-height:100vh;position:relative;overflow:hidden}.app-background{z-index:0;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:fixed;inset:0}.farm-screen{z-index:1;flex-direction:column;align-items:center;width:100%;min-height:100vh;display:flex;position:relative}.outline-text{color:var(--title-green);text-transform:uppercase;-webkit-text-stroke:2px var(--outline);text-stroke:2px var(--outline);paint-order:stroke fill;text-shadow:0 3px 0 var(--outline)}.kicker{text-transform:uppercase;-webkit-text-stroke:1.5px var(--outline);text-stroke:1.5px var(--outline);paint-order:stroke fill;color:var(--heading-green);margin:0;font-size:clamp(1.4rem,3vw,2rem);font-weight:700}.btn-home{z-index:5;border:2px solid var(--heading-green);width:46px;height:46px;color:var(--heading-green);background:#ffffff8c;border-radius:10px;justify-content:center;align-items:center;transition:transform .35s cubic-bezier(.34,1.56,.64,1),background .2s,box-shadow .2s,border-color .2s;display:flex;position:fixed;top:3.5vh;right:4vw}.btn-home:hover{background:#ffffffe0;transform:scale(1.12)rotate(-6deg);box-shadow:0 6px 16px #2d4a4a47}.btn-home:active{transition-duration:80ms;transform:scale(.88)rotate(0)}.btn-home svg{width:24px;height:24px}.btn-editor-toggle{z-index:5;position:fixed;top:3.5vh;left:4vw}.app-tagline{z-index:4;max-width:40vw;color:var(--ink-soft);opacity:.65;white-space:normal;text-align:center;font-size:.8rem;position:fixed;top:3.5vh;left:50%;transform:translate(-50%)}.bottom-bar-row{z-index:4;flex-wrap:wrap;justify-content:space-between;align-items:stretch;gap:1.5vh 2vw;display:flex;position:fixed;bottom:4vh;left:6vw;right:6vw}.bottom-bar-row-end{justify-content:flex-end}.bottom-bar{background:var(--bar-bg);border:1px solid var(--bar-border);text-transform:uppercase;min-width:180px;color:var(--heading-green);-webkit-text-stroke:1px var(--outline);text-stroke:1px var(--outline);paint-order:stroke fill;border-radius:10px;justify-content:center;align-items:center;padding:14px 32px;font-size:clamp(1rem,1.6vw,1.25rem);font-weight:700;transition:transform .35s cubic-bezier(.34,1.56,.64,1),background .2s,box-shadow .2s;display:flex;box-shadow:0 6px 18px #2d4a4a2e}.bottom-bar:disabled{opacity:.5;cursor:not-allowed}.bottom-bar:not(:disabled):hover{background:#fffffff2;transform:scale(1.08)rotate(-2deg);box-shadow:0 10px 22px #2d4a4a3d}.bottom-bar:not(:disabled):active{transition-duration:80ms;transform:scale(.92)rotate(0)}.farm-start{text-align:center;justify-content:center;gap:4vh;padding:4vh 4vw 14vh}.farm-start-title{margin:0;font-size:clamp(2.2rem,6vw,4.4rem);font-weight:700;line-height:1.05}.event-image{width:min(360px,30vw)}.event-slogan{max-width:min(640px,70vw);color:var(--ink);margin:0;font-size:clamp(1.1rem,2.2vw,1.5rem);font-style:italic;font-weight:700}.farm-start-cta{position:fixed;top:70%;right:12vw;transform:translateY(-50%)}.farm-start-cta:not(:disabled):hover{transform:translateY(-50%)scale(1.08)rotate(-2deg)}.farm-start-cta:not(:disabled):active{transform:translateY(-50%)scale(.92)rotate(0)}.sponsors-bar{z-index:3;background:#fff;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:2vw;width:100%;padding:10px 3vw;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #2d4a4a1a}.sponsors-divider{background:#2d4a4a33;align-self:stretch;width:1px}.sponsors-group{flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;display:flex}.sponsors-group-label{color:var(--ink);text-transform:uppercase;white-space:nowrap;font-size:.7rem;font-weight:700}.sponsors-group-logos{flex-wrap:nowrap;align-items:center;gap:12px;display:flex}.sponsor-logo{object-fit:contain;width:auto;max-width:90px;height:34px}.slide-panel{border-radius:var(--radius-md);text-align:center;border:1px solid #fffc;flex-direction:column;justify-content:center;align-items:center;gap:2vh;padding:3vh 3vw;display:flex;position:absolute;inset:11vh 11vw 13vh;overflow-y:auto}.theme-badge{text-transform:uppercase;color:#fff;cursor:default;border-radius:999px;padding:8px 18px;font-size:.9rem;font-weight:700;position:absolute;top:2vh;left:2vw;box-shadow:0 4px 10px #2d4a4a33}.quiz-progress{color:var(--ink);background:#ffffffb3;border-radius:999px;padding:8px 16px;font-size:.9rem;font-weight:700;position:absolute;top:2vh;right:2vw;box-shadow:0 4px 10px #2d4a4a33}.wrong-progress{color:var(--stop-red);background:#ffffffb3;border-radius:999px;padding:8px 16px;font-size:.9rem;font-weight:700;position:absolute;top:calc(2vh + 46px);right:2vw;box-shadow:0 4px 10px #2d4a4a33}.skip-tokens{gap:5px;display:flex}.skip-token{background:#2d4a4a40;border-radius:50%;width:9px;height:9px}.skip-token-on{background:var(--heading-green)}.quiz-end-title{margin:0;font-size:clamp(2rem,5vw,3.4rem)}.quiz-end-score{color:var(--ink);margin:0;font-size:clamp(1.2rem,2.6vw,1.7rem);font-weight:600}.quiz-end-score strong{color:var(--heading-green)}.quiz-end-panel{border:none;justify-content:flex-start;padding-top:4vh;top:4vh}.product-icon{object-fit:contain;filter:drop-shadow(0 8px 16px #2d4a4a33);width:min(180px,14vw);height:min(180px,14vw)}.question-text{text-transform:uppercase;color:var(--ink);max-width:44ch;margin:0;font-size:clamp(1.3rem,3.2vw,2.1rem);font-weight:600;line-height:1.35}.answer-body{flex-wrap:wrap;justify-content:center;align-items:center;gap:5vw;display:flex}.answer-map{filter:drop-shadow(0 8px 16px #2d4a4a26);width:min(280px,18vw)}.answer-details{text-align:left}.answer-municipality{margin:0;font-size:clamp(1.8rem,4.4vw,3rem);font-weight:700}.answer-value{text-transform:uppercase;color:var(--heading-green);-webkit-text-stroke:1px var(--outline);text-stroke:1px var(--outline);paint-order:stroke fill;margin:6px 0 0;font-size:clamp(1.1rem,2vw,1.5rem);font-weight:600}.alternatives-grid{grid-template-columns:repeat(2,1fr);gap:14px;width:100%;max-width:680px;display:grid}.alternative-btn{border-radius:var(--radius-md);color:var(--ink);text-align:left;cursor:pointer;background:#ffffffd9;border:2px solid #2d4a4a26;align-items:center;gap:12px;padding:14px 16px;font-family:inherit;font-size:clamp(.9rem,1.5vw,1.1rem);font-weight:600;transition:transform .25s cubic-bezier(.34,1.56,.64,1),background .2s,box-shadow .2s,border-color .2s,opacity .2s;display:flex;position:relative}.alternative-btn:not(:disabled):hover{border-color:var(--heading-green);transform:scale(1.03);box-shadow:0 8px 18px #2d4a4a2e}.alternative-btn:not(:disabled):active{transition-duration:80ms;transform:scale(.97)}.alternative-letter{background:var(--heading-green);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}.alternative-text{flex:1}.alternative-btn.is-eliminated{opacity:.35;cursor:not-allowed;border-color:#e04c4c40;text-decoration:line-through}.alternative-btn.is-eliminated .alternative-letter{background:#2d4a4a4d}.ai-hint-badge{color:var(--ai-blue-deep);background:#1f6feb26;border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:.85rem;font-weight:700}.bottom-bar-help{flex-direction:column;justify-content:center;gap:6px}.bottom-bar-stop{color:var(--stop-red)}.bottom-bar-skip-action{color:var(--skip-amber)}.bottom-bar-skip-action .skip-token-on{background:var(--skip-amber)}.bottom-bar-eliminate{color:var(--eliminate-yellow)}.bottom-bar-eliminate .skip-token-on{background:var(--eliminate-yellow)}.bottom-bar-ai{color:var(--ai-blue)}.bottom-bar-ai .skip-token-on{background:var(--ai-blue)}.answer-result{text-transform:uppercase;margin:0;font-size:clamp(1.6rem,4vw,2.6rem);font-weight:700}.answer-result-correct{color:var(--heading-green)}.answer-result-wrong{color:#c23b3b}.answer-your-pick{color:var(--ink-soft);margin:0;font-size:1rem}.skip-exit{pointer-events:none;animation:.45s cubic-bezier(.55,0,.85,.35) forwards skip-exit}@keyframes skip-exit{0%{opacity:1;transform:translate(0)rotate(0)scale(1)}to{opacity:0;transform:translate(-130%)rotate(-8deg)scale(.85)}}@keyframes shake-anim{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.shake-anim{animation:.6s cubic-bezier(.36,.07,.19,.97) both shake-anim}.confetti-overlay{z-index:6;pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti-flash{background:radial-gradient(circle,#fffffff2 0%,#ffd1668c 40%,#ffd16600 75%);border-radius:50%;width:24px;height:24px;margin:-12px;animation:.55s ease-out forwards confetti-flash;position:absolute;top:45%;left:50%}@keyframes confetti-flash{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(16)}}.confetti-piece{border-radius:2px;animation-name:confetti-burst;animation-timing-function:cubic-bezier(.2,.8,.3,1);animation-iteration-count:1;animation-fill-mode:forwards;position:absolute;top:45%;left:50%}.confetti-piece-circle{border-radius:50%}@keyframes confetti-burst{0%{opacity:1;transform:translate(0)scale(.3)rotate(0)}30%{transform:translate(var(--bx), var(--by)) scale(1.15) rotate(calc(var(--rot) * .4));opacity:1}to{transform:translate(var(--fx), var(--fy)) scale(.8) rotate(var(--rot));opacity:0}}.google-signin-overlay{z-index:20;position:fixed}.google-signin-card{text-align:center;max-width:360px}.google-signin-error{color:#c23b3b;margin:0;font-size:.85rem}.app-auth-status{z-index:5;color:var(--ink-soft);align-items:center;gap:8px;font-size:.8rem;display:flex;position:fixed;top:3.5vh;right:4vw}.help-overlay{z-index:7;border-radius:var(--radius-md);background:#2d4a4a8c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.roulette-box,.ai-hint-box{border-radius:var(--radius-md);background:#fffffff2;flex-direction:column;align-items:center;gap:14px;padding:3vh 4vw;display:flex;box-shadow:0 10px 30px #00000059}.ai-hint-box{box-shadow:0 10px 30px #1f6feb66,inset 0 0 0 2px #1f6feb33}.help-overlay-title{color:var(--ink);text-align:center;margin:0;font-weight:700}.roulette-caption{color:var(--ink-soft);margin:0;font-size:.9rem}.roulette-wheel-wrap{justify-content:center;align-items:center;width:130px;height:130px;display:flex;position:relative}.roulette-wheel{background:conic-gradient(from -60deg, var(--roulette-orange) 0deg 120deg, var(--eliminate-yellow) 120deg 240deg, var(--heading-green) 240deg 360deg);border:4px solid var(--roulette-rim);border-radius:50%;width:120px;height:120px;transition:transform 1.6s cubic-bezier(.17,.67,.32,1.02);position:relative;box-shadow:0 6px 18px #00000059,inset 0 0 0 3px #ffffff26}.roulette-wheel:after{content:"";background:var(--roulette-rim);border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 3px #ffffff40}.roulette-wheel-number{color:#fff;text-shadow:0 1px 2px #0006;justify-content:center;align-items:center;width:26px;height:26px;margin:-13px 0 0 -13px;font-size:1.15rem;font-weight:800;display:flex;position:absolute;top:50%;left:50%}.roulette-wheel-number-1{transform:rotate(0)translateY(-46px)rotate(0)}.roulette-wheel-number-2{transform:rotate(120deg)translateY(-46px)rotate(-120deg)}.roulette-wheel-number-3{transform:rotate(240deg)translateY(-46px)rotate(-240deg)}.roulette-pointer{border-left:10px solid #0000;border-right:10px solid #0000;border-top:16px solid var(--stop-red);z-index:2;filter:drop-shadow(0 2px 3px #0006);width:0;height:0;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.ai-hint-scanner{background:linear-gradient(#1f6feb14 0%,#38d9ff14 100%);border:2px solid #1f6feb66;border-radius:8px;width:140px;height:100px;position:relative;overflow:hidden}.ai-hint-scanline{background:linear-gradient(90deg, var(--ai-blue-deep), var(--ai-blue), var(--ai-blue-light));height:3px;box-shadow:0 0 10px var(--ai-blue-light);animation:1.1s ease-in-out infinite ai-hint-scan;position:absolute;left:0;right:0}@keyframes ai-hint-scan{0%{top:0}50%{top:97%}to{top:0}}.ai-hint-corner{border:3px solid var(--ai-blue);width:14px;height:14px;position:absolute}.ai-hint-corner-tl{border-bottom:none;border-right:none;top:-2px;left:-2px}.ai-hint-corner-tr{border-bottom:none;border-left:none;top:-2px;right:-2px}.ai-hint-corner-bl{border-top:none;border-right:none;bottom:-2px;left:-2px}.ai-hint-corner-br{border-top:none;border-left:none;bottom:-2px;right:-2px}.btn{cursor:pointer;border:none;border-radius:999px;font-weight:600;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .15s,background .15s}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:not(:disabled):hover{transform:scale(1.06)}.btn:not(:disabled):active{transition-duration:80ms;transform:scale(.94)}.btn-primary{background:linear-gradient(180deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;box-shadow:0 10px 24px #f07c4766}.btn-primary:not(:disabled):hover{transform:translateY(-2px)scale(1.06);box-shadow:0 14px 28px #f07c4773}.btn-big{padding:14px 46px;font-size:1.15rem}.btn-small{padding:8px 18px;font-size:.9rem}.btn-ghost{color:var(--ink);background:#fff9;border:1px solid #2d4a4a1f;padding:8px 16px;font-size:.9rem}.btn-ghost:not(:disabled):hover{background:#ffffffe6}.btn-icon{width:30px;height:30px;color:var(--ink);background:#2d4a4a14;padding:0;line-height:1}.btn-icon.btn-danger{color:#c23b3b;background:#e04c4c1f}.btn-upload{white-space:nowrap}.editor{z-index:1;background:linear-gradient(#f4fbf7 0%,#eef7fb 100%);min-height:100vh;padding-bottom:60px;position:relative}.editor-header{z-index:3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffeb;border-bottom:1px solid #2d4a4a1a;justify-content:space-between;align-items:center;gap:16px;padding:18px 32px;display:flex;position:sticky;top:0}.editor-header h1{margin:0;font-size:1.3rem}.editor-header-actions{align-items:center;gap:10px;display:flex}.dirty-flag{color:var(--primary-dark);font-size:.8rem;font-weight:600}.editor-hint{background:#fff4e5;border-radius:12px;margin:12px 32px 0;padding:10px 16px;font-size:.9rem}.editor-hint-error{color:#a12f2f;background:#ffe5e5}.editor-body{flex-direction:column;gap:24px;max-width:900px;margin:0 auto;padding:24px 32px;display:flex}.editor-meta{border-radius:var(--radius-md);background:#fff;flex-wrap:wrap;gap:16px;padding:20px 24px;display:flex;box-shadow:0 4px 16px #2d4a4a0f}.editor-meta-title{color:var(--primary-dark);flex-basis:100%;margin:0}.toggle-color-row{align-items:center;gap:8px;display:flex}.toggle-btn{white-space:nowrap;color:var(--ink-soft);background:#2d4a4a14;padding:8px 14px;font-size:.85rem}.toggle-btn-on{color:var(--heading-green);background:#6dbf452e}.toggle-width-input{border:1px solid #2d4a4a2e;border-radius:10px;width:60px;padding:6px 8px}input[type=color]:disabled,.toggle-width-input:disabled{opacity:.4;cursor:not-allowed}.editor-meta .field{flex:1;min-width:220px}.round-editor{border-radius:var(--radius-md);background:#fff;flex-direction:column;gap:16px;padding:20px 24px;display:flex;box-shadow:0 4px 16px #2d4a4a0f}.round-editor-header{justify-content:space-between;align-items:center;display:flex}.round-editor-header h3{color:var(--primary-dark);margin:0}.row-actions{gap:6px;display:flex}.question-row{border-radius:var(--radius-md);background:#fbfdfc;border:1px solid #2d4a4a1a;flex-direction:column;gap:12px;padding:16px 18px;display:flex}.question-row-header{justify-content:space-between;align-items:center;display:flex}.field{text-align:left;flex-direction:column;gap:4px;display:flex}.field-label{color:var(--ink-soft);font-size:.8rem;font-weight:600}.field input,.field textarea{resize:vertical;border:1px solid #2d4a4a2e;border-radius:10px;padding:8px 12px;font-family:inherit;font-size:.95rem}.alternatives-editor{flex-direction:column;gap:8px;display:flex}.alternative-editor-row{align-items:center;gap:10px;display:flex}.alternative-editor-row input[type=text]{border:1px solid #2d4a4a2e;border-radius:10px;flex:1;padding:8px 12px;font-family:inherit;font-size:.95rem}.field-row{flex-wrap:wrap;gap:16px;display:flex}.field-row>*{flex:1;min-width:200px}.asset-picker{text-align:left;flex-direction:column;gap:4px;display:flex}.asset-picker-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.asset-picker select{border:1px solid #2d4a4a2e;border-radius:10px;flex:1;min-width:120px;padding:6px 10px}.asset-thumb{object-fit:contain;background:#fff;border:1px solid #2d4a4a1f;border-radius:8px;width:36px;height:36px}.sponsors-editor{flex-direction:column;align-items:stretch}.sponsors-editor h3{margin:0}.sponsor-group-editor{border-top:1px solid #2d4a4a14;flex-direction:column;gap:8px;padding:12px 0;display:flex}.sponsor-group-editor h4{color:var(--ink-soft);margin:0}.sponsor-group-thumbs{flex-direction:column;gap:6px;display:flex}.sponsor-thumb-row{align-items:center;gap:10px;display:flex}.sponsor-thumb-path{color:var(--ink-soft);overflow-wrap:anywhere;flex:1;font-size:.85rem}@media (width<=720px){.app-tagline{display:none}.farm-start-title{font-size:clamp(1.8rem,8vw,3rem)}.event-image{width:55vw}.event-slogan{max-width:88vw;font-size:1rem}.slide-panel{gap:2vh;inset:9vh 4vw 15vh}.theme-badge,.quiz-progress,.wrong-progress{padding:6px 12px;font-size:.75rem}.wrong-progress{top:calc(2vh + 34px)}.bottom-bar-row{flex-wrap:wrap;gap:1.5vw 2vw;bottom:2vh;left:3vw;right:3vw}.bottom-bar{min-width:0;padding:10px 14px;font-size:.85rem}.alternatives-grid{grid-template-columns:1fr}.answer-body{flex-direction:column;gap:2vh}.answer-details{text-align:center}.sponsors-bar{justify-content:center}.editor-header{flex-direction:column;align-items:flex-start}}