:root{--primary-white: #ffffff;--accent-purple: rgb(103, 93, 211);--glass-white: rgba(255, 255, 255, .08);--stat-bg: rgba(255, 255, 255, .85)}.fawazeer-main-container{background-image:url(/cdn/shop/files/Artboard_1_2.jpg?v=1771424591);background-size:cover;background-position:center;color:#fff;text-align:center;position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center}.question{color:#fff}.name{font-weight:600;color:var(--primary-gold)}.instructions-card{max-width:500px;margin:30px auto;padding:25px;background:#ffffff12;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(242,199,242,.4);border-radius:20px;box-shadow:0 10px 30px #0000004d,0 0 15px #f2c7f21a;text-align:center}.instruction-header{color:#lightyellow;font-size:1.4rem;margin-bottom:20px;text-shadow:0 0 10px rgba(242,199,242,.3);letter-spacing:1px}.rules-list{list-style:none;padding:0;margin:0}.rule-item{text-align:justify;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.rule-item:last-child{border-bottom:none;margin-bottom:0}.rule-item p{margin:0;font-size:1rem;color:#ffffffe6;line-height:1.5}.highlight{color:#f2c7f2;font-weight:600}.cashback{color:#4ade80;font-weight:700;padding:0 4px}.instruction-text{font-size:20px}.instruction-header{color:var(--primary-white);text-align:center;font-size:16px}.glow-text{font-size:28px;color:var(--primary-gold);text-shadow:0 0 15px rgba(212,175,55,.4);letter-spacing:1px;margin-bottom:20px}.countdown-wrapper{font-size:14px;margin-bottom:20px;opacity:.9}.opt-btn.correct-answer{background-color:#28a745!important;color:#fff!important;border-color:#1e7e34!important;box-shadow:0 0 10px #28a74580}.opt-btn.wrong-answer{background-color:#dc3545!important;color:#fff!important;border-color:#bd2130!important}.opt-btn:disabled{cursor:default;transform:none!important;opacity:.8}.opt-btn.correct-answer:disabled{opacity:1}.login-state{padding:10px}.glass-card{background:var(--glass-white);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);padding:40px 25px;border-radius:20px;width:100%;max-width:600px;margin:80px auto}.stats-wrapper{width:100%;padding:10px 0}.stats-cards{display:flex;justify-content:center;gap:10px;margin-bottom:25px}.stat-card{background:var(--stat-bg);border-radius:50px;padding:15px 5px;flex:1;max-width:140px;box-shadow:0 4px 15px #0003;transition:transform .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center}.stat-flex{display:flex;align-items:center;gap:4px;margin-bottom:2px}.stat-number{font-size:18px;font-weight:800;color:#000}.stat-icon{font-size:14px;color:#f2c7f2!important;opacity:1}.stat-label{font-size:9px;font-weight:700;color:#333;text-transform:uppercase;letter-spacing:.5px}.journey-footer{width:100%;max-width:500px;margin:20px auto}.progress-bar-bg{background:#ffffff1a;height:12px;border-radius:10px;overflow:hidden;margin-top:8px;border:1px solid rgba(255,255,255,.1)}.progress-fill{height:100%;background:linear-gradient(90deg,#b8860b,#f1c40f,#b8860b);background-size:200% 100%;animation:shine 3s infinite linear;transition:width 1.5s cubic-bezier(.1,.5,.5,1)}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.opt-btn{background:#ffffff1a;border:1px solid rgba(212,175,55,.3);color:#fff;padding:14px 10px;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.opt-btn:hover:not(:disabled){background:var(--primary-gold);color:#000;transform:translateY(-2px)}.leaderboard-table{width:100%;margin-top:15px;font-size:14px}.leaderboard-table th{padding:10px;border-bottom:1px solid rgba(255,255,255,.1);opacity:.8}.leaderboard-table td{padding:12px 10px;border-bottom:1px solid rgba(255,255,255,.05)}@keyframes shine{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:768px){.fawazeer-main-container{min-height:auto;color:black: font-size:14px:}.glass-card{width:100%;max-width:100%;margin:60px auto;padding:25px 18px;border-radius:16px}.glow-text{font-size:20px;margin-bottom:15px}.instruction-header{font-size:15px}.rules-list{padding-left:0;flex-direction:row;justify-content:center}.rule-item p{font-size:16px;line-height:1.6}.login-state{font-size:14px;padding:10px 5px}.login-btn{width:100%;padding:14px;font-size:15px}}.me-row{background:#f2c7f278;border-left:3px solid #F2C7F2}.you-badge{font-size:.7rem;background:#f2c7f2;color:#000;padding:2px 6px;border-radius:10px;margin-left:5px;vertical-align:middle}.leaderboard-section{height:auto;overflow-y:visible}.player-name{text-transform:capitalize}.rank-label-row td{padding:12px 10px;text-align:center;font-size:13px;border-top:1px dashed rgba(255,255,255,.3);opacity:.85;margin-bottom:60px;margin-top:15px}.current-user-row{background:#ffffff14;font-weight:600}.current-user-row td{border-bottom:1px solid rgba(255,255,255,.05)}@media(max-width:768px){.fawazeer-main-container{display:block;min-height:auto;padding-bottom:150px}.glass-card{margin-bottom:80px}#leaderboard-list{margin-bottom:120px}}// Show fake question card while checking database container.innerHTML = ` <div class="fake-question-card"> <div class="fake-question shimmer"></div> <div class="fake-options"> <div class="fake-option shimmer"></div> <div class="fake-option shimmer"></div> <div class="fake-option shimmer"></div> <div class="fake-option shimmer"></div> </div> </div> `;{}
/*# sourceMappingURL=/cdn/shop/t/79/assets/fawazeer.css.map */