@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@500;600;700;800;900;1000&display=swap');
:root{--navy:#302456;--muted:#837796;--purple:#8051df;--paper:#f8f6ff;--line:#eae3f6}
body{font-family:Nunito,'Segoe UI',sans-serif;background:radial-gradient(circle at 7% 21%,#e5f9f4 0,transparent 20%),radial-gradient(circle at 95% 40%,#ffeddd 0,transparent 23%),#f8f6ff;color:#302456}button,input,select{font-family:inherit}
.sidebar{position:sticky;inset:0 0 auto;width:100%;height:88px;flex-direction:row;align-items:center;justify-content:space-between;gap:20px;padding:0 max(30px,calc((100vw - 1320px)/2));border:0;border-bottom:2px solid #ebe3f7;background:#ffffffed;backdrop-filter:blur(16px);z-index:10}.brand{gap:12px;flex-shrink:0}.brand img{width:48px;height:48px;box-shadow:0 5px 0 #e7def7;border-radius:14px}.brand strong{font-size:19px;letter-spacing:.5px;color:#493475;font-weight:1000}.brand small{font-size:8px;letter-spacing:1.7px;color:#a190b8}.side-label,.side-bottom{display:none}.nav{display:flex;gap:7px;margin:0}.nav a{padding:12px 17px;border-radius:16px;font-size:13px;gap:9px}.nav a.active{background:#f0e5ff;border:1px solid #e7d4fb;color:#8c4fd6;box-shadow:0 3px 0 #e3d2f5}.nav a>span{display:inline}.nav .badge{display:none}.nav svg{width:21px;height:21px}.main{margin:0}.topbar{max-width:1320px;margin:0 auto;background:transparent;border:0;height:60px;padding:10px 0}.crumb{font-size:12px;color:#aa99bf}.crumb b{color:#8c72ad}.draft{background:#ffefd1;color:#ac7930;letter-spacing:.3px;font-size:10px;font-weight:800;border:1px solid #f5dfb6;padding:6px 12px}.profile{font-size:12px}.profile strong{font-size:13px;color:#6c5288}.avatar{background:#ffdfa0;border:3px solid white;box-shadow:0 3px 0 #f1d197;color:#ad752f}.content{max-width:1320px;padding:7px 0 30px}.welcome{margin:0 0 23px;align-items:center}.welcome .eyebrow{color:#9b7abd;letter-spacing:1.1px;font-size:11px;font-weight:900}.welcome h1{font-family:inherit;font-size:30px;font-weight:1000;letter-spacing:-.6px;margin:5px 0}.welcome p{font-size:13px;color:#9987ad;margin-top:4px}.date-label{font-size:11px;color:#9c88ad;background:white;border:1px solid #e9dff3;padding:10px 15px;border-radius:30px}.date-label i{background:#76ceb4}
.hero{border-radius:30px;min-height:353px;grid-template-columns:1.05fr 1fr;background:radial-gradient(ellipse at 90% 20%,#a875ee55,transparent 55%),linear-gradient(115deg,#6542b1,#8051ca 53%,#6743b2);box-shadow:0 9px 0 #e3d9f4,0 15px 32px #5d409b16;overflow:hidden;border:1px solid #8056c0}.hero:before{width:500px;height:500px;right:-120px;top:-230px;border:1px solid #ffffff13;border-radius:50%;background:transparent}.hero:after{content:'✦';position:absolute;left:46%;top:30px;font-size:23px;color:#e7c5ff;transform:rotate(13deg)}.hero-copy{padding:36px 0 37px 42px}.hero-tag{font-size:9px;letter-spacing:1px;color:#f9df9c;font-weight:900;background:#ffffff12;display:inline-flex;border:1px solid #ffffff20;border-radius:30px;padding:8px 12px}.hero h2{font-family:inherit;font-weight:1000;font-size:45px;line-height:1.12;letter-spacing:-1px;margin:19px 0 14px}.hero h2 em{color:#ffdf8b}.hero p{color:#e0cdef;font-size:13px;line-height:1.7;max-width:390px;margin-bottom:21px}.primary{font-family:inherit}.hero .primary{padding:13px 23px;background:#ffdb84;color:#654127;font-size:15px;font-weight:1000;box-shadow:0 5px 0 #dca94f;border-radius:14px;border:1px solid #ffe5a2;gap:27px;transition:transform .15s,box-shadow .15s}.hero .primary:hover{transform:translateY(-2px);box-shadow:0 7px 0 #dca94f}.hero .primary:active{transform:translateY(3px);box-shadow:0 2px 0 #dca94f}.hero-note{color:#dcc8f4;font-size:10px;margin-left:16px}.hero-art{height:100%;min-height:350px;position:relative;margin:0;transform:none}.galaxy-illustration{position:absolute;width:115%;max-width:none;height:112%;object-fit:contain;left:-7%;top:-3%;filter:drop-shadow(0 9px 20px #37216420);animation:space-float 7s ease-in-out infinite}.hero-bubble{position:absolute;right:21px;top:24px;color:#7353a4;background:#fff4dc;border:3px solid #ffffff;font-size:11px;font-weight:900;line-height:1.5;padding:10px 15px;border-radius:18px 18px 18px 4px;transform:rotate(5deg);box-shadow:0 5px 0 #43237422;max-width:143px}.hero-art .art-caption{bottom:12px;color:#dfcbf2;letter-spacing:1.5px;font-size:8px}
.overview{gap:17px;margin:26px 0 32px}.stat{border:1px solid #e8dff4;border-bottom:4px solid #e8dff4;border-radius:19px;padding:17px 22px;gap:16px;background:#fff}.stat-icon{width:47px;height:47px;background:#f0e3ff;color:#9b5be3;border:1px solid #e8d3fd;border-radius:15px;font-size:25px;transform:rotate(-7deg)}.stat:nth-child(2) .stat-icon{background:#e1f7ef;color:#43b896;border-color:#cef0e4;transform:rotate(6deg)}.stat:nth-child(3) .stat-icon{background:#fff1d5;color:#d39b3c;border-color:#f7e3b9}.stat strong{font-family:inherit;font-size:20px;font-weight:1000;color:#57426e}.stat small{font-size:11px;color:#9d8ab1;line-height:1.5}.section-head{margin-bottom:23px;align-items:center;flex-direction:row}.section-head h2{font-family:inherit;font-size:27px;font-weight:1000;color:#493361;margin-bottom:6px}.section-head h2:before{content:'✦';color:#edb94d;margin-right:10px}.section-head p{font-size:12px;color:#9d89b3;margin-left:31px}.filters{padding:5px;gap:5px;border-radius:15px;background:#eee7f7;border:1px solid #e5dbf0}.filters button{font-size:11px;color:#9880b0;padding:10px 14px;border-radius:10px;font-weight:900}.filters button.selected{background:#fff;color:#8450bb;box-shadow:0 3px 0 #ded1ed}
.topics{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.topic{--card-color:#9a63d8;--card-tint:#f4e9ff;--card-shadow:#e3cff3;background:var(--card-tint);border:2px solid #ffffff;border-bottom:5px solid var(--card-shadow);border-radius:24px;padding:0;min-height:280px;overflow:hidden;box-shadow:0 0 0 1px var(--card-shadow),0 5px 9px #593c8010;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;text-align:center}.topic:hover{transform:translateY(-7px) rotate(-.5deg);border-color:#fff;box-shadow:0 0 0 2px var(--card-color),0 15px 25px #593c8020}.topic-top{height:133px;position:relative;padding:15px;align-items:start;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at center,#ffffffb0 0,transparent 70%)}.topic-top:before,.topic-top:after{content:'✦';position:absolute;color:var(--card-color);opacity:.4;font-size:16px;top:35px;left:28px;transform:rotate(-14deg)}.topic-top:after{font-size:11px;top:85px;left:auto;right:29px;transform:rotate(25deg)}.topic-no{position:absolute;top:12px;left:13px;letter-spacing:0;background:#ffffffa0;color:var(--card-color);padding:3px 8px;border-radius:10px;font-size:10px;font-weight:900}.topic-planet{width:150px;height:115px;overflow:visible;filter:drop-shadow(0 7px 4px #48366416);transition:transform .3s}.topic:hover .topic-planet{transform:rotate(7deg) translateY(-2px)}.topic h3{font-family:inherit;font-size:16px;line-height:1.4;letter-spacing:.2px;color:#513a69;font-weight:1000;margin:4px 12px 6px}.topic p{font-size:11px;color:#927ca4;margin:0 16px 18px;line-height:1.6;min-height:18px}.topic-foot{padding:0 17px 16px;display:block;width:100%;margin-top:auto}.topic-action{display:flex;justify-content:center;align-items:center;gap:12px;background:var(--card-color);color:#fff;border:1px solid #ffffff80;box-shadow:0 4px 0 var(--card-shadow);font-size:13px;font-weight:1000;border-radius:12px;padding:10px;letter-spacing:.2px}.topic-action .arrow{color:white;font-size:17px}.topic-preview .topic-action{background:#ffffffa0;color:var(--card-color);box-shadow:none;border:1px solid var(--card-shadow);font-size:12px}.topic-preview .topic-action .arrow{color:var(--card-color)}.topic-kind{font-size:9px;display:block;margin-top:11px;color:#9a82ac}.topic-kind:before{content:'●';color:var(--card-color);margin-right:5px;font-size:7px}.report-banner{border:2px solid #e5daf5;border-bottom:5px solid #e0d2f0;border-radius:23px;background:linear-gradient(110deg,#efe8fa,#f8ecf6 60%,#fff3da);padding:25px 29px;gap:20px}.report-symbol{font-size:35px;color:#9a71c1;background:#ffffffb0;padding:12px 17px;border-radius:17px;transform:rotate(-6deg)}.report-banner h3{font-size:18px;font-weight:1000;color:#78548e}.report-banner p{font-size:12px;color:#9981aa}.report-banner button{font-size:12px;padding:13px 18px;border-radius:13px;background:white;border:1px solid #dfcfea;border-bottom:4px solid #dfcfea;color:#9265ad}.footer{font-size:10px;color:#ac98ba;padding-top:15px}
/* Aynı dünya test ekranlarında da devam eder. */
dialog{font-family:Nunito,'Segoe UI',sans-serif;border:3px solid #e5d5fa;border-radius:26px;background:#fffafd}dialog h2{font-family:inherit;font-weight:1000;color:#67418f}dialog p{font-size:13px}.number-levels li{border-radius:16px;background:linear-gradient(110deg,#f0e2ff,#fff7e9);border:1px solid #e1c7f1;border-bottom:4px solid #e1c7f1;padding:13px}.number-levels li:before{background:#a16ae3;color:white;box-shadow:0 3px 0 #c49ce7}.number-level-button{font-family:inherit;font-size:13px;color:#71508f}.number-level-button small{color:#a084b3}.listen-button{background:#ecddff;border-bottom:4px solid #cfb0eb;font-family:inherit;border-radius:18px;color:#8853bc}.quiz-option{font-family:inherit;background:#fff8e9;border:2px solid #f2dbac;border-bottom:5px solid #e7c78d;border-radius:17px;color:#987033;font-size:26px}.quiz-option span{font-family:inherit;color:#b89b72}.quiz-option.correct{border-color:#62b58e}.quiz-option.incorrect{border-color:#db8e8e}.addition-header{background:radial-gradient(ellipse at 90% 35%,#c599f455,transparent 58%),linear-gradient(120deg,#7646c1,#965bd4)}.addition-header h2{font-family:inherit;font-size:35px;font-weight:1000;letter-spacing:.3px}.addition-kicker{color:#ffe0a0}.addition-header p{color:#eedbff}.addition-body{background:#fdf9ff}.addition-screen .addition-equation{background:linear-gradient(110deg,#f2e3ff,#fff0dd);border:2px solid #e9d8f4;border-bottom:5px solid #e2c9ef;border-radius:20px;font-family:inherit}.addition-equation b{color:#975ac1}.addition-equation .addition-mystery{border-color:#edc66e;background:#fff7df;color:#d8a440}.addition-screen .addition-keypad button{font-family:inherit;color:#9462bb;background:linear-gradient(#fff,#f8edff);border-bottom-width:4px}.addition-screen .addition-check{background:linear-gradient(110deg,#f6bd54,#f3a94b);color:#71491f;box-shadow:0 5px 0 #d98b35,0 10px 17px #edbd5920;font-weight:1000}.addition-check span{color:#9c6525}
@keyframes space-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(1deg)}}
@media(min-width:1600px){.hero{min-height:380px}.hero-copy{padding:43px 0 42px 49px}.hero h2{font-size:49px}.hero-art{min-height:380px}.topic{min-height:294px}.topic-top{height:145px}.topic-planet{height:126px}}
@media(max-width:1400px){.content{margin:0 34px}.topbar{margin:0 34px}.sidebar{padding:0 34px}.hero h2{font-size:42px}.topic h3{font-size:14px}.topic p{font-size:10px}.topics{gap:17px}.hero-note{display:none}}
@media(max-width:1050px){.brand strong{font-size:16px}.nav a{padding:11px;font-size:12px}.nav svg{width:18px}.hero h2{font-size:37px}.hero-copy{padding:31px 0 32px 30px}.hero-art{min-height:330px}.hero{min-height:330px}.hero p{font-size:12px}.hero-bubble{font-size:9px;padding:8px;right:12px;top:24px;max-width:116px}.welcome h1{font-size:25px}.section-head{align-items:start;flex-direction:column;gap:17px}.section-head p{margin-left:0}.topics{grid-template-columns:repeat(3,minmax(0,1fr))}.topic h3{font-size:15px}.stat{padding:14px;gap:11px}.stat strong{font-size:17px}.stat small{font-size:10px}.stat-icon{width:40px;height:40px;flex-shrink:0}}
@media(max-width:760px){.sidebar{height:auto;min-height:78px;padding:15px 21px;gap:12px;flex-wrap:wrap}.brand img{width:39px;height:39px}.brand strong{font-size:15px}.brand small{font-size:7px}.nav{gap:5px}.nav a{padding:10px}.nav a>span{display:none}.nav a{border-radius:12px}.nav a:nth-child(3){display:flex}.nav svg{width:21px;height:21px}.content{margin:0 22px;padding-top:8px}.topbar{margin:0 22px;height:52px;padding:8px 0}.crumb{font-size:10px}.profile>div:last-child{display:none}.top-actions{gap:8px}.avatar{width:32px;height:32px}.draft{font-size:8px;padding:5px 8px}.welcome h1{font-size:23px}.welcome .eyebrow{font-size:9px}.welcome p{font-size:11px}.date-label{display:none}.hero{grid-template-columns:1fr 1fr;min-height:290px;border-radius:23px}.hero-copy{padding:26px 0 27px 25px}.hero h2{font-size:31px}.hero-tag{font-size:7px;padding:6px 9px;letter-spacing:.5px}.hero p{font-size:11px;line-height:1.7;margin-bottom:19px}.hero .primary{padding:11px 17px;font-size:13px}.hero-art{min-height:290px}.galaxy-illustration{width:140%;left:-20%;height:108%;top:0}.hero-bubble{top:24px;right:12px;font-size:8px;max-width:95px;padding:7px 9px}.hero-art .art-caption{display:none}.overview{gap:10px;margin:23px 0 27px}.stat{border-radius:16px;padding:12px;display:flex;gap:8px}.stat-icon{display:none}.stat strong{font-size:15px}.stat small{font-size:9px}.topics{gap:15px;grid-template-columns:repeat(3,minmax(0,1fr))}.topic{min-height:261px;border-radius:21px}.topic-top{height:120px;padding:13px}.topic-planet{width:125px;height:100px}.topic h3{font-size:12px;letter-spacing:0;margin-left:8px;margin-right:8px}.topic p{font-size:10px;margin-left:10px;margin-right:10px;min-height:30px}.topic-foot{padding:0 12px 13px}.topic-action{font-size:12px;padding:9px 5px}.topic-top:before{left:16px;top:40px;font-size:12px}.topic-top:after{right:15px;top:78px}.topic-kind{font-size:8px}.filters{width:auto}.filters button{font-size:10px;padding:9px 13px}.section-head h2{font-size:25px}.report-banner{padding:21px;gap:13px;flex-wrap:wrap}.report-banner h3{font-size:16px}.report-banner p{font-size:11px}.report-banner>div:nth-child(2){flex:1}.report-banner button{margin:0;width:100%;font-size:12px}.report-symbol{padding:10px 14px}.footer{font-size:9px}}
@media(max-width:520px){.sidebar{padding:13px 16px}.brand{gap:9px}.brand strong{font-size:13px}.brand small{font-size:6px;letter-spacing:1.3px}.brand img{width:35px;height:35px}.nav a{padding:8px}.nav svg{width:19px;height:19px}.content{margin:0 17px}.topbar{margin:0 17px}.crumb{font-size:9px}.draft{font-size:7px}.welcome{margin-bottom:18px}.welcome h1{font-size:22px;line-height:1.35;max-width:280px}.welcome p{font-size:10px}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:27px 26px 0;z-index:2}.hero h2{font-size:37px;margin:15px 0 12px}.hero p{font-size:12px;max-width:280px;margin-bottom:17px}.hero .primary{font-size:14px;padding:12px 20px}.hero-art{min-height:220px;height:220px;margin-top:-5px;pointer-events:none}.galaxy-illustration{width:100%;height:127%;left:8%;top:-25px}.hero-bubble{right:20px;top:33px;max-width:112px;font-size:9px}.hero:after{left:auto;right:25px;top:44px}.overview{gap:8px}.stat{padding:13px 10px;min-height:77px}.stat strong{font-size:13px;line-height:1.4}.stat small{font-size:8px}.section-head h2{font-size:24px}.section-head p{font-size:11px}.filters{width:100%;justify-content:space-between;gap:2px;padding:4px}.filters button{padding:9px 6px;font-size:9px}.topics{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.topic{min-height:265px}.topic-top{height:122px}.topic h3{font-size:13px;margin-top:4px}.topic p{font-size:10px;min-height:32px}.topic-kind{font-size:8px}.topic-foot{padding:0 12px 14px}.topic-no{font-size:9px;top:10px;left:10px}.topic-action{font-size:12px}.topic-planet{width:140px;height:110px}.footer{gap:20px;font-size:8px}.addition-header h2{font-size:28px}}
@media(max-width:520px){.hero-bubble{top:auto;bottom:16px;left:14px;right:auto;max-width:110px;transform:rotate(-5deg)}}
@media(prefers-reduced-motion:reduce){.galaxy-illustration{animation:none}.topic:hover,.hero .primary:hover{transform:none}}