@font-face{font-family:Vazir;src:url('../fonts/Vazirmatn-Regular.woff2')}@font-face{font-family:Vazir;src:url('../fonts/Vazirmatn-Bold.woff2');font-weight:700}
:root{--navy:#102a43;--navy2:#183f5d;--teal:#18a999;--teal2:#0f887d;--coral:#ff6b6b;--gold:#ffcc66;--cream:#fff8e9;--ink:#17324a;--muted:#71839a;--white:#fff;--shadow:0 12px 28px rgba(16,42,67,.16)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#e7f1f0;font-family:Vazir,Arial,sans-serif;color:var(--ink);overscroll-behavior:none}body{min-height:100vh;min-height:100dvh;background:radial-gradient(circle at 18% 8%,#ddf7f2,transparent 34%),linear-gradient(160deg,#f8fbf4,#e0efed)}button,input{font:inherit}button{cursor:pointer}.svg-defs{position:absolute}.splash{position:fixed;inset:0;z-index:100;display:none;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center;color:#fff;background:linear-gradient(145deg,#0b2237,#14516d 58%,#18a999)}.splash.active{display:flex}.splash-orbit{position:absolute;width:310px;height:310px;border:1px solid rgba(255,255,255,.15);border-radius:50%;animation:orbit 5s linear infinite}.splash-orbit:after,.splash-orbit:before{content:"";position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%;inset:32px}.splash-orbit:after{inset:68px}.brand-logo{width:116px;height:116px;filter:drop-shadow(0 12px 18px rgba(0,0,0,.16));z-index:1}.splash h1{margin:18px 0 4px;font-size:clamp(26px,8vw,40px)}.splash p{margin:0;color:#d9fffa}.splash small{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));opacity:.75}.loader{width:150px;height:7px;background:#ffffff30;border-radius:20px;margin-top:28px;overflow:hidden}.loader i{display:block;width:45%;height:100%;background:var(--gold);border-radius:inherit;animation:load 1.2s ease-in-out infinite}@keyframes load{50%{transform:translateX(120%)}}@keyframes orbit{to{transform:rotate(360deg)}}
#app{width:min(100%,480px);margin:auto;min-height:100vh;min-height:100dvh;background:var(--cream);box-shadow:0 0 45px rgba(16,42,67,.16);position:relative;overflow:hidden}.topbar{height:70px;padding:calc(10px + env(safe-area-inset-top)) 15px 8px;display:flex;align-items:center;justify-content:space-between;background:var(--navy);color:#fff;position:sticky;top:0;z-index:15}.top-brand{display:flex;align-items:center;gap:7px;font-size:14px}.top-brand svg{width:33px;height:33px}.wallet{display:flex;gap:7px}.wallet span{padding:6px 9px;border-radius:18px;font-size:12px;background:#ffffff13}.wallet .coin{color:var(--gold)}.wallet .life{color:#ff9a9a}.icon-btn{width:42px;height:42px;border:0;border-radius:14px;background:#ffffff16;color:#fff;display:grid;place-items:center}.icon-btn svg,.settings-fab svg,.hint-btn svg{width:23px;height:23px}.page{display:none;min-height:calc(100dvh - 70px);padding:22px 18px 35px;animation:rise .25s ease}.page.active{display:block}#page-menu{min-height:100dvh;padding-top:max(32px,env(safe-area-inset-top));background:radial-gradient(circle at 50% 16%,#2d7690 0,#174c68 34%,#102a43 72%);color:white}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-head small{color:var(--teal);font-weight:700}.page-head h2{margin:2px 0 0;font-size:26px}@keyframes rise{from{opacity:0;transform:translateY(8px)}}.settings-fab{position:absolute;inset-inline-end:16px;top:max(16px,env(safe-area-inset-top));width:46px;height:46px;border:0;border-radius:16px;background:#ffffff17;color:white;display:grid;place-items:center}.menu-hero{text-align:center;position:relative}.menu-hero .brand-logo{width:128px;height:128px}.menu-hero h1{font-size:30px;margin:8px 0 0}.menu-hero p{margin:3px 0 24px;color:#bde8e2}.btn{border:0;border-radius:17px;min-height:50px;padding:12px 20px;font-weight:700;transition:.15s}.btn:active,.menu-card:active,.letter:active{transform:scale(.96)}.primary{background:linear-gradient(135deg,var(--gold),#ffa952);color:#563509;box-shadow:0 9px 18px #ffb54840}.king{width:100%;font-size:19px;min-height:61px}.ghost{background:#e8f1ef;color:var(--ink)}.danger{background:#fff0f0;color:#b83c46}.text{background:transparent;color:var(--teal)}.small{min-height:40px;padding:7px 13px}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px}.menu-card{border:1px solid #ffffff17;background:#ffffff10;color:#fff;min-height:85px;border-radius:20px;padding:10px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.menu-card span{font-size:26px;color:var(--gold)}.menu-card b{font-size:12px}.menu-card.coral span{color:#ff9e9e}.lang-pill{display:block;margin:18px auto 0;border:1px solid #ffffff38;background:transparent;color:#fff;border-radius:20px;padding:7px 18px}.progress-ring{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:12px;background:conic-gradient(var(--teal) var(--p,0%),#d8e5e2 0);border:5px solid #fff;box-shadow:var(--shadow)}
.chapter{margin:18px 0 25px}.chapter-title{display:flex;align-items:center;gap:8px;color:var(--muted)}.chapter-title:after{content:"";height:1px;flex:1;background:#d7e3df}.map-path{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 8px;position:relative}.level-node{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:5px;color:var(--ink)}.level-node .orb{width:62px;height:62px;border-radius:22px;display:grid;place-items:center;color:#fff;font-size:21px;font-weight:bold;background:linear-gradient(145deg,var(--teal),var(--teal2));box-shadow:0 8px 0 #0b6f67,0 12px 18px #0c6e6630}.level-node:nth-child(even){transform:translateY(14px)}.level-node.locked{filter:grayscale(.9);opacity:.45}.level-node.done .orb{background:linear-gradient(145deg,#ffcf67,#f0a338);box-shadow:0 8px 0 #bd7623,0 12px 18px #bd762330}.level-node small{font-size:11px;max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stars{color:#f2aa35;letter-spacing:-2px;font-size:11px}
.gameplay{background:linear-gradient(#ddf5f1,#fff8e9)}.game-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.game-head .icon-btn{color:var(--ink);background:#fff}.hint-btn{border:0;border-radius:14px;background:#fff;color:#e39a28;display:flex;gap:6px;align-items:center;padding:10px 13px;box-shadow:var(--shadow)}.picture-frame{height:min(39vh,320px);border:7px solid #fff;border-radius:30px;overflow:hidden;box-shadow:var(--shadow);position:relative;background:#f4e5ca}.picture-frame img{width:100%;height:100%;object-fit:cover}.picture-shine{position:absolute;inset:0;background:linear-gradient(120deg,transparent 35%,#ffffff33 47%,transparent 58%);transform:translateX(-120%);animation:shine 4s 1s infinite}@keyframes shine{35%,100%{transform:translateX(120%)}}.prompt{text-align:center;color:var(--muted);margin:14px 0 10px}.answer-slots{display:flex;justify-content:center;gap:7px;direction:ltr;flex-wrap:wrap;min-height:53px}.answer-slot{width:43px;height:50px;border-radius:13px;border:2px solid #b8d5d0;background:#fff;display:grid;place-items:center;font-size:22px;font-weight:bold;box-shadow:0 5px 0 #c7d9d6}.answer-slot.filled{border-color:var(--teal);color:var(--navy)}html[dir=rtl] .answer-slots{direction:rtl}.letter-bank{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:19px auto;max-width:360px;direction:ltr}.letter{width:48px;height:48px;border:0;border-radius:14px;background:var(--navy);color:#fff;font-size:20px;font-weight:bold;box-shadow:0 6px 0 #091c2c}.letter.used{opacity:.12;pointer-events:none}.game-actions{display:flex;align-items:center;justify-content:center;gap:15px}.tries{color:var(--coral)}.tutorial-tip{position:fixed;z-index:10;bottom:20px;left:50%;transform:translateX(-50%);background:var(--navy);color:#fff;border-radius:18px;padding:12px 18px;max-width:330px;width:84%;box-shadow:var(--shadow);display:none;text-align:center}.tutorial-tip.show{display:block}.tutorial-tip i{position:absolute;top:-18px;left:50%;border:10px solid transparent;border-bottom-color:var(--navy)}
.mentor-card,.upgrade-scene,.quiz-card,.about-card,.hero-profile,.pass-banner{background:#fff;border-radius:24px;padding:18px;box-shadow:var(--shadow);margin-bottom:16px}.mentor-card{display:flex;gap:13px;align-items:center}.mentor-avatar{width:66px;height:66px;border-radius:22px;background:linear-gradient(145deg,var(--teal),#0d7282);color:#fff;display:grid;place-items:center;font-size:30px;font-weight:bold;border:4px solid #c9f1e8}.mentor-avatar.large{width:110px;height:110px;margin:auto;font-size:46px;border-radius:36px}.mentor-card p{margin:5px 0;color:var(--muted)}.upgrade-scene{text-align:center;background:linear-gradient(145deg,#fff5d6,#fff)}.shelf{height:85px;border-bottom:10px solid #9c633d;display:flex;align-items:flex-end;justify-content:center;gap:5px}.shelf i{width:22px;height:52px;background:var(--coral);border-radius:4px}.shelf i:nth-child(2){height:68px;background:var(--teal)}.shelf i:nth-child(3){height:43px;background:var(--gold)}.quiz-card .choice{width:100%;border:1px solid #d8e5e2;background:#f5faf9;border-radius:14px;padding:12px;margin-top:8px;color:var(--ink)}.stack{display:grid;gap:12px}.shop-card{background:#fff;border-radius:21px;padding:16px;box-shadow:var(--shadow);display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:12px}.shop-card .shop-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#e3f6f2;color:var(--teal);font-size:24px;font-weight:bold}.shop-card h3,.shop-card p{margin:0}.shop-card p{font-size:12px;color:var(--muted)}.shop-card button{border:0;border-radius:12px;background:var(--navy);color:#fff;padding:9px}.pass-banner{background:linear-gradient(135deg,#263f5b,#102a43);color:#fff;display:flex;justify-content:space-between;align-items:center}.pass-rows{display:grid;gap:9px}.pass-row{background:#fff;border-radius:16px;padding:10px 14px;display:grid;grid-template-columns:36px 1fr 1fr;align-items:center;box-shadow:0 5px 14px #102a4312}.pass-row div{text-align:center;font-size:12px}.pass-row .claimed{color:var(--teal)}.wheel-wrap{width:290px;height:290px;margin:28px auto;position:relative}.wheel{width:100%;height:100%;border-radius:50%;border:10px solid var(--navy);background:conic-gradient(var(--coral) 0 12.5%,var(--gold) 0 25%,var(--teal) 0 37.5%,#63b5d2 0 50%,var(--coral) 0 62.5%,var(--gold) 0 75%,var(--teal) 0 87.5%,#63b5d2 0);position:relative;transition:transform 3.5s cubic-bezier(.2,.8,.15,1)}.wheel span{position:absolute;left:46%;top:8%;transform-origin:10px 122px;font-weight:bold;color:var(--navy)}.wheel span:nth-child(2){transform:rotate(45deg)}.wheel span:nth-child(3){transform:rotate(90deg)}.wheel span:nth-child(4){transform:rotate(135deg)}.wheel span:nth-child(5){transform:rotate(180deg)}.wheel span:nth-child(6){transform:rotate(225deg)}.wheel span:nth-child(7){transform:rotate(270deg)}.wheel span:nth-child(8){transform:rotate(315deg)}.pointer{position:absolute;z-index:2;left:calc(50% - 15px);top:-12px;border-left:15px solid transparent;border-right:15px solid transparent;border-top:32px solid var(--navy)}.center{text-align:center}.muted{color:var(--muted)}.album-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.album-card{aspect-ratio:.82;background:#fff;border-radius:18px;padding:6px;text-align:center;box-shadow:0 6px 15px #102a4314;overflow:hidden}.album-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:13px}.album-card.locked img{filter:grayscale(1) blur(4px);opacity:.35}.album-card b{font-size:12px}.hero-profile{text-align:center}.hero-profile p{color:var(--muted)}.xp{height:10px;border-radius:20px;background:#dfeae8;overflow:hidden}.xp i{display:block;height:100%;background:var(--teal);width:0}.skill-tree{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.skill{background:#fff;border-radius:18px;text-align:center;padding:16px 8px;box-shadow:var(--shadow)}.skill span{display:grid;place-items:center;margin:auto;width:48px;height:48px;border-radius:50%;background:#e3f5f2;color:var(--teal);font-size:24px}.skill b{font-size:12px}.settings-list{display:grid;gap:10px}.settings-list label,.setting-link{min-height:59px;padding:12px 15px;border:0;border-radius:17px;background:#fff;display:flex;justify-content:space-between;align-items:center;color:var(--ink);box-shadow:0 5px 14px #102a4310}.settings-list input{width:45px;height:25px;accent-color:var(--teal)}.about-card{text-align:center}.about-card .brand-logo{width:90px;height:90px}.about-card a{color:var(--teal)}.about-card hr{border:0;border-top:1px solid #e3ecea;margin:20px}.overlay{position:fixed;inset:0;z-index:50;background:#071725b8;display:grid;place-items:center;padding:22px}.overlay[hidden]{display:none}.modal{width:min(100%,410px);max-height:88vh;overflow:auto;background:#fffdf6;border-radius:28px;padding:25px;text-align:center;position:relative;animation:pop .25s ease}.modal-x{position:absolute;inset-inline-end:12px;top:10px;border:0;background:transparent;font-size:27px;color:var(--muted)}.modal-icon{width:72px;height:72px;border-radius:24px;background:#e3f6f2;color:var(--teal);font-size:36px;display:grid;place-items:center;margin:auto}.modal h2{margin-bottom:5px}.modal p{color:var(--muted)}.modal-actions{display:grid;gap:8px;margin-top:16px}.toast{position:fixed;z-index:80;bottom:25px;left:50%;transform:translate(-50%,120px);background:var(--navy);color:#fff;padding:12px 18px;border-radius:15px;transition:.25s;max-width:350px;text-align:center}.toast.show{transform:translate(-50%,0)}@keyframes pop{from{opacity:0;transform:scale(.9)}}
@media(max-width:360px){.page{padding-inline:13px}.menu-hero .brand-logo{width:104px;height:104px}.menu-hero h1{font-size:25px}.menu-card{min-height:76px}.answer-slot{width:38px;height:45px}.letter{width:43px;height:43px}.picture-frame{height:31vh}.wheel-wrap{width:250px;height:250px}.wheel span{transform-origin:10px 102px}}@media(min-width:700px){body{padding:18px}#app{border-radius:30px;min-height:calc(100dvh - 36px)}.page{min-height:calc(100dvh - 106px)}#page-menu{min-height:calc(100dvh - 36px);border-radius:30px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}