@font-face{font-family:Vazirmatn;src:url('/fonts/vazirmatn.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--bg:#100d1d;--panel:#1b162c;--line:#ffffff12;--text:#f6f2fc;--muted:#aaa2bb;--gold:#f5ce6a;--purple:#a792ee;--accent:#ad8bf3}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font-family:Vazirmatn,Arial,sans-serif;font-size:15px;line-height:1.8}body:before{content:'';position:absolute;top:85px;right:0;width:70%;height:720px;background:radial-gradient(ellipse at top right,#3020474d,transparent 65%);pointer-events:none;z-index:-1}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button,a{transition:background .2s,transform .2s,border-color .2s}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.5}button{color:inherit}img{max-width:100%;display:block}.container{max-width:1152px;width:calc(100% - 96px);margin-inline:auto}.header{height:105px;border-bottom:1px solid var(--line);background:#100d1dbb}.nav-wrap{max-width:1264px;width:calc(100% - 80px);height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:35px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:59px;height:69px;object-fit:contain}.brand>span{font-size:25px;font-weight:850;line-height:1.3}.brand small{display:block;font-size:10px;letter-spacing:4px;color:var(--gold);margin-top:5px}.header nav{display:flex;align-items:center;gap:40px}.header nav a{font-size:14px;color:#b1a9c0;position:relative}.header nav a.active,.header nav a:hover{color:var(--gold)}.header nav a.active:after{content:'';position:absolute;bottom:-36px;width:22px;height:3px;border-radius:3px;background:var(--gold);inset-inline-start:calc(50% - 11px)}.youtube-mini{font-size:10px;display:inline-grid;place-items:center;width:20px;height:15px;border-radius:5px;background:#c3b7d120;color:#c3b7d1;margin-inline-start:6px}.lang-btn{border:1px solid #ffffff20;background:#ffffff04;border-radius:9px;padding:8px 16px;font-size:13px;display:flex;gap:9px;align-items:center}.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;min-height:465px;gap:70px;padding-block:32px 40px}.eyebrow{font-size:13px;font-weight:550;color:var(--purple);display:flex;align-items:center;gap:10px;margin-bottom:20px}.eyebrow>span{width:7px;height:7px;border-radius:50%;background:var(--purple);box-shadow:0 0 16px #a792ee60}.hero h1{font-size:49px;line-height:1.65;letter-spacing:-1.5px;font-weight:850}.hero h1 em{font-style:normal;color:var(--gold)}.hero-copy>p{font-size:16px;max-width:470px;line-height:2.1;color:var(--muted);margin-top:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;border:1px solid transparent;min-height:49px;border-radius:10px;padding:11px 25px;font-weight:700;font-size:14px}.btn:hover{transform:translateY(-2px)}.gold{background:var(--gold);color:#30211b;box-shadow:0 3px 0 #bd944c30}.gold:hover{background:#ffdb83}.gold:disabled{opacity:.5}.hero-copy>.btn{margin-top:27px;min-width:190px}.arrow{font-size:23px;font-family:Arial;line-height:1}.hero-benefits{display:flex;align-items:center;gap:13px;font-size:11px;color:#a49ab6;margin-top:22px}.hero-benefits i{width:3px;height:3px;border-radius:50%;background:#62566f}.hero-benefits span{white-space:nowrap}.hero-art{height:365px;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;direction:ltr}.hero-art:before{content:'';position:absolute;inset:10px 0;background:radial-gradient(ellipse,#7f4bca35,transparent 65%);z-index:-1}.orbit{position:absolute;border:1px solid #a88bd723;border-radius:50%;transform:rotate(-28deg)}.orbit-one{width:400px;height:235px}.orbit-two{width:330px;height:350px;transform:rotate(40deg);border-style:dashed;border-color:#a88bd714}.quiz-tile{width:218px;height:247px;border-radius:39px;background:linear-gradient(135deg,#a586e9 0%,#7551ba 43%,#492b77 100%);border:2px solid #c2a6f6;box-shadow:9px 13px 0 #39244f,14px 22px 0 #231934,0 30px 75px #a46cd333,inset 0 0 32px #fff3;transform:rotate(-12deg);position:relative;display:grid;place-items:center}.big-question{font-size:190px;font-weight:900;color:#ffe4a2;line-height:1;text-shadow:3px 5px 0 #8d593d,5px 7px 0 #513844;transform:rotate(5deg);margin-top:-10px}.tile-spark{position:absolute;top:18px;left:16px;color:#ffecab;font-size:38px}.tile-dot{position:absolute;bottom:20px;right:18px;color:#d7c0f7;font-size:22px}.star{position:absolute;color:var(--gold)}.star-one{font-size:45px;right:32px;top:50px;transform:rotate(12deg)}.star-two{font-size:32px;left:35px;bottom:60px}.star-three{font-size:20px;right:34px;bottom:55px;color:#b4a0e2}.small-question{position:absolute;font-size:67px;color:#7e619e;left:45px;top:22px;transform:rotate(-25deg)}.float-tag{position:absolute;z-index:2;background:linear-gradient(120deg,#2d2440,#211b30);border:1px solid #d1b8ff2b;border-radius:12px;padding:9px 17px;box-shadow:0 12px 25px #0004;font-size:12px;display:flex;align-items:center;gap:8px}.tag-top{top:53px;left:44px;transform:rotate(-7deg);color:var(--gold)}.tag-top b{font-size:20px}.tag-bottom{bottom:43px;right:1px;transform:rotate(6deg)}.check-mark{border-radius:50%;background:#76cfac1a;color:#80d6b2;width:24px;height:24px;display:grid;place-items:center}.art-dot{position:absolute;width:5px;height:5px;border-radius:50%;background:#aa8cdb}.dot-one{top:7px;right:35%}.dot-two{bottom:26px;left:30%}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}.overline{font-size:10px;font-weight:650;letter-spacing:1.5px;color:var(--purple)}.section-head h2{font-size:28px;margin-top:6px;font-weight:800}.section-head p{font-size:13px;color:var(--muted);margin-top:5px}.gold-text{color:var(--gold);font-size:23px;margin-inline-start:6px}.small-label{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:9px;padding-bottom:3px}.status-dot{display:inline-block;width:6px;height:6px;background:#8bdfb7;border-radius:50%}.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.category-card{background:#1b1729;border:1px solid #d7c0ff22;border-radius:17px;overflow:hidden}.category-art{height:203px;position:relative;overflow:hidden;background:#322345}.category-art>img{height:100%;width:100%;object-fit:cover}.pill{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:650;padding:4px 11px;border-radius:6px;background:#122c27c9;color:#a9dfbc;border:1px solid #8bdfb72b}.category-art>.pill{position:absolute;inset-inline-start:20px;top:17px}.category-number{position:absolute;bottom:13px;inset-inline-end:23px;color:#dfc5ee78;font-size:12px}.category-content{padding:23px 25px 25px}.category-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.category-title h3{font-size:23px;font-weight:800}.category-symbol{font-size:24px;color:var(--gold);border:1px solid #f5ce6a24;border-radius:9px;width:36px;height:36px;display:grid;place-items:center;background:#f5ce6a09}.category-content>p{font-size:13px;color:var(--muted);margin-top:7px;max-width:90%;min-height:46px}.category-meta{display:flex;align-items:center;gap:20px;font-size:11px;color:#a79bb7;margin:19px 0 20px}.full{width:100%;justify-content:space-between}.coming-card{border:1px dashed #bba4d32d;border-radius:17px;background:radial-gradient(ellipse at center,#231a3440,transparent);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:410px;padding:36px;text-align:center}.coming-symbols{display:flex;align-items:center;gap:18px;direction:ltr;margin-bottom:25px;color:#897697}.coming-symbols span{width:58px;height:58px;border:1px solid #b69bc526;border-radius:15px;background:#211a2d;font-size:26px;display:grid;place-items:center;transform:rotate(-13deg)}.coming-symbols span:nth-child(2){width:68px;height:68px;font-size:32px;transform:translateY(-12px) rotate(8deg);color:#ac92c1}.coming-symbols span:nth-child(3){transform:rotate(15deg)}.muted{background:#9583ae0d;border-color:#9583ae26;color:#9d8ab3}.coming-card h3{font-size:23px;color:#dbd3e5;margin-top:18px}.coming-card p{font-size:13px;color:#91859f;max-width:290px;line-height:2.1;margin-top:10px}.coming-line{display:flex;gap:13px;align-items:center;color:#70627f;margin-top:28px}.coming-line span{width:50px;height:1px;background:#ffffff10}.how-section{padding-block:64px 55px}.how-section .section-head{margin-bottom:26px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.step{display:flex;gap:17px;align-items:center}.step-icon{display:grid;place-items:center;width:52px;height:58px;flex-shrink:0;border:1px solid #ac91e621;background:#211a33;border-radius:12px;color:#b8a0e9;font-size:27px}.step small{font-size:10px;color:#726881}.step h3{font-size:15px}.step p{font-size:11px;color:var(--muted);margin-top:6px}.youtube-banner{border:1px solid #c19fb522;border-radius:15px;background:linear-gradient(110deg,#34202d55,#24192f);display:flex;align-items:center;gap:24px;padding:28px 30px;margin-bottom:60px}.youtube-banner h2{font-size:23px;margin-top:3px}.youtube-banner p{font-size:12px;color:var(--muted);margin-top:4px}.youtube-banner>.btn{margin-inline-start:auto;white-space:nowrap}.yt-icon{width:57px;height:48px;background:#e9526220;border:1px solid #e9526230;border-radius:13px;display:grid;place-items:center;color:#f77681;font-size:23px;flex-shrink:0}.outline{background:#ffffff03;border-color:#ffffff26;color:#e0d6ec}.outline:hover{background:#ffffff09}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-block:26px 30px;color:#80748e;font-size:10px}.footer-brand{font-size:21px;color:#b4a5c3;font-weight:800}.footer-brand span{font-size:9px;letter-spacing:1.5px;margin-inline-start:8px;color:#80748e}.skip{position:fixed;top:-100px;z-index:99;background:var(--gold);color:#100d1d;padding:10px}.skip:focus{top:5px}.notice,.errors{border:1px solid #86c5a74d;padding:15px 20px;background:#20332e;border-radius:10px;margin-block:20px}.errors{border-color:#ef819850;background:#3b202d}.theme-islamic{--accent:#c59cf2}.theme-space{--accent:#8a9eff}.theme-nature{--accent:#7ed1b3;--bg:#0d1b1a;--panel:#142825}.theme-history{--accent:#dfb274;--bg:#1c1614;--panel:#2b221d}.play-backdrop{position:absolute;top:105px;left:0;right:0;height:650px;background-size:cover;background-position:center;opacity:.15;pointer-events:none;mask-image:linear-gradient(black,transparent);z-index:-1}.quiz-shell{max-width:840px;padding-block:30px 60px;min-height:80vh}.quiz-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.back-link{color:var(--muted);font-size:13px}.score{background:#f5ce6a0d;border:1px solid #f5ce6a33;padding:6px 16px;color:var(--gold);border-radius:9px;font-weight:700}.quiz-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.quiz-heading p{font-size:13px;color:var(--muted)}.progress{height:5px;background:#ffffff0d;border-radius:5px;overflow:hidden;margin-bottom:26px}.progress>span{display:block;height:100%;background:var(--accent);border-radius:5px}.question-panel{border-radius:20px;border:1px solid #ffffff18;background:color-mix(in srgb,var(--panel),transparent 6%);padding:32px;box-shadow:0 25px 70px #0002}.question-tools{display:flex;align-items:center;justify-content:space-between}.listen{background:#a991d610;border:1px solid #a991d62b;border-radius:8px;font-size:11px;padding:6px 12px;color:#c7b4e6}.question-panel h1{font-size:28px;margin-block:25px 12px;line-height:1.8}.question-hint{font-size:12px;color:var(--muted)}.answers{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:25px}.answer{display:flex;gap:13px;align-items:center;text-align:start;border:1px solid #ffffff20;border-radius:10px;background:#ffffff03;padding:14px 16px;min-height:69px;font-size:15px}.answer:not(:disabled):hover{border-color:var(--accent);background:#b293e816;transform:translateY(-2px)}.option-letter{flex-shrink:0;width:29px;height:29px;display:grid;place-items:center;border:1px solid #ffffff20;border-radius:6px;font-size:11px;color:#ac9fbf}.answer.right{border-color:#78cda0;background:#78cda013;color:#a2e5bd}.answer.wrong{border-color:#ea8a97;background:#ea8a9713;color:#f6afbc}.answer:disabled:not(.right):not(.wrong){opacity:.5}.answer-check{margin-inline-start:auto}.feedback{border-radius:10px;padding:16px 20px;margin-block:20px;background:#80c7a20d;border:1px solid #80c7a236}.feedback strong{color:#a0dfb8}.feedback p{font-size:13px;color:#cec5d5;margin-top:5px}.feedback.retry{background:#e4b06e0b;border-color:#e4b06e30}.feedback.retry strong{color:#e9c388}.quiz-foot{text-align:center;color:#8d7c9f;font-size:11px;margin-top:25px}.result{text-align:center;max-width:830px;min-height:75vh;padding-block:55px}.result-medal{margin:0 auto 25px;width:100px;height:100px;display:grid;place-items:center;font-size:58px;color:var(--gold);border:1px solid #f5ce6a55;border-radius:50%;background:radial-gradient(circle,#f5ce6a20,#f5ce6a05);box-shadow:0 0 0 10px #f5ce6a05}.result h1{font-size:33px;margin-top:17px}.result>p{color:var(--muted);margin-top:13px}.result-stats{display:flex;justify-content:center;margin-block:35px;gap:0;border:1px solid var(--line);background:var(--panel);border-radius:17px;padding:25px}.result-stats>div{flex:1;display:flex;flex-direction:column}.result-stats>div+div{border-inline-start:1px solid var(--line)}.result-stats strong{font-size:35px;color:var(--gold)}.result-stats span{font-size:12px;color:var(--muted)}.result-actions{display:flex;justify-content:center;gap:15px}.channel-link{display:block;margin-top:35px;font-size:13px;color:var(--purple)}.channel-hero{text-align:center;max-width:800px;padding-top:50px}.channel-hero .eyebrow{justify-content:center}.eyebrow .red-dot{background:#e96576;box-shadow:0 0 16px #e9657650}.channel-logo{position:relative;width:130px;margin:25px auto}.channel-logo img{width:112px;height:133px;object-fit:contain;margin:auto}.yt-play{position:absolute;bottom:0;right:-10px;background:#ef5365;display:grid;place-items:center;border:5px solid var(--bg);border-radius:15px;width:52px;height:42px;font-size:16px}.channel-hero h1{font-size:46px;margin-top:24px}.channel-hero>p{font-size:16px;line-height:2.2;max-width:660px;margin:15px auto 25px;color:var(--muted)}.red{background:#e24f61;color:#fff}.red:hover{background:#ee6474}.channel-handle{display:block;color:#a08caf;font-size:12px;margin-top:14px}.launch-note{display:inline-flex;align-items:center;gap:10px;color:#b8a9c7;font-size:12px;padding:12px 20px;border-radius:10px;background:#ffffff04;border:1px solid var(--line);margin-top:28px}.channel-formats{display:grid;grid-template-columns:1fr 1fr;gap:25px;max-width:900px;margin-top:45px}.channel-formats article{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:30px}.format-icon{float:inline-end;color:#de8a98;font-size:38px}.channel-formats h2{font-size:23px;margin-block:10px}.channel-formats p{color:var(--muted);font-size:13px;margin-bottom:20px;max-width:290px}.channel-bottom{text-align:center;padding:45px 0 65px}.channel-bottom p{font-size:13px;color:var(--muted);margin-bottom:18px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:28px}.login-panel{max-width:440px;width:calc(100% - 40px);margin:65px auto 100px}.login-panel h1{font-size:26px;margin-bottom:25px}.admin-lock{font-size:35px;color:var(--gold)}label{display:block;font-size:13px;color:#c9bdd9;margin-bottom:20px}input:not([type=checkbox]),textarea,select{display:block;width:100%;background:#100c1a66;color:var(--text);border:1px solid #b19cc633;border-radius:8px;padding:10px 13px;margin-top:8px}select option{background:#241b33}textarea{min-height:110px;resize:vertical}.checkbox{display:flex;align-items:center;gap:10px}.checkbox input{accent-color:var(--gold);width:18px;height:18px}.admin-shell{padding-block:40px 70px;min-height:80vh}.admin-heading{display:flex;align-items:center;justify-content:space-between;margin-block:35px 20px}.admin-heading h2{font-size:24px}.admin-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.admin-categories p{font-size:12px;color:var(--muted);margin-block:10px}.row-actions{display:flex;align-items:center;gap:18px}.row-actions>a:not(.btn){color:var(--gold);font-size:13px}.text-danger{border:0;background:none;color:#e59aab;padding:0;font-size:13px}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;text-align:start;background:var(--panel)}td,th{text-align:start;padding:15px 18px;font-size:13px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:500;background:#ffffff03}td:first-child{min-width:240px}td .row-actions{white-space:nowrap}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px}.editor{max-width:850px;width:calc(100% - 40px);margin:45px auto 70px}.editor h1{font-size:28px;margin-bottom:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}html[dir=ltr] .arrow{transform:scaleX(-1)}html[dir=ltr] .hero h1{line-height:1.25;font-size:51px}html[dir=ltr] .hero-copy>p{line-height:1.9}html[dir=ltr] .hero-benefits{gap:10px}
@media(min-width:1500px){.container{max-width:1250px}.hero{min-height:560px;gap:100px}}
@media(max-width:1000px){.container{width:calc(100% - 50px)}.hero{gap:15px}.hero h1{font-size:39px}.hero-art{transform:scale(.85)}html[dir=ltr] .hero h1{font-size:41px}.hero-benefits{font-size:10px;gap:7px}.steps{gap:18px}.step{gap:12px}.youtube-banner{gap:15px}.youtube-banner p{max-width:430px}.header nav{gap:25px}.category-meta{gap:12px;font-size:10px}}
@media(max-width:700px){.container{width:calc(100% - 36px)}.header{height:88px}.nav-wrap{width:calc(100% - 32px);gap:10px}.brand img{width:43px;height:54px}.brand>span{font-size:21px}.brand{gap:6px}.brand small{font-size:8px;letter-spacing:2px}.header nav{gap:16px;margin-inline-start:auto}.header nav a{font-size:11px}.header nav a:nth-child(2){display:none}.header nav a:first-child{display:none}.header nav a.active:after{display:none}.youtube-mini{display:none}.lang-btn{padding:6px 10px;font-size:11px;gap:5px}.hero{display:flex;flex-direction:column;gap:0;padding-block:32px 28px}.hero-copy{width:100%;text-align:center}.eyebrow{justify-content:center;font-size:11px;margin-bottom:12px}.hero h1{font-size:37px;line-height:1.65;letter-spacing:-.5px}.hero-copy>p{font-size:13px;margin:12px auto 0;max-width:370px}.hero-copy>.btn{margin-top:22px}.hero-benefits{justify-content:center;margin-top:17px;font-size:10px}.hero-art{width:360px;max-width:100%;height:292px;transform:scale(.8);margin-block:-8px -14px}.hero-art .tag-top{left:8px}.hero-art .tag-bottom{right:-10px}.orbit-one{width:360px}.small-question{left:14px}.section-head{margin-bottom:20px}.section-head h2{font-size:25px}.section-head p{font-size:12px}.small-label{display:none}.category-grid{grid-template-columns:1fr;gap:20px}.category-art{height:195px}.category-content{padding:21px}.coming-card{min-height:260px;padding:30px 25px}.coming-symbols{margin-bottom:15px}.coming-symbols span{width:42px;height:42px;font-size:22px}.coming-symbols span:nth-child(2){width:52px;height:52px;font-size:26px}.coming-card h3{font-size:21px;margin-top:11px}.coming-card p{font-size:12px;max-width:290px}.coming-line{display:none}.how-section{padding-block:40px}.steps{grid-template-columns:1fr;gap:23px}.step{gap:17px}.step h3{font-size:15px}.step p{font-size:12px}.youtube-banner{flex-wrap:wrap;padding:22px;gap:16px;margin-bottom:35px}.youtube-banner>div:nth-child(2){flex:1}.youtube-banner h2{font-size:20px}.youtube-banner p{font-size:11px}.youtube-banner>.btn{width:100%;margin:0}.yt-icon{width:42px;height:42px;font-size:18px}.footer{flex-wrap:wrap;justify-content:center;gap:8px;padding-block:22px;text-align:center}.footer p{order:3;width:100%}.footer-brand{font-size:18px}.footer>span{margin-inline-start:auto}.quiz-shell{padding-top:22px}.quiz-top{margin-bottom:25px}.back-link{font-size:11px}.score{font-size:12px;padding:5px 10px}.question-panel{padding:22px 18px;border-radius:14px}.question-panel h1{font-size:23px}.answers{grid-template-columns:1fr;gap:10px}.answer{min-height:61px;font-size:14px}.question-hint{font-size:11px}.listen{font-size:10px;padding:5px 8px}.feedback{padding:13px}.feedback strong{font-size:14px}.feedback p{font-size:12px}.result{padding-block:40px}.result h1{font-size:27px}.result>p{font-size:13px}.result-stats{padding:20px 10px}.result-stats strong{font-size:27px}.result-stats span{font-size:10px}.result-actions{flex-direction:column}.result-actions .btn{width:100%}.channel-hero{padding-top:35px}.channel-hero h1{font-size:35px}.channel-hero>p{font-size:14px}.channel-formats{grid-template-columns:1fr;gap:18px}.channel-formats article{padding:25px}.channel-logo{margin-block:20px}.launch-note{font-size:10px;padding:10px 12px}.admin-shell .section-head{align-items:flex-start}.admin-shell h1{font-size:25px}.admin-shell .section-head p{font-size:11px}.admin-shell .section-head .btn{padding:8px 12px;font-size:11px;white-space:nowrap}.admin-categories{grid-template-columns:1fr}.admin-heading h2{font-size:20px}.admin-heading .btn{padding:8px 13px;font-size:12px}.form-grid{grid-template-columns:1fr;gap:0}.editor{padding:22px}.play-backdrop{top:88px}html[dir=ltr] .hero h1{font-size:37px}html[dir=ltr] .hero-art{margin-top:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Member hub */
.account-menu{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:12px}.account-link{color:var(--gold);font-weight:700}.account-exit{background:none;border:0;color:var(--muted);padding:3px;font-size:10px}.nav-wrap{gap:22px}.header nav{gap:25px}.activity-nav{border-bottom:1px solid var(--line);background:#17122380}.activity-nav>.container{display:flex;gap:35px;align-items:center;overflow:auto;scrollbar-width:none}.activity-nav a{font-size:12px;color:var(--muted);padding:13px 0;white-space:nowrap;border-bottom:2px solid transparent}.activity-nav .selected{color:var(--gold);border-color:var(--gold)}.activity-nav a:hover{color:#fff}.hub-shell{padding-block:45px 70px;min-height:75vh}.hub-heading{margin-bottom:35px}.hub-heading h1{font-size:38px;margin-block:12px}.hub-heading p{color:var(--muted);max-width:700px;font-size:15px;line-height:2}.hub-shell .section-head h1{font-size:34px}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.account-shell{display:grid;grid-template-columns:1fr 1fr;max-width:980px;gap:75px;align-items:center;padding-block:55px 70px}.account-intro h1{font-size:42px;line-height:1.6;margin-block:12px}.account-intro>p{color:var(--muted);font-size:15px;line-height:2}.account-orb{font-size:100px;color:var(--gold);width:160px;height:160px;margin:30px auto;background:radial-gradient(circle,#b792e833,transparent);display:grid;place-items:center;border-radius:50%;border:1px dashed #b792e844;transform:rotate(-10deg)}.account-intro>.pill{display:table;margin:auto}.auth-card{padding:32px}.auth-card h2{font-size:25px;margin-bottom:25px}.auth-card label small{color:var(--muted);font-size:11px}.auth-switch{display:block;text-align:center;color:var(--gold);font-size:12px;margin-top:22px}.muted-link{display:block;text-align:center;font-size:12px;color:var(--muted);margin-top:12px}.wallet-card{padding:35px;border:1px solid #ceb17a44;border-radius:20px;background:radial-gradient(ellipse at top left,#72539e35,transparent 60%),linear-gradient(135deg,#272034,#221b2d);margin-bottom:28px}.wallet-balance{display:flex;align-items:center;justify-content:space-between;gap:25px}.wallet-balance>div>span{display:block;font-size:13px;color:#c3b3d1}.wallet-balance strong{display:block;font-size:48px;font-weight:800;margin-top:8px}.wallet-balance strong small{font-size:14px;font-weight:400;color:var(--muted)}.wallet-dollar{text-align:end}.wallet-dollar strong{color:var(--gold);font-size:30px;letter-spacing:1px}.wallet-dollar>small{display:block;font-size:11px;color:var(--muted);margin-top:8px}.wallet-milestone{margin-top:27px;padding-top:25px;border-top:1px solid #ffffff13}.wallet-milestone>div:not(.progress){display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:13px}.wallet-milestone .progress{height:9px;margin-block:15px 11px;background:#ffffff0a}.wallet-milestone .progress>span{background:var(--gold);min-width:0}.wallet-milestone small{color:var(--muted);font-size:11px}.wallet-note{font-size:11px;color:#a595b5;margin-top:18px}.reward-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.reward-card{position:relative}.reward-symbol{display:grid;place-items:center;background:#dfbd7430;color:var(--gold);border:1px solid #dfbd7426;width:47px;height:47px;border-radius:12px;font-size:27px;float:inline-end}.reward-symbol.rose{background:#f68b9915;border-color:#f68b9926;color:#f68b99}.reward-card h2{font-size:22px;margin:10px 0}.reward-card>p{font-size:13px;color:var(--muted);line-height:2;min-height:54px;max-width:90%}.reward-amount{display:block;font-size:29px;color:var(--gold);margin-block:17px}.reward-amount small{font-size:12px;font-weight:400;color:var(--muted)}.reward-card>small{display:block;font-size:10px;color:var(--muted);margin-top:15px}.reward-card button:disabled{opacity:.6;transform:none}.credit{color:#9cd9b3;font-weight:650}.ledger-icon{display:inline-grid;place-items:center;background:#a792ee10;color:#b3a0cf;width:29px;height:29px;border-radius:7px;margin-inline-end:7px}.ledger-icon+span{font-size:13px}.table-wrap time{font-size:11px;color:var(--muted)}.game-card{padding:27px}.game-art{height:195px;display:flex;align-items:center;justify-content:center;gap:12px;direction:ltr;position:relative;border-radius:12px;margin-bottom:24px;background:radial-gradient(ellipse,#a88be624,transparent 70%)}.game-art span{display:grid;place-items:center;width:68px;height:85px;border:1px solid #c7ade94a;border-radius:12px;font-size:34px;color:#e8d6ff;background:linear-gradient(120deg,#604779,#342743);transform:rotate(-9deg);box-shadow:4px 5px 0 #0c081620}.game-art span:nth-child(even){transform:rotate(9deg) translateY(15px);color:var(--gold)}.game-art-math{background:radial-gradient(ellipse,#e7b96314,transparent 70%)}.game-art-math span{background:linear-gradient(120deg,#705741,#392d31);border-color:#d8b87840}.game-card h2{font-size:25px;margin-block:12px}.game-card>p{color:var(--muted);font-size:13px;line-height:2;min-height:56px;margin-bottom:23px}.center-note{color:var(--muted);font-size:12px;line-height:2;text-align:center;margin-top:24px}.center-note a{color:#c0add5}.guest-note{color:var(--muted);font-size:12px;margin-bottom:22px;line-height:2}.guest-note a{color:#bda9d5}.game-shell{max-width:800px;min-height:75vh;padding-block:30px 65px}.game-shell .hub-heading{text-align:center;margin-bottom:26px}.game-shell .hub-heading p{margin:auto;font-size:13px}.game-stats{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--muted);margin-bottom:23px}.memory-board{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.memory-card{min-height:100px;aspect-ratio:1.3;background:linear-gradient(135deg,#514067,#32253f);border:1px solid #a990c344;border-radius:13px;font-size:43px;color:#b7a2d1;box-shadow:0 4px 0 #0d0915}.memory-card:hover:not(:disabled){background:#644d7b;border-color:var(--gold);transform:translateY(-2px)}.memory-card.flipped{background:#7255a0;color:var(--gold);border-color:#d6b785}.memory-card.matched{background:#294139;color:#a4ddbb;border-color:#80c6a950;box-shadow:none}.math-panel{max-width:560px;margin:auto}.math-expression{text-align:center;font-size:55px;font-weight:800;margin-block:35px;color:var(--gold);letter-spacing:3px}.math-expression span{color:var(--purple)}.math-feedback{text-align:center;font-size:12px;color:var(--muted);min-height:24px}.math-panel input{text-align:center;font-size:25px}.game-finished{text-align:center;padding:40px}.game-finished h2{font-size:25px}.game-finished>p{font-size:13px;color:var(--muted);margin-top:15px}.game-finished .result-actions{margin-top:27px}.story-card .category-content>p{min-height:50px;max-width:100%;margin-bottom:20px}.story-card h2{font-size:24px}.story-shell{max-width:1000px;padding-block:30px 60px}.story-shell .quiz-top>span{font-size:12px;color:var(--muted)}.story-progress{display:flex;gap:5px;margin-bottom:18px}.story-progress a{flex:1;height:6px;border-radius:4px;background:#ffffff16}.story-progress a.seen{background:var(--accent)}.story-slide{position:relative;isolation:isolate;min-height:495px;border:1px solid #c3a4e138;border-radius:20px;padding:35px 45px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:var(--panel)}.story-slide:before{content:'';position:absolute;inset:0;background-image:linear-gradient(90deg,#100d1dcc,#100d1dd9),var(--story-image);background-size:cover;background-position:center;z-index:-1}.story-slide h1{font-size:35px;max-width:730px;margin-block:8px 20px}.story-slide p{font-size:19px;line-height:2.25;white-space:pre-line;max-width:750px;color:#d2c6dc;overflow-wrap:anywhere}.slide-ordinal{font-size:48px;font-weight:850;color:#c3a4e12b}.story-slide small{font-size:10px;color:#9c87ae;letter-spacing:1px;margin-top:30px}.story-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px}.hub-discover{padding-top:50px}.discovery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.discovery-card{display:block;position:relative}.discovery-card>span{display:grid;place-items:center;width:42px;height:42px;background:#a88be613;border-radius:10px;color:#c7a8ed;font-size:25px;margin-bottom:15px}.discovery-card h3{font-size:20px}.discovery-card small{font-size:11px;color:var(--muted);display:block;margin-top:10px}.discovery-card:hover{border-color:#b896e760;transform:translateY(-3px)}.admin-tabs{display:flex;gap:12px;overflow:auto;margin-block:20px 30px;padding-bottom:8px}.admin-tabs a{white-space:nowrap;color:var(--muted);font-size:13px;border:1px solid #ffffff16;padding:8px 19px;border-radius:8px}.admin-tabs .selected{background:#a78bcc18;color:var(--gold);border-color:#a78bcc44}.member-search{display:flex;gap:15px;align-items:flex-end;max-width:620px;margin-bottom:25px}.member-search label{flex:1;margin-bottom:0}.small-link{font-size:12px}.compact h2{font-size:36px;color:var(--gold)}.compact>p{color:var(--muted);font-size:13px}.reward-settings-note h2{font-size:23px;clear:both;padding-top:25px}.reward-settings-note p{color:var(--muted);font-size:13px;line-height:2;margin-block:15px}.reward-settings-note small{color:var(--muted);font-size:11px}.reward-settings-note hr{border:0;border-top:1px solid var(--line);margin-block:25px}.panel>form>label:first-of-type{margin-top:25px}.story-editor{max-width:1000px}.slide-editor{border:1px solid #b199cb33;padding:22px;border-radius:12px;margin:25px 0}.slide-editor legend{color:var(--gold);font-size:14px;padding-inline:10px}.slide-edit-actions{display:flex;gap:15px;align-items:center;margin-bottom:20px}.slide-edit-actions .btn{font-size:11px;min-height:35px;padding:6px 11px}.slide-edit-actions .text-danger{margin-inline-start:auto;font-size:11px}.slide-edit-actions button:disabled{opacity:.3}.editor-save{margin-top:30px}.play-backdrop{top:155px}
@media(max-width:1000px){.header nav{gap:15px}.header nav a{font-size:12px}.account-menu{gap:6px}.nav-wrap{gap:15px}.wallet-balance strong{font-size:39px}.wallet-dollar strong{font-size:26px}.account-shell{gap:35px}.account-intro h1{font-size:34px}}
@media(max-width:700px){.header nav{display:none}.nav-wrap{gap:12px}.account-menu{margin-inline-start:auto;font-size:11px;gap:8px}.account-exit{font-size:9px}.activity-nav>.container{gap:24px}.activity-nav a{font-size:11px;padding:11px 0}.hub-shell{padding-block:28px 50px}.hub-heading h1{font-size:29px}.hub-heading p{font-size:13px}.hub-heading{margin-bottom:25px}.content-grid{grid-template-columns:1fr;gap:20px}.account-shell{grid-template-columns:1fr;gap:28px;padding-block:30px 45px}.account-intro{text-align:center}.account-intro h1{font-size:29px;margin-block:10px}.account-intro>p{font-size:13px}.account-orb{display:none}.account-intro>.pill{margin-top:18px}.auth-card{padding:24px}.wallet-card{padding:24px 20px}.wallet-balance{display:block}.wallet-balance strong{font-size:38px}.wallet-dollar{text-align:start;border-top:1px solid var(--line);margin-top:20px;padding-top:17px}.wallet-dollar strong{font-size:27px;display:table}.wallet-dollar>small{font-size:10px}.wallet-milestone>div:not(.progress){flex-wrap:wrap;gap:8px}.wallet-milestone small{font-size:10px}.reward-grid{grid-template-columns:1fr;gap:20px}.reward-card{padding:24px}.reward-card>p{max-width:100%;min-height:0}.hub-shell .section-head{align-items:flex-start;flex-wrap:wrap}.hub-shell .section-head h1{font-size:30px}.hub-shell .section-head>.btn{font-size:12px}.game-art{height:160px;gap:10px}.game-art span{width:52px;height:68px;font-size:28px}.game-card{padding:22px}.game-card h2{font-size:23px}.game-shell{padding-top:22px}.game-shell .panel{padding:20px 15px}.memory-board{gap:9px}.memory-card{min-height:64px;aspect-ratio:1;font-size:31px;border-radius:9px}.game-stats{font-size:11px}.math-expression{font-size:43px;letter-spacing:1px}.story-shell{padding-top:22px}.story-slide{min-height:450px;padding:25px}.story-slide h1{font-size:27px}.story-slide p{font-size:16px;line-height:2}.slide-ordinal{font-size:35px}.discovery-grid{grid-template-columns:1fr;gap:14px}.hub-discover{padding-top:35px}.discovery-card{padding:21px;padding-inline-start:83px}.discovery-card>span{position:absolute;inset-inline-start:22px;top:24px}.discovery-card h3{font-size:18px}.discovery-card small{margin-top:3px}.admin-tabs{gap:8px}.admin-tabs a{font-size:11px;padding:7px 12px}.slide-editor{padding:15px;margin-inline:0}.slide-edit-actions{gap:7px;flex-wrap:wrap}.slide-edit-actions .btn{font-size:9px;padding:4px 7px}.slide-edit-actions .text-danger{font-size:10px}.member-search{gap:10px}.member-search .btn{padding-inline:15px}.play-backdrop{top:134px}}
/* Three new arcade worlds */
.game-art-guess{background:radial-gradient(ellipse,#56b9bb22,transparent 72%)}.game-art-guess span{background:linear-gradient(135deg,#32676d,#183840);border-color:#77c7c744;color:#c6f1e5}.game-art-guess span:last-child{font-size:22px}.game-art-sliding span{background:linear-gradient(135deg,#9c713e,#493826);border-color:#dfb77255}.game-art-tictactoe span{background:linear-gradient(135deg,#4c557f,#24293f);border-color:#99affb44}.game-art-tictactoe span:nth-child(even){color:#f7b895}.board-panel{max-width:550px;margin:auto}.sliding-board,.ttt-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:440px;margin:0 auto}.puzzle-tile,.puzzle-blank,.ttt-cell{aspect-ratio:1;border-radius:13px;display:grid;place-items:center;min-width:0;font-size:42px;font-weight:750}.puzzle-tile{background:linear-gradient(135deg,#9b774b,#654c36);border:1px solid #e9c58d60;box-shadow:0 5px 0 #332719;color:#ffdf9e}.puzzle-tile:disabled{cursor:default;opacity:.75}.puzzle-tile:not(:disabled):hover{background:#a17c4c;box-shadow:0 5px 0 #332719,0 0 25px #d6ac6c22}.puzzle-blank{background:#09071055;border:1px dashed #bda4cf26}.ttt-cell{background:#a28cdb09;border:1px solid #b8a2dd35;font-size:52px}.ttt-cell:not(:disabled):hover{background:#a28cdb22;border-color:#b8a2dd}.player-x{color:var(--gold)}.player-o{color:#a8bbff}.ttt-result{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;max-width:190px;margin:22px auto}.ttt-result>span{background:#ffffff06;border-radius:7px;padding:8px;font-size:24px}.detective-panel{max-width:560px;margin:auto}.detective-orb{width:98px;height:98px;display:grid;place-items:center;margin:0 auto 26px;font-size:70px;line-height:1;background:linear-gradient(140deg,#32656b,#213439);color:#b2ebd8;border:1px solid #9ad5c95a;border-radius:27px;box-shadow:0 12px 40px #19343440}.detective-panel .game-stats{flex-wrap:wrap;gap:8px}.detective-panel input{font-size:28px;text-align:center}.number-clue{display:flex;gap:13px;align-items:center;padding:16px;border:1px solid #84c9b336;border-radius:10px;background:#84c9b30a;font-size:14px;color:#b3dfcd;margin-bottom:20px}.number-clue>span{font-size:26px}.guess-history{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px}.guess-history>span{border:1px solid #a492bc33;border-radius:8px;padding:4px 12px;color:var(--muted);font-size:12px}.motion-toggle{border:1px solid #a895bc30;border-radius:7px;background:transparent;color:#b8a6c7;font:inherit;padding:5px 9px;white-space:nowrap}.motion-toggle[hidden]{display:none}
/* Finite, lightweight motion. All content is visible without JavaScript. */
@keyframes badiha-arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes badiha-float{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes badiha-pop{0%{scale:.8;opacity:.3}65%{scale:1.06}100%{scale:1;opacity:1}}
@keyframes badiha-flip{from{transform:rotateY(-85deg);opacity:.35}to{transform:rotateY(0);opacity:1}}
@keyframes badiha-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes badiha-celebrate{0%{opacity:0;translate:0 -12px;rotate:0deg}12%{opacity:1}100%{opacity:0;translate:var(--drift) 260px;rotate:var(--spin)}}
@media(prefers-reduced-motion:no-preference){
 html:not([data-motion=off]) .hero-copy,html:not([data-motion=off]) .hub-heading,html:not([data-motion=off]) .account-intro,html:not([data-motion=off]) .story-slide{animation:badiha-arrive .48s ease-out both}
 html:not([data-motion=off]) .hero-art .quiz-tile{animation:badiha-float 2s ease-in-out 2}
 html:not([data-motion=off]) .hero-art .star{animation:badiha-pop .7s ease-out both}
 html:not([data-motion=off]) .float-tag{animation:badiha-arrive .65s ease-out both}
 html:not([data-motion=off]) .feedback,html:not([data-motion=off]) .notice,html:not([data-motion=off]) .number-clue{animation:badiha-arrive .3s ease-out both}
 html:not([data-motion=off]) .new-mark,html:not([data-motion=off]) .result-medal{display:inline-grid;animation:badiha-pop .4s ease-out both}
 html:not([data-motion=off]) .memory-card.flipped>span{display:block;animation:badiha-flip .28s ease-out both}
 html:not([data-motion=off]) .wallet-milestone .progress>span{transform-origin:left;animation:badiha-progress .8s ease-out both}
 html[dir=rtl]:not([data-motion=off]) .wallet-milestone .progress>span{transform-origin:right}
 html:not([data-motion=off]) .reveal-pending{opacity:0;transform:translateY(16px)}
 html:not([data-motion=off]) .reveal-in{animation:badiha-arrive .5s ease-out both;animation-delay:var(--reveal-delay,0ms)}
 html:not([data-motion=off]) .btn:active,html:not([data-motion=off]) .answer:active:not(:disabled){transform:translateY(1px) scale(.98)}
 html:not([data-motion=off]) .game-card:hover .game-art span{translate:0 -5px}
 .game-art span{transition:translate .3s ease,box-shadow .3s ease}
}
.celebration{position:fixed;inset:12% 10% auto;z-index:30;pointer-events:none;height:0;overflow:visible}.celebration i{position:absolute;left:var(--left);width:7px;height:12px;background:var(--color);border-radius:2px;animation:badiha-celebrate 1.6s ease-out both;animation-delay:var(--delay)}
html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-pending:focus-within{opacity:1!important;transform:none!important}
@media(prefers-reduced-motion:reduce){.celebration{display:none}.reveal-pending{opacity:1!important;transform:none!important}}
html[data-motion=off] .celebration{display:none}html[data-motion=off] .reveal-pending{opacity:1;transform:none}
@media(max-width:700px){.sliding-board,.ttt-board{gap:9px}.puzzle-tile,.ttt-cell{font-size:32px;border-radius:10px}.board-panel .game-stats{flex-wrap:wrap;gap:8px}.detective-orb{height:80px;width:80px;font-size:56px}.number-clue{font-size:12px}.game-art-guess span:last-child{font-size:18px}.footer .motion-toggle{font-size:10px}}

/* Passive collector */
.guest-game-note{font-size:.9rem;line-height:1.9;color:var(--muted);margin-block:1rem}.guest-game-note a{color:#f4d36b}.collector-panel{display:grid;grid-template-columns:1fr 1.2fr;gap:3rem;align-items:center;padding:3rem;margin-bottom:3rem;background:radial-gradient(ellipse at 15% 50%,#46306966,transparent 60%),#1c172b}.collector-visual{position:relative;display:grid;place-items:center;aspect-ratio:1;max-width:330px;width:100%;margin:auto;border-radius:50%;background:radial-gradient(circle,#efc96922,transparent 65%)}.collector-visual>span{font-size:9rem;color:#f4d36b;text-shadow:0 0 50px #f4d36b66}.collector-orbit{position:absolute;inset:12%;border:1px solid #c599ee55;border-radius:50%;box-shadow:0 0 0 24px #bfa6db08,0 0 0 48px #bfa6db05}.collector-visual i,.collector-visual b{position:absolute;font-size:2.4rem;color:#be9cdd;font-style:normal}.collector-visual i{top:10%;left:26%}.collector-visual b{bottom:14%;right:18%;color:#f4d36b}.collector-balance{display:flex;align-items:baseline;gap:.8rem;flex-wrap:wrap;margin:1rem 0}.collector-balance strong{font-size:3.5rem;color:#f4d36b;line-height:1.2}.collector-balance span,.collector-footnote,.collector-time{color:#aba2bc}.collector-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}.collector-stats>div{border:1px solid #ffffff12;border-radius:12px;padding:.8rem 1rem}.collector-stats small{display:block;color:#aba2bc}.collector-stats strong{font-size:1.6rem}.collector-stats em{font-size:.8rem;color:#f4d36b;font-style:normal;margin-inline-start:.5rem}.collector-time{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.collector-footnote{font-size:.8rem;line-height:1.9;margin-bottom:0}.miner-wallet-link{margin-top:1.5rem}.miner-shell .section-head p{color:#aba2bc;max-width:650px}.collector-content{min-width:0}
@media(prefers-reduced-motion:no-preference){html:not([data-motion=off]) .collector-visual>span{animation:float 2s ease-in-out 2}}
@media(max-width:700px){.collector-panel{grid-template-columns:1fr;padding:1.4rem;gap:1rem}.collector-visual{max-width:180px}.collector-visual>span{font-size:6rem}.collector-balance strong{font-size:2.8rem}}
.modern-grid{display:grid;grid-template-columns:repeat(var(--columns),1fr);gap:8px;margin-block:20px}.modern-tile{display:grid;place-items:center;aspect-ratio:1;border:1px solid #ffffff20;border-radius:12px;background:#49315e;color:white;font:700 24px inherit;min-width:0;padding:4px}.modern-tile.lit{background:#f6d574;color:#110e1d}.modern-tile:disabled{opacity:.5}

.legal-page{max-width:820px;min-height:65vh;padding-block:40px 70px;line-height:1.95}.legal-page h1{font-size:clamp(30px,5vw,44px);margin-bottom:12px}.legal-page h2{font-size:22px;margin-top:32px;margin-bottom:8px}.legal-page p{color:var(--muted);margin-block:10px}.legal-page a{color:var(--gold);text-decoration:underline}.legal-page form.panel{max-width:520px;margin-block:25px}.footer nav{display:flex;gap:8px;flex-wrap:wrap}.footer nav a{color:var(--muted)}
.showdown-shell{max-width:870px;padding-block:28px 70px;min-height:80vh}.showdown-lights{display:flex;justify-content:space-around;gap:20px;height:25px}.showdown-lights i{width:10px;height:10px;border-radius:50%;background:#f6d574;box-shadow:0 0 16px #f6d57488;animation:showdown-light 1.4s ease-in-out infinite alternate}.showdown-lights i:nth-child(even){animation-delay:.7s}.showdown-heading{text-align:center;margin:15px 0 24px}.showdown-heading h1{font-size:clamp(32px,6vw,56px);margin:8px 0;color:var(--gold)}.showdown-heading p{color:var(--muted)}.showdown-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.showdown-stats>div{text-align:center;background:#211a32;border:1px solid #f6d57444;border-radius:16px;padding:12px}.showdown-stats small,.showdown-stats strong{display:block}.showdown-stats small{color:var(--muted)}.showdown-stats strong{font-size:26px;color:var(--gold)}.showdown-stats strong.urgent{color:#ff8a94;animation:showdown-light .5s infinite alternate}.showdown-ladder{display:flex;justify-content:center;gap:8px;margin:24px 0}.showdown-ladder span{display:grid;place-items:center;min-width:48px;padding:8px;border:1px solid #ffffff22;border-radius:12px;color:var(--muted)}.showdown-ladder span.current{color:#110e1d;background:var(--gold);transform:scale(1.15)}.showdown-ladder small{font-size:10px}.showdown-question{background:linear-gradient(145deg,#332345,#171222);border:1px solid #f6d57455}.showdown-question h2{text-align:center;font-size:clamp(22px,4vw,30px);line-height:1.6;margin:18px 0 25px}.showdown-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.showdown-option{display:flex;align-items:center;gap:14px;width:100%;min-height:70px;padding:12px 16px;border:1px solid #b8a1e777;border-radius:14px;background:#100d1d;color:#fff;text-align:start}.showdown-option b{border:1px solid #f6d57488;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;color:var(--gold)}button.showdown-option:hover{border-color:var(--gold);background:#362747}.showdown-option.right{border-color:#91d9b1;background:#254033}.showdown-option.eliminated{opacity:.2}.showdown-hint{padding:12px;border:1px solid #f6d57488;border-radius:10px;color:var(--gold)}.showdown-feedback{padding:16px;margin:16px 0;border-radius:12px}.showdown-feedback.right{background:#1f4937;color:#b9f1cc}.showdown-feedback.wrong{background:#512637;color:#ffbac2}.showdown-lifelines{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.showdown-lifelines button{width:100%;min-height:85px;border:1px solid #b8a1e777;border-radius:14px;background:#211a32;color:#fff}.showdown-lifelines button:disabled{opacity:.4}.showdown-lifelines span,.showdown-lifelines small{display:block}.showdown-lifelines span{font-size:25px;color:var(--gold)}.showdown-lifelines small{font-size:11px;color:var(--muted)}.showdown-home{margin-bottom:28px;padding:28px;border:1px solid #f6d57477;border-radius:24px;background:linear-gradient(110deg,#483451,#1a1428)}.showdown-home h2{margin:5px 0;color:var(--gold)}.showdown-home p{color:var(--muted);margin-bottom:18px}@keyframes showdown-light{to{opacity:.25;box-shadow:none}}@media(max-width:600px){.showdown-options{grid-template-columns:1fr}.showdown-stats strong{font-size:18px}.showdown-lifelines{gap:6px}.showdown-lifelines button{font-size:11px}}@media(prefers-reduced-motion:reduce){.showdown-lights i,.showdown-stats strong.urgent{animation:none}}
.category-content form+form{margin-top:8px}.showdown-shell{background:radial-gradient(circle at 50% 0,var(--showdown-backdrop,#422c54),transparent 58%);border-radius:24px}.showdown-islamic{--showdown-backdrop:#234c48}.showdown-space{--showdown-backdrop:#383363}.showdown-nature{--showdown-backdrop:#294b35}.showdown-history{--showdown-backdrop:#594335}.showdown-knowledge{--showdown-backdrop:#38234f}
/* Shop palettes change the shared site colors without affecting category art. */
body.theme-knowledge.user-theme-forest{--bg:#0c1a18;--panel:#19312c;--surface:#19312c;--gold:#a5e2b9;--purple:#8fc7ab;--muted:#b7cec4}
body.theme-knowledge.user-theme-ocean{--bg:#0d1a29;--panel:#1d3045;--surface:#1d3045;--gold:#91d8f7;--purple:#92bceb;--muted:#aac2d6}
body.theme-knowledge.user-theme-rose{--bg:#27151f;--panel:#3b2634;--surface:#3b2634;--gold:#f3b9cc;--purple:#d7a3d8;--muted:#d4b9c8}
.shop-balance{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1.3rem 1.6rem;border:1px solid rgba(255,255,255,.16);border-radius:1.2rem;background:var(--surface,#211a32)}
.shop-balance strong{font-size:clamp(1.4rem,3vw,2.1rem);color:var(--gold,#f6d574)}
.shop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:2rem}
.shop-item{display:flex;flex-direction:column;gap:.7rem;min-height:290px}
.shop-item p{flex:1}.shop-item strong{color:var(--gold,#f6d574)}.shop-item form{margin-top:auto}
.shop-preview{display:grid;place-items:center;width:66px;height:66px;border-radius:18px;background:rgba(255,255,255,.1);font-size:2rem;color:var(--gold,#f6d574)}
.shop-preview-theme-forest{background:#19312c;color:#a5e2b9}.shop-preview-theme-ocean{background:#1d3045;color:#91d8f7}.shop-preview-theme-rose{background:#3b2634;color:#f3b9cc}
.shop-classic{margin-bottom:1rem}.streak-count{display:flex;flex-direction:column;gap:.25rem;margin:1rem 0;padding:1rem;border-radius:1rem;background:rgba(255,255,255,.07)}.streak-count strong{font-size:1.3rem;color:var(--gold,#f6d574)}
.ledger-debit{color:#ffb78a}

body.theme-knowledge[class*="user-theme-"] .header{background:var(--bg)}
@media(min-width:900px){.discovery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.difficulty-select{display:block;margin:10px 0;font-size:12px;color:var(--muted)}
.difficulty-select select{display:block;width:100%;margin-top:5px;padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text)}
.theme-math{--accent:#8ed0e5;--bg:#102235;--panel:#19364b}
.theme-geography{--accent:#9cddcb;--bg:#102d31;--panel:#183c40}
.theme-chemistry{--accent:#c9b2f0;--bg:#211a35;--panel:#34294d}
.showdown-math{--showdown-backdrop:#1e4a69}.showdown-geography{--showdown-backdrop:#1d6669}.showdown-chemistry{--showdown-backdrop:#4e3b78}
.mission-grid,.progress-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-bottom:2rem}.mission-card progress{width:100%;height:12px;accent-color:var(--gold)}.level-chips,.badge-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.level-chips span,.badge-grid span{padding:.35rem .65rem;border-radius:9px;background:rgba(255,255,255,.08);font-size:.82rem}.badge-grid .earned{color:var(--gold)}.badge-grid .locked{opacity:.6}.question-report{margin-top:1rem;padding:1rem;border:1px solid var(--line);border-radius:12px}.question-report summary{cursor:pointer;color:var(--muted)}.question-report form{display:grid;gap:.75rem;margin-top:1rem}.question-report label{display:grid;gap:.3rem}.question-report select,.question-report textarea{width:100%;padding:.6rem;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text)}
.profile-frame-sun{border:2px solid #f6d574;border-radius:999px;padding:.3rem .7rem}.profile-frame-leaf{border:2px solid #91d9b1;border-radius:999px;padding:.3rem .7rem}
body.user-backdrop-stars .quiz-shell{background-image:radial-gradient(circle at 18% 15%,rgba(255,255,255,.13) 1px,transparent 2px),radial-gradient(circle at 78% 43%,rgba(255,255,255,.12) 1px,transparent 2px);background-size:88px 80px,120px 110px}
body.user-backdrop-grid .quiz-shell{background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:32px 32px}
@media(prefers-reduced-motion:no-preference){html:not([data-motion=off]) body.user-animation-bounce .feedback{animation:badiha-pop .55s cubic-bezier(.2,1.5,.4,1) both}html:not([data-motion=off]) body.user-animation-focus .feedback{animation:badiha-arrive .7s ease-out both}}
