:root{--ink:#243747;--muted:#647480;--paper:#f7f7f2;--teal:#167f79;--line:#e5e9e6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Vazirmatn,Tahoma,sans-serif;line-height:1.7}.topbar{max-width:1120px;margin:auto;padding:18px 28px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:800;text-decoration:none;font-size:19px}.brand small{display:block;font-size:10px;font-weight:500;color:var(--muted)}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:15px;background:#d8eee8;color:#15786e;font-size:24px}.topbar nav{margin-inline-start:auto;display:flex;gap:28px}.topbar nav a{color:var(--muted);font-size:13px;text-decoration:none}.profile{border:0;background:#f3ded2;border-radius:50%;width:40px;height:40px;font-size:20px}.hero{max-width:1064px;margin:20px auto 72px;padding:30px 28px 0;display:grid;grid-template-columns:1fr 1.05fr;gap:50px;align-items:center}.hero-copy{padding:20px 0}.eyebrow{font-size:12px;font-weight:700;color:var(--teal)}h1{font-size:clamp(30px,4vw,48px);line-height:1.35;margin:16px 0;color:#263c4d}h1 em{font-style:normal;color:var(--teal)}.hero-copy>p{font-size:15px;color:var(--muted);max-width:405px;margin:0 0 24px}.button{font:inherit;font-weight:700;border:0;cursor:pointer;min-height:46px;border-radius:14px;padding:10px 18px;transition:transform .18s,box-shadow .18s}.button:hover{transform:translateY(-2px);box-shadow:0 7px 16px #203c4418}.button:focus-visible,a:focus-visible,.profile:focus-visible,.close:focus-visible{outline:3px solid #f0b744;outline-offset:3px}.primary{background:var(--teal);color:white;text-decoration:none;display:inline-flex;align-items:center;gap:16px}.progress-label{margin-top:32px;display:flex;justify-content:space-between;font-size:11px;color:var(--muted);max-width:330px}.progress-label b{color:var(--ink)}.progress-track{height:8px;border-radius:9px;background:#e3eae6;max-width:330px;margin-top:8px;overflow:hidden}.progress-track span{display:block;height:100%;width:0;background:#52a889;border-radius:9px;transition:width .4s}.hero-art{height:330px;position:relative;border-radius:42% 42% 24px 24px;background:#dff0e9;overflow:hidden}.sun{position:absolute;top:32px;left:50px;width:63px;height:63px;border-radius:50%;background:#f6c76b}.cloud{position:absolute;width:90px;height:25px;background:#fff;border-radius:30px;opacity:.83}.cloud:before,.cloud:after{content:"";position:absolute;border-radius:50%;background:inherit}.cloud:before{width:34px;height:34px;top:-15px;left:14px}.cloud:after{width:27px;height:27px;top:-10px;left:42px}.c1{top:65px;right:49px}.c2{top:117px;left:22px;transform:scale(.72)}.hill{position:absolute;bottom:-83px;right:-60px;width:440px;height:230px;border-radius:50%;background:#96c9a9}.tower,.house{position:absolute;bottom:66px;display:grid;place-items:center;font-weight:800;color:#416e6b;background:#f2d9a5;border:4px solid #fff9ed;box-shadow:0 6px 0 #dfc38d}.tower{left:106px;width:76px;height:142px;border-radius:25px 25px 6px 6px;font-size:25px}.tower:before{content:"";position:absolute;top:-35px;border-left:42px solid transparent;border-right:42px solid transparent;border-bottom:36px solid #e98c68}.house{right:86px;bottom:51px;width:112px;height:102px;border-radius:6px;font-size:25px;background:#d7c7ed}.house:before{content:"";position:absolute;top:-41px;border-left:66px solid transparent;border-right:66px solid transparent;border-bottom:42px solid #8b78bb}.path{position:absolute;bottom:-75px;left:60px;width:300px;height:128px;border:6px dashed #fff3d6;border-radius:50%;transform:rotate(-13deg)}.spark{position:absolute;color:#e3ad41}.s1{top:148px;left:200px}.s2{top:42px;right:160px;font-size:22px}.hero-caption{position:absolute;bottom:22px;right:50%;transform:translateX(50%);color:#376c63;font-size:12px;font-weight:700}.map-section{max-width:1064px;margin:auto;padding:0 28px 64px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.section-heading h2{font-size:25px;margin:4px 0 0}.map-note{font-size:12px;color:var(--muted);padding-bottom:5px}.stations{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.station{display:flex;min-height:184px;border:1px solid var(--line);border-radius:20px;background:#fff;overflow:hidden;padding:17px;gap:18px;align-items:center}.station-icon{width:126px;height:144px;flex:0 0 126px;border-radius:17px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.station-teal .station-icon{background:#e2f2ed;color:#247f72}.station-coral .station-icon{background:#fff0e9;color:#d77259}.station-violet .station-icon{background:#eeeafa;color:#7563b3}.station-gold .station-icon{background:#fff4d9;color:#b37a1d}.place-value{gap:4px;align-items:end;padding-bottom:38px}.place-value span{display:grid;place-items:center;border-radius:5px 5px 0 0;color:white;font-size:11px;width:31px;background:#56a38e}.place-value span:nth-child(1){height:30px}.place-value span:nth-child(2){height:56px;background:#e5b454}.place-value span:nth-child(3){height:78px;background:#6b92b4}.pattern-art{flex-direction:column;gap:2px;font-size:20px;line-height:1.25}.machine-art{gap:7px;font-weight:700;font-size:17px}.machine-art b{font-size:11px;color:#8a7bb8;padding:8px 4px;border:1px dashed currentColor;border-radius:7px}.million-art{flex-direction:column;gap:8px;font-size:16px;font-weight:800}.station-body{min-width:0}.station-num{font-size:10px;color:var(--muted)}.station h3{font-size:17px;margin:3px 0}.station p{font-size:11px;color:var(--muted);margin:0 0 10px}.station-button{min-height:35px;border-radius:10px;padding:5px 11px;background:#edf5f1;color:#256e65;font-size:11px}.station-coral .station-button{background:#fff0ea;color:#a95240}.station-violet .station-button{background:#f1eef9;color:#65539e}.station-gold .station-button{background:#fff5dc;color:#986818}.about{max-width:1008px;margin:0 auto 72px;border-radius:20px;background:#eaf3e9;padding:22px 30px;display:flex;align-items:center;gap:20px}.about-star{font-size:35px;color:#6da47c}.about h2{font-size:16px;margin:0 0 3px}.about p{font-size:12px;color:var(--muted);margin:0}footer{max-width:1064px;margin:auto;padding:20px 28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:11px}footer span:first-child{font-weight:800;color:var(--teal)}dialog{border:0;padding:0;border-radius:22px;width:min(590px,calc(100% - 24px));max-width:none;box-shadow:0 25px 100px #1b354455;color:var(--ink)}dialog::backdrop{background:#1a2c35aa;backdrop-filter:blur(3px)}.game-shell{padding:28px}.close{float:left;border:0;background:#f1f3f1;border-radius:50%;width:36px;height:36px;font-size:22px;color:var(--muted);cursor:pointer}.game-kicker{font-size:11px;color:var(--teal);font-weight:700}.game-shell h2{font-size:25px;margin:8px 0}.game-desc{color:var(--muted);font-size:14px}.example{background:#f2f7f4;border-radius:14px;padding:13px 16px;margin:18px 0;font-size:14px}.challenge{border-top:1px solid var(--line);padding-top:14px}.challenge label{font-size:14px;font-weight:700;display:block;margin-bottom:8px}.answer-row{display:flex;gap:8px}.answer-row input{font:inherit;min-width:0;flex:1;border:1px solid #cbd7d1;border-radius:12px;padding:10px 12px}.answer-row button{background:var(--teal);color:#fff}.hint-btn{border:0;background:none;color:var(--teal);font:inherit;font-size:13px;cursor:pointer;padding:12px 0}.feedback{min-height:28px;font-size:13px;font-weight:600}.feedback.good{color:#21815d}.feedback.try{color:#b26b2a}.game-next{background:#273d4c;color:#fff}.small-note{font-size:11px;color:var(--muted)}@media(max-width:700px){.topbar{padding:12px 18px;gap:10px}.topbar nav{display:none}.profile{margin-inline-start:auto}.hero{grid-template-columns:1fr;gap:25px;margin:0 auto 50px;padding:18px 20px 0}.hero-copy{padding:4px 0}.hero-art{height:255px;grid-row:1}.hero-copy>p{font-size:14px}.map-section{padding:0 18px 48px}.section-heading{align-items:start;gap:12px}.section-heading h2{font-size:21px}.map-note{font-size:10px}.stations{grid-template-columns:1fr;gap:11px}.station{min-height:150px;padding:12px;gap:13px}.station-icon{width:96px;height:124px;flex-basis:96px}.station h3{font-size:15px}.station p{font-size:10px}.about{margin:0 18px 46px;padding:18px;gap:12px}.about h2{font-size:14px}.about p{font-size:11px}footer{padding:18px;gap:8px}.game-shell{padding:20px}.game-shell h2{font-size:21px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}