:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{width:100%;min-height:100%;margin:0}body{min-width:320px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,a{font:inherit}button{cursor:pointer}.app{color:#15213b;background:#f8faff;min-height:100vh}.navbar{z-index:100;background:#fffffff5;border-bottom:1px solid #e7eaf3;justify-content:space-between;align-items:center;gap:30px;width:100%;min-height:78px;padding:0 6%;display:flex;position:sticky;top:0}.brand{color:#192342;align-items:center;gap:10px;text-decoration:none;display:flex}.brand-icon{background:linear-gradient(135deg,#6b4eff,#9a63ff);border-radius:14px;place-items:center;width:45px;height:45px;font-size:24px;display:grid;box-shadow:0 8px 20px #6b4eff3d}.brand-main{font-size:20px;font-weight:900;line-height:1;display:block}.brand-main span{color:#7657ff}.brand-games{letter-spacing:4px;color:#8590aa;margin-top:4px;font-size:9px;font-weight:900;display:block}.nav-links{align-items:center;gap:30px;display:flex}.nav-links a{color:#59647e;font-size:14px;font-weight:700;text-decoration:none}.nav-links a:hover{color:#7052ff}.nav-actions{align-items:center;gap:10px;display:flex}.user-navigation{position:relative}.desktop-user-summary{color:#4e5872;white-space:nowrap;align-items:center;gap:16px;font-size:13px;font-weight:800;display:flex}.user-name{text-overflow:ellipsis;max-width:180px;overflow:hidden}.desktop-dashboard-link{color:#5d6781;text-decoration:none}.desktop-dashboard-link:hover{color:#7052ff}.logout-button{color:#684bdf;background:#f7f5ff;border:1px solid #ddd8fa;border-radius:11px;padding:10px 14px;font-weight:800}.logout-button:hover{background:#efebff;border-color:#7657ff}.mobile-user-trigger,.mobile-user-menu{display:none}.auth-status-loading{align-items:center;gap:9px;display:flex}.auth-status-loading span{background:linear-gradient(90deg,#eeecf7 25%,#f8f7fc 50%,#eeecf7 75%) 0 0/200% 100%;border-radius:11px;width:76px;height:38px;animation:1.2s linear infinite auth-loading}.auth-status-loading span:last-child{width:92px}@keyframes auth-loading{to{background-position:-200% 0}}.login-button,.join-button{border:none;border-radius:12px;padding:11px 18px;font-weight:800}.login-button{color:#5d6781;background:0 0}.join-button{color:#fff;background:linear-gradient(135deg,#6448ff,#8c5cff);box-shadow:0 7px 20px #6448ff40}.hero{background:radial-gradient(circle at 85% 18%,#7d57ff26,#0000 24%),radial-gradient(circle at 15% 75%,#31c4ad1a,#0000 23%),linear-gradient(135deg,#fafaff,#f6f8ff);grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;min-height:650px;padding:80px 8%;display:grid;overflow:hidden}.hero-content{max-width:700px}.hero-badge{color:#6d4eff;letter-spacing:1px;background:#f0edff;border:1px solid #ded7ff;border-radius:50px;width:fit-content;margin-bottom:24px;padding:9px 15px;font-size:12px;font-weight:900}.hero h1{color:#17203a;letter-spacing:-3px;max-width:750px;margin:0;font-size:clamp(48px,6vw,78px);line-height:1.04}.hero h1 span{background:linear-gradient(90deg,#6848ff,#a74bff);color:#0000;-webkit-background-clip:text}.hero-content>p{color:#69738d;max-width:620px;margin:25px 0 30px;font-size:18px;line-height:1.75}.hero-buttons{flex-wrap:wrap;gap:14px;display:flex}.primary-button,.secondary-button{border-radius:13px;padding:15px 24px;font-weight:900;text-decoration:none;display:inline-block}.primary-button{color:#fff;background:linear-gradient(135deg,#6548ff,#8c5aff);box-shadow:0 12px 25px #6548ff40}.secondary-button{color:#27314d;background:#fff;border:1px solid #dadeeb}.hero-stats{gap:35px;margin-top:42px;display:flex}.hero-stats div{flex-direction:column;display:flex}.hero-stats strong{color:#282f47;font-size:21px}.hero-stats span{color:#8790a6;margin-top:3px;font-size:12px}.hero-visual{place-items:center;min-height:470px;display:grid;position:relative}.hero-card{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border:1px solid #dcdef1d9;border-radius:28px;width:min(390px,100%);padding:28px;position:relative;box-shadow:0 28px 70px #3b307029}.hero-card-top{color:#565f78;justify-content:space-between;align-items:center;font-size:13px;font-weight:900;display:flex}.xp{color:#7652ff;background:#eee9ff;border-radius:20px;padding:6px 10px}.brain{background:linear-gradient(135deg,#ebe6ff,#f7edff);border-radius:28px;place-items:center;width:100px;height:100px;margin:35px auto 24px;font-size:50px;display:grid;box-shadow:inset 0 0 30px #7752ff1c}.hero-card h3{text-align:center;margin:0;font-size:24px}.hero-card p{text-align:center;color:#778098;max-width:280px;margin:10px auto 22px;font-size:14px;line-height:1.6}.progress{background:#eceef6;border-radius:30px;width:100%;height:9px;overflow:hidden}.progress-bar{background:linear-gradient(90deg,#684cff,#a85aff);border-radius:30px;width:70%;height:100%}.progress-text{color:#8991a5;justify-content:space-between;margin-top:9px;font-size:11px;display:flex}.hero-card button{color:#fff;background:linear-gradient(135deg,#6749ff,#8b58ff);border:none;border-radius:12px;width:100%;margin-top:25px;padding:13px;font-weight:900}.game-orbit{z-index:3;background:#fff;border-radius:20px;place-items:center;width:65px;height:65px;font-size:29px;display:grid;position:absolute;box-shadow:0 15px 35px #392f6929}.orbit-one{top:70px;left:4%;transform:rotate(-8deg)}.orbit-two{top:15%;right:4%;transform:rotate(8deg)}.orbit-three{bottom:55px;right:8%;transform:rotate(-6deg)}.games-section,.how-section{padding:90px 8%}.games-section{background:#fff}.section-heading{text-align:center;max-width:650px;margin:0 auto 45px}.section-heading>span{color:#7152ff;letter-spacing:1.5px;font-size:11px;font-weight:900}.section-heading h2{color:#1b2440;letter-spacing:-1.5px;margin:10px 0 12px;font-size:clamp(34px,4vw,48px)}.section-heading p{color:#788198;margin:0;line-height:1.6}.game-grid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1180px;margin:auto;display:grid}.game-card{background:#fff;border:1px solid #e6e8f1;border-radius:22px;padding:28px;transition:all .25s}.game-card:hover{border-color:#d4cbff;transform:translateY(-7px);box-shadow:0 20px 45px #3c306e1c}.game-icon{background:#f1edff;border-radius:18px;place-items:center;width:65px;height:65px;font-size:34px;display:grid}.game-card-header{justify-content:space-between;align-items:center;gap:10px;margin-top:23px;display:flex}.game-card h3{color:#202942;margin:0;font-size:20px}.game-card-header span{color:#6c4dff;background:#efebff;border-radius:30px;padding:5px 8px;font-size:10px;font-weight:900}.game-card p{color:#7c8499;min-height:50px;font-size:14px;line-height:1.7}.game-card button{color:#704fff;background:0 0;border:none;padding:0;font-weight:900}.game-card button:disabled{color:#9298a9;cursor:not-allowed}.view-loading{background:#f8faff;min-height:calc(100vh - 78px)}.features-section{background:#f7f8fd;grid-template-columns:repeat(4,1fr);gap:18px;padding:50px 8%;display:grid}.features-section article{background:#fff;border:1px solid #e5e8f2;border-radius:18px;align-items:center;gap:15px;padding:22px;display:flex}.feature-icon{font-size:28px}.features-section h3{margin:0 0 5px;font-size:15px}.features-section p{color:#858da0;margin:0;font-size:11px;line-height:1.5}.how-section{background:#fff}.steps{justify-content:center;align-items:center;gap:28px;max-width:1050px;margin:auto;display:flex}.steps article{text-align:center;background:#f8f8ff;border-radius:23px;flex:1;min-height:250px;padding:30px 25px;position:relative}.step-number{color:#fff;background:#7857ff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:12px;font-weight:900;display:grid;position:absolute;top:14px;right:14px}.step-icon{margin:20px 0;font-size:48px}.steps h3{margin-bottom:8px}.steps p{color:#7c849a;font-size:13px;line-height:1.6}.step-arrow{color:#8d76ff;font-size:28px;font-weight:700}.cta-section{color:#fff;background:radial-gradient(circle at 80% 20%,#ffffff2e,#0000 25%),linear-gradient(135deg,#5f43ed,#8b50fa);border-radius:30px;justify-content:space-between;align-items:center;gap:30px;margin:30px 8% 80px;padding:55px;display:flex;box-shadow:0 25px 60px #5b41da40}.cta-section span{letter-spacing:1.5px;font-size:11px;font-weight:900}.cta-section h2{margin:8px 0;font-size:clamp(28px,4vw,43px)}.cta-section p{color:#e7e1ff;margin:0}.cta-section button{color:#6748ec;background:#fff;border:none;border-radius:14px;flex-shrink:0;padding:16px 25px;font-weight:900}footer{text-align:center;color:#bdc3d4;background:#12182b;border-top:1px solid #e7e9f2;padding:55px 8% 28px}.footer-brand{color:#fff;width:fit-content;margin:auto}footer>p{margin:18px 0;font-size:13px}.footer-links{flex-wrap:wrap;justify-content:center;gap:26px;margin:24px 0;display:flex}.footer-links a{color:#c9cede;font-size:13px;text-decoration:none}.copyright{color:#7b8398;border-top:1px solid #262e44;padding-top:24px}@media (width<=1050px){.nav-links,.desktop-user-summary .user-level{display:none}.hero{text-align:center;grid-template-columns:1fr}.hero-content{margin:auto}.hero-badge{margin-left:auto;margin-right:auto}.hero-buttons,.hero-stats{justify-content:center}.game-grid,.features-section{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.navbar{gap:8px;min-height:68px;padding:0 4%}.nav-actions{flex-shrink:0;gap:4px}.nav-actions .login-button,.nav-actions .join-button{white-space:nowrap;padding:9px 8px;font-size:11px}.desktop-user-summary{display:none}.mobile-user-trigger{color:#343d59;background:#f8f6ff;border:1px solid #e1dcfa;border-radius:12px;align-items:center;gap:7px;max-width:190px;padding:7px 9px;font-size:12px;font-weight:800;display:flex}.mobile-user-trigger>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-avatar{background:#ebe6ff;border-radius:9px;flex:none;place-items:center;width:27px;height:27px;display:grid}.menu-chevron{color:#7657ff}.mobile-user-menu{background:#fff;border:1px solid #e4e0f6;border-radius:15px;flex-direction:column;width:min(245px,100vw - 24px);padding:9px;display:flex;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 18px 45px #2d245c2e}.mobile-user-menu div,.mobile-user-menu a,.mobile-user-menu button{color:#4f5870;text-align:left;background:0 0;border:none;border-radius:9px;justify-content:space-between;align-items:center;min-height:40px;padding:10px 11px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.mobile-user-menu div{color:#303952;background:#f7f5ff}.mobile-user-menu a:hover{background:#f7f5ff}.mobile-user-menu button{color:#684bdf;border-top:1px solid #ebe8f5;margin-top:4px}.auth-status-loading span:first-child{display:none}.auth-status-loading span:last-child{width:105px;height:40px}.brand-main{font-size:16px}.brand-icon{width:39px;height:39px}.hero{gap:40px;padding:60px 5%}.hero h1{letter-spacing:-2px;font-size:43px}.hero-content>p{font-size:15px}.hero-buttons{flex-direction:column}.primary-button,.secondary-button{width:100%}.hero-stats{gap:18px}.hero-visual{min-height:430px}.game-orbit{width:52px;height:52px;font-size:23px}.games-section,.how-section{padding:70px 5%}.game-grid,.features-section{grid-template-columns:1fr}.features-section{padding:45px 5%}.steps{flex-direction:column}.steps article{width:100%}.step-arrow{transform:rotate(90deg)}.cta-section{text-align:center;flex-direction:column;margin:20px 5% 60px;padding:38px 25px}.cta-section button{width:100%}}.auth-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f142da6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.auth-modal{background:#fff;border-radius:26px;width:100%;max-width:460px;max-height:92vh;padding:34px;position:relative;overflow-y:auto;box-shadow:0 30px 80px #1919464d}.auth-close{color:#555f78;cursor:pointer;background:#f3f4f8;border:0;border-radius:50%;width:36px;height:36px;font-size:24px;position:absolute;top:14px;right:18px}.auth-logo{background:linear-gradient(135deg,#6849ff,#9a5dff);border-radius:18px;place-items:center;width:62px;height:62px;margin:0 auto 15px;font-size:30px;display:grid;box-shadow:0 12px 28px #6949ff40}.auth-modal h2{text-align:center;color:#17203a;margin:0;font-size:28px}.auth-subtitle{text-align:center;color:#7b8499;margin:8px auto 25px;font-size:14px;line-height:1.6}.auth-modal form{flex-direction:column;gap:16px;display:flex}.auth-modal label{color:#36405a;flex-direction:column;gap:7px;font-size:13px;font-weight:800;display:flex}.optional{color:#989fb0;margin-left:5px;font-size:10px;font-weight:500}.auth-modal input{color:#17203a;background:#fafbfe;border:1px solid #dadee9;border-radius:12px;outline:none;width:100%;padding:13px 14px;font-size:14px}.auth-modal input:focus{background:#fff;border-color:#7656ff;box-shadow:0 0 0 3px #7656ff1a}.auth-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6548ff,#9159ff);border:0;border-radius:13px;width:100%;margin-top:5px;padding:14px;font-weight:900}.auth-submit:disabled,.google-button:disabled{opacity:.65;cursor:not-allowed}.auth-error{color:#b42318;background:#fff3f2;border:1px solid #fcc;border-radius:10px;padding:11px 13px;font-size:12px;line-height:1.5}.auth-divider{color:#9ba2b2;align-items:center;margin:22px 0 15px;font-size:10px;font-weight:900;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#e4e6ee;flex:1;height:1px}.auth-divider span{padding:0 12px}.google-country-note{text-align:center;color:#81899b;margin-bottom:10px;font-size:11px}.google-button{color:#303950;cursor:pointer;background:#fff;border:1px solid #dcdfe8;border-radius:13px;justify-content:center;align-items:center;gap:10px;width:100%;padding:13px;font-weight:800;display:flex}.google-button:hover{background:#f8f9fc}.google-g{color:#4285f4;border-radius:50%;place-items:center;width:23px;height:23px;font-size:17px;font-weight:900;display:grid}.auth-switch{text-align:center;color:#7a8398;margin-top:23px;font-size:13px}.auth-switch button{color:#704fff;cursor:pointer;background:0 0;border:0;padding:0;font-weight:900}@media (width<=520px){.auth-overlay{align-items:flex-end;padding:12px}.auth-modal{border-radius:25px 25px 12px 12px;max-height:95vh;padding:30px 21px}.auth-modal h2{font-size:24px}}.dashboard{background:radial-gradient(circle at 95% 4%,#8b50fa21,#0000 25%),#f8f9ff;min-height:calc(100vh - 78px);padding:52px 6% 90px}.dashboard-welcome{color:#fff;background:radial-gradient(circle at 85% 30%,#fff3,#0000 25%),linear-gradient(135deg,#5d42e9,#934ffd);border-radius:28px;justify-content:space-between;align-items:center;max-width:1220px;margin:0 auto 38px;padding:38px 42px;display:flex;overflow:hidden;box-shadow:0 22px 55px #5b41da33}.dashboard-eyebrow,.dashboard-section-heading>div>span,.level-progress-heading span{letter-spacing:1.5px;font-size:11px;font-weight:900}.dashboard-welcome h1{letter-spacing:-1.3px;margin:9px 0;font-size:clamp(30px,4vw,46px)}.dashboard-welcome p{color:#e9e4ff;margin:0}.welcome-decoration{background:#ffffff21;border:1px solid #ffffff40;border-radius:30px;flex:none;place-items:center;width:105px;height:105px;font-size:52px;display:grid;transform:rotate(6deg)}.dashboard-section,.level-card,.dashboard-bottom-grid{max-width:1220px;margin:0 auto 35px}.dashboard-section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;display:flex}.dashboard-section-heading>div>span{color:#7454f8}.dashboard-section-heading h2,.level-progress-heading h2{color:#202942;margin:5px 0 0;font-size:24px}.live-badge{color:#287b60;background:#e8f8f1;border-radius:20px;padding:7px 11px;font-size:11px;font-weight:800}.live-badge i{background:#31b383;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.stats-grid{grid-template-columns:repeat(5,1fr);gap:15px;display:grid}.stat-card{background:#fff;border:1px solid #e7e5f2;border-radius:19px;align-items:center;gap:14px;min-width:0;padding:21px;display:flex;box-shadow:0 9px 25px #2d245c0d}.stat-icon{background:#f1edff;border-radius:14px;flex:none;place-items:center;width:46px;height:46px;font-size:23px;display:grid}.stat-card div{min-width:0}.stat-card div>span{color:#858da2;font-size:11px;font-weight:800;display:block}.stat-card strong{overflow-wrap:anywhere;color:#232c46;margin-top:4px;font-size:23px;display:block}.stat-card small{font-size:12px}.level-card{background:linear-gradient(135deg,#fff,#f4f0ff);border:1px solid #ded8fb;border-radius:24px;align-items:center;gap:25px;padding:28px 32px;display:flex}.level-badge{background:linear-gradient(135deg,#6b4eff,#9a63ff);border-radius:21px;flex:none;place-items:center;width:72px;height:72px;font-size:34px;display:grid;box-shadow:0 10px 24px #6b4eff40}.level-progress-content{flex:1;min-width:0}.level-progress-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.level-progress-heading span{color:#7255e6}.level-progress-heading strong{color:#6347de;font-size:13px}.dashboard-progress{background:#e5e2f1;border-radius:20px;height:12px;margin-top:16px;overflow:hidden}.dashboard-progress span{border-radius:inherit;background:linear-gradient(90deg,#6548ff,#a154ff);height:100%;transition:width .4s;display:block}.level-progress-content>p{color:#858da2;margin:8px 0 0;font-size:11px}.shortcut-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.shortcut-card{text-align:left;color:#242d47;background:#fff;border:1px solid #e6e5ef;border-radius:18px;grid-template-rows:auto auto;grid-template-columns:48px 1fr auto;column-gap:14px;min-width:0;padding:20px;transition:all .2s;display:grid}.shortcut-card:hover{border-color:#cfc5ff;transform:translateY(-3px);box-shadow:0 14px 30px #3c306e17}.shortcut-card>span{background:#f1edff;border-radius:14px;grid-row:1/3;place-items:center;width:48px;height:48px;font-size:24px;display:grid}.shortcut-card strong{overflow-wrap:anywhere;align-self:end}.shortcut-card small{color:#8a91a4;align-self:start;margin-top:3px}.shortcut-card i{color:#7657ff;grid-area:1/3/3;align-self:center;font-size:20px;font-style:normal}.dashboard-toast{z-index:110;color:#fff;text-align:center;background:#252c44;border-radius:12px;width:fit-content;max-width:90%;padding:11px 17px;font-size:13px;font-weight:800;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0003}.dashboard-bottom-grid{grid-template-columns:1.15fr .85fr;gap:18px;display:grid}.referral-card,.account-card{background:#fff;border:1px solid #e5e3f0;border-radius:22px;min-width:0;padding:27px}.referral-card{gap:18px;scroll-margin-top:100px;display:flex}.panel-icon{background:#f1edff;border-radius:14px;flex:none;place-items:center;width:48px;height:48px;font-size:23px;display:grid}.referral-card>div{flex:1;min-width:0}.referral-card .dashboard-eyebrow{color:#7454f8}.referral-card h2,.account-card h2{margin:5px 0 14px;font-size:20px}.referral-code-row{gap:10px;display:flex}.referral-code-row code{overflow-wrap:anywhere;color:#6448dc;letter-spacing:1px;background:#f7f5ff;border:1px dashed #cfc6fa;border-radius:11px;flex:1;min-width:0;padding:13px;font-size:16px;font-weight:900}.referral-code-row button,.dashboard-state button{color:#fff;background:linear-gradient(135deg,#6548ff,#8c5aff);border:0;border-radius:11px;padding:11px 17px;font-weight:800}.copy-error,.unavailable-copy{color:#8a6170;margin:9px 0 0;font-size:12px}.account-heading{align-items:center;gap:13px;display:flex}.account-heading h2{margin:0}.account-card dl{margin:18px 0 0}.account-card dl div{border-top:1px solid #efedf5;grid-template-columns:80px minmax(0,1fr);gap:12px;padding:10px 0;display:grid}.account-card dt{color:#8a91a4;font-size:12px}.account-card dd{overflow-wrap:anywhere;color:#343d58;margin:0;font-size:13px;font-weight:700}.dashboard-state{text-align:center;background:#f8f9ff;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 78px);padding:70px 20px;display:flex}.dashboard-state h1{color:#222b45;margin:18px 0 8px;font-size:clamp(26px,4vw,38px)}.dashboard-state p{color:#788198;max-width:520px;margin:0 0 22px;line-height:1.6}.dashboard-state-icon{font-size:55px}.dashboard-spinner{border:5px solid #e4dfff;border-top-color:#7052ff;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite dashboard-spin}@keyframes dashboard-spin{to{transform:rotate(360deg)}}@media (width<=1050px){.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card:last-child{grid-column:1/-1}}@media (width<=760px){.dashboard{min-height:calc(100vh - 68px);padding:30px 5% 60px}.dashboard-welcome{padding:30px 25px}.welcome-decoration{display:none}.shortcut-grid,.dashboard-bottom-grid{grid-template-columns:repeat(2,1fr)}.dashboard-bottom-grid>*{grid-column:1/-1}}@media (width<=520px){.dashboard-welcome{border-radius:22px;margin-bottom:30px}.dashboard-welcome h1{font-size:29px}.dashboard-welcome p{font-size:14px;line-height:1.5}.stats-grid,.shortcut-grid{grid-template-columns:1fr}.stat-card:last-child{grid-column:auto}.level-card{align-items:flex-start;gap:14px;padding:23px 20px}.level-badge{border-radius:15px;width:48px;height:48px;font-size:23px}.level-progress-heading{flex-direction:column;align-items:flex-start;gap:5px}.referral-card{flex-direction:column;padding:22px 18px}.referral-code-row{flex-direction:column}.referral-code-row button{width:100%}.account-card{padding:22px 18px}}.quiz-hub{background:radial-gradient(circle at 90% 0,#e9e3ff 0,#0000 30%),#f8faff;min-height:calc(100vh - 78px);padding:42px 5% 80px;overflow-x:hidden}.quiz-hub-shell{width:min(1180px,100%);margin:0 auto}.quiz-text-button{color:#6548db;background:0 0;border:0;padding:8px 0;font-weight:800}.quiz-text-button:hover{color:#4025bb}.quiz-text-button:focus-visible,.quiz-category-card button:focus-visible,.quiz-level-card button:focus-visible{outline-offset:3px;outline:3px solid #2f74d0}.quiz-hub-heading,.quiz-level-heading{align-items:center;gap:20px;margin:28px 0 34px;display:flex}.quiz-hub-icon,.quiz-level-heading>span{background:linear-gradient(135deg,#684aff,#9465ff);border-radius:24px;flex:0 0 76px;place-items:center;width:76px;height:76px;font-size:38px;display:grid;box-shadow:0 14px 34px #6d4eff3b}.quiz-eyebrow{color:#7355ec;letter-spacing:1.8px;margin:0 0 5px;font-size:12px;font-weight:900}.quiz-hub h1{color:#192342;letter-spacing:-1.5px;margin:0;font-size:clamp(30px,5vw,48px)}.quiz-hub-heading p:last-child,.quiz-level-heading p:last-child{color:#64708a;margin:8px 0 0}.quiz-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.quiz-category-card{background:#fff;border:1px solid #e5e1f6;border-radius:22px;flex-direction:column;min-width:0;padding:25px;display:flex;box-shadow:0 12px 34px #37257a12}.quiz-category-card:hover{border-color:#cfc4ff;transform:translateY(-3px);box-shadow:0 16px 38px #37257a1f}.quiz-category-icon{background:#f0edff;border-radius:16px;place-items:center;width:54px;height:54px;font-size:28px;display:grid}.quiz-category-card h2{margin:18px 0 7px;font-size:20px}.quiz-category-card p{color:#68738c;min-height:48px;margin:0 0 15px;line-height:1.5}.quiz-category-card strong{color:#5c45c4;margin-top:auto}.quiz-category-card button,.quiz-level-card button{color:#fff;background:linear-gradient(135deg,#6548f4,#8c5cff);border:0;border-radius:12px;min-height:46px;margin-top:18px;font-weight:900}.quiz-breadcrumb-actions{justify-content:space-between;gap:16px;display:flex}.quiz-level-note{color:#514477;background:#eeeaff;border-radius:12px;margin:-12px 0 5px;padding:14px 17px}.quiz-level-notice{color:#4931b6;min-height:24px;margin:8px 0 12px;font-weight:800}.quiz-level-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.quiz-level-card{background:#fff;border:1px solid #e4e1f1;border-top:4px solid #7657ff;border-radius:18px;min-width:0;padding:20px}.quiz-level-title{justify-content:space-between;align-items:start;gap:10px;display:flex}.quiz-level-title h2{margin:0;font-size:20px}.quiz-level-title span{color:#5139bd;text-align:center;background:#eeeaff;border-radius:30px;padding:5px 8px;font-size:11px;font-weight:900}.quiz-level-card dl{margin:16px 0 0}.quiz-level-card dl div{border-bottom:1px solid #eeecf5;justify-content:space-between;gap:12px;padding:6px 0;display:flex}.quiz-level-card dt{color:#6a748a}.quiz-level-card dd{color:#29334d;text-align:right;margin:0;font-weight:800}.quiz-level-card button{width:100%}.quiz-level-card button:disabled{cursor:not-allowed;color:#71788a;background:#e6e8ee}.quiz-level-card.status-locked{color:#697184;box-shadow:none;opacity:.78;background:#f2f3f6;border-color:#a9afbd #d9dce4 #d9dce4}.quiz-level-card.status-completed{background:#f8fffb;border-color:#21855c #a8ddc2 #a8ddc2}.quiz-level-card.status-available{box-shadow:0 10px 30px #6548f424}.quiz-level-status{color:#38435d;min-height:42px;margin:15px 0 0;font-weight:900}.quiz-progress-summary{background:#fff;border:1px solid #dcd4ff;border-radius:18px;grid-template-columns:2fr 1fr 1fr;gap:18px;margin:-12px 0 24px;padding:20px;display:grid;box-shadow:0 10px 28px #4931b612}.quiz-progress-summary h2{margin:0 0 6px;font-size:20px}.quiz-progress-summary div{flex-direction:column;justify-content:center;min-width:0;display:flex}.quiz-progress-summary span{color:#68738c}.quiz-play-shell{width:min(780px,100%);margin:0 auto}.quiz-play-shell header{margin:24px 0 14px}.quiz-play-shell header h1{font-size:clamp(26px,5vw,38px)}.quiz-question-progress{color:#5e46ca;text-align:right;margin-bottom:22px;font-weight:900}.quiz-question-progress>div{background:#e6e1f8;border-radius:20px;height:10px;margin-top:7px;overflow:hidden}.quiz-question-progress i{border-radius:inherit;background:linear-gradient(90deg,#6548f4,#9a65ff);height:100%;display:block}.quiz-question-card,.quiz-result-card{background:#fff;border:1px solid #e3def5;border-radius:22px;padding:clamp(20px,5vw,38px);box-shadow:0 15px 38px #37257a14}.quiz-question-card h2{color:#202a47;margin:0 0 24px;font-size:clamp(21px,4vw,28px)}.quiz-choices{gap:11px;display:grid}.quiz-choices label{cursor:pointer;border:2px solid #e3e0ec;border-radius:12px;align-items:center;gap:12px;min-width:0;padding:14px;font-weight:800;display:flex}.quiz-choices label:focus-within{outline-offset:3px;outline:3px solid #2f74d0}.quiz-choices label span{overflow-wrap:anywhere;min-width:0}.quiz-choices label:has(input:checked){background:#f2efff;border-color:#7253ee}.quiz-choices label.correct-choice{background:#eafaf1;border-color:#289063}.quiz-choices label.wrong-choice{background:#fff0f1;border-color:#c94d57}.quiz-question-ad{color:#697184;text-align:center;background:#f7f8fa;border:1px dashed #aab0bd;border-radius:10px;margin:24px 0;padding:13px}.quiz-question-ad span{letter-spacing:1px;text-transform:uppercase;font-size:11px;font-weight:900;display:block}.quiz-question-ad p{margin:8px 0 3px}.quiz-submit,.quiz-feedback button,.quiz-result-actions button{color:#fff;background:linear-gradient(135deg,#6548f4,#8c5cff);border:0;border-radius:12px;min-height:48px;padding:0 20px;font-weight:900}.quiz-submit{width:100%}.quiz-submit:disabled{cursor:not-allowed;background:#c3c5cc}.quiz-feedback{padding-top:4px}.quiz-feedback h3{font-size:22px}.quiz-result-card{text-align:center;width:min(700px,100%);margin:35px auto}.quiz-result-icon{font-size:48px}.quiz-result-card h1{margin-top:10px}.quiz-result-card small{color:#667087;display:block}.quiz-result-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:25px;display:flex}.quiz-result-actions button.secondary{color:#553abf;background:#eeeaff}.difficulty-2{border-top-color:#3b8ac4}.difficulty-3{border-top-color:#268d72}.difficulty-4{border-top-color:#c47c25}.difficulty-5{border-top-color:#a63f72}@media (width<=900px){.quiz-category-grid,.quiz-level-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.quiz-hub{padding:25px 16px 60px}.quiz-hub-heading,.quiz-level-heading{align-items:flex-start;gap:13px;margin:20px 0 26px}.quiz-hub-icon,.quiz-level-heading>span{border-radius:17px;flex-basis:54px;width:54px;height:54px;font-size:27px}.quiz-hub h1{font-size:29px;line-height:1.08}.quiz-category-grid,.quiz-level-grid{grid-template-columns:1fr}.quiz-category-card{padding:21px}.quiz-category-card p{min-height:auto}.quiz-level-title{align-items:center}.quiz-progress-summary{grid-template-columns:1fr 1fr}.quiz-progress-summary div:first-child{grid-column:1/-1}.quiz-question-card{padding:18px 14px}.quiz-result-actions{display:grid}}@media (width<=350px){.quiz-hub{padding-inline:12px}.quiz-hub-heading,.quiz-level-heading{display:block}.quiz-hub-icon,.quiz-level-heading>span{margin-bottom:12px}.quiz-level-card dl div{font-size:14px}}