*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:Outfit,sans-serif;background-color:#0b0914;color:#fff}.app-root-shell{position:relative;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}.app-main-viewport{position:relative;z-index:10;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:16px;overflow-y:auto}.glass-panel{background:#130f26d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(138,43,226,.3);border-radius:16px;box-shadow:0 8px 32px #00000080}.hud-stats-bar{position:absolute;top:24px;right:24px;display:flex;gap:12px;z-index:20}.hud-stat-pill{display:flex;align-items:center;gap:8px;background:#1b1437b3;border:1.5px solid rgba(138,43,226,.4);padding:8px 18px;border-radius:24px;font-family:Rajdhani,sans-serif;font-size:clamp(15px,1.2vw,19px);font-weight:700;color:#a5a1b8}.user-pill{border-color:#00f2fe80;color:#fff}.silver-pill{border-color:#c0c0c080;color:#e0e0e0}.token-pill{border-color:#ffd70080;color:gold}.stat-icon-purple{color:#8a2be2}.stat-icon-gold{color:gold}.stat-icon-silver{color:silver}.login-screen-container,.register-screen-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:560px;gap:16px}.login-card-box,.register-card-box{width:100%;padding:24px;display:flex;flex-direction:column;gap:14px;max-height:85vh;overflow-y:auto}.input-group{display:flex;flex-direction:column;gap:4px;width:100%}.label-row{display:flex;justify-content:space-between;align-items:center}.input-label{font-size:13px;font-weight:600;color:#a5a1b8}.validation-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px}.badge-valid{background:#2ecc7133;color:#2ecc71;border:1px solid #2ecc71}.badge-invalid{background:#ff336626;color:#f36;border:1px solid #ff3366}.input-field-wrapper{position:relative;display:flex;align-items:center;width:100%}.field-icon{position:absolute;left:14px;color:#8a2be2;pointer-events:none}.login-input{width:100%;padding:11px 42px;background:#1b1437e6;border:1.5px solid rgba(61,53,87,.8);border-radius:10px;color:#fff;font-family:Outfit,sans-serif;font-size:15px;user-select:text;-webkit-user-select:text;transition:border-color .2s ease}.login-input:focus{outline:none;border-color:#00f2fe;box-shadow:0 0 10px #00f2fe4d}.eye-toggle-btn{position:absolute;right:12px;background:none;border:none;color:#a5a1b8;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px}.eye-toggle-btn:hover{color:#00f2fe}.checkbox-row{display:flex;align-items:center;margin-top:4px}.checkbox-label{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:#a5a1b8;cursor:pointer;line-height:1.4}.custom-checkbox{width:18px;height:18px;margin-top:1px;accent-color:#00f2fe;cursor:pointer}.privacy-link-btn{background:none;border:none;color:#00f2fe;text-decoration:underline;cursor:pointer;font-family:inherit;font-size:inherit;padding:0;margin:0 2px;font-weight:600}.privacy-link-btn:hover{color:#fff}.validation-error-banner{display:flex;align-items:center;gap:8px;background:#ff336626;border:1px solid #ff3366;border-radius:8px;padding:10px 12px;color:#f36;font-size:12px;line-height:1.4}.login-actions-group,.register-actions-group{display:flex;flex-direction:column;gap:10px;margin-top:6px}.login-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:13px;border-radius:10px;font-family:Outfit,sans-serif;font-weight:700;font-size:15px;cursor:pointer;transition:all .2s ease}.signin-btn,.register-submit-btn{border:none;color:#0b0914}.signin-btn:hover,.register-submit-btn:not(.btn-disabled):hover{transform:scale(1.02)}.register-btn,.register-back-btn{background:#1b1437cc;border:1.5px solid rgba(138,43,226,.5);color:#fff}.register-btn:hover,.register-back-btn:hover{border-color:#00f2fe;color:#00f2fe}.btn-disabled{background:#2d264699!important;border:1px solid rgba(85,75,120,.5)!important;color:#726b8d!important;cursor:not-allowed!important;box-shadow:none!important;transform:none!important}.btn-spinner{width:20px;height:20px;border:3px solid rgba(11,9,20,.3);border-top-color:#0b0914;border-radius:50%;animation:spin .8s linear infinite}.privacy-modal-overlay,.error-popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:flex;justify-content:center;align-items:center;padding:20px}.privacy-modal-card{width:100%;max-width:580px;max-height:85vh;padding:24px;display:flex;flex-direction:column;gap:16px;overflow:hidden}.privacy-modal-header{display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(138,43,226,.3);padding-bottom:12px}.privacy-modal-header h2{font-family:Rajdhani,sans-serif;font-size:20px;color:#00f2fe;flex:1}.privacy-modal-body{display:flex;flex-direction:column;gap:16px;overflow-y:auto;padding-right:6px;font-size:13px;line-height:1.5;color:#d1cddb}.privacy-lang-section{display:flex;flex-direction:column;gap:8px}.privacy-lang-section h3{font-family:Rajdhani,sans-serif;font-size:16px;color:#fff}.privacy-controller-box{background:#1b1437cc;border:1px solid rgba(138,43,226,.4);border-radius:8px;padding:10px 14px;margin-top:4px;font-size:12px;color:#a5a1b8}.privacy-controller-box a{color:#00f2fe;text-decoration:none}.error-popup-card{background:#130f26f2;border:1.5px solid #ff3366;border-radius:16px;width:100%;max-width:460px;padding:24px;display:flex;flex-direction:column;gap:16px;box-shadow:0 10px 40px #000000b3}.popup-header{display:flex;align-items:center;gap:10px}.popup-alert-icon{color:#f36}.popup-header h3{font-family:Rajdhani,sans-serif;font-size:18px;color:#f36;flex:1}.popup-close-btn{background:none;border:none;color:#a5a1b8;cursor:pointer}.popup-body{display:flex;flex-direction:column;gap:8px;font-size:14px;line-height:1.5;color:#e2e0ed}.popup-text-en{font-size:13px;color:#8a9ba8;border-top:1px solid rgba(255,255,255,.1);padding-top:8px}.popup-confirm-btn{width:100%;padding:12px;border:none;border-radius:8px;color:#0b0914;font-weight:700;font-size:15px;cursor:pointer}.main-menu-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:640px;gap:28px}.title-header-box{text-align:center}.main-title{font-family:Rajdhani,sans-serif;font-size:clamp(52px,7vw,96px);font-weight:800;color:#00f2fe;letter-spacing:3px;margin-bottom:6px}.sub-title{font-family:Outfit,sans-serif;font-size:clamp(14px,1.4vw,18px);font-weight:700;color:#8a2be2;letter-spacing:5px}.menu-options-list{display:flex;flex-direction:column;width:100%;gap:16px}.menu-button{display:flex;align-items:center;justify-content:center;width:100%;padding:18px 24px;background:#130f26bf;border:1.5px solid rgba(61,53,87,.8);border-radius:14px;color:#a5a1b8;font-family:Outfit,sans-serif;font-size:clamp(18px,1.5vw,22px);font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.menu-button:active{transform:scale(.97)}.menu-button.selected{background:#1b1437f2;transform:scale(1.03)}.controls-hint-footer{margin-top:12px;font-size:13px;font-weight:600;color:#5f5b7a;text-align:center;letter-spacing:1px}.quiz-screen-container{display:flex;flex-direction:column;width:100%;height:100%;max-width:1400px;gap:16px;justify-content:space-between}.quiz-hud-bar{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 0}.hud-back-btn{display:flex;align-items:center;gap:6px;background:#1b1437cc;border:1px solid rgba(138,43,226,.4);color:#fff;padding:8px 14px;border-radius:8px;cursor:pointer;font-family:Outfit,sans-serif;font-weight:600;font-size:14px}.quiz-progress-text{font-family:Rajdhani,sans-serif;font-size:20px;font-weight:700;color:#fff}.quiz-timer-pill,.quiz-score-pill{display:flex;align-items:center;gap:6px;background:#130f26d9;border:1.5px solid #00f2fe;padding:6px 14px;border-radius:20px;font-family:Rajdhani,sans-serif;font-size:20px;font-weight:700}.timer-bar-track{width:100%;height:8px;background:#1b1437cc;border-radius:4px;overflow:hidden}.timer-bar-fill{height:100%;transition:width 1s linear,background-color .3s ease}.question-card-box{background:#130f26d9;border:1.5px solid rgba(138,43,226,.3);border-radius:16px;padding:24px;min-height:140px;display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:0 8px 32px #0006}.question-text{font-size:clamp(18px,4.5vw,26px);font-weight:600;line-height:1.4;color:#fff}.answers-wrapper{display:grid;gap:14px;width:100%}.answers-wrapper.portrait-column{grid-template-columns:1fr}.answers-wrapper.landscape-grid{grid-template-columns:1fr 1fr}.answer-card-button{position:relative;display:flex;align-items:center;padding:16px 20px;background:#130f26cc;border:1.5px solid rgba(61,53,87,.8);border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:left;min-height:64px}.answer-card-button:active{transform:scale(.98)}.option-badge{font-family:Rajdhani,sans-serif;font-size:20px;font-weight:700;color:#8a2be2;margin-right:14px;min-width:24px}.option-label{font-size:clamp(15px,3.5vw,18px);font-weight:600;color:#e2e0ed;flex:1}.answer-selected{background:#1b1437f2;transform:scale(1.02)}.answer-correct{background:#0f3b20f2!important;border-color:#2ecc71!important;color:#2ecc71!important;box-shadow:0 0 20px #2ecc7166!important}.answer-wrong{background:#3b111af2!important;border-color:#e74c3c!important;color:#e74c3c!important}.answer-dimmed{opacity:.4}.status-icon-correct{color:#2ecc71;margin-left:8px}.status-icon-wrong{color:#e74c3c;margin-left:8px}.shop-screen-container,.setup-screen-container,.game-over-screen-container{display:flex;flex-direction:column;width:100%;height:100%;max-width:1200px;gap:20px;align-items:center}.shop-header-title{font-family:Rajdhani,sans-serif;font-size:28px;font-weight:700;color:gold}.shop-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;width:100%;flex:1;align-content:center}.shop-theme-card{display:flex;flex-direction:column;align-items:center;padding:20px;background:#130f26d9;border:1.5px solid rgba(138,43,226,.3);border-radius:14px;text-align:center;cursor:pointer;transition:all .2s ease}.shop-theme-card:active{transform:scale(.96)}.theme-color-preview{width:50px;height:50px;border-radius:50%;margin-bottom:12px}.theme-name{font-family:Rajdhani,sans-serif;font-size:20px;font-weight:700;margin-bottom:6px}.theme-desc{font-size:12px;color:#8a9ba8;margin-bottom:14px}.theme-action-status{margin-top:auto;font-weight:700;font-size:14px}.status-equipped{display:flex;align-items:center;gap:4px}.status-cost{display:flex;align-items:center;gap:4px;color:gold}.status-cost.cant-afford{color:#f36}.setup-content-box{display:flex;flex-direction:column;width:100%;max-width:540px;gap:20px}.setup-row-card{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:#130f26d9;border:1.5px solid rgba(61,53,87,.8);border-radius:12px;cursor:pointer;transition:all .2s ease}.setup-row-label{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:600}.controls-info-card{background:#130f26b3;border:1px solid rgba(138,43,226,.3);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:12px}.controls-card-title{display:flex;align-items:center;font-family:Rajdhani,sans-serif;font-size:18px;color:#8a2be2}.controls-mode-section h4{font-size:14px;color:#00f2fe;display:flex;align-items:center;gap:6px;margin-bottom:4px}.controls-mode-section p{font-size:13px;color:#8a9ba8;line-height:1.5}.setup-back-action-btn{padding:14px;background:#1b1437cc;border:1.5px solid #00f2fe;border-radius:10px;color:#00f2fe;font-family:Outfit,sans-serif;font-weight:700;font-size:16px;cursor:pointer;text-align:center}.game-over-card-box{display:flex;flex-direction:column;align-items:center;width:100%;max-width:680px;background:#130f26e6;border:1.5px solid rgba(138,43,226,.4);border-radius:20px;padding:32px 24px;gap:20px;box-shadow:0 10px 40px #0009}.game-over-title{font-family:Rajdhani,sans-serif;font-size:clamp(32px,6vw,44px);color:#fff;text-shadow:0 0 15px #8a2be2}.high-score-badge{display:flex;align-items:center;gap:8px;background:#ffd70026;border:1px solid #ffd700;padding:8px 16px;border-radius:20px;color:gold;font-weight:700;font-size:14px}.score-summary-grid{display:flex;flex-direction:column;width:100%;gap:12px}.summary-item{display:flex;justify-content:space-between;font-size:15px;color:#a5a1b8;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.summary-item.total-row{border-bottom:none;border-top:2px solid #00f2fe;padding-top:12px;font-weight:700}.summary-total{font-family:Rajdhani,sans-serif;font-size:28px;font-weight:700}.token-award-banner{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#ffd70033,#ffa50033);border:1px solid #ffd700;padding:12px 16px;border-radius:12px;color:#fff;width:100%}.token-award-banner h4{font-family:Rajdhani,sans-serif;color:gold;font-size:16px}.token-award-banner p{font-size:12px;color:#d1cddb}.game-over-actions{display:flex;gap:14px;width:100%}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border-radius:10px;font-weight:700;font-size:15px;cursor:pointer}.replay-btn{background:#1b1437e6;border:1.5px solid #00f2fe;color:#00f2fe}.menu-btn{background:#130f26b3;border:1.5px solid rgba(61,53,87,.8);color:#fff}.quiz-loading-container{display:flex;flex-direction:column;align-items:center;gap:16px;color:#a5a1b8}.spinner{width:48px;height:48px;border:4px solid #00f2fe;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.leaderboard-screen-container{display:flex;flex-direction:column;width:100%;height:100%;max-width:1100px;gap:20px;align-items:center}.leaderboard-card-box{width:100%;flex:1;display:flex;flex-direction:column;padding:24px;gap:16px;overflow:hidden;max-height:80vh}.leaderboard-table-header{display:flex;align-items:center;padding:12px 20px;background:#1b1437e6;border:1px solid rgba(138,43,226,.4);border-radius:12px;font-family:Rajdhani,sans-serif;font-weight:700;font-size:14px;color:#8a2be2;letter-spacing:1px}.col-rank{width:110px;display:flex;align-items:center}.col-player{flex:1;display:flex;align-items:center}.col-games{width:130px;display:flex;align-items:center;justify-content:center}.col-score{width:180px;display:flex;align-items:center;justify-content:flex-end}.leaderboard-scroll-list{display:flex;flex-direction:column;gap:10px;overflow-y:auto;overflow-x:hidden;padding:4px 8px 4px 4px;flex:1;touch-action:pan-y;-webkit-overflow-scrolling:touch}.leaderboard-row{display:flex;align-items:center;padding:14px 20px;background:#130f26cc;border:1.5px solid rgba(61,53,87,.6);border-radius:12px;cursor:pointer;transition:all .2s ease;box-sizing:border-box}.leaderboard-row:hover{border-color:#00f2fe80;background:#1b1437e6}.leaderboard-row.is-current-user{background:#00f2fe1a;border:2px solid #00f2fe!important;box-shadow:0 0 15px #00f2fe4d}.leaderboard-row.is-selected{transform:scale(1.01);background:#1b1437f2}.rank-badge{font-family:Rajdhani,sans-serif;font-size:16px;font-weight:700;color:#a5a1b8}.rank-gold{color:gold;font-size:18px;text-shadow:0 0 10px rgba(255,215,0,.5)}.rank-silver{color:#e0e0e0;font-size:17px;text-shadow:0 0 10px rgba(224,224,224,.4)}.rank-bronze{color:#cd7f32;font-size:16px;text-shadow:0 0 10px rgba(205,127,50,.4)}.player-name-cell{gap:10px;font-size:16px;font-weight:600;color:#fff}.player-icon{color:#8a2be2}.you-badge{font-size:11px;font-weight:800;background:#00f2fe;color:#0b0914;padding:2px 8px;border-radius:10px;margin-left:6px}.games-count-cell{font-size:15px;font-weight:600;color:#d1cddb}.score-cell{font-family:Rajdhani,sans-serif;font-size:18px;font-weight:700}.donations-screen-container{display:flex;flex-direction:column;width:100%;height:100%;max-width:900px;gap:20px;align-items:center}.donations-card-box{width:100%;flex:1;display:flex;flex-direction:column;padding:28px;gap:20px;overflow-y:auto;max-height:82vh}.donations-header-badge{display:flex;align-items:center;gap:10px;background:#ffd7001f;border:1px solid rgba(255,215,0,.5);border-radius:12px;padding:10px 16px;color:gold;font-family:Rajdhani,sans-serif;font-weight:700;font-size:16px;letter-spacing:1px}.donations-body-text{display:flex;flex-direction:column;gap:16px;font-size:15px;line-height:1.6;color:#e2e0ed}.donations-paragraph{margin:0}.donation-option-card{display:flex;flex-direction:column;gap:10px;padding:18px 20px;background:#1b1437d9;border-radius:14px;border:1.5px solid rgba(61,53,87,.8)}.paypal-card{border-color:#00f2fe80;background:linear-gradient(135deg,#1b1437e6,#0d2841b3)}.museum-card{border-color:#ffd70080;background:linear-gradient(135deg,#1b1437e6,#372a14b3)}.option-card-header{display:flex;align-items:center;gap:10px}.option-card-header h3{font-family:Rajdhani,sans-serif;font-size:20px;font-weight:700;color:#fff}.option-card-body{font-size:14px;line-height:1.5;color:#d1cddb}.highlight-email{color:#00f2fe;font-size:16px;font-weight:700;user-select:all;-webkit-user-select:all}.option-card-footer-note{font-size:13px;color:#a5a1b8;border-top:1px dashed rgba(255,255,255,.15);padding-top:8px;margin-top:4px}.shop-package-card{display:flex;flex-direction:column;align-items:center;padding:24px 20px;background:#130f26d9;border:1.5px solid rgba(138,43,226,.4);border-radius:16px;text-align:center;cursor:pointer;transition:all .2s ease;justify-content:space-between;gap:12px}.shop-package-card:hover{background:#1b1437f2;transform:translateY(-2px)}.package-icon-badge{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:#1b1437e6;border:1px solid rgba(0,242,254,.4);border-radius:50%;margin-bottom:4px}.package-title{font-family:Rajdhani,sans-serif;font-size:22px;font-weight:700;color:#00f2fe}.package-desc{font-size:13px;color:#a5a1b8;line-height:1.4;flex:1}.package-action-row{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;margin-top:8px}.package-cost-badge{display:flex;align-items:center;gap:6px;font-family:Rajdhani,sans-serif;font-weight:700;font-size:16px;color:gold;background:#ffd7001f;border:1px solid rgba(255,215,0,.4);padding:6px 14px;border-radius:20px}.package-cost-badge.cant-afford{color:#f36;border-color:#f366;background:#ff33661f}.buy-package-btn{width:100%;padding:10px;border:1px solid rgba(0,242,254,.5);border-radius:10px;color:#fff;font-family:Outfit,sans-serif;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s ease}.buy-package-btn:hover{transform:scale(1.02)}.shop-daily-info-banner{width:100%;background:#1b1437cc;border:1px solid rgba(138,43,226,.4);border-radius:12px;padding:12px 18px;font-size:14px;color:#d1cddb;text-align:center;line-height:1.4}