@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-cyrillic-400-normal-xAOo5cBP.woff2) format("woff2"),url(/assets/nunito-cyrillic-400-normal-D1j0u8EH.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-cyrillic-700-normal-DP36NgGt.woff2) format("woff2"),url(/assets/nunito-cyrillic-700-normal-DfHRUDv-.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-cyrillic-800-normal-D3igD7Kl.woff2) format("woff2"),url(/assets/nunito-cyrillic-800-normal-DymMgApb.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-latin-400-normal-r8SDr6Up.woff2) format("woff2"),url(/assets/nunito-latin-400-normal-DKg4f3fz.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-700-normal-Dort48En.woff2) format("woff2"),url(/assets/nunito-latin-700-normal-OcDqTBcA.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-800-normal-Dz8SOQK_.woff2) format("woff2"),url(/assets/nunito-latin-800-normal-D-J0wlBY.woff) format("woff")}:root{--color-primary: #416b48;--color-primary-hover: #315439;--color-ink: #293e31;--color-muted: #61705e;--color-background: #eaf1dc;--color-surface: #fffdf7;--color-line: #d4dfc8;--color-yellow: #f2c96b;--color-peach: #f4d8c6;--color-blue: #d9e8ec;--color-danger: #874735;--color-focus: #2c537c;--scroll-thumb: #829274;--scroll-track: #e3ebd8;--scroll-hover: #5d7453;--scroll-active: #416b48;--font-body: "Nunito", system-ui, sans-serif;--radius-control: 16px;--radius-card: 24px;--radius-panel: 30px;--shadow-card: 0 6px 0 #c7d3bb55, 0 16px 32px #3c523b09;color:var(--color-ink);background:var(--color-background);font-family:var(--font-body);font-synthesis:none;font-size:16px;line-height:1.5;font-weight:400;scrollbar-color:var(--scroll-thumb) var(--scroll-track);scrollbar-width:thin;scrollbar-gutter:stable}*{box-sizing:border-box;scrollbar-color:var(--scroll-thumb) var(--scroll-track);scrollbar-width:thin}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:var(--scroll-track)}*::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:8px;border:2px solid var(--scroll-track)}*::-webkit-scrollbar-thumb:hover{background:var(--scroll-hover)}*::-webkit-scrollbar-thumb:active{background:var(--scroll-active)}body{margin:0}button,input,textarea,select{font:inherit}button{color:inherit}button,a,label.button{touch-action:manipulation}button,a{-webkit-tap-highlight-color:transparent}button:not(:disabled),label.button{cursor:pointer}button:disabled{cursor:default;opacity:.48}a{color:var(--color-primary)}button{border:0;background:none}button,input,a,select,textarea{outline-offset:5px}:focus-visible{outline:3px solid var(--color-focus)}h1:focus,h2:focus{outline:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.18;font-weight:800}h1{font-size:clamp(30px,4vw,48px);letter-spacing:-1.3px}h2{font-size:25px;letter-spacing:-.45px}h3{font-size:19px}p{margin-bottom:20px}svg{flex-shrink:0}img{display:block;max-width:100%;height:auto}fieldset{padding:0;border:0;margin:28px 0}legend{font-weight:800;margin-bottom:12px}small,.note{font-size:13px;color:var(--color-muted);line-height:1.6}.app{max-width:1440px;min-height:100svh;margin:0 auto;padding:0 64px;display:flex;flex-direction:column}.site-header{min-height:106px;display:flex;align-items:center;gap:36px;justify-content:space-between;border-bottom:1px solid var(--color-line)}.brand{display:flex;gap:10px;align-items:center;text-align:left;line-height:1.05;font-weight:800;font-size:24px;letter-spacing:-.7px;padding:8px 0;min-height:52px}.brand-icon{width:44px;height:44px;border-radius:15px;background:var(--color-primary);color:var(--color-surface);display:grid;place-items:center;rotate:-7deg}.brand-sub{display:block;font-size:13px;letter-spacing:1.15px;margin-top:6px}.site-header nav{display:flex;gap:9px;margin:auto}.site-header nav button{min-height:48px;padding:10px 16px;color:var(--color-muted);border-radius:30px;font-size:15px;font-weight:700}.site-header nav button:hover,.site-header nav button[aria-current]{background:#dce7cd;color:var(--color-ink)}.header-actions{display:flex;gap:5px;align-items:center}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;border:1px solid transparent;border-radius:var(--radius-control);font-size:15px;line-height:1.4;font-weight:800;text-decoration:none;transition:background .18s,transform .18s,box-shadow .18s;position:relative;max-width:100%}.button:active:not(:disabled){transform:translateY(2px)}.button.primary{background:var(--color-primary);color:var(--color-surface);box-shadow:0 4px #2c5034}.button.primary:hover:not(:disabled){background:var(--color-primary-hover)}.button.secondary{background:var(--color-surface);border-color:var(--color-line)}.button.secondary:hover:not(:disabled){background:#f5f6eb;border-color:#adbfa1}.button.ghost{background:transparent;padding:12px 14px}.button.ghost:hover:not(:disabled){background:#dbe5cc}.button.danger{background:#f4e2d7;color:var(--color-danger);border-color:#dfc1b0}.button.danger:hover:not(:disabled){background:#edd0bd}.button[aria-pressed=true]{background:var(--color-primary);color:var(--color-surface);border-color:var(--color-primary)}.parents-button{font-size:13px;font-weight:700;white-space:nowrap}.header-actions>.button{padding-inline:12px}.site-header .parents-button{padding-inline:11px}main{flex:1}.home-hero{display:grid;grid-template-columns:1fr 1.02fr;align-items:center;min-height:540px;gap:18px;padding:55px 0 45px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:1.05px;color:var(--color-muted);display:inline-flex;gap:8px;align-items:center}.hero-copy .eyebrow{margin-bottom:24px}.little-sun{font-size:22px;color:#bf8737}.hero-copy h1{font-size:clamp(38px,4.65vw,64px);line-height:1.08;letter-spacing:-2.4px;margin-bottom:25px}.hero-copy h1 span{color:var(--color-primary);position:relative}.hero-copy h1 span:after{content:"";height:6px;background:var(--color-yellow);position:absolute;left:0;right:0;bottom:0;z-index:-1;border-radius:50%;rotate:-2deg}.hero-description{font-size:18px;color:var(--color-muted);line-height:1.65;margin-bottom:29px}.play-button{min-width:235px;min-height:64px;border-radius:20px;gap:15px;font-size:20px}.play-button svg:last-child{margin-left:10px}.hero-note{display:flex;gap:7px;align-items:center;font-size:12px;color:var(--color-muted);margin:19px 0 0}.hero-art{height:395px;position:relative;isolation:isolate}.hero-card{position:absolute;left:50%;top:52%;width:210px;padding:9px 9px 32px;background:var(--color-surface);border-radius:18px;box-shadow:0 10px 28px #374d2b17;transform-origin:50% 90%;border:1px solid #f8faf1}.hero-card img{aspect-ratio:1;object-fit:cover;border-radius:11px}.hero-card-0{transform:translate(-108%,-47%) rotate(-17deg);z-index:1}.hero-card-1{transform:translate(-45%,-60%) rotate(0);z-index:2}.hero-card-2{transform:translate(15%,-40%) rotate(15deg);z-index:3}.card-number{display:grid;place-items:center;background:var(--color-yellow);color:var(--color-ink);width:35px;height:35px;border-radius:50%;position:absolute;bottom:-12px;left:calc(50% - 17px);font-size:18px;font-weight:800;border:4px solid var(--color-background)}.hero-sticker{position:absolute;top:5px;left:50%;transform:translate(-50%) rotate(-4deg);z-index:5;white-space:nowrap;padding:9px 15px;border:1px solid #d5dfc7;border-radius:30px;background:#f5f7e9;font-size:12px;font-weight:700;display:flex;align-items:center;gap:7px}.hero-sticker svg{color:#a07831}.hero-doodle{position:absolute;font-size:50px;color:#cb9e4b}.doodle-one{top:40px;right:8px;rotate:16deg}.doodle-two{left:10px;bottom:35px;font-size:36px;color:#91a678}.art-caption{position:absolute;bottom:6px;left:0;right:0;text-align:center;font-size:12px;color:var(--color-muted)}.home-path{border-top:1px solid var(--color-line);padding:30px 0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.section-heading h1,.section-heading h2{margin:8px 0 0}.section-heading .eyebrow{font-size:11px}.section-heading>.button{font-size:13px}.levels{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.level{min-width:0;background:#f4f6e9;border:1px solid #d9e2cc;border-radius:var(--radius-card);padding:19px 20px 17px;display:flex;flex-direction:column;text-align:left;transition:transform .18s,background .18s}.level:hover{background:var(--color-surface);transform:translateY(-3px)}.level:active{transform:translateY(0)}.level-visual{height:65px;display:flex;align-items:center;padding-left:6px;margin-bottom:13px}.level-visual>span{width:41px;height:49px;border-radius:9px;background:#e1eacb;border:3px solid var(--color-surface);display:grid;place-items:center;margin-left:-6px;box-shadow:0 2px 4px #293e310b;font-weight:800;color:var(--color-primary)}.level-3 .level-visual>span{background:var(--color-peach);color:#86604b}.level-4 .level-visual>span{background:var(--color-blue);color:#54717a}.level-5 .level-visual>span{background:#f3e2b2;color:#816a33}.level-title{font-weight:800;font-size:16px}.level-bottom{margin-top:5px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--color-muted)}.home-footer-note{display:flex;justify-content:center;gap:35px;padding:15px 0 35px}.home-footer-note span{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--color-muted)}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--color-line);min-height:65px;font-size:11px;color:var(--color-muted)}.site-footer>span:first-child{font-weight:800}.site-footer button{min-height:48px;display:flex;align-items:center;gap:6px;font-size:12px}.site-footer button:hover{color:var(--color-ink)}.page-section{padding:46px 0 60px}.count-pill,.local-label{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--color-muted)}.count-pill{padding:9px 14px;border:1px solid var(--color-line);border-radius:24px;white-space:nowrap}.filter-line{display:flex;gap:8px;align-items:center;margin:30px 0 15px;flex-wrap:wrap}.filter-line>span{font-size:14px;margin-right:7px}.filter-line .button{min-width:48px;padding:9px 15px}.categories{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 30px}.categories .button{font-size:12px;padding:9px 14px;min-height:44px}.catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.story-tile{padding:0;text-align:left;border-radius:var(--radius-card);border:1px solid var(--color-line);background:var(--color-surface);overflow:hidden;box-shadow:0 4px #c7d3bb33;transition:transform .18s}.story-tile:hover{transform:translateY(-4px)}.story-cover{aspect-ratio:1;position:relative;padding:8px}.story-cover img{aspect-ratio:1;object-fit:cover;border-radius:18px;width:100%}.story-size{position:absolute;bottom:18px;left:18px;border-radius:20px;background:#fffdf7eb;padding:4px 9px;font-size:11px;font-weight:800}.completed-stamp{position:absolute;right:16px;top:16px;color:#775b1d;background:var(--color-yellow);border-radius:50%;width:32px;height:32px;display:grid;place-items:center}.story-tile-text{padding:8px 17px 20px;position:relative}.story-tile-text h2{font-size:17px;margin:5px 22px 0 0}.story-tile-text svg{position:absolute;right:13px;bottom:20px}.story-category{font-size:10px;color:var(--color-muted)}.load-more{display:flex;margin:30px auto}.extra-packs{padding-top:45px;margin-top:40px;border-top:1px solid var(--color-line)}.extra-packs>p{color:var(--color-muted);font-size:14px}.pack-row{display:flex;gap:18px;align-items:center;padding:20px 0}.pack-row h3{margin:0 0 5px}.pack-row p{font-size:13px;color:var(--color-muted);margin:0}.pack-row>div{flex:1}.pack-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;background:#dce7cd;color:var(--color-primary)}.game-page{max-width:780px;margin:0 auto;padding:26px 0 40px}.game-heading{display:flex;align-items:center;gap:16px;margin-bottom:32px}.game-heading h1{font-size:27px;letter-spacing:-.7px;margin:4px 0 0}.game-heading .eyebrow{font-size:11px;letter-spacing:.4px}.game-heading .button{padding:11px}.game-progress{margin-left:auto;display:flex;gap:6px;align-items:center;background:#f5f7e9;border:1px solid var(--color-line);padding:7px 12px;border-radius:24px;font-size:13px;font-weight:700}.game-progress svg{color:#997831}.slots{display:flex;gap:12px;justify-content:center;margin:0 auto 23px;max-width:610px}.slot{flex:1;min-width:0;max-width:138px;aspect-ratio:1;background:#e0e8d2;border:2px dashed #b9caa8;border-radius:22px;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:7px;opacity:1!important;overflow:hidden}.slot.next{background:#f8faef;border-style:solid;border-color:#9fb58d;box-shadow:0 4px #c7d3bb44}.slot.filled{border:3px solid var(--color-surface);background:var(--color-surface);padding:0;cursor:pointer;box-shadow:var(--shadow-card)}.slot.filled:hover{border-color:#9cb591}.slot img{width:100%;height:100%;object-fit:cover;border-radius:17px}.slot-number{font-size:32px;font-weight:800;color:#758b65;line-height:1.1}.slot.next .slot-number{color:var(--color-primary)}.slot.filled .slot-number{font-size:12px;position:absolute;z-index:1;top:4px;left:4px;width:23px;height:23px;background:var(--color-surface);border-radius:50%;display:grid;place-items:center;color:var(--color-primary)}.slot-label{font-size:9px;color:var(--color-muted);position:absolute;bottom:10px}.instruction{display:flex;justify-content:center;align-items:center;gap:4px}.instruction h2{font-size:23px;margin:0;letter-spacing:-.5px}.instruction .button{padding:10px}.instruction-small{text-align:center;color:var(--color-muted);font-size:13px;margin:0 0 22px}.card-bank{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;max-width:640px;margin:auto}.bank-position{width:calc((100% - 30px) / 3);max-width:195px;aspect-ratio:1;position:relative}.steps-2 .bank-position{width:calc((100% - 16px)/2);max-width:245px}.game-card{width:100%;height:100%;padding:6px;background:var(--color-surface);border:1px solid #d4dfc8;border-radius:25px;box-shadow:var(--shadow-card);transition:transform .2s,box-shadow .2s;animation:appear .22s ease-out}.game-card img{width:100%;height:100%;object-fit:cover;border-radius:19px}.game-card:hover{transform:translateY(-4px);box-shadow:0 8px #bbcaaa66,0 15px 25px #293e3110}.game-card:active{transform:scale(.97)}.bank-position.used{border:2px dashed #cbd7bd;border-radius:25px;background:#e3ebd7}.chosen-mark{height:100%;display:grid;place-items:center;font-size:35px;color:#98ad84}.game-message{min-height:60px;padding:15px 0 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:14px;text-align:center}.game-message strong{font-weight:700}.game-message>span{display:flex;gap:7px;align-items:center;color:#765b27;max-width:90%}.game-tools{display:flex;justify-content:center;gap:8px;margin-bottom:16px}.game-tools .button{font-size:12px;gap:6px}.check-button{min-width:230px;min-height:56px;display:flex;margin:auto;font-size:18px;border-radius:19px}.game-tip{text-align:center;margin:18px 0 0;color:var(--color-muted);font-size:11px}.first-step{display:flex;margin:0 auto 20px;font-size:13px}.success{text-align:center;position:relative}.success h2{font-size:34px;margin:15px 0 10px}.success>p{color:var(--color-muted);font-size:15px}.success-spark{font-size:50px;color:#b49a51;position:absolute;top:5px;left:15%;rotate:15deg}.stars{display:flex;justify-content:center;gap:10px;color:#cbd7bd;font-size:43px;line-height:1}.stars .earned{color:#bd9031;text-shadow:0 3px #dfc178}.story-film{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:30px 0}.story-film>div{width:calc((100% - 24px) / 3);max-width:210px;position:relative}.story-film img{width:100%;aspect-ratio:1;object-fit:cover;border:6px solid var(--color-surface);border-radius:22px;box-shadow:var(--shadow-card)}.story-film>div>span:last-child{display:block;font-size:12px;margin:10px 0 0;color:var(--color-muted)}.film-number{width:25px;height:25px;display:grid;place-items:center;position:absolute;top:11px;left:11px;background:var(--color-surface);border-radius:50%;font-weight:800;font-size:12px}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.success-actions{justify-content:center}.rewards{text-align:center}.rewards h1{margin-top:12px}.reward-total{display:flex;justify-content:center;align-items:center;gap:13px;margin:30px 0 45px}.reward-total svg{color:#aa802c;width:40px;height:40px}.reward-total strong{font-size:50px;line-height:1}.reward-total span{font-size:14px;color:var(--color-muted);max-width:100px;text-align:left}.badge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:0 auto 40px;max-width:1000px}.badge{border:1px solid var(--color-line);border-radius:var(--radius-card);padding:25px 15px;background:#e2ead7}.badge>span{display:grid;place-items:center;width:74px;height:74px;border-radius:50%;margin:0 auto 20px;font-size:46px;color:#879b78;background:#d6e0c9}.badge h2{font-size:17px;margin-bottom:9px}.badge p{font-size:12px;color:var(--color-muted);margin:0}.badge.unlocked{background:var(--color-surface)}.badge.unlocked>span{background:#f4e5bc;color:#9e772c}.parent-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:30px 0}.parent-tabs .button{font-size:13px}.settings-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.settings-panel,.note-panel,.offline-pack{background:#f4f7eb;padding:28px;border:1px solid var(--color-line);border-radius:var(--radius-card);margin-bottom:24px}.settings-panel h2{font-size:22px}.settings-panel p{font-size:14px;color:var(--color-muted)}.check-field{display:flex;gap:12px;align-items:center;line-height:1.5;min-height:48px;font-size:14px;padding:6px 0;cursor:pointer}.check-field input{width:21px;height:21px;accent-color:var(--color-primary);flex-shrink:0}.field{display:flex;flex-direction:column;gap:8px;margin:20px 0;font-size:14px;font-weight:700}.field input:not([type=range]),input[type=number]{min-height:48px;padding:10px 13px;background:var(--color-surface);border:1px solid #b6c6a9;border-radius:12px;width:100%;color:var(--color-ink)}input[type=range]{accent-color:var(--color-primary);min-height:35px;width:100%;cursor:pointer}input[type=file]{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}label.button:focus-within{outline:3px solid var(--color-focus);outline-offset:4px}.upload-actions{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.pack-status{font-size:12px;color:var(--color-primary);display:flex;align-items:center;gap:5px;white-space:nowrap}.offline-pack .pack-row{padding:0 0 20px}.download-progress{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:13px}.download-progress progress{height:14px;width:100%;accent-color:var(--color-primary)}.note-panel{background:#e2ead6}.note-panel p{font-size:14px;color:var(--color-muted)}.custom-row{display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--color-line);padding:20px 0}.custom-row img{width:85px;height:85px;object-fit:cover;border:5px solid var(--color-surface);border-radius:20px}.custom-row>div:first-of-type{flex:1}.custom-row h3{margin:0 0 6px}.custom-row span{font-size:12px;color:var(--color-muted)}.custom-row .button{padding:11px 14px}.stats-strip{display:flex;gap:70px;margin:30px 0 35px}.stats-strip>div{display:flex;flex-direction:column}.stats-strip strong{font-size:40px;line-height:1.3}.stats-strip span{font-size:13px;color:var(--color-muted)}.stats-levels{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:30px;gap:15px}.stats-levels>div{padding:18px;border:1px solid var(--color-line);border-radius:18px;display:flex;flex-direction:column;gap:7px}.stats-levels span{font-size:12px;color:var(--color-muted)}.recent{margin:35px 0}.recent-row{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--color-line);padding:14px 0;font-size:14px}.recent-row>span:last-child{font-size:12px;white-space:nowrap;color:var(--color-muted)}.about{max-width:750px}.about>svg{color:var(--color-primary);margin-bottom:15px}.about h3{margin:30px 0 12px}.about p{font-size:15px;color:var(--color-muted);line-height:1.8}.dialog{border:1px solid var(--color-line);border-radius:var(--radius-panel);background:var(--color-surface);color:var(--color-ink);padding:0;width:min(720px,calc(100% - 32px));max-height:calc(100dvh - 32px);box-shadow:0 24px 80px #293e3133;overflow:auto}.dialog::backdrop{background:#293e3177;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 26px 15px;position:sticky;top:0;z-index:5;background:var(--color-surface);border-bottom:1px solid var(--color-line)}.dialog-top h2{margin:0;font-size:22px}.dialog-top .button{padding:10px}.dialog-body{padding:22px 28px 28px}.dialog-body>p{font-size:14px;color:var(--color-muted)}.dialog-body .note{margin:20px 0}.edit-cards{list-style:none;padding:0;margin:25px 0}.edit-cards>li{display:flex;gap:16px;padding:20px 0;border-bottom:1px solid var(--color-line)}.edit-cards>li>img{width:100px;height:100px;object-fit:cover;border:1px solid var(--color-line);border-radius:16px}.edit-cards>li>div{flex:1;min-width:0}.edit-cards .field{margin:8px 0 12px;font-size:12px}.edit-cards .actions .button{padding:10px;min-height:44px}.cropper{background:#edf2e4;padding:16px;border-radius:20px;margin:22px 0}.cropper h3{margin:0 0 9px}.cropper p{font-size:12px}.crop-image{position:relative;touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;overflow:hidden;max-height:450px;width:fit-content;margin:auto}.crop-image img{max-height:450px;width:auto;object-fit:contain;pointer-events:none}.crop-selection{position:absolute;outline:3px solid var(--color-focus);background:#4f779433;pointer-events:none}.crop-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:15px 0}.crop-fields label{font-size:10px}.crop-fields input{min-height:42px;padding:7px}.notice{background:#f7e8ca;border:1px solid #dfc990;border-radius:16px;padding:16px 20px;font-size:14px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:16px 0}.notice.success-notice{background:#e4eed8;border-color:#a8bd93}.notice .button{font-size:12px;padding:9px 13px}.connection{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--color-muted);font-size:12px;margin:15px 0 0}.empty{padding:55px 20px;text-align:center}.empty>svg{width:40px;height:40px;margin:0 auto 18px;color:var(--color-primary)}.empty h2{font-size:25px}.empty p{color:var(--color-muted);font-size:14px}.loading{min-height:350px;display:flex;align-items:center;justify-content:center;gap:15px;flex-direction:column;color:var(--color-muted)}.loader{width:35px;height:35px;border-radius:50%;border:3px solid var(--color-line);border-top-color:var(--color-primary);animation:spin 1s linear infinite}.loading p{font-size:14px}.image-error{width:100%;height:100%;display:grid;place-items:center;font-size:12px;padding:15px;line-height:1.5;text-align:center;background:#f7e8ca}.skip-link{position:fixed;left:15px;top:-100px;z-index:100;background:var(--color-surface);padding:15px}.skip-link:focus{top:10px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{rotate:360deg}}@keyframes appear{0%{opacity:.4;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(min-width:1500px){.app{padding-inline:80px}.home-hero{min-height:600px}.hero-card{width:230px}.hero-art{height:430px}}@media(max-width:1100px){.app{padding-inline:32px}.site-header{gap:15px}.site-header nav{gap:0}.site-header nav button{font-size:13px;padding-inline:12px}.hero-card{width:175px}.home-hero{min-height:500px}.hero-art{height:340px}.hero-copy h1{font-size:48px}.hero-description{font-size:16px}.level{padding-inline:16px}.level-title{font-size:14px}.catalog-grid{grid-template-columns:repeat(3,1fr);gap:20px}.parents-button span{display:none}.hero-doodle{font-size:36px}.doodle-one{right:-4px}.stats-strip{gap:45px}}@media(max-width:760px){.app{padding-inline:23px}.site-header{min-height:84px;flex-wrap:wrap;gap:8px;padding:14px 0}.brand{font-size:21px}.brand-icon{width:39px;height:39px}.brand-sub{font-size:11px}.header-actions{margin-left:auto}.site-header nav{order:3;width:100%;justify-content:center;gap:18px;margin:9px auto -6px;border-top:1px solid var(--color-line);padding-top:6px}.site-header nav button{min-height:44px;padding:9px 15px;font-size:13px}.home-hero{grid-template-columns:1fr;gap:20px;text-align:center;padding:37px 0 27px}.hero-copy .eyebrow{margin-bottom:17px;font-size:10px}.hero-copy h1{font-size:44px;line-height:1.06;letter-spacing:-1.8px;margin-bottom:18px}.hero-description{font-size:15px;line-height:1.6;margin-bottom:22px}.play-button{min-height:59px;min-width:240px;font-size:19px}.hero-note{justify-content:center;font-size:10px;margin-top:17px}.hero-art{height:290px;max-width:430px;width:100%;margin:12px auto 0}.hero-card{width:clamp(112px,34vw,140px);padding:6px 6px 25px;border-radius:14px}.hero-card img{border-radius:9px}.hero-card-0{transform:translate(-111%,-46%) rotate(-16deg)}.hero-card-1{transform:translate(-47%,-61%) rotate(0)}.hero-card-2{transform:translate(17%,-39%) rotate(14deg)}.hero-sticker{font-size:10px;padding:6px 12px;top:-5px}.hero-doodle{font-size:30px}.doodle-one{top:25px;right:8px}.doodle-two{bottom:40px;left:12px}.art-caption{font-size:10px;bottom:-2px}.card-number{width:30px;height:30px;font-size:14px;bottom:-10px}.home-path{padding-top:24px}.section-heading{gap:10px;margin-bottom:20px}.section-heading h2{font-size:23px}.section-heading>.button{font-size:11px;padding-inline:5px;gap:5px}.section-heading .eyebrow{font-size:10px}.levels{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.level{padding:16px 17px}.level-visual{height:55px;margin-bottom:9px}.level-title{font-size:14px}.level-bottom{font-size:11px}.home-footer-note{gap:15px;flex-wrap:wrap;padding:0 0 25px}.home-footer-note span{font-size:10px;gap:5px}.home-footer-note span:last-child{display:none}.site-footer{min-height:75px;flex-wrap:wrap;font-size:10px;padding:15px 0;gap:0 15px}.site-footer>span:nth-child(2){display:none}.site-footer button{margin-left:auto;font-size:11px}.page-section{padding:30px 0 40px}.page-section h1{font-size:31px;letter-spacing:-1px}.count-pill{font-size:11px;padding:7px 10px}.catalog-grid{grid-template-columns:repeat(2,1fr);gap:15px}.story-cover{padding:5px}.story-cover img{border-radius:15px}.story-tile{border-radius:20px}.story-tile-text{padding:7px 12px 17px}.story-tile-text h2{font-size:15px;margin-right:12px}.story-tile-text svg{right:7px;width:17px;bottom:17px}.story-category{font-size:9px}.story-size{font-size:9px;bottom:13px;left:12px;padding:3px 7px}.completed-stamp{width:28px;height:28px;top:11px;right:11px}.filter-line{margin-top:24px;gap:7px}.filter-line>span{width:100%}.filter-line .button{font-size:13px;min-height:44px}.categories{gap:6px;margin-bottom:23px}.categories .button{font-size:11px;padding:8px 12px;min-height:44px}.extra-packs{padding-top:30px;margin-top:35px}.extra-packs h2{font-size:23px}.pack-row{gap:12px;flex-wrap:wrap}.pack-row .button{font-size:12px;padding:10px 13px}.pack-row h3{font-size:17px}.pack-row p{font-size:12px}.pack-icon{width:43px;height:43px;border-radius:14px}.game-page{padding-top:20px}.game-heading{gap:9px;margin-bottom:25px}.game-heading h1{font-size:22px}.game-heading .eyebrow{font-size:9px}.game-heading>.button{min-width:42px;min-height:46px;padding:8px}.game-progress{padding:6px 9px;font-size:11px;gap:4px}.game-progress svg{width:15px}.slots{gap:8px;max-width:390px;margin-bottom:17px}.slot{border-radius:18px;max-width:140px}.slot-number{font-size:30px}.slot img{border-radius:13px}.slot-label{font-size:8px;bottom:8px}.steps-5 .slot-label,.steps-4 .slot-label{display:none}.steps-5 .slot,.steps-4 .slot{max-width:85px;border-radius:14px}.steps-5 .slot-number,.steps-4 .slot-number{font-size:25px}.instruction h2{font-size:20px}.instruction .button{padding:8px;min-height:42px}.instruction .button svg{width:20px}.instruction-small{font-size:11px;margin-bottom:19px}.card-bank{gap:12px;max-width:400px}.bank-position,.steps-2 .bank-position{width:calc((100% - 12px)/2);max-width:184px}.game-card{padding:5px;border-radius:22px}.game-card img{border-radius:16px}.bank-position.used{border-radius:22px}.steps-5 .bank-position{max-width:145px}.steps-3 .bank-position{max-width:163px}.game-tools{gap:3px;justify-content:space-between;margin-bottom:15px}.game-tools .button{font-size:10px;padding:10px 6px;gap:5px;min-height:45px}.game-tools svg{width:17px;height:17px}.game-message{font-size:12px;min-height:53px;padding-top:12px}.game-message>span{max-width:100%;font-size:12px}.check-button{min-height:52px;min-width:215px;font-size:17px}.game-tip{font-size:10px;max-width:280px;margin:17px auto 0}.success h2{font-size:29px}.success>p{font-size:13px}.success-spark{left:5%;font-size:40px}.story-film{gap:10px;margin:25px 0}.story-film>div{width:calc((100% - 10px)/2);max-width:175px}.story-film img{border-width:5px;border-radius:18px}.story-film>div>span:last-child{font-size:10px}.success-actions{flex-direction:column;gap:14px}.success-actions .button{width:100%;max-width:300px;font-size:14px}.badge-grid{grid-template-columns:repeat(2,1fr);gap:12px}.badge{padding:23px 12px}.badge h2{font-size:15px}.badge p{font-size:11px}.badge>span{width:65px;height:65px;font-size:40px}.reward-total{margin:30px 0}.local-label{font-size:11px}.parents>.section-heading{flex-wrap:wrap}.parent-tabs{gap:6px;margin:20px 0}.parent-tabs .button{font-size:11px;padding:10px 12px;min-height:44px}.settings-layout{grid-template-columns:1fr;gap:0}.settings-panel,.note-panel,.offline-pack{padding:21px 18px;border-radius:21px}.settings-panel .actions .button{padding:10px 14px;min-width:44px}.check-field{font-size:13px}.pack-status{font-size:10px}.offline-pack .pack-row{gap:10px}.offline-pack .pack-row>div{min-width:180px}.offline-pack .actions .button{font-size:12px;min-height:46px;padding:10px 12px}.stats-strip{gap:15px;justify-content:space-between}.stats-strip strong{font-size:32px}.stats-strip span{font-size:10px;max-width:90px}.stats-levels{grid-template-columns:repeat(2,1fr);gap:10px}.stats-levels>div{padding:14px}.recent-row{font-size:12px}.recent-row>span:last-child{font-size:10px}.custom-row{gap:12px;flex-wrap:wrap}.custom-row .actions{margin-left:0;width:100%}.custom-row img{width:70px;height:70px}.about p{font-size:14px}.dialog{width:calc(100% - 22px);border-radius:23px;max-height:calc(100dvh - 24px)}.dialog-top{padding:15px 16px;gap:10px}.dialog-top h2{font-size:19px}.dialog-body{padding:17px 18px 23px}.dialog-body>p{font-size:13px}.upload-actions{gap:8px}.upload-actions .button{font-size:12px;padding:10px 13px}.edit-cards>li{gap:11px}.edit-cards>li>img{width:75px;height:75px}.edit-cards .field{font-size:11px}.edit-cards .field input{padding:8px;min-height:43px}.crop-fields{gap:7px;grid-template-columns:repeat(2,1fr)}.crop-fields label{font-size:11px}.cropper .button{font-size:12px}.notice{font-size:12px;padding:13px}.game-page .notice{margin-bottom:15px}}@media(max-width:359px){.app{padding-inline:15px}.hero-copy h1{font-size:38px}.hero-card{width:112px}.hero-art{height:265px}.hero-note{font-size:9px}.section-heading h2{font-size:20px}.level{padding:13px}.level-title{font-size:12px}.level-visual>span{width:35px;height:43px}.instruction h2{font-size:18px}.game-heading h1{font-size:19px}.game-tools .button{font-size:9px;gap:4px}.game-tools svg{width:16px}.story-tile-text h2{font-size:13px}.story-category{font-size:8px}.bank-position{max-width:140px}.steps-3 .bank-position{max-width:136px}.steps-5 .bank-position{max-width:116px}.game-message{min-height:48px}.game-tools{margin-bottom:10px}.brand{font-size:20px}.header-actions .button{padding:8px;min-width:42px}.site-header nav{gap:6px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.game-card:hover,.level:hover,.story-tile:hover{transform:none}}[data-motion=reduce] *,[data-motion=reduce] *:before,[data-motion=reduce] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}@media(forced-colors:active){*{scrollbar-color:auto}.button,.game-card,.slot,.hero-card{border:2px solid ButtonText}.slot-number,.stars,.earned{color:CanvasText}.slot.next{outline:2px solid Highlight}}@media(min-width:761px)and (max-width:900px){.home-hero{grid-template-columns:1fr;text-align:center;gap:24px}.hero-art{max-width:460px;width:100%;margin:auto;height:350px}.hero-note{justify-content:center}.hero-card{width:160px}}.game-actions{display:contents}@media(min-width:600px){.app.game-active{--game-card-size: clamp(128px, calc(100dvh - 500px) , 220px)}.app.game-active .site-header{min-height:64px;padding:0}.app.game-active .site-footer{display:none}.app.game-active .game-page{width:100%;max-width:1100px;padding:12px 0 16px}.app.game-active .game-heading{margin-bottom:10px}.app.game-active .game-heading h1{font-size:24px}.app.game-active .slots{gap:10px;margin-bottom:8px}.app.game-active .slot{flex:0 1 80px;max-width:80px;border-radius:16px}.app.game-active .slot img{border-radius:12px}.app.game-active .slot-number{font-size:26px}.app.game-active .slot.filled .slot-number{font-size:12px}.app.game-active .slot-label{font-size:8px;bottom:6px}.app.game-active .instruction h2{font-size:21px}.app.game-active .instruction-small{margin-bottom:8px;font-size:12px}.app.game-active .card-bank,.app.game-active .story-film{gap:12px;max-width:100%;flex-wrap:nowrap}.app.game-active .bank-position,.app.game-active .story-film>div{flex:0 1 var(--game-card-size);width:var(--game-card-size);max-width:220px;min-width:0}.app.game-active .game-message{min-height:28px;padding:4px 0;font-size:13px}.app.game-active .game-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 14px;margin:8px auto 0}.app.game-active .game-tools{gap:4px;margin:0}.app.game-active .check-button{min-height:48px;min-width:210px;margin:0;font-size:17px}.app.game-active .first-step{margin:0;font-size:12px}.app.game-active .game-tip{margin-top:8px}.app.game-active .success h2{margin:10px 0 8px;font-size:29px}.app.game-active .success>p{margin-bottom:12px}.app.game-active .stars{font-size:36px}.app.game-active .story-film{margin:16px 0}.app.game-active .story-film>div>span:last-child{margin-top:6px;font-size:11px}}@media(min-width:600px)and (max-width:900px)and (min-height:850px){.app.game-active .steps-4,.app.game-active .steps-5{--game-card-size: min(220px, calc((100dvh - 500px)/2) )}.app.game-active .steps-4 .card-bank,.app.game-active .steps-4 .story-film{max-width:calc(2 * var(--game-card-size) + 12px);flex-wrap:wrap;margin-left:auto;margin-right:auto}.app.game-active .steps-5 .card-bank,.app.game-active .steps-5 .story-film{max-width:calc(3 * var(--game-card-size) + 24px);flex-wrap:wrap;margin-left:auto;margin-right:auto}.app.game-active .steps-4 .bank-position,.app.game-active .steps-4 .story-film>div{flex-basis:calc((100% - 12px)/2)}.app.game-active .steps-5 .bank-position,.app.game-active .steps-5 .story-film>div{flex-basis:calc((100% - 24px) / 3)}}@media(min-width:600px)and (max-height:550px)and (orientation:landscape){.app.game-active{--game-card-size: clamp(76px, calc((100dvh - 235px)/2) , 150px)}.app.game-active .game-page:not(:has(.success)){display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);grid-template-areas:"heading heading" "slots bank" "instruction bank" "instruction-small bank" "message message" "actions actions" "tip tip";align-items:center;column-gap:12px;padding-top:4px;padding-bottom:8px}.app.game-active .game-heading{grid-area:heading;margin-bottom:4px}.app.game-active .slots{grid-area:slots;width:100%;gap:5px;margin-bottom:0}.app.game-active .slot{flex:1 1 0;min-width:48px;max-width:68px}.app.game-active .instruction{grid-area:instruction}.app.game-active .instruction-small{grid-area:instruction-small;margin-bottom:0}.app.game-active .card-bank{grid-area:bank;flex-wrap:wrap;gap:8px}.app.game-active .bank-position{flex:0 1 var(--game-card-size);max-width:var(--game-card-size)}.app.game-active .game-message{grid-area:message;min-height:0;padding:0}.app.game-active .game-actions{grid-area:actions;margin-top:4px}.app.game-active .game-tip{grid-area:tip;margin-top:2px}.app.game-active .game-page:has(.success){padding:4px 0 8px}.app.game-active .success{display:grid;grid-template-columns:auto auto;grid-template-areas:"stars title" "description description" "film film" "actions actions";justify-content:center;align-items:center;gap:4px 12px}.app.game-active .success .stars{grid-area:stars;font-size:30px}.app.game-active .success h2{grid-area:title;margin:0;font-size:24px}.app.game-active .success>p{grid-area:description;margin:0;font-size:13px}.app.game-active .success .story-film{grid-area:film;margin:4px 0}.app.game-active .success .story-film>div>span:last-child{font-size:10px;line-height:1.2}.app.game-active .success-actions{grid-area:actions}}