*{padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#00181e;direction:rtl;font-family:Saudi,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100%;overflow:hidden;position:fixed;width:100%}code{font-family:Saudi,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:focus{outline:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0087501a;border-radius:4px}::-webkit-scrollbar-thumb{background:#0087504d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00875080}.no-select{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}@media screen and (min-device-width:768px) and (max-device-width:1024px){body{-webkit-text-size-adjust:none}}.timer{align-items:center;color:#296734;display:flex;flex-direction:column;gap:8px;pointer-events:auto;transition:color .3s ease}.timer.warning{color:#ffa726}.timer.critical{color:#f44336}.timer-circle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid;border-radius:8px;display:flex;height:50px;justify-content:center;position:relative;width:50px}.timer-circle svg{height:35px;position:absolute;width:35px}.timer-progress{transition:stroke-dashoffset 1s linear}.timer-number{color:inherit;font-size:1.2rem;font-weight:700;z-index:1}.timer-label{color:#fff;font-size:.8rem;font-weight:500;opacity:.9}@media screen and (min-width:768px) and (max-width:1024px){.timer-circle{height:60px;width:60px}.timer-circle svg{height:45px;width:45px}.timer-number{font-size:1.4rem}.timer-label{font-size:.9rem}}@media screen and (max-width:767px){.timer-circle{height:45px;width:45px}.timer-circle svg{height:30px;width:30px}.timer-number{font-size:1rem}.timer-label{font-size:.7rem}}.question-display{background:#fff;border:2px solid #296734;border-radius:8px;flex-shrink:0;margin:0 auto;max-width:600px;padding:15px;position:relative;width:100%;z-index:50}.question-with-image{align-items:center;display:flex;flex-direction:column;gap:8px}.question-image-container{max-width:400px;overflow:hidden;width:100%}.question-image{display:block;height:160px;object-fit:contain;width:100%}.question-text h2,.question-text-only h2{color:#00181e;font-size:1.2rem;font-weight:600;line-height:1.3;margin:0;text-align:center}.question-text-only{text-align:center}@media screen and (min-width:768px) and (max-width:1024px){.question-display{max-width:650px;padding:18px}.question-with-image{gap:12px}.question-image-container{max-width:400px}.question-image{height:180px}.question-text h2,.question-text-only h2{font-size:1.4rem;line-height:1.3}}@media screen and (max-width:767px){.question-display{max-width:95%;padding:12px}.question-with-image{gap:6px}.question-image{height:140px}.question-text h2,.question-text-only h2{font-size:1.1rem}}@media screen and (max-width:480px){.question-display{padding:10px}.question-with-image{gap:4px}.question-image{height:120px}.question-text h2,.question-text-only h2{font-size:1rem}}.answer-options{grid-gap:6px;display:grid;flex:1 1;gap:6px;margin:0 auto;max-width:600px;min-height:0;overflow-y:auto;width:100%}.image-answers,.text-answers{grid-template-columns:1fr 1fr}.answer-option{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;display:flex;gap:12px;min-height:60px;padding:12px;position:relative;text-align:center;transition:all .2s ease;z-index:50}.answer-option:hover:not(.disabled){background:#f8f9fa;border-color:#296734}.answer-option:active:not(.disabled){transform:scale(.98)}.answer-option.disabled{cursor:not-allowed;opacity:.6}.answer-number{align-items:center;background:#296734;border-radius:4px;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:32px;justify-content:center;width:32px}.text-answer .answer-text{color:#00181e;flex:1 1;font-size:1rem;font-weight:500;line-height:1.3}.image-answer{flex-direction:column;min-height:100px;padding:6px;text-align:center}.image-answer .answer-number{align-self:flex-start;font-size:.85rem;height:26px;margin-bottom:3px;width:26px}.answer-image-container{border-radius:4px;height:160px;margin-bottom:4px;overflow:hidden;width:100%}.answer-image{height:100%;object-fit:contain;width:100%}.image-answer .answer-text{color:#00181e;font-size:.8rem;font-weight:500;line-height:1.2}@media screen and (min-width:768px) and (max-width:1024px){.answer-options{gap:8px}.answer-option{gap:14px;min-height:65px;padding:14px}.answer-number{font-size:1.1rem;height:34px;width:34px}.text-answer .answer-text{font-size:1.05rem;line-height:1.3}.image-answer{min-height:110px;padding:8px}.answer-image-container{height:75px}.image-answer .answer-text{font-size:.85rem}}@media screen and (max-width:1025px){.text-answers{grid-template-columns:1fr}.image-answers{grid-template-columns:1fr 1fr}.answer-options{gap:5px}}@media screen and (max-width:767px){.answer-options{gap:3px}.image-answers,.text-answers{grid-template-columns:1fr}.answer-option{min-height:45px;padding:8px}.text-answer .answer-text{font-size:.85rem}.image-answer{min-height:90px;padding:4px}.answer-image-container{height:60px}.image-answer .answer-text{font-size:.7rem}}@media screen and (max-width:480px){.answer-options{gap:2px}.answer-option{gap:5px;padding:5px}.answer-number{height:22px;width:22px}.answer-number,.text-answer .answer-text{font-size:.75rem}.image-answer{min-height:70px;padding:2px}.image-answer .answer-number{font-size:.7rem;height:20px;margin-bottom:1px;width:20px}.answer-image-container{height:45px;margin-bottom:2px}.image-answer .answer-text{font-size:.65rem;line-height:1.1}}.quiz-screen{background:#00181e;display:flex;flex-direction:column;gap:15px;min-height:100vh;padding:30px 15px 80px;position:relative;width:100%}.screen-header{flex-shrink:0}.cafe-logo{height:40px}.national-logo{height:45px}.fixed-info{display:flex;flex-direction:column;gap:10px;left:15px;pointer-events:none;position:fixed;top:15px;z-index:1000}.question-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #296734;border-radius:8px;padding:12px 16px;pointer-events:auto}.question-counter{color:#00181e;display:block;font-size:1rem;font-weight:600;margin-bottom:6px}.progress-bar{background:#f0f0f0;border-radius:3px;height:6px;overflow:hidden;width:120px}.progress-fill{background:#296734;border-radius:3px;height:100%;transition:width .5s ease}.quiz-content{flex:1 1;flex-direction:column;gap:6px;min-height:0;overflow:hidden}.quiz-content,.score-indicator{display:flex;position:relative;z-index:50}.score-indicator{align-items:center;background:#fff;border:2px solid #296734;border-radius:8px;flex-shrink:0;justify-content:space-between;margin-left:auto;margin-right:auto;margin-top:auto;max-width:600px;padding:8px 16px}.score-indicator span{color:#00181e;font-size:1.1rem;font-weight:600}@media screen and (min-width:768px) and (max-width:1024px){.quiz-screen{padding:40px 20px 80px}.fixed-info{gap:12px;left:20px;top:20px}.question-info{padding:16px 20px}.question-counter{font-size:1.1rem;margin-bottom:8px}.progress-bar{height:8px;width:140px}.screen-header{max-width:650px}.header-logos{gap:16px;margin:0 auto;text-align:center}.cafe-logo{height:50px}.national-logo{height:55px}.quiz-content{gap:10px}.score-indicator{max-width:650px;padding:16px 24px}}@media screen and (max-width:767px){.quiz-screen{gap:8px;padding:8px 8px 80px}.fixed-info{gap:8px;left:12px;top:12px}.question-info{padding:8px 12px}.question-counter{font-size:.9rem;margin-bottom:4px}.progress-bar{height:5px;width:100px}.screen-header{max-width:95%}.header-logos{align-items:center;gap:12px;justify-content:center;margin:0 auto;padding:10px 15px;text-align:center}.cafe-logo{height:35px}.national-logo{height:40px}.score-indicator{flex-direction:column;gap:8px;max-width:95%;padding:12px 16px;text-align:center}}.summary-screen{align-items:center;background:#00181e;display:flex;flex-direction:column;gap:20px;justify-content:flex-start;min-height:100vh;overflow-y:auto;padding:40px 20px 80px;position:relative;width:100%}.screen-header{margin:0 auto;max-width:750px}.summary-content{background:#fff;border-radius:8px;max-width:700px;padding:20px;position:relative;width:100%;z-index:50}.summary-header{margin-bottom:15px;position:relative;text-align:center;z-index:1}.completion-icon{font-size:2rem}.completion-icon,.summary-header h1{color:#296734;display:block;margin-bottom:8px}.summary-header h1{font-size:1.5rem;font-weight:700;visibility:visible}.score-message{color:#00181e;font-size:1rem;font-weight:500}.results-card{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:15px;padding:15px}.score-summary{display:flex;gap:12px;justify-content:space-around;margin-bottom:15px}.score-item{background:#fff;border:1px solid #e0e0e0;border-radius:6px;flex:1 1;gap:8px;min-width:0;padding:10px}.score-icon,.score-item{align-items:center;display:flex}.score-icon{background:#296734;border-radius:4px;color:#fff;flex-shrink:0;font-size:1.3rem;height:32px;justify-content:center;width:32px}.score-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.score-label{color:#666;font-size:.8rem;font-weight:500}.score-value{color:#00181e;font-size:1.1rem;font-weight:700}.discount-circle,.discount-summary{align-items:center;display:flex;justify-content:center}.discount-circle{background:#296734;border-radius:8px;color:#fff;flex-direction:column;height:100px;width:100px}.discount-percentage{font-size:1.8rem;font-weight:700;line-height:1}.discount-label{font-size:.8rem;font-weight:500;opacity:.9}.detailed-results{margin-bottom:15px}.detailed-results h3{color:#00181e;font-size:1.1rem;font-weight:600;margin-bottom:10px;text-align:center}.questions-review{display:flex;flex-direction:column;gap:6px;max-height:110px;overflow-y:auto;padding:2px}.question-review{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:6px;display:flex;gap:10px;padding:8px 12px}.question-review.correct{background:#0087500d;border-right-color:#296734}.question-review.incorrect{background:#f443360d;border-right-color:#f44336}.question-number{align-items:center;background:#f8f9fa;border-radius:4px;color:#00181e;display:flex;flex-shrink:0;font-size:.8rem;font-weight:700;height:24px;justify-content:center;width:24px}.question-text{color:#00181e;flex:1 1;font-size:.85rem;line-height:1.3;min-width:0;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.answer-status{flex-shrink:0;font-size:.8rem;font-weight:600}.action-buttons{display:flex;gap:12px;position:relative;z-index:50}.cashier-confirm-button{align-items:center;background:#296734;border:none;border-radius:8px;color:#fff;display:flex;flex:2 1;font-size:1.1rem;font-weight:700;gap:10px;justify-content:center;padding:16px 24px;transition:background-color .2s ease}.cashier-confirm-button:hover{background:#47843e}.button-discount{background:#fff3;border-radius:4px;font-size:1.2rem;font-weight:800;padding:6px 12px}.play-again-button{align-items:center;background:#003438;border:none;border-radius:8px;color:#fff;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:16px 20px;transition:background-color .2s ease}.play-again-button:hover{background:#004d54}.button-icon{font-size:1.1rem}@media screen and (min-width:768px) and (max-width:1024px){.summary-screen{padding-bottom:80px}.screen-header{max-width:800px}.summary-content{max-width:800px;padding:30px}.header-logos{gap:20px;margin-bottom:20px}.cafe-logo{height:50px}.national-logo{height:60px}.summary-header h1{font-size:1.8rem}.score-message{font-size:1.1rem}.results-card{padding:20px}.score-item{gap:10px;padding:12px}.score-icon{font-size:1.4rem;height:36px;width:36px}.score-value{font-size:1.2rem}.discount-circle{height:120px;width:120px}.discount-percentage{font-size:2.2rem}.discount-label{font-size:.9rem}.detailed-results h3{font-size:1.2rem}.question-review{gap:12px;padding:10px 14px}.question-number{font-size:.9rem;height:28px;width:28px}.question-text{font-size:.9rem}.answer-status{font-size:.85rem}.cashier-confirm-button{font-size:1.2rem;padding:18px 28px}.play-again-button{font-size:1rem;padding:18px 24px}.button-discount{font-size:1.3rem}}@media screen and (max-width:767px){.summary-screen{padding-bottom:80px}.screen-header{max-width:95%}.summary-content{margin:5px;padding:20px 15px}.header-logos{align-items:center;flex-direction:column;gap:12px;justify-content:center;margin-bottom:15px;padding:8px 15px}.cafe-logo{height:35px}.national-logo{height:40px}.summary-header h1{font-size:1.4rem}.score-summary{flex-direction:column;gap:8px}.discount-circle{height:80px;width:80px}.discount-percentage{font-size:1.4rem}.discount-label{font-size:.7rem}.action-buttons{flex-direction:column;gap:10px}.question-text{overflow:visible;white-space:normal}}@media screen and (max-width:480px){.summary-screen{padding-bottom:80px}.summary-content{padding:15px 10px}.results-card{padding:12px}.score-item{gap:6px;padding:8px}.discount-circle{height:70px;width:70px}.discount-percentage{font-size:1.2rem}.discount-label{font-size:.6rem}.cashier-confirm-button,.play-again-button{font-size:.95rem;padding:12px 16px}}.dialog-overlay{align-items:center;background:#00181ecc;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.dialog-content{animation:dialogSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:400px;overflow-y:auto;width:100%}@keyframes dialogSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.dialog-header{border-bottom:1px solid #e0e0e0;padding:25px 25px 15px;text-align:center}.dialog-icon{color:#008750;font-size:3rem;margin-bottom:10px}.dialog-header h2{color:#008750;font-size:1.5rem;font-weight:700;margin:0}.dialog-body{padding:20px 25px;text-align:center}.discount-display{margin-bottom:20px}.discount-circle-large{align-items:center;background:#008750;border-radius:50%;box-shadow:0 4px 15px #0087504d;color:#fff;display:flex;flex-direction:column;height:120px;justify-content:center;margin:0 auto;width:120px}.discount-percentage-large{font-size:2.5rem;font-weight:700;line-height:1;margin-bottom:5px}.discount-label-large{font-size:.9rem;font-weight:500;opacity:.9}.dialog-message{color:#00181e;font-size:1rem;line-height:1.5;margin:0;opacity:.8}.dialog-actions{padding:15px 25px 25px;text-align:center}.end-challenge-button{background:#008750;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Saudi,sans-serif;font-size:1.1rem;font-weight:700;padding:16px 24px;transition:background-color .2s ease;width:100%}.end-challenge-button:hover{background:#47843e}.end-challenge-button:active{background:#2e7d32}@media screen and (min-width:768px) and (max-width:1024px){.dialog-content{max-width:450px}.dialog-header{padding:30px 30px 20px}.dialog-icon{font-size:3.5rem}.dialog-header h2{font-size:1.7rem}.dialog-body{padding:25px 30px}.discount-circle-large{height:140px;width:140px}.discount-percentage-large{font-size:3rem}.discount-label-large{font-size:1rem}.dialog-message{font-size:1.1rem}.dialog-actions{padding:20px 30px 30px}.end-challenge-button{font-size:1.2rem;padding:18px 30px}}@media screen and (max-width:767px){.dialog-overlay{padding:15px}.dialog-content{max-width:100%}.dialog-header{padding:20px 20px 15px}.dialog-icon{font-size:2.5rem}.dialog-header h2{font-size:1.3rem}.dialog-body{padding:15px 20px}.discount-circle-large{height:100px;width:100px}.discount-percentage-large{font-size:2rem}.discount-label-large{font-size:.8rem}.dialog-message{font-size:.9rem}.dialog-actions{padding:15px 20px 20px}.end-challenge-button{font-size:1rem;padding:14px 20px}}.start-screen{background:#00181e;flex-direction:column;gap:20px;justify-content:flex-start;min-height:100vh;padding:40px 20px 80px;position:relative}.screen-header,.start-screen{align-items:center;display:flex;width:100%}.screen-header{justify-content:center;margin-bottom:10px;max-width:600px}.header-logos{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #0087504d;border-radius:8px;display:flex;gap:20px;justify-content:center;margin:0 auto;padding:15px 25px;position:relative;text-align:center;width:-webkit-fit-content;width:fit-content;z-index:100}.start-content{background:#fff;border-radius:8px;max-width:550px;padding:30px;position:relative;width:100%;z-index:50}.cafe-logo{height:50px}.cafe-logo,.national-logo{display:block;margin:0;object-fit:contain;width:auto}.national-logo{height:60px}.cafe-branding{margin-bottom:25px}.coffee-cup{color:#296734;font-size:60px;margin-bottom:12px}.app-title{color:#00181e;font-family:Saudi,sans-serif;font-size:2rem;font-weight:700;margin:0}.welcome-text{margin-bottom:25px}.welcome-text h2{color:#003438;font-size:1.5rem;font-weight:500;margin-bottom:8px}.welcome-text p{color:#003438;font-size:1rem;margin:0;opacity:.8}.game-rules{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:25px}.rule-item{align-items:center;background:#f8f9fa;border-left:4px solid #296734;border-radius:4px;display:flex;gap:10px;padding:12px;transition:transform .2s ease}.rule-item:hover{transform:translateY(-2px)}.rule-icon{align-items:center;background:#296734;border-radius:4px;color:#fff;display:flex;font-size:1.2rem;height:32px;justify-content:center;width:32px}.rule-item span{color:#00181e;font-size:.95rem;font-weight:500}.start-button{align-items:center;background:#296734;border:none;border-radius:8px;color:#fff;display:flex;font-size:1.2rem;font-weight:700;gap:10px;justify-content:center;padding:16px 24px;position:relative;transition:background-color .2s ease;width:100%;z-index:50}.start-button:hover{background:#47843e}.start-button:active{background:#2e7d32}.button-icon{font-size:1rem}.footer-strap{bottom:0;left:0;position:fixed;right:0;width:100vw;z-index:10}.footer-image{display:block;height:auto;object-fit:cover;object-position:center;width:100%}@media screen and (min-width:768px) and (max-width:1024px){.start-screen{gap:20px;padding:40px 25px 80px}.screen-header{max-width:650px}.header-logos{gap:20px;padding:16px 25px}.cafe-logo{height:55px}.national-logo{height:65px}.start-content{max-width:650px;padding:35px}.app-title{font-size:2.3rem}.welcome-text h2{font-size:1.7rem}.welcome-text p{font-size:1.1rem}.rule-item{gap:12px;padding:14px}.rule-icon{font-size:1.3rem;height:36px;width:36px}.rule-item span{font-size:1rem}.start-button{font-size:1.3rem;padding:18px 30px}.button-icon{font-size:1.1rem}}@media screen and (max-width:767px){.start-screen{gap:15px;padding:30px 15px 80px}.screen-header{max-width:95%}.header-logos{align-items:center;flex-direction:column;gap:15px;justify-content:center;padding:12px 20px}.cafe-logo{height:40px}.national-logo{height:45px}.start-content{max-width:95%;padding:25px 18px}.app-title{font-size:1.8rem}.welcome-text h2{font-size:1.3rem}.game-rules{grid-template-columns:1fr}}.App{background:#00181e;direction:rtl;font-family:Saudi,sans-serif;height:100vh;left:0;overflow:hidden;position:fixed;text-align:center;top:0;width:100vw}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;box-sizing:border-box;-webkit-user-select:none;user-select:none}button{-webkit-appearance:none;appearance:none;background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit;outline:none}button:active{transform:scale(.98)}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}@media screen and (min-width:768px) and (max-width:1024px){.App{padding:0}button{min-height:44px;min-width:44px}*{-webkit-tap-highlight-color:rgba(0,135,80,.2)}}@media screen and (min-width:1025px){.App{padding:20px}}@media screen and (max-width:767px){.App{padding:0}}
/*# sourceMappingURL=main.9afc7dd3.css.map*/