.error-boundary{align-items:center;background:#000000d9;border:2px solid var(--wrong-answer);border-radius:var(--radius-2xl);color:var(--betis-white);display:flex;flex-direction:column;gap:var(--space-4);justify-content:center;min-height:40vh;padding:var(--space-8);text-align:center}.error-boundary-title{color:var(--wrong-answer);font-family:var(--font-family-display);font-size:var(--text-2xl);font-weight:800;letter-spacing:1px;margin:0;text-transform:uppercase}.error-boundary-message{font-family:var(--font-family-primary);font-size:var(--text-base);margin:0;max-width:480px;opacity:.85}.error-boundary-reset{background:var(--gradient-royal);border:2px solid var(--betis-white);border-radius:var(--radius-full);color:var(--neutral-black);cursor:pointer;font-family:var(--font-family-display);font-weight:800;letter-spacing:.5px;padding:var(--space-3) var(--space-8);text-transform:uppercase;transition:all var(--transition-base)}.error-boundary-reset:hover{box-shadow:var(--shadow-glow-gold);transform:scale(1.05)}.game-over-overlay,.win-overlay{align-items:center;animation:overlayFadeIn .8s ease-out;background:radial-gradient(circle,#009640cc 0,#000000fa 100%);border:0;box-sizing:border-box;color:inherit;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;margin:0;max-height:none;max-width:none;padding:0;position:fixed;top:0;width:100%;z-index:2000}.win-animation{animation:victoryPulse 2s ease-in-out infinite;color:var(--royal-gold);text-shadow:0 0 30px var(--royal-gold)}.game-over-animation,.win-animation{font-family:var(--font-family-display);font-size:5rem;font-weight:900;letter-spacing:5px;text-transform:uppercase;will-change:transform}.game-over-animation{animation:gameOverShake .5s ease-in-out infinite;color:var(--wrong-answer)}.reset-button{background:var(--gradient-royal);border:4px solid var(--betis-white);border-radius:var(--radius-full);box-shadow:var(--shadow-glow-gold);color:var(--neutral-black);cursor:pointer;font-family:var(--font-family-display);font-size:var(--text-xl);font-weight:900;margin-top:3rem;padding:var(--space-4) var(--space-12);transition:all var(--transition-base)}.reset-button:hover{box-shadow:0 0 40px var(--royal-gold);transform:scale(1.1) rotate(-2deg)}@media (max-width:600px){.game-over-animation,.win-animation{font-size:clamp(1.75rem,9vw,2.5rem);letter-spacing:2px;overflow-wrap:anywhere;padding:0 var(--space-4);text-align:center}.reset-button{font-size:var(--text-base);margin-top:var(--space-6);padding:var(--space-3) var(--space-6)}}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes victoryPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes gameOverShake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}#helps-container{background:#f0fdf4f2;border:1px solid #00964033;border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg)}.help-button{align-items:center!important;border:2px solid var(--betis-white)!important;border-radius:50%!important;box-shadow:var(--shadow-md),0 0 10px #0096404d;cursor:pointer!important;display:flex!important;height:65px!important;justify-content:center!important;overflow:visible!important;position:relative;transition:all var(--transition-base)!important;width:65px!important}.help-button:not(:disabled):hover{border-color:var(--royal-gold)!important;box-shadow:var(--shadow-lg),var(--shadow-glow-green);transform:translateY(-5px) scale(1.1)}.help-button:disabled{cursor:not-allowed!important;filter:grayscale(1);opacity:.2!important;transform:none!important}.help-button__icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));height:32px;transition:transform var(--transition-fast);width:32px}.help-button:not(:disabled):hover .help-button__icon{transform:rotate(10deg)}.hover-glow:hover{filter:drop-shadow(0 0 15px var(--betis-light-green))}@media (max-height:900px){.help-button{height:55px!important;width:55px!important}.help-button__icon{height:28px;width:28px}#helps-container{padding:var(--space-2)}}@media (max-height:800px){.help-button{height:45px!important;width:45px!important}.help-button__icon{height:24px;width:24px}#helps-container{padding:var(--space-1)}}@media (max-height:700px){.help-button{height:35px!important;width:35px!important}.help-button__icon{height:18px;width:18px}#helps-container{padding:4px}}@media (pointer:coarse) and (max-height:700px){.help-button{height:44px!important;width:44px!important}.help-button__icon{height:22px;width:22px}}.player-area{gap:var(--space-4)}.cam-container,.player-area{display:flex;flex-direction:column;padding:var(--space-4)}.cam-container{align-items:center;background:#dcfce7e6;border:1px solid var(--betis-green);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);gap:var(--space-2)}.cam-container div{aspect-ratio:16/9;background:#000;border:2px solid var(--betis-green);border-radius:var(--radius-md);box-shadow:var(--shadow-glow-green);position:relative;width:100%}.cam-container div:after{animation:blink 1s infinite;color:var(--wrong-answer);content:"REC";font-size:10px;font-weight:900;position:absolute;right:10px;top:10px}.cam-container input{background:#0000;border:none;color:var(--neutral-black);font-family:var(--font-family-display);font-weight:700;letter-spacing:1px;text-align:center;width:100%}.cam-container input::placeholder{color:var(--neutral-gray);opacity:.7}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media (max-height:900px){.player-area{gap:var(--space-2)}.cam-container,.player-area{padding:var(--space-2)}}@media (max-height:800px){.player-area{gap:var(--space-1)}.cam-container,.player-area{padding:var(--space-1)}.cam-container input{font-size:var(--text-sm)}}@media (max-height:700px){.player-area{gap:4px;padding:4px}.cam-container{padding:4px}.cam-container input{font-size:11px}.cam-container div:after{font-size:8px;right:5px;top:5px}}.floating-reset-trigger{align-items:center;background:var(--gradient-royal);border:2px solid var(--betis-white);border-radius:50%;box-shadow:var(--shadow-lg),0 0 20px #ffd70080;color:var(--neutral-black);cursor:pointer;display:flex;height:60px;justify-content:center;left:20px;position:fixed;top:50%;transform:translateY(-50%);transition:all var(--transition-base);width:60px;z-index:1000}.floating-reset-trigger:hover{box-shadow:var(--shadow-xl),0 0 30px #ffd700cc;transform:translateY(-50%) scale(1.1)}.floating-reset-overlay{animation:fadeIn .1s ease;background:#000000b3;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1001}.floating-reset-popup{animation:slideInLeft .3s ease;background:#f0fdf4;border:3px solid var(--betis-green);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);left:100px;min-width:300px;padding:var(--space-8);position:fixed;top:50%;transform:translateY(-50%);z-index:1002}.floating-reset-popup h3{color:var(--betis-dark-green);font-family:var(--font-family-display);font-size:var(--text-xl);font-weight:800;letter-spacing:1px;margin:0 0 var(--space-4) 0;text-align:center;text-transform:uppercase}.floating-reset-popup p{color:var(--neutral-gray);font-family:var(--font-family-primary);font-size:var(--text-base);margin:0 0 var(--space-6) 0;text-align:center}.floating-reset-actions{display:flex;flex-direction:column;gap:var(--space-4)}.floating-reset-cancel,.floating-reset-confirm{border:2px solid;border-radius:var(--radius-full);cursor:pointer;font-family:var(--font-family-display);font-size:var(--text-base);font-weight:700;letter-spacing:.5px;padding:var(--space-3) var(--space-6);text-transform:uppercase;transition:all var(--transition-base)}.floating-reset-confirm{background:var(--gradient-danger);border-color:var(--wrong-answer);color:var(--betis-white)}.floating-reset-confirm:hover{box-shadow:0 0 20px var(--wrong-answer);transform:scale(1.05)}.floating-reset-cancel{background:#0000;border-color:var(--betis-green);color:var(--betis-dark-green)}.floating-reset-cancel:hover{background:var(--betis-green);box-shadow:var(--shadow-glow-green);color:#fff;transform:scale(1.05)}@keyframes slideInLeft{0%{opacity:0;transform:translateY(-50%) translateX(-50px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}@media (max-width:768px){.floating-reset-trigger{height:50px;left:10px;width:50px}.floating-reset-popup{left:70px;min-width:250px;padding:var(--space-6)}}@media (max-height:700px){.floating-reset-trigger{height:45px;width:45px}.floating-reset-popup{padding:var(--space-4)}.floating-reset-popup h3{font-size:var(--text-lg)}.floating-reset-popup p{font-size:var(--text-sm)}}.game-area{height:95vh;justify-content:center;overflow:hidden;position:relative}.game-area,.game-content-wrapper{align-items:center;display:flex;flex-direction:column;padding:var(--space-4)}.game-content-wrapper{background:#4fbb6ffa;border:2px solid var(--betis-green);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);gap:var(--space-3);max-width:85%;overflow-y:auto;width:100vh}.game-area:before{background:radial-gradient(circle,#00964014 0,#0000 70%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}#question-container{margin-bottom:var(--space-3);position:relative}#question{background:var(--gradient-betis)!important;border:3px solid var(--betis-white)!important;border-radius:var(--radius-full);box-shadow:var(--shadow-lg),var(--shadow-glow-green);color:var(--betis-white);font-size:var(--text-lg);font-weight:700;min-width:80%;padding:var(--space-3) var(--space-6);text-align:center}#question,.option-btn{font-family:var(--font-family-display)}.option-btn{background:#fff!important;border:2px solid #0096404d!important;border-radius:var(--radius-full)!important;box-shadow:var(--shadow-sm);color:var(--neutral-dark-gray)!important;cursor:pointer;font-weight:600;margin-bottom:var(--space-2);padding:var(--space-2) var(--space-4)!important;text-align:left!important;transition:transform .15s ease,background-color .15s ease!important;width:100%!important}.option-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.option-btn:hover,.option-selected{border-color:var(--betis-green)!important}.option-selected{background:var(--betis-green)!important;box-shadow:0 0 20px #00964066!important}.correct,.option-selected{color:var(--betis-white)!important}.correct{animation:correctAnswer .6s ease-out infinite alternate;background:var(--gradient-betis)!important;border-color:var(--royal-gold)!important;box-shadow:0 0 20px var(--betis-green)!important}.correct,.wrong{will-change:transform}.wrong{animation:shake .5s ease-out;background:var(--gradient-danger)!important;border-color:var(--betis-white)!important}.answer-status-icon{font-weight:700;margin-left:.5em;opacity:.9}.answer-status-text{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.fifty-fifty-disabled{opacity:.1!important;pointer-events:none}.action-btn{background:var(--gradient-royal)!important;border:2px solid var(--betis-white)!important;border-radius:var(--radius-full)!important;box-shadow:var(--shadow-md);color:var(--neutral-black)!important;font-family:var(--font-family-display);font-weight:800;letter-spacing:1px;padding:var(--space-3) var(--space-10)!important;text-transform:uppercase;transition:all var(--transition-base)}.action-btn:hover{box-shadow:var(--shadow-glow-gold);transform:scale(1.05)}.action-btn:disabled{cursor:not-allowed!important;filter:grayscale(.6);opacity:.4!important}.action-btn:disabled:hover{box-shadow:var(--shadow-md);transform:none}.action-btn.hidden{display:none!important}@media (max-height:900px){.game-content-wrapper{gap:var(--space-2);padding:var(--space-3)}#question{font-size:var(--text-base);padding:var(--space-2) var(--space-4)}.option-btn{margin-bottom:var(--space-1);padding:var(--space-1) var(--space-3)!important}.action-btn,.option-btn{font-size:var(--text-sm)}.action-btn{padding:var(--space-2) var(--space-6)!important}}@media (max-height:800px){.game-content-wrapper{gap:var(--space-1);padding:var(--space-2)}#question-container,.camera-row{margin-bottom:var(--space-1)!important}#question{font-size:var(--text-sm);padding:var(--space-1) var(--space-3)}.option-btn{font-size:12px;margin-bottom:4px;padding:6px 12px!important}}@media (max-height:700px){.game-area{padding:var(--space-2)}.game-content-wrapper{gap:4px;padding:var(--space-1)}.cam-container{padding:var(--space-2)!important}#question{font-size:12px;padding:6px 12px}.option-btn{font-size:11px;margin-bottom:2px;padding:4px 8px!important}.action-btn{font-size:11px;padding:6px 12px!important}}@media (max-width:768px){.game-area{padding:var(--space-2)}.game-area,.game-content-wrapper{box-sizing:border-box;min-width:0;width:100%}.game-content-wrapper{max-width:100%;overflow-x:hidden}#question,#question-container{box-sizing:border-box;max-width:100%;overflow-wrap:anywhere}#question{font-size:var(--text-base);padding:var(--space-2) var(--space-4)}}@keyframes questionEnter{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.question-transition{animation:questionEnter .35s ease-out}.answers-transition{animation:questionEnter .35s ease-out .08s both}@media (pointer:coarse){.action-btn,.option-btn{min-height:44px!important}}.countdown-dialog{background:#0000;border:none;left:50%;overflow:visible;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:3000}.countdown-dialog::backdrop{background:#000000d9}.countdown-dialog-container{aspect-ratio:1/1;background:#f0fdf4;border:4px solid var(--betis-green);border-radius:var(--radius-2xl);box-shadow:var(--shadow-glow-green);height:25vh}.countdown-circle,.countdown-dialog-container{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative}.countdown-circle{width:100%}.countdown-circle-svg{transform:rotate(-90deg)}.countdown-circle-progress{transition:stroke-dashoffset .3s ease}.countdown-circle-time{color:var(--neutral-black);font-family:var(--font-family-display);font-weight:900;left:50%;position:absolute;text-shadow:0 0 10px #ffffff80;top:50%;transform:translate(-50%,-50%)}.time-danger{color:var(--wrong-answer)}.time-warning{color:var(--royal-gold)}.countdown-circle-controls{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;margin-top:var(--space-8)}.countdown-circle-control-btn{background:var(--betis-green);border:none;border-radius:var(--radius-full);color:var(--betis-white);cursor:pointer;font-family:var(--font-family-display);font-weight:700;padding:8px 16px;transition:all var(--transition-base)}.countdown-circle-control-btn:hover{background:var(--betis-light-green);transform:scale(1.05)}.countdown-dialog-close-btn{align-items:center;background:#0000;border:none;color:var(--wrong-answer);cursor:pointer;display:flex;font-size:32px;font-weight:700;justify-content:center;line-height:.5;min-height:44px;min-width:44px;position:absolute;right:8px;top:8px;transition:transform .2s ease;z-index:10}.countdown-dialog-close-btn:hover{transform:scale(1.2)}.levels-panel{background:#022d0fe8;border-left:4px solid var(--betis-green);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;height:95vh;padding:var(--space-6)}.levels-panel h2{font-size:1.17em;margin-block:1em}.fase-container{display:flex;flex:1 1;flex-direction:column}#rewards-container{display:flex;flex-direction:column-reverse;gap:var(--space-1);padding:var(--space-4) 0}.reward-item{align-items:center;border:1px solid #0000;border-radius:var(--radius-sm);display:flex;gap:var(--space-2);overflow:hidden;padding:8px 12px;position:relative;transition:all var(--transition-base)}.reward-item:nth-child(2n){background:#00964014}#rewards-container input{background:#0000!important;border:none!important;color:#fff;cursor:text;font-family:var(--font-family-display);font-size:var(--text-base);font-weight:600;pointer-events:auto;transition:all var(--transition-fast);width:100%}#rewards-container input:disabled{cursor:default;pointer-events:none}.reward-item.active{background:var(--gradient-royal)!important;border:1px solid var(--royal-gold);box-shadow:var(--shadow-glow-gold);transform:scale(1.05) translateX(-5px)}.reward-item.active input{color:var(--neutral-black)!important}.reward-item.resolved{opacity:.6}.reward-item.resolved input{color:var(--betis-green);font-weight:700}.reward-item.difficulty-0{border:1px solid var(--difficulty-easy)}.reward-item.difficulty-1{border:1px solid var(--difficulty-medium)}.reward-item.difficulty-2{border:1px solid var(--difficulty-hard)}.reward-item.phase-shortage{border:2px solid var(--wrong-answer)!important;box-shadow:0 0 12px #ef444466}.phase-ladder-warning{background:#ef44441f;border:1px solid var(--wrong-answer);border-radius:var(--radius-lg);margin-bottom:var(--space-3);padding:var(--space-3)}.phase-ladder-warning p{color:var(--betis-white);font-size:var(--text-sm);margin:0}.phase-ladder-warning p+p{margin-top:var(--space-2)}#rewards-container{color:#fff}#rewards-container .reward-item.active.difficulty-0 input,#rewards-container .reward-item.active.difficulty-1 input,#rewards-container .reward-item.active.difficulty-2 input{color:var(--neutral-black)!important;font-weight:800}.rounded-circle{align-items:center;background:var(--betis-green);border:1px solid var(--betis-light-green);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.rounded-circle:hover:not(:disabled){background:var(--betis-light-green);box-shadow:var(--shadow-glow-green);transform:scale(1.1)}.rounded-circle.hidden{display:none}.levels-panel::-webkit-scrollbar{width:4px}.levels-panel::-webkit-scrollbar-track{background:#0000}.levels-panel::-webkit-scrollbar-thumb{background:var(--betis-green);border-radius:10px}@media (max-width:768px){.levels-panel{border-left:none;border-top:2px solid var(--betis-green);height:auto}}@media (pointer:coarse){.rounded-circle{font-size:var(--text-base);height:44px;width:44px}}.mute-toggle-trigger{align-items:center;background:var(--gradient-royal);border:2px solid var(--betis-white);border-radius:50%;box-shadow:var(--shadow-lg),0 0 20px #ffd70080;color:var(--neutral-black);cursor:pointer;display:flex;height:60px;justify-content:center;position:fixed;right:20px;top:50%;transform:translateY(-50%);transition:all var(--transition-base);width:60px;z-index:1000}.mute-toggle-trigger:hover{box-shadow:var(--shadow-xl),0 0 30px #ffd700cc;transform:translateY(-50%) scale(1.1)}@media (max-width:768px){.mute-toggle-trigger{height:50px;right:10px;width:50px}}@media (max-height:700px){.mute-toggle-trigger{height:45px;width:45px}}.App{background:var(--gradient-dark);color:var(--neutral-white);font-family:var(--font-family-primary);min-height:100vh;overflow-x:hidden;position:relative}.app-container{display:flex;flex-direction:column;min-height:100vh;width:100%}.app-header{align-items:center;background:#000000d9;border-bottom:2px solid var(--betis-green);display:flex;height:5vh;justify-content:space-between;padding:var(--space-4) var(--space-8);z-index:10}.app-title{color:var(--betis-white);font-family:var(--font-family-display);font-size:var(--text-2xl);font-weight:800;letter-spacing:2px;margin:0;text-transform:uppercase}.app-title span{color:var(--royal-gold)}.ernarvi-logo{font-size:var(--text-2xl);font-weight:900}.app-main{background:#3a8b39;display:grid;flex:1 1;grid-template-columns:4fr 1fr;width:100%}.app-footer{background:linear-gradient(135deg,#141414e6,#0a0a0af2);border:1px solid #ffffff1a;border-radius:var(--radius-xl);grid-column:1/-1;padding:var(--space-4);text-align:center}.app-footer__text{color:var(--neutral-white);font-family:var(--font-family-primary);font-size:var(--text-sm);font-weight:400;margin:0;opacity:.7}.app-loading{align-items:center;background:var(--background-primary);display:flex;justify-content:center;min-height:100vh}.app-loading__spinner{animation:spin 1s linear infinite;border:6px solid #ffd7004d;border-radius:50%;border-top:6px solid var(--primary-gold);height:60px;width:60px}.app-loading__text{color:var(--neutral-white);font-family:var(--font-family-primary);font-size:var(--text-xl);font-weight:500;margin-top:var(--space-4)}.app-error{align-items:center;background:var(--background-primary);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:var(--space-8);text-align:center}.app-error__title{color:var(--status-error);font-family:var(--font-family-display);font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--space-4)}.app-error__message{color:var(--neutral-white);font-weight:400;margin-bottom:var(--space-6);max-width:600px}.app-error__button,.app-error__message{font-family:var(--font-family-primary);font-size:var(--text-lg)}.app-error__button{background:var(--gradient-primary);border:2px solid var(--neutral-white);border-radius:var(--radius-full);color:var(--neutral-black);cursor:pointer;font-weight:700;letter-spacing:.5px;padding:var(--space-3) var(--space-6);text-transform:uppercase;transition:all var(--transition-base)}.app-error__button:hover{background:linear-gradient(135deg,#fde047,#facc15);box-shadow:var(--shadow-xl);transform:translateY(-2px) scale(1.05)}@media (max-width:1200px){.app-container,.app-main{grid-template-columns:1fr}.app-main{gap:var(--space-3)}.app-title{font-size:var(--text-3xl)}.app-subtitle{font-size:var(--text-base)}}@media (max-width:768px){.app-header{padding:var(--space-4)}.app-title{font-size:var(--text-2xl)}.app-subtitle{font-size:var(--text-sm)}.app-main{gap:var(--space-2)}}@media (max-width:480px){.app-header{padding:var(--space-3)}.app-title{font-size:var(--text-xl)}.app-footer{padding:var(--space-3)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.app-container{border:2px solid var(--neutral-white)}.app-title{color:var(--neutral-white);text-shadow:none}}:root{--betis-green:#009640;--betis-dark-green:#006b2e;--betis-light-green:#2ecc71;--betis-white:#fff;--royal-gold:#f5d033;--royal-dark-gold:#d4af37;--primary-green:var(--betis-green);--primary-dark-green:var(--betis-dark-green);--primary-white:red;--primary-gold:var(--royal-gold);--neutral-black:#0f172a;--neutral-dark-gray:#1e293b;--neutral-gray:#334155;--neutral-light-gray:#94a3b8;--neutral-soft-gray:#bbf7d0;--neutral-white:#fff;--neutral-light-bg:#f0fdf4;--neutral-medium-bg:#dcfce7;--correct-answer:var(--royal-gold);--wrong-answer:#ef4444;--selected-answer:var(--betis-green);--disabled-answer:#cbd5e1;--difficulty-easy:#009640;--difficulty-medium:#f5d033;--difficulty-hard:#ef4444;--difficulty-resolved:var(--betis-green);--gradient-betis:linear-gradient(135deg,var(--betis-green) 0%,var(--betis-dark-green) 100%);--gradient-royal:linear-gradient(135deg,var(--royal-gold) 0%,var(--royal-dark-gold) 100%);--gradient-white:linear-gradient(135deg,#fff,#f0f0f0);--gradient-light-bg:linear-gradient(135deg,#f0fdf4,#dcfce7 60%,#bbf7d0);--gradient-soft:linear-gradient(180deg,#00964014 50%,#84cc160d 0);--gradient-panel:linear-gradient(135deg,#f0fdf4,#dcfce7);--gradient-danger:linear-gradient(135deg,#ef4444,#dc2626);--gradient-primary:var(--gradient-betis);--gradient-secondary:var(--gradient-panel);--gradient-success:var(--gradient-royal);--shadow-sm:0 2px 4px #0096400d;--shadow-md:0 4px 12px #00964014;--shadow-lg:0 12px 24px #0096401f;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-glow-green:0 0 15px #00964033;--shadow-glow-gold:0 0 20px #f5d03366;--font-family-primary:"Inter",system-ui,-apple-system,sans-serif;--font-family-display:"Outfit","Poppins",sans-serif;--glass-bg:#f0fdf4f2;--glass-border:var(--betis-green);--glass-blur:0px;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:0.15s ease;--transition-base:0.3s ease;--transition-slow:0.5s ease}body{background:linear-gradient(135deg,#f0fdf4,#dcfce7 60%,#bbf7d0);background:var(--gradient-light-bg);color:#0f172a;color:var(--neutral-black);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:1rem;min-height:100vh;padding:0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.select-none{-webkit-user-select:none;user-select:none}.focus-ring:focus{outline:2px solid #f5d033;outline:2px solid var(--primary-gold);outline-offset:2px}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#dcfce7;background:var(--neutral-medium-bg)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#009640,#006b2e);background:var(--gradient-betis);border:2px solid #dcfce7;border:2px solid var(--neutral-medium-bg)}::-webkit-scrollbar-thumb:hover{background:#006b2e;background:var(--betis-dark-green)}:root{--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem}@media (max-width:768px){:root{--text-base:0.9rem;--text-lg:1rem;--text-xl:1.125rem;--text-2xl:1.25rem;--text-3xl:1.5rem;--text-4xl:1.875rem;--text-5xl:2.25rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-10px,0)}70%{transform:translate3d(0,-5px,0)}90%{transform:translate3d(0,-2px,0)}}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes glow{0%{opacity:.8}to{opacity:1}}@keyframes correctAnswer{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes wrongAnswer{0%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}to{transform:translateX(0)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}.hidden{display:none!important}:focus-visible{box-shadow:0 0 10px #f5d033;box-shadow:0 0 10px var(--royal-gold);outline:3px solid #f5d033;outline:3px solid var(--royal-gold);outline-offset:2px}.game-section{background-color:#0b6b3a;background-image:radial-gradient(ellipse at 50% 0,#ffffff47 0,#fff0 55%),radial-gradient(ellipse at 50% 100%,#0028148c 0,#00281400 60%),repeating-linear-gradient(90deg,#0e7a43,#0e7a43 60px,#0a6537 0,#0a6537 120px);background-position:50%;background-size:cover}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--background-primary);color:var(--neutral-white);font-family:var(--font-family-primary);font-size:var(--text-base);line-height:1.6;overflow-x:hidden}html{scroll-behavior:smooth}:focus{outline:2px solid var(--primary-gold);outline-offset:2px}::selection{background:var(--primary-gold);color:var(--neutral-black)}code{background:#ffffff1a;border-radius:var(--radius-sm);font-family:var(--font-family-mono);font-size:.875em;padding:.125rem .25rem}@media print{*{background:#fff!important;box-shadow:none!important;color:#000!important}.no-print{display:none!important}}
/*# sourceMappingURL=main.325b6910.css.map*/