@font-face{font-family:Vazir;src:url('Vazirmatn.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}body{margin:0;background:#d5f0ec;color:#344b49;font-family:Vazir,Tahoma,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #5c4286;outline-offset:6px}[v-cloak]{display:none}#app{min-height:100svh;position:relative;overflow:hidden;padding:0 5.2%;isolation:isolate}.landscape{position:absolute;inset:0;z-index:-2;overflow:hidden;background:linear-gradient(#b7e8ed 0%,#dcf4e9 70%,#edf4d7 100%)}header{height:116px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:12px;color:#2f6151;text-decoration:none;font-size:24px;font-weight:900;line-height:1.5}.brand small{display:block;font:9px/1.4 Arial;letter-spacing:2.3px;color:#65857a}.brand-icon{background:#fff9df;border-radius:18px;font:44px/58px Georgia;text-align:center;color:#eaaa41;width:58px;height:58px;box-shadow:0 4px 0 #9bcfc1}.header-actions{display:flex;align-items:center;gap:10px;direction:rtl}.sound-caption{font-size:12px;color:#5c7c78;margin-left:7px}.icon-btn{height:44px;width:44px;border:1px solid #fff;background:#f6fcf2cc;border-radius:15px;display:grid;place-items:center;box-shadow:0 3px 0 #9dcfc8;color:#526d65}.icon-btn svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.icon-btn:hover{background:white;transform:translateY(-2px)}main{position:relative;margin:16px auto 0;text-align:center;max-width:800px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.1px;color:#607c6e;display:flex;gap:8px;align-items:center;justify-content:center}.eyebrow span{width:6px;height:6px;border-radius:50%;background:#74a488}h1{font-size:clamp(28px,3vw,40px);margin:14px 0 8px;font-weight:900;letter-spacing:-1.7px;color:#304f48}h1 em{font-style:normal;color:#5b8270;position:relative}h1 em:after{content:'';position:absolute;right:0;bottom:-4px;width:100%;height:8px;border-bottom:3px solid #e8bb51;border-radius:50%}.intro{font-size:14px;color:#729086;margin:15px 0 30px}.game-meta{display:flex;align-items:center;justify-content:space-between;max-width:570px;margin:0 auto 20px;font-size:12px}.level{display:flex;align-items:center;gap:7px}.level>span{font-size:20px}.score{background:#ffffff85;padding:7px 13px;border:1px solid #fff9;border-radius:22px;color:#6d7860}.score strong{color:#476552;margin:0 5px}.game{position:relative;min-height:386px}.reel-row{display:flex;gap:22px;justify-content:center;align-items:center}.reel{position:relative;width:155px;height:193px;border:7px solid #f1bcbe;border-radius:30px;background:#f1bcbe;box-shadow:0 9px 0 #cf909b,0 15px 16px #497f6c16;transition:transform .25s}.reel-1{border-color:#a5d9c8;background:#a5d9c8;box-shadow:0 9px 0 #75b9a3,0 15px 16px #497f6c16}.reel-2{border-color:#c8bee9;background:#c8bee9;box-shadow:0 9px 0 #a193cb,0 15px 16px #497f6c16}.reel-face{height:100%;border:3px solid #fffdf6;border-radius:23px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(#fffdf4 8%,#fff8e6 50%,#fcf1d9);position:relative}.reel-face:after{content:'';position:absolute;top:5px;left:10px;width:45px;height:4px;border-radius:9px;background:white}.letter{color:#634683;font-family:'Trebuchet MS',Arial,sans-serif;font-weight:900;font-size:112px;line-height:1;display:block;padding-bottom:12px}.letter.ghost{color:#e8d8b2;font-size:90px;padding-bottom:23px}.reel.active{transform:translateY(-4px)}.reel.active .reel-number{background:#527c67;color:#fff}.reel-number{position:absolute;bottom:-30px;left:calc(50% - 10px);font:10px/20px Arial;width:20px;height:20px;border-radius:50%;background:#fff9;color:#8a9f8f}.spinning .letter{animation:roll .065s linear infinite;filter:blur(1px)}@keyframes roll{from{transform:translateY(-55px)}to{transform:translateY(55px)}}.spin-area{display:flex;align-items:center;justify-content:center;gap:20px;flex-direction:column;margin-top:44px}.spin-button{position:relative;display:grid;place-items:center;width:88px;height:88px;border:5px solid #fff6cd;border-radius:30px;background:linear-gradient(145deg,#ffdf76,#ffb62e 65%,#f4a624);box-shadow:0 7px 0 #d99525,0 12px 20px #a4ae6240;transition:transform .15s,box-shadow .15s}.spin-button:before{content:'';position:absolute;left:12px;top:7px;width:28px;height:7px;border-radius:50%;background:#fff6bf9c;transform:rotate(-20deg)}.spin-button svg{width:45px;height:45px;fill:none;stroke:#fff;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 0 #da9638)}.spin-button:hover:not(:disabled){transform:translateY(-3px)}.spin-button:active:not(:disabled){transform:translateY(5px);box-shadow:0 2px 0 #d99525}.spin-button:disabled{opacity:.75}.spin-hint{display:flex;flex-direction:column;gap:6px}.spin-hint strong{font-size:14px;color:#5d7461}.spin-hint span{font-size:10px;color:#8a9d83}.feedback{font-size:13px;min-height:26px;margin:18px 0 0;color:#869b82}.feedback.error{color:#c25c55}.feedback.success{color:#348267;font-weight:700}.meaning{display:block;font-weight:400;font-size:12px;margin-top:5px}.answer-area{margin:42px auto 0;max-width:495px;animation:appear .35s ease-out}.question{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px}.question strong{font-size:14px;color:#577362}.listen{border:0;background:#fff9;border-radius:15px;padding:6px 12px;color:#6b6687;font-size:11px}.listen:disabled{opacity:.5}.choices{display:flex;justify-content:center;gap:15px}.choice{width:140px;height:110px;border:3px solid #fff9;background:#fff8eecf;border-radius:25px;box-shadow:0 5px 0 #b0c2a4;transition:.2s;position:relative}.choice>span{font-size:58px;display:block;line-height:1.5}.choice:hover:not(:disabled){transform:translateY(-5px);background:white}.choice.wrong{border-color:#de8f88;background:#ffe5df;animation:shake .3s}.choice.correct{background:#d4f5d9;border-color:#62ae86;box-shadow:0 5px 0 #62ae86}.choice b{position:absolute;right:-7px;top:-10px;width:28px;height:28px;background:#4f9f77;color:white;border-radius:50%;line-height:28px}.next-button,.retry{margin:15px 0 5px;border:1px solid #50866a;border-radius:16px;padding:11px 23px;color:white;background:#5d9274;box-shadow:0 4px 0 #3c6c55;font-weight:600;font-size:13px}.next-button span{margin-right:14px}.steps{display:flex;justify-content:center;align-items:center;gap:18px;font-size:11px;color:#81977a;margin:45px auto 0;position:relative;z-index:1}.steps span{display:flex;align-items:center;gap:7px}.steps b{display:grid;place-items:center;width:23px;height:23px;border:1px solid #92b48e;border-radius:50%;font-weight:400}.steps .current{color:#416d53}.steps .current b{background:#5f8967;color:white;border-color:#5f8967}.steps i{color:#9bb48f;font-style:normal;letter-spacing:2px}footer{display:flex;align-items:center;justify-content:space-between;position:relative;margin-top:65px;padding:22px 0;color:#6d9267;font-size:11px;border-top:1px solid #7ea46f30}.footer-en{font:9px Arial;letter-spacing:1.7px}.hill{position:absolute;width:150%;left:-25%;border-radius:50% 50% 0 0}.hill-back{height:450px;bottom:-230px;background:#cee0b0;transform:rotate(-8deg);box-shadow:0 -20px 0 #d8e8c1}.hill-front{height:330px;bottom:-205px;background:#b8d59c;transform:rotate(8deg)}.sun{position:absolute;left:13%;top:22%;width:93px;height:93px;border:8px solid #fff0b0;border-radius:50%;background:#ffe397;box-shadow:0 0 0 14px #fff4bf40;color:#b58947;transform:rotate(-10deg)}.sun:before,.sun:after{content:'';position:absolute;width:5px;height:9px;border-radius:50%;background:#a58345;top:29px}.sun:before{left:24px}.sun:after{right:24px}.sun b{position:absolute;font:35px Georgia;top:32px;left:27px}.sun i{position:absolute;top:44px;left:12px;background:#f4b292;width:13px;height:6px;border-radius:50%;box-shadow:39px 0 #f4b292}.cloud{height:30px;width:140px;border-radius:60px;background:#ffffff75;position:absolute;filter:blur(.3px)}.cloud:before,.cloud:after{content:'';position:absolute;border-radius:50%;background:inherit;bottom:0}.cloud:before{height:64px;width:67px;left:23px}.cloud:after{height:43px;width:56px;right:13px}.cloud-one{left:5%;top:44%;transform:scale(1.5);opacity:.6}.cloud-two{right:7%;top:25%;transform:scale(.8)}.cloud-three{right:15%;top:52%;opacity:.4}.flower{position:absolute;font-family:Georgia;color:#fffbdc;text-shadow:0 2px #9bbd84;line-height:1}.f1{bottom:10%;left:9%;font-size:42px;transform:rotate(15deg)}.f2{bottom:6%;right:15%;font-size:30px}.f3{bottom:22%;right:6%;font-size:23px}.f4{bottom:18%;left:23%;font-size:22px}.sprout{position:absolute;font-size:32px;opacity:.6}.s1{bottom:14%;right:24%;transform:rotate(20deg)}.s2{bottom:18%;left:4%;transform:rotate(-15deg)}.confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden}.confetti i{position:absolute;left:var(--x);top:-20px;width:9px;height:15px;background:var(--c);border-radius:3px;animation:fall 2.8s ease-in forwards;animation-delay:calc(var(--n)*.025s)}@keyframes fall{to{transform:translateY(105vh) rotate(700deg)}}@keyframes appear{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{25%{transform:translateX(-7px)}75%{transform:translateX(7px)}}@media(min-width:1500px){main{margin-top:40px}.reel{width:180px;height:220px}.game{min-height:440px}footer{margin-top:75px}}@media(max-width:650px){#app{padding:0 6%}header{height:92px}.brand{font-size:19px;gap:9px}.brand-icon{width:45px;height:45px;font-size:33px;line-height:45px;border-radius:14px}.brand small{font-size:7px;letter-spacing:1.4px}.sound-caption{display:none}.icon-btn{width:38px;height:38px;border-radius:13px}.header-actions{gap:8px}main{margin:15px auto 0}.eyebrow{font-size:10px}h1{font-size:29px;margin-top:16px}.intro{font-size:11px;margin-bottom:27px}.game-meta{font-size:10px;margin-bottom:21px}.reel-row{gap:12px}.reel{width:min(26vw,140px);height:min(34vw,175px);border-width:5px;border-radius:23px}.reel-face{border-width:2px;border-radius:18px}.letter{font-size:clamp(65px,20vw,95px)}.letter.ghost{font-size:65px}.spin-area{margin-top:40px;gap:18px}.spin-button{height:77px;width:77px;border-radius:27px}.game{min-height:350px}.steps{font-size:9px;gap:8px;margin-top:30px}.steps span{gap:4px}.steps b{width:20px;height:20px}.steps i{letter-spacing:0}footer{margin-top:42px;font-size:9px;padding:20px 0}.footer-en{font-size:6px;letter-spacing:.8px}.sun{left:-28px;top:27%;transform:scale(.65)}.cloud-two{right:-60px;top:23%}.cloud-one{left:-80px;top:50%}.cloud-three{display:none}.question strong{font-size:11px}.listen{font-size:10px;padding:6px 8px}.choice{width:29%;height:95px;border-radius:21px}.choice>span{font-size:49px}.choices{gap:10px}.answer-area{margin-top:39px}.feedback{font-size:12px}.f4,.s1{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.confetti{display:none}}
.choice img{width:64px;height:64px;object-fit:contain;vertical-align:middle}@media(max-width:650px){.choice img{width:56px;height:56px}}
.welcome{max-width:920px;margin-top:36px}.welcome h1{font-size:clamp(25px,3vw,38px)}.age-options{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:38px 0 28px}.age-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:30px 15px 22px;border:2px solid #fff9;background:#fff9;border-radius:28px;color:#416453;box-shadow:0 5px 0 #6e9f7d30;transition:.2s}.age-card:hover{transform:translateY(-4px)}.age-card.chosen{border-color:#66987a;box-shadow:0 6px 0 #66987a55;background:#fffdf0}.age-icon{font-size:45px;line-height:1.3}.age-card strong{font-size:21px}.age-range{font-size:11px;opacity:.7}.age-card small{font-size:11px;line-height:1.9;opacity:.8;min-height:40px}.saved-progress{font-size:10px;border-radius:20px;padding:6px 11px;background:#dfeadd;color:#486c53}.start-button{border:0;background:#527f65;color:white;font-weight:700;font-size:16px;border-radius:18px;box-shadow:0 5px 0 #325b45;padding:14px 35px}.start-button:disabled{opacity:.6}.start-button>span{margin-right:25px}.welcome-details{font-size:11px;margin:25px 0 0;opacity:.7}.profile-bar{max-width:570px;margin:0 auto 18px;display:flex;align-items:center;justify-content:space-between;font-size:12px}.profile-bar button{border:0;background:#ffffff80;border-radius:14px;padding:6px 13px;font-size:10px;color:inherit}.game-meta{margin-bottom:12px}.level-progress{max-width:570px;margin:0 auto 30px}.level-progress>div:first-child{display:flex;justify-content:space-between;font-size:10px;opacity:.7;margin-bottom:8px}.progress-track{height:6px;background:#ffffff80;border-radius:8px;overflow:hidden}.progress-track i{display:block;height:100%;background:#78a588;border-radius:8px;transition:width .4s}.reel-row{gap:clamp(4px,1.5vw,18px)}.reel{width:min(155px,calc((100% - (var(--count) - 1)*18px)/var(--count)));flex-shrink:0}.reel-row.long .reel{height:clamp(72px,15vw,145px);border-width:4px;border-radius:18px}.reel-row.long .reel-face{border-width:2px;border-radius:13px}.reel-row.long .letter{font-size:clamp(20px,calc(480px / var(--count)),80px);padding-bottom:5px}.reel-row.long .reel-number{bottom:-26px}.reel-row.long .reel-face:after{width:35%;left:10%}.level-up{font-size:12px;color:#38805b;padding-top:12px}.level-map{display:flex;justify-content:center;gap:8px;direction:ltr;flex-wrap:wrap;margin:26px auto 0}.level-map span{font:11px/25px Arial;width:25px;height:25px;border:1px solid #71977a50;border-radius:9px;color:#88a08a;background:#fff3}.level-map .passed{background:#6c9b7a;color:white}.level-map .now{border:2px solid #63846c;background:#fff9;color:#41634b;font-weight:700;line-height:22px}.completion{min-height:500px;padding-top:45px}.trophy{font-size:85px}.completion p{line-height:2;font-size:14px}.completion .start-button{margin-top:25px}.theme-teen{color:#4e476b}.theme-teen .landscape{background:linear-gradient(#d4d3f4,#eeebff 70%,#e6dfef)}.theme-teen .hill-back{background:#c5b9df;box-shadow:0 -20px 0 #d6cce9}.theme-teen .hill-front{background:#b7acd1}.theme-teen h1,.theme-teen .brand{color:#514776}.theme-teen h1 em,.theme-teen .intro,.theme-teen .eyebrow{color:#7c6c9a}.theme-teen .age-card{color:#63517e}.theme-teen .age-card.chosen{border-color:#9682c4;background:#fcf8ff}.theme-teen .start-button,.theme-teen .next-button{background:#8270ad;box-shadow:0 5px 0 #645188;border-color:#645188}.theme-teen .progress-track i,.theme-teen .level-map .passed{background:#9480be}.theme-teen .sun{opacity:.5;transform:scale(.7)}.theme-teen .flower,.theme-teen .sprout{display:none}.theme-adult{color:#d9e5e7}.theme-adult .landscape{background:linear-gradient(135deg,#203944,#1b313b 70%,#28454b)}.theme-adult .hill-back{background:#294a4e;box-shadow:0 -20px 0 #244248}.theme-adult .hill-front{background:#305459}.theme-adult .sun,.theme-adult .cloud,.theme-adult .flower,.theme-adult .sprout{display:none}.theme-adult h1,.theme-adult .brand{color:#e6efec}.theme-adult h1 em{color:#98d4c2}.theme-adult .intro,.theme-adult .eyebrow,.theme-adult .brand small,.theme-adult .sound-caption,.theme-adult footer{color:#abc9c6}.theme-adult .age-card{background:#ffffff0d;border-color:#ffffff20;color:#e0eeeb;box-shadow:none}.theme-adult .age-card.chosen{background:#82bfa01a;border-color:#8bb9ac;box-shadow:0 5px 0 #0b202633}.theme-adult .saved-progress{background:#ffffff15;color:#bfddd0}.theme-adult .start-button,.theme-adult .next-button{background:#629d8d;box-shadow:0 5px 0 #38675c}.theme-adult .question strong,.theme-adult .spin-hint strong,.theme-adult .feedback,.theme-adult .steps,.theme-adult .steps .current,.theme-adult .spin-hint span{color:#b9d6cb}.theme-adult .feedback.success,.theme-adult .level-up{color:#93dfb4}.theme-adult .feedback.error{color:#ffb7aa}.theme-adult .profile-bar button,.theme-adult .score,.theme-adult .listen{background:#ffffff15;color:#d9ebe2;border-color:#ffffff20}.theme-adult .progress-track{background:#ffffff1a}.theme-adult .level-map span{color:#a0bcb0;border-color:#ffffff30}.theme-adult .level-map .now{color:#254439;background:#c4e2d3}.theme-adult .level-map .passed{background:#5c8d7b;color:white}.theme-adult .reel{border-color:#b3c5c2;box-shadow:0 7px 0 #718c89}.theme-adult .reel-1{border-color:#93b8b2}.theme-adult .reel-2{border-color:#9caebc}.theme-adult .reel-face{border-radius:16px}.theme-adult .reel{border-radius:21px}.theme-adult .letter{color:#365d5b}.theme-adult .letter.ghost{color:#cbd5cc}
@media(max-width:650px){.welcome{margin-top:25px}.welcome h1{font-size:25px;line-height:1.7;letter-spacing:-1px}.welcome .intro{line-height:2}.age-options{gap:9px;margin:25px 0}.age-card{padding:18px 5px 15px;gap:7px;border-radius:20px}.age-icon{font-size:31px}.age-card strong{font-size:15px}.age-card small{display:none}.age-range{font-size:9px}.saved-progress{font-size:8px;padding:6px 4px}.welcome-details{font-size:10px}.profile-bar{font-size:11px}.game-meta{font-size:9px}.level-progress{margin-bottom:28px}.reel{width:min(140px,calc((100% - (var(--count) - 1)*6px)/var(--count)));height:min(34vw,175px)}.reel-row{gap:6px}.reel-row:not(.long) .letter{font-size:clamp(28px,calc(240px / var(--count)),85px);padding-bottom:6px}.reel-row.long .letter{font-size:clamp(17px,calc(245px / var(--count)),45px)}.reel-row.long .reel{border-width:2px;border-radius:10px;height:80px}.reel-row.long .reel-face{border-width:1px;border-radius:7px}.reel-row.long .reel-number{font-size:8px;width:15px;height:15px;line-height:15px;left:calc(50% - 7.5px);bottom:-22px}.level-map{gap:5px;max-width:330px}.level-map span{width:23px;height:23px;font-size:10px;line-height:23px}.level-map .now{line-height:20px}.completion p{font-size:12px}.level-up{font-size:10px}.theme-adult .reel-row.long .reel{border-radius:10px}.theme-adult .reel-row.long .reel-face{border-radius:7px}}
.welcome-screen .sun{top:75%;left:3%;opacity:.5}@media(max-width:650px){.reel-row.long .letter{font-size:clamp(12px,calc(170px / var(--count)),42px)}}

.credits{font:8px Arial;opacity:.65;letter-spacing:.3px}footer{flex-wrap:wrap;gap:6px}
/* اینترلن ۱۴۰۵/۰۸/۱۲: عنوان و پر شدن سطح فعلی در نقشه‌ی سطح‌ها؛ عددها فارسی (Vazir) */
.map-title{font-size:11px;opacity:.75;margin-top:22px}.map .level-map{margin-top:10px}
.level-map span,.reel-number{font-family:Vazir,Tahoma,sans-serif}
.level-map .now{background:linear-gradient(to top,#a8d3b4 var(--p,0%),#ffffffb0 var(--p,0%))}
.theme-teen .level-map .now{background:linear-gradient(to top,#c9bce8 var(--p,0%),#ffffffb0 var(--p,0%))}
.theme-adult .level-map .now{background:linear-gradient(to top,#8fc7ad var(--p,0%),#e3f1ea var(--p,0%))}
/* داخل قاب سایت و اپ، یا صفحه‌ی کوتاه: عنوان تزئینی صفحه‌ی بازی برداشته می‌شود تا همه‌چیز بی اسکرول دیده شود */
.embedded header{height:72px}.embedded footer{margin-top:18px;padding:10px 0}
.embedded.screen-game main{margin-top:0}
.embedded.screen-game .side>.eyebrow,.embedded.screen-game .side>h1,.embedded.screen-game .side>.intro{display:none}
@media(max-height:900px){.screen-game .side>.eyebrow,.screen-game .side>h1,.screen-game .side>.intro{display:none}.screen-game main{margin-top:0}}
/* دسکتاپ: افقی — راست پیشرفت و مسیر، چپ خود بازی */
@media(min-width:820px){
header{height:84px}
main.play{max-width:1120px;display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);grid-template-areas:"side game" "steps game" "map game";grid-template-rows:auto auto 1fr;column-gap:clamp(24px,4vw,56px);align-items:start}
main.play .side{grid-area:side}
main.play .game{grid-area:game;align-self:center;min-height:0;padding:10px 0 20px}
main.play .steps{grid-area:steps;flex-direction:column;align-items:flex-start;gap:10px;margin:8px 0 0}
main.play .steps i{display:none}
main.play .map{grid-area:map}
main.play .map-title{margin-top:20px}
main.play .level-map{gap:6px}
main.play .profile-bar,main.play .game-meta,main.play .level-progress{max-width:none}
main.play .level-progress{margin-bottom:10px}
main.play .answer-area,main.play .spin-area{margin-top:36px}
footer{margin-top:24px;padding:14px 0}
}