@import url('https://fonts.googleapis.com/css2?family=Lalezar&family=Vazirmatn:wght@400;500;600;700;800;900&display=swap');
.formats{min-width:0}.format{min-width:0}.format div{min-width:0}.format small{white-space:normal}.formula{font-size:26px;margin-top:18px}.admin-panel{width:1000px}.admin-head h2{margin:18px 0 0}.admin-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:22px 0}.admin-toolbar input{flex:1;min-width:180px}.admin-list{display:grid;gap:12px}.admin-course{display:flex;align-items:center;gap:14px;background:#fcf8ff;border:1px solid #eee0f5;border-radius:17px;padding:18px}.admin-course>div{flex:1}.admin-course small,.resource-row small{display:block;color:#b19bbb;font-size:11px;margin-top:5px}.course-icon{font-size:25px;background:#edddfc;border-radius:13px;padding:12px;color:#aa76cb}.admin-course .btn{font-size:11px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.template-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0 30px}.template-tile{border:2px solid transparent;border-radius:18px;padding:15px;cursor:pointer;font-size:12px}.template-tile:has(input:checked){border-color:#ac6cdb;box-shadow:0 0 0 3px #f2dfff}.template-tile>span{display:block;font-size:32px}.template-tile small{display:block;font-size:9px;margin-top:5px}.lilac{background:#f0e2ff;color:#9763ba}.peach{background:#ffe4e5;color:#cf8a86}.mint{background:#e6f4de;color:#88a968}.sun{background:#fff0bc;color:#bfa052}.chapter-box{border:1px solid #ede2f4;padding:18px;border-radius:18px;margin:18px 0}.chapter-box .admin-toolbar{margin:0 0 12px;justify-content:space-between}.resource-row{display:flex;gap:12px;align-items:center;background:#ffffffb8;border-radius:12px;padding:12px;margin:8px 0}.resource-row>div{flex:1}.resource-row>span{font-size:24px}.resource-row b{font-size:12px}.resource-display{padding:24px;border-radius:20px;margin:20px 0}.resource-display h2{margin:20px 0}.resource-text{line-height:2.2;margin:20px 0;overflow-wrap:anywhere}.panel{overflow-wrap:anywhere}.book{height:285px}.formats{overflow:hidden}.format{gap:7px}.format span{padding:7px 10px}.format{font-size:12px}@media(max-width:620px){.admin-course{flex-wrap:wrap}.admin-course>div{min-width:65%}.template-picker{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr;gap:0}.resource-row{flex-wrap:wrap}.resource-display{padding:15px}.game-stat strong{font-size:17px}}
:root{--ink:#493657;--green:#8641cf;--muted:#9b819d;--bg:#fffcf6}body{background:radial-gradient(ellipse at 90% 10%,#fff0db 0,transparent 40%),var(--bg)}h1,h2,.brand,.cover b,.book b{font-family:Lalezar,Vazirmatn,Tahoma,sans-serif;font-weight:400;letter-spacing:0}h1{font-size:62px;line-height:1.4}h2{font-size:32px}.top{background:#f6da73;color:#684b33;font-weight:600}.logo{background:#a763e7;color:#ffe991;border-radius:18px;transform:rotate(8deg)}.nav{height:100px}.btn{background:#8b45cd;box-shadow:0 4px 0 #6d30aa;border-radius:15px;transition:transform .2s}.btn:hover{transform:translateY(-2px)}.btn.outline{background:white;color:#8151a6;border:1px solid #e7d9f3;box-shadow:0 3px 0 #ece1f5}.hero{padding-top:40px}.hero p{color:#8d7694}.eyebrow{color:#a252c9}.eyebrow:before{background:#e5a144}h1 em{color:#a354d4;text-decoration:underline;text-decoration-color:#f8d476;text-decoration-thickness:8px;text-underline-offset:6px}.scene{background:#f1e3ff;border:2px solid #fff;border-radius:46px;overflow:visible;height:395px}.scene:before{border:2px dashed #d4b2ed;width:320px;height:320px}.scene:after{display:none}.book{background:#a46be4;border-right:8px solid #ba88ef;box-shadow:-12px 15px 0 #ffe195,-22px 29px 0 #f6b8cd,-26px 33px 30px #a777cc29;transform:rotate(-10deg)}.book span{color:#f9eaff}.book b{font-size:30px}.formula{color:#fff0b6}.float{border:2px solid #fff;box-shadow:0 7px 0 #d4b9e43d;transform:rotate(5deg);font-weight:600}.float i{background:#e6f6cb;color:#7aa442}.f1{right:-15px;top:35px}.f2{left:-12px;bottom:32px;transform:rotate(-5deg)}.star{color:#efb844;font-size:64px}.sticker{position:absolute;z-index:3;display:grid;place-items:center;border:4px solid #fff;border-radius:30%;width:70px;height:70px;font-size:42px;box-shadow:0 5px 0 #b590ce30;pointer-events:none}.sticker.one{background:#ffdc7b;top:-18px;left:110px;transform:rotate(-12deg)}.sticker.two{background:#fbb8d1;bottom:0;right:25px;transform:rotate(12deg)}.formats{background:#fff;border:1px solid #efe4f2;border-radius:20px;padding:25px 12px}.format span{color:#ac66d2;background:#f5e9ff;padding:9px 13px;border-radius:13px}.format:nth-child(2) span{color:#d78920;background:#fff3cd}.format:nth-child(3) span{color:#d85f94;background:#ffe6f0}.format:nth-child(4) span{color:#55a78b;background:#e4f8ed}.format small{color:#a697aa}.tag{background:#f0e2ff;color:#9954c4}.chip{border-color:#eee2f1;color:#9b7ca9;border-radius:12px}.chip.active{background:#a363d6;border-color:#a363d6}.card{border-color:#eee3f0;border-radius:23px;box-shadow:0 5px 0 #f3eaf5}.cover{background:#e7f5cf;color:#72933b;border-radius:16px}.cover.purple{background:#eee0ff;color:#9d62c8}.cover.orange{background:#ffe1ea;color:#d8779b}.cover b{font-size:31px}.arrow{background:#f1e4ff;color:#a35fd1}.body h3{color:#6b477d}.meta{color:#a38cab}.price{border-top-color:#f0e8f3}.banner{background:#f1e1fc;color:#8650ac;border:2px solid white;box-shadow:0 6px 0 #e8d8f0}.banner p{color:#a178b5}.banner>div>span{color:#c07f22!important}.banner .btn{background:#f8d875;color:#81591b;box-shadow:0 4px 0 #e5bc4e}.notice{background:#fff4d7;color:#a27c39}.tree{background:#f7edff}.tree b{border-color:#dfc5f2;color:#9360b6}.progress{background:#eee1f5;height:9px}.progress span{background:#b3d66a}.panel{border:3px solid #f5e8ff;border-radius:25px}.close{color:#a56fc6;background:#f6edfc}.footer{border-color:#eee3f0}.game{background:#fff;border:1px solid #ecdef3;border-radius:22px;margin:30px 0 0;padding:22px 28px;display:grid;grid-template-columns:1fr 2fr auto;align-items:center;gap:24px;box-shadow:0 5px 0 #f2e8f8}.game h2{font-size:27px;margin:0}.game p{margin:4px 0;font-size:11px;color:#ab92ae}.game-stats{display:flex;gap:12px}.game-stat{border-radius:16px;padding:10px 17px;background:#fff5ce;min-width:105px;text-align:center}.game-stat:nth-child(2){background:#f6e7ff}.game-stat:nth-child(3){background:#eaf5da}.game-stat strong{display:block;font-size:19px;color:#9c6c36}.game-stat small{font-size:10px;color:#a08b88}.access{display:flex;gap:9px;flex-wrap:wrap;margin:16px 0}.access span{padding:8px 12px;border-radius:9px;font-size:11px;background:#f6eafa;color:#af78c5}.access .free{background:#eaf7dc;color:#739544}.reward{animation:pop .5s ease;background:#fff4ca;border-radius:15px;padding:18px;text-align:center;color:#a7792c;font-size:18px}.badge-row{display:flex;gap:12px;flex-wrap:wrap}.badge{background:#f5eff7;border:2px dashed #e2d3e8;padding:20px;border-radius:18px;text-align:center;flex:1;opacity:.5}.badge.won{background:#fff0c8;border:2px solid #f5d46e;opacity:1}.badge span{display:block;font-size:35px}.badge small{font-size:11px}.game .btn{font-size:12px}.gate{text-align:center;padding:25px;background:#faf1ff;border:1px dashed #d7b6ec;border-radius:18px}.gate .emoji{font-size:40px}.gate h3{color:#a467ca}.gate p{font-size:12px}.previewmap{background:#fff7df;color:#b68c30;border-radius:10px;padding:12px;margin-top:15px}.quiz-option{display:block;width:100%;margin:10px 0;text-align:right}.daily-done{color:#7fa041;font-size:12px}.sparkles{font-size:28px}@keyframes pop{0%{transform:scale(.85)}70%{transform:scale(1.04)}100%{transform:scale(1)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:850px){.game{grid-template-columns:1fr auto}.game-stats{grid-column:1/-1;grid-row:2;justify-content:center}.hero h1{font-size:45px}.scene{height:340px}}@media(max-width:620px){h1,.hero h1{font-size:44px}.scene{margin:8px 10px 20px;height:330px}.game{padding:18px;gap:12px}.game-stat{min-width:0;flex:1;padding:10px}.game-stats{gap:8px;width:100%}.game h2{font-size:24px}.formats{grid-template-columns:repeat(2,1fr)}.f1{right:-10px}.f2{left:-10px}.heading h2{font-size:26px}.banner h2{font-size:29px}.sticker.one{left:60px}}
