@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Cairo:wght@400;500;600;700;800;900&display=swap";:root{color:#f7f2ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#09080f;font-family:Inter,sans-serif}html{scroll-behavior:smooth;min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}#root{width:100%;min-height:100vh}button,input,select,textarea{font:inherit}*{box-sizing:border-box}:root{color:#f7f2ff;font-synthesis:none;background:#09080f;font-family:Inter,sans-serif}body{background:#09080f;min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}button{cursor:pointer}.app{color:#f7f2ff;background:radial-gradient(at 80% 8%,#28143d 0%,#0000 36%),radial-gradient(at 5% 45%,#17112b 0%,#0000 35%),#09080f;min-height:100vh;overflow:hidden}.app[dir=rtl]{font-family:Cairo,sans-serif}.navbar{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;max-width:1250px;height:85px;margin:auto;padding:0 30px;display:flex}.logo{color:#fff;letter-spacing:-.7px;white-space:nowrap;font-size:19px;font-weight:900;text-decoration:none}.logo-icon{color:#b66aff;margin-right:9px;font-size:25px}.purple{color:#bd83ff}.nav-links{align-items:center;gap:35px;display:flex}.nav-links a{color:#b8aec7;font-size:13px;font-weight:600;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#c59aff}.language-button{color:#d6b5ff;background:#20152f;border:1px solid #65438a;border-radius:10px;padding:10px 17px;font-weight:800;transition:all .2s}.language-button:hover{background:#392052;border-color:#b77aff}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:35px;max-width:1250px;min-height:590px;margin:auto;padding:70px 40px;display:grid}.hero-content{max-width:650px}.eyebrow,.section-label{color:#bd87ff;letter-spacing:2px;font-size:11px;font-weight:900}.eyebrow{background:#241432;border:1px solid #67418a66;border-radius:30px;padding:10px 15px;display:inline-block}.hero h1{color:#fff;letter-spacing:-3px;margin:25px 0 20px;font-size:clamp(42px,6vw,76px);font-weight:900;line-height:1.08}.gradient-text{color:#bb83ff;background:linear-gradient(90deg,#a85cff,#e0b5ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-description{color:#a99eb7;max-width:510px;font-size:15px;line-height:1.9}.hero-buttons{flex-wrap:wrap;gap:14px;margin-top:30px;display:flex}.primary-button,.secondary-button{border-radius:11px;min-height:51px;padding:14px 23px;font-size:12px;font-weight:900;transition:transform .2s,box-shadow .2s,background .2s}.primary-button{color:#fff;background:linear-gradient(110deg,#873de0,#b25bfa);border:1px solid #b77aff;box-shadow:0 8px 25px #8e42e344}.primary-button:hover{transform:translateY(-3px);box-shadow:0 12px 30px #a04bf866}.secondary-button{color:#e4d7f2;background:#191321;border:1px solid #514061}.secondary-button:hover{background:#291b39;border-color:#b77aff;transform:translateY(-3px)}.stats{gap:48px;margin-top:45px;display:flex}.stats div{flex-direction:column;gap:5px;display:flex}.stats strong{color:#fff;font-size:23px;font-weight:900}.stats span{color:#91869e;font-size:11px}.hero-visual{place-items:center;min-height:390px;display:grid;position:relative}.glow{filter:blur(85px);opacity:.4;border-radius:50%;width:240px;height:240px;position:absolute}.glow-one{background:#8b38e9;top:30px;right:50px}.glow-two{background:#3d1e85;bottom:20px;left:30px}.question-card{z-index:2;text-align:center;background:linear-gradient(145deg,#291b3d,#120e1c);border:1px solid #8650b5;border-radius:25px;width:min(310px,85%);padding:35px 25px;position:relative;transform:rotate(-5deg);box-shadow:0 25px 80px #0009,0 0 35px #9c50e522}.card-icon{font-size:60px;display:block}.card-label{color:#c6a0fa;letter-spacing:2px;margin-top:15px;font-size:11px;font-weight:900;display:block}.question-card h2{color:#d1a1ff;margin:15px 0;font-size:110px;line-height:1}.card-footer{color:#a997bc;justify-content:space-between;gap:8px;font-size:9px;font-weight:800;display:flex}.floating-icon{z-index:3;background:#241632;border:1px solid #6d4888;border-radius:18px;place-items:center;width:60px;height:60px;font-size:27px;display:grid;position:absolute;box-shadow:0 10px 30px #0008}.icon-one{top:30px;right:12%}.icon-two{bottom:45px;left:8%}.icon-three{bottom:65px;right:8%}.categories-section,.leaderboard-section{max-width:1180px;margin:30px auto 90px;padding:0 30px}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px;display:flex}.section-heading h2{color:#fff;margin:10px 0 0;font-size:32px;font-weight:900}.category-count{color:#94849f;letter-spacing:1px;font-size:10px;font-weight:800}.category-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.category-card{text-align:start;color:#fff;background:linear-gradient(145deg,#1b1524,#110e17);border:1px solid #35273f;border-radius:17px;flex-direction:column;align-items:flex-start;gap:11px;min-height:155px;padding:23px;transition:all .25s;display:flex}.category-card:hover,.category-card.selected{background:linear-gradient(145deg,#302040,#191222);border-color:#a45ce5;transform:translateY(-4px);box-shadow:0 12px 30px #0004}.category-icon{font-size:29px}.category-card strong{font-size:15px;font-weight:800}.category-details{color:#93879e;font-size:11px}.category-notice{color:#a78bc2;margin-top:18px;font-size:12px}.trophy-heading{font-size:35px}.leaderboard{background:#15101d;border:1px solid #382944;border-radius:17px;overflow:hidden}.player-row{border-bottom:1px solid #ffffff0d;align-items:center;gap:17px;min-height:75px;padding:15px 23px;display:flex}.player-rank{color:#85758f;font-size:13px;font-weight:900}.player-row strong{color:#eee6f7;flex:1;font-size:14px}.player-score{color:#c49aff;font-size:13px;font-weight:800}.game-screen{max-width:900px;min-height:650px;margin:auto;padding:65px 25px 90px}.game-top{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.back-button{color:#c5a1ff;background:#191522;border:1px solid #443451;border-radius:10px;padding:11px 17px;font-weight:700}.game-score{color:#c5a1ff;font-weight:800}.quiz-card{background:linear-gradient(145deg,#1c1528,#100d18);border:1px solid #49335f;border-radius:22px;padding:40px;box-shadow:0 20px 65px #0006}.quiz-meta{color:#a99db9;justify-content:space-between;align-items:center;font-size:12px;font-weight:800;display:flex}.timer{color:#c5a1ff;font-size:17px}.timer.danger{color:#ff656f}.progress-track{background:#33263f;border-radius:20px;width:100%;height:7px;margin:20px 0 35px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#8b45e9,#d09aff);border-radius:20px;height:100%;transition:width .3s}.quiz-category{color:#c39aff;background:#2a1b3d;border-radius:20px;padding:8px 14px;font-size:12px;font-weight:700;display:inline-block}.question-title{color:#fff;margin:25px 0 35px;font-size:clamp(23px,4vw,32px);line-height:1.5}.answers-grid{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.answer-button{color:#eee8f7;text-align:start;background:#17121f;border:1px solid #3c304a;border-radius:13px;align-items:center;gap:15px;min-height:75px;padding:16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.answer-button:hover:not(:disabled){background:#291a3d;border-color:#a970ff;transform:translateY(-2px)}.answer-button:disabled{cursor:default}.answer-letter{color:#c39aff;background:#30223f;border-radius:9px;flex-shrink:0;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.answer-button.correct{background:#123528;border-color:#27c98b}.answer-button.correct .answer-letter{color:#fff;background:#176747}.answer-button.incorrect{background:#3a1a25;border-color:#ef5967}.answer-button.incorrect .answer-letter{color:#fff;background:#8f2939}.answer-feedback{color:#d4baff;background:#211832;border-radius:13px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-top:30px;padding:20px;font-weight:800;display:flex}.next-button{padding:13px 20px}.result-screen{place-items:center;min-height:650px;padding:65px 20px;display:grid}.result-card{text-align:center;background:linear-gradient(145deg,#251837,#100d19);border:1px solid #65438a;border-radius:23px;width:min(100%,540px);padding:45px 30px;box-shadow:0 20px 70px #0007}.result-trophy{margin-bottom:20px;font-size:65px}.result-card h1{margin:12px 0;font-size:38px}.result-card>p{color:#aaa0b8;font-size:14px}.final-score{color:#c59aff;margin:30px 0;font-size:75px;font-weight:900}.final-score span{font-size:20px}.result-detail{margin-bottom:25px}.result-buttons{justify-content:center}footer{color:#756b80;text-align:center;border-top:1px solid #ffffff12;padding:30px 20px;font-size:11px}[dir=rtl] .quiz-card,[dir=rtl] .result-card{font-family:Cairo,sans-serif}[dir=rtl] .logo-icon{margin-left:9px;margin-right:0}@media (width<=850px){.hero{grid-template-columns:1fr;padding:55px 25px}.hero-content{margin:auto}.hero-visual{min-height:330px}.nav-links{gap:15px}.category-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.navbar{height:72px;padding:0 15px}.logo{font-size:13px}.nav-links{display:none}.hero{padding:45px 20px}.hero h1{letter-spacing:-2px;font-size:43px}.hero-description{font-size:13px}.hero-buttons{flex-direction:column}.hero-buttons button{width:100%}.stats{gap:25px}.stats strong{font-size:19px}.category-grid{grid-template-columns:1fr}.categories-section,.leaderboard-section{padding:0 18px}.section-heading h2{font-size:25px}.quiz-card{padding:23px 17px}.answers-grid{grid-template-columns:1fr}.game-screen{padding:40px 15px}.answer-feedback{flex-direction:column;align-items:stretch}.result-card h1{font-size:30px}.final-score{font-size:60px}.player-row{gap:10px;padding:13px}}.profile-name-button{color:inherit;font:inherit;cursor:pointer;text-align:start;background:0 0;border:none;font-weight:700;transition:color .2s}.profile-name-button:hover{color:#a78bfa}.profile-card{text-align:center;max-width:800px;margin:40px auto}.profile-avatar{background:#8b5cf626;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 20px;font-size:50px;display:flex}.profile-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:35px 0;display:grid}.profile-stat{background:#8b5cf61a;border-radius:15px;flex-direction:column;align-items:center;gap:8px;padding:22px 10px;display:flex}.profile-stat span,.profile-stat strong{font-size:25px}.profile-stat small{opacity:.7}.profile-history-title{margin:30px 0 20px}.match-result{font-weight:700}.match-result.win{color:#22c55e}.match-result.loss{color:#ef4444}.match-result.draw{color:#eab308}@media (width<=600px){.profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.leaderboard{background:#16101fd9;border:1px solid #a855f733;border-radius:18px;width:100%;overflow:hidden}.player-row{border-bottom:1px solid #ffffff12;align-items:center;gap:16px;min-height:74px;padding:16px 22px;transition:background .25s;display:flex}.player-row:last-child{border-bottom:none}.player-row:hover{background:#a855f714}.player-rank{color:#9180b8;min-width:24px;font-size:14px;font-weight:800}.player-medal{font-size:21px}.profile-name-button{appearance:none;color:#fff;cursor:pointer;background:0 0;border:none;border-radius:8px;outline:none;padding:8px 10px;font-family:inherit;font-size:15px;font-weight:700;transition:all .2s}.profile-name-button:hover{color:#c084fc;background:#a855f71f;transform:translateY(-1px)}.profile-name-button:focus-visible{outline-offset:3px;outline:2px solid #a855f7}.player-score{color:#c084fc;white-space:nowrap;margin-left:auto;font-size:14px;font-weight:800}.leaderboard-section>.secondary-button{margin-top:20px}@media (width<=600px){.player-row{gap:10px;min-height:65px;padding:12px}.profile-name-button{padding:7px;font-size:13px}.player-score{font-size:12px}}.player-avatar-image{object-fit:cover;object-position:center;background:#241632;border:2px solid #76509b;border-radius:50%;flex-shrink:0;width:46px;height:46px;display:block;box-shadow:0 4px 14px #0005}.profile-avatar{background:#241632;border:3px solid #a66af0;border-radius:50%;width:120px;height:120px;margin:0 auto 22px;overflow:hidden;box-shadow:0 0 30px #a45ce544}.profile-avatar .profile-avatar-image{border:none;border-radius:50%;width:100%;height:100%}.avatar-picker{background:#17111f;border:1px solid #49335f;border-radius:17px;margin:30px 0;padding:22px}.avatar-picker-title{color:#fff;margin:0 0 10px;font-size:18px;font-weight:900}.avatar-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:22px;display:grid}.avatar-option{color:#e9ddf5;background:#21182d;border:2px solid #3c304a;border-radius:15px;flex-direction:column;align-items:center;gap:12px;min-width:0;padding:12px 8px;font-size:12px;font-weight:800;transition:all .2s;display:flex;position:relative}.avatar-option .player-avatar-image{border:2px solid #554066;width:85px;height:85px;transition:all .2s}.avatar-option:hover{border-color:#a970ff;transform:translateY(-3px)}.avatar-option.selected{background:#38234e;border-color:#bd83ff;box-shadow:0 0 22px #a45ce533}.avatar-option.selected .player-avatar-image{border-color:#d0a4ff}.avatar-check{color:#fff;background:#9b56e8;border-radius:50%;place-items:center;width:23px;height:23px;font-size:13px;font-weight:900;display:grid;position:absolute;top:7px;right:7px}[dir=rtl] .avatar-check{left:7px;right:auto}.lobby-player-row{align-items:center;gap:12px;display:flex}.lobby-player-row .player-avatar-image{width:42px;height:42px}.lobby-player-row strong{color:#eee6f7;flex:1}@media (width<=600px){.avatar-picker{padding:15px 10px}.avatar-options{gap:8px}.avatar-option{padding:10px 4px;font-size:10px}.avatar-option .player-avatar-image{width:65px;height:65px}.player-avatar-image{width:40px;height:40px}}.multiplayer-label{color:#e9ddf5;margin:18px 0 8px;font-size:14px;font-weight:700;display:block}.multiplayer-input{color:#f7f2ff;background:#17121f;border:1px solid #49335f;border-radius:10px;outline:none;width:100%;max-width:420px;min-height:48px;padding:13px 16px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s;display:block}.multiplayer-input:focus{border-color:#b77aff;box-shadow:0 0 0 3px #a45ce522}.multiplayer-input::placeholder{color:#85758f}.avatar-picker+.multiplayer-actions{margin-top:28px;margin-bottom:28px}.room-divider{color:#c5a1ff;margin:25px 0 15px;font-size:13px;font-weight:800}.room-code-input{margin-bottom:14px}.multiplayer-actions{flex-wrap:wrap;gap:12px;display:flex}.auth-card{max-width:520px;margin:40px auto}.auth-card form{width:100%}.auth-card .multiplayer-input{margin-bottom:18px}.auth-card .multiplayer-actions{margin-top:20px}.nav-user{align-items:center;gap:10px;display:flex}.nav-user .player-avatar-image{object-fit:cover;border-radius:50%;width:36px;height:36px}.nav-user .secondary-button{padding:9px 14px;font-size:11px}.multiplayer-input{border:1px solid #49345f;color:#fff!important;background-color:#191321!important}.multiplayer-input:-webkit-autofill{caret-color:#fff;transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #191321!important}.multiplayer-input:-webkit-autofill:hover{caret-color:#fff;transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #191321!important}.multiplayer-input:-webkit-autofill:focus{caret-color:#fff;transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #191321!important}.site-footer{text-align:center;border-top:1px solid #ffffff14;margin-top:40px;padding:25px 15px}.site-footer p{margin:0 0 10px}.developer-credit{color:#999;letter-spacing:.5px;font-size:13px}.developer-credit strong{color:#a78bfa;font-weight:600}