@font-face{font-family:'Baloo 2';src:url('assets/fonts/Baloo2-Variable.ttf') format('truetype');font-style:normal;font-weight:400 800;font-display:swap}
/* TeachSet: bolalar uchun yumshoq ranglar va katta, aniq boshqaruvlar. */
:root{font-family:'Baloo 2',ui-rounded,'Trebuchet MS','Segoe UI',sans-serif;font-weight:700;background:#fffcf5;color:#304b54;--blue:#247e74;--line:#e4e9e2}body{background:radial-gradient(ellipse at 100% 15%,#f7e9dc66,transparent 35%),#fffcf5}header{background:#fffefb;color:#35585c;min-height:84px;border-bottom:1px solid #edece3;box-shadow:none}.brand{font-weight:800;letter-spacing:-1px}.brand-accent{color:#299a87}.brand-mark{color:#fff;background:#319c8b;border-radius:14px;font-size:36px;padding:6px 8px;box-shadow:0 3px 0 #d0e9de;transform:rotate(-7deg)}.nav-active{border:0;color:#257f73;background:#e9f6ee;border-radius:24px;align-self:center;padding:12px 19px}.soon{color:#7c8f91}.teacher{color:#5d7e7c;border:1px solid #e2eae1;background:#fafbf5;border-radius:22px}main{max-width:1280px;padding-top:28px}h1,h2,h3{font-weight:800}p{color:#647b80}.breadcrumbs{color:#657f82}.welcome{background:#fff0de;border:1px solid #f6e2c8;border-radius:30px;display:flex;align-items:center;gap:28px;justify-content:space-between;padding:30px 42px;margin-bottom:30px;overflow:hidden}.welcome-copy{max-width:620px}.welcome .eyebrow{background:#fffcf5;color:#8a6137;border-radius:20px;padding:8px 14px;display:inline-block;font-size:14px;letter-spacing:1.4px}.welcome h1{font-size:clamp(42px,3.96vw,55px);letter-spacing:-1.2px;line-height:1.2;margin:18px 0 14px;color:#365e5a}.welcome h1 span{color:#268b7a}.welcome p{font-size:20px;line-height:1.6;max-width:480px;margin-bottom:18px;color:#806e5e}.welcome img{width:350px;max-width:38%;height:auto}.welcome-tags{display:flex;flex-wrap:wrap;gap:10px}.welcome-tags span{font-size:14px;font-weight:700;color:#527369;background:#fff9ed;border-radius:20px;padding:8px 12px}.catalog-heading{margin-bottom:20px}.catalog-heading h2{font-size:31px;margin:7px 0}.catalog-heading p{font-size:18px}.catalog-badge{background:#eef5e7;border-color:#e0eacd;color:#52794e;border-radius:18px}.catalog-panel{border:2px solid #e8ede3;border-radius:22px;padding:25px;background:#fff;box-shadow:0 5px 0 #eef0e7}.section-heading h2{font-size:22px}.section-heading>span{color:#688580}.filters{gap:20px}label{font-size:15px;color:#597877}label b{background:#e8f5ec;color:#3a8873;border-radius:6px;padding:4px 6px}select,.topic-select strong{min-height:54px;border:2px solid #e2eae4;background:#fafcf7;border-radius:13px;font-size:18px;color:#355c58}.topic-select strong{background:#edf8ef;border-color:#d7ebd9}.topic{padding-top:34px}.topic-heading h2{font-size:34px;color:#355b58}.topic-heading p{font-size:18px}.count{background:#f0ebfb;color:#725c99;border-radius:20px;font-size:15px}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.activity{border:2px solid #e6ebe3;border-radius:23px;box-shadow:0 5px 0 #eaece1;overflow:hidden}.activity:hover{box-shadow:0 9px 20px #3f796118;border-color:#bedfd0}.preview{height:192px;margin:12px 12px 0;border-radius:15px}.preview-play{opacity:1;width:34px;height:34px;background:#ffffffde;color:#456475;border:0;right:12px;bottom:12px}.card-content{padding:19px 23px 23px}.card-type{color:#637b83;font-size:14px;letter-spacing:0}.activity h3{font-size:28px;color:#365e5c;margin:8px 0 10px}.activity p{font-size:16px;min-height:44px}.card-meta{font-size:14px;color:#697f83;padding-top:12px;border-top:1px dashed #e1e7df}.card-content>button{border-radius:14px;font-size:21px;min-height:54px;background:#278a7b;color:white;box-shadow:0 4px 0 #186b5e;margin-top:2px}.card-content>button:hover{background:#1d796b}.card-content>button:active{transform:translateY(2px);box-shadow:0 2px 0 #186b5e}.preview-unlilar{background-color:#4c91bd}.preview-harf{background-color:#489e90}.preview-soz{background-color:#9779c0}.preview-sarala{background-color:#bc8637}.preview-bogin{background-color:#c46883}.preview-test{background-color:#658fb8}.preview-tezkor{background-color:#6d80b6}.preview-jamoa{background-color:#589b9d}.mini-caption{font-size:20px}.mini-tile{border-radius:7px;font-size:24px;min-width:33px;height:39px}.mini-word{font-size:44px}.mini-quiz>span{border-radius:7px;padding:10px;font-size:16px}.mini-bins>div{border-radius:10px;padding:18px 10px}.hint{background:#eef7eb;border:1px solid #deead7;border-radius:21px;margin-top:34px}.hint strong{color:#4c785f;font-size:20px}.hint p{font-size:16px}footer{color:#6c8380;background:#fffcf5;border-color:#e8ece1;font-size:14px}button{border-radius:13px}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #bd8323}.play-head button{border:2px solid #e0e9e1;border-radius:13px;font-size:16px;color:#4c746c}.game-title>span{border-radius:21px;background:#f0f7eb;border:2px solid #e1ecdb}.game-title h1{color:#355d58}.game-title p{font-size:21px;color:#59746f}.stats{border:2px solid #e3ebdf;border-bottom:0;border-radius:20px 20px 0 0;background:#fffefb;color:#64806c;font-size:22px;padding:19px 24px}.stats strong{color:#367767}.stage{border-radius:24px;border:2px solid #e1e9df;box-shadow:0 5px 0 #e9eddf}.game-stage{border-radius:0 0 23px 23px;box-shadow:0 6px 0 #e3e9da}.game-stage[data-theme='decorated']{border:4px solid #fff;border-top:0;border-radius:0 0 23px 23px}.game-stage .tile{border-radius:13px!important}.game-stage .choices button{border-radius:17px;min-height:94px}.game-stage[data-engine='choice']>.choices button{font-size:34px;font-weight:700}.stage-label{letter-spacing:1px}.game-stage .build-answer{border-radius:17px;background:#ffffffc2!important;border-width:3px;min-height:112px}.game-stage .primary{border-radius:15px;font-size:26px;min-height:64px}.feedback{font-weight:700}.game-stage .feedback:not(:empty){border-radius:16px;font-size:28px;max-width:850px;margin-left:auto;margin-right:auto}.game-sidebar{border:2px solid #e5ece1;border-radius:21px}.game-sidebar h2{color:#527069;font-size:21px}.sidebar-activities>button{border-radius:0;color:#466d65;font-size:16px}.sidebar-activities>button.active{background:#eaf7ed;border-left-color:#31967e}.sidebar-activities>button:hover{background:#f1f8ed}.sidebar-activities b{color:#33967e}.sidebar-activities strong{font-size:16px}.sidebar-activities small{color:#718879}.sidebar-note{background:#f5f8eb}.teams span{border-radius:15px;border-color:#deead9}.teams .current{background:#fff0c9;border-color:#e2b454}.result{background:radial-gradient(ellipse at top,#fff6dc,transparent 70%),#fffefb}.result h1{color:#3d7764}.result-score{color:#25866f}.result .primary{background:#2a8b79;color:white}.choices .primary{background:#2a8b79;color:white;border-color:#2a8b79}.choices .primary:hover{background:#217a6a;color:white}.result .eyebrow{color:#4f8271}.wheel-question{border-radius:21px;padding:23px}.wheel-question .choices button{border-radius:13px}
@media(max-width:1100px){.welcome{padding:30px}.welcome img{width:300px}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.preview{height:165px;margin:9px 9px 0}.card-content{padding:17px}.activity h3{font-size:25px}.mini-tile{min-width:27px;height:34px;font-size:22px}.mini-caption{font-size:16px}.mini-word{font-size:35px}.mini-quiz>span{font-size:14px;padding:8px}}
@media(max-width:850px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.preview{height:180px}.welcome{padding:28px;gap:10px}.welcome h1{font-size:42px}.welcome img{max-width:35%}.welcome-tags span{font-size:14px}.catalog-badge{display:none}.topic-heading h2{font-size:31px}.game-sidebar{margin-top:26px}}
@media(max-width:550px){header{min-height:74px;padding:0 16px;gap:16px}.brand{font-size:31px}.brand-mark{font-size:31px}.nav-active{padding:10px 12px;font-size:14px}main{padding:20px 16px 32px}.welcome{position:relative;border-radius:23px;padding:24px;margin-bottom:26px}.welcome-copy{position:relative;z-index:1}.welcome h1{font-size:38px;max-width:270px;letter-spacing:-.8px}.welcome p{font-size:16px;max-width:230px}.welcome .eyebrow{font-size:14px;letter-spacing:1px}.welcome img{position:absolute;width:160px;max-width:none;right:-46px;top:90px;opacity:.65}.welcome-tags{gap:7px}.welcome-tags span{padding:7px 10px;font-size:14px}.catalog-heading h2{font-size:28px}.catalog-heading p{font-size:16px}.catalog-panel{padding:18px;border-radius:20px}.filters{gap:16px}select,.topic-select strong{font-size:16px;min-height:54px}.topic-heading{flex-wrap:wrap;align-items:center}.topic-heading p{font-size:16px;margin-bottom:8px}.topic-heading h2{font-size:29px}.count{margin-bottom:18px}.cards{grid-template-columns:1fr;gap:22px}.preview{height:190px;margin:12px 12px 0}.card-content{padding:18px 22px 24px}.activity h3{font-size:29px}.activity p{font-size:18px;min-height:0}.card-meta{font-size:15px}.card-type{font-size:14px}.card-content>button{font-size:22px;min-height:58px}.mini-caption{font-size:21px}.mini-tile{font-size:24px;min-width:35px;height:40px}.mini-word{font-size:44px}.mini-quiz>span{font-size:18px;padding:10px}.mini-bins>div{font-size:18px}.mini-bins span{font-size:22px}.mini-team>span{font-size:14px;padding:13px}.mini-team b{font-size:48px}.mini-timer{font-size:46px}.mini-wheel{width:135px;height:135px}.hint{padding:18px}.hint strong{font-size:18px}.hint p{font-size:15px}.game-title h1{font-size:32px}.game-title p{font-size:18px}.game-title>span{border-radius:16px}.play-head>div{max-width:230px}.play-head button{font-size:14px;min-height:45px}.stats{font-size:20px;gap:16px;padding:17px}.game-stage .tile{min-width:45px;min-height:70px;font-size:35px;padding:8px}.game-stage[data-engine='choice']>.choices{grid-template-columns:1fr}.game-stage[data-engine='choice']>.choices button{font-size:29px;min-height:76px;text-align:center}.game-stage .feedback:not(:empty){font-size:23px}.game-stage .primary{font-size:24px}.bins button{font-size:32px;min-height:130px}.bins small{font-size:14px}.sidebar-activities{grid-template-columns:1fr}.sidebar-activities strong{font-size:18px}.sidebar-activities small{font-size:14px}.teams span{font-size:16px}.stage h1{font-size:40px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}.activity:hover{transform:none}}
.mini-caption{background:#fffffff0;color:#365665;border-radius:18px;padding:6px 12px;text-shadow:none}.mini-team>span{background:#ffffffed;color:#3c6770;border-color:#fff}.mini-team>span:last-child{background:#fff0cf;color:#715729}.mini-team>strong{background:#fff1bf;color:#73591c;padding:4px 6px;border-radius:8px}:fullscreen .game-stage[data-engine='choice']>.choices button{font-size:44px;min-height:110px}:fullscreen .game-stage .tile{font-size:73px;min-width:110px;min-height:125px}:fullscreen .game-stage .primary{font-size:32px}
.lesson-shelf{margin:32px 0 8px}.lesson-shelf-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:17px}.lesson-shelf-heading h2{font-size:26px;color:#426b61;margin:0}.lesson-shelf-heading>span{font-size:15px;color:#6a8078}.lesson-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.lesson-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:2px solid #e4ebe0;background:#fffefb;color:#42605c;border-radius:19px;padding:20px;position:relative;min-height:193px;box-shadow:0 3px 0 #edf0e5}.lesson-card:hover{background:#f5fbef;border-color:#bcdcc7}.lesson-card.active{background:#eaf7eb;border-color:#409881;box-shadow:0 3px 0 #c3e3cf}.lesson-icon{position:absolute;right:17px;top:17px;font-size:33px}.lesson-number{font-size:14px;font-weight:700;color:#6c8980;margin-bottom:12px}.lesson-card strong{font-size:22px;max-width:85%;line-height:1.4}.lesson-grammar{font-size:15px;font-weight:700;line-height:1.5;color:#5a7771;margin:9px 0 15px}.lesson-card-meta{font-size:14px;color:#577e6a;margin-top:auto}.content-note{font-size:14px;color:#6b8079;margin:15px 0 0}.lesson-page{font-size:14px;color:#698275;background:#eef4e7;padding:7px 11px;display:inline-block;border-radius:10px;margin-bottom:19px}.mini-letters{flex-wrap:wrap;gap:6px}.mini-slots{max-width:100%;font-size:28px;letter-spacing:2px}.mini-tile.mini-marked{background:#ffde78;color:#6b4e20;transform:translateY(-4px)}.mini-bins>div{min-width:0;overflow-wrap:anywhere}.mini-bins span{white-space:normal}.mini-quiz>span{font-size:14px;line-height:1.3}.mini-word{font-size:35px}.sort-letter{max-width:100%;overflow-wrap:anywhere}.game-stage .bins{flex-wrap:wrap}.game-stage .bins button{min-width:150px;font-size:32px}.game-stage .sort-letter{font-size:clamp(29px,3.52vw,51px)}.topic-select select{width:100%}.game-stage[data-theme='decorated']>.choices .mini-marked{background:#ffde78}@media(max-width:850px){.lesson-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-card strong{font-size:21px}.lesson-card{padding:18px}}@media(max-width:550px){.lesson-cards{grid-template-columns:1fr}.lesson-card{min-height:155px;padding:19px}.lesson-card strong{font-size:23px}.lesson-shelf-heading{flex-wrap:wrap}.lesson-shelf-heading h2{font-size:25px}.lesson-shelf-heading>span{font-size:14px}.mini-quiz>span{font-size:15px}.mini-word{font-size:37px}.game-stage .bins button{min-width:105px;font-size:25px;padding:14px 10px}}

body{font-weight:700;line-height:1.55}button,select{font-family:inherit;font-weight:700}p{font-weight:700;line-height:1.7}.prompt{font-size:clamp(33px,4.07vw,62px);font-weight:800}.breadcrumbs{font-size:15px;font-weight:700}.wheel-word{font-family:inherit;font-weight:800}.game-title p,.activity p,.lesson-grammar{overflow-wrap:anywhere}.lesson-card strong{max-width:calc(100% - 32px)}nav{flex-wrap:wrap}.section-heading>span{font-size:14px;font-weight:700}.lesson-card{min-height:215px}.welcome-tags span{font-weight:800}footer{font-weight:700}@media(max-width:550px){.breadcrumbs{font-size:14px}.lesson-card{min-height:170px}.welcome h1{max-width:290px}.welcome p{max-width:240px}.prompt{font-size:36px}.section-heading>span{display:none}.nav-active{font-size:14px;padding:10px}.brand{font-size:30px}header{gap:12px}:fullscreen .game-stage .tile{min-width:80px;font-size:48px}}

:root{font-size:18px}body{font-weight:700}button,select{font-weight:800}h1,h2,h3,.lesson-card strong,.activity h3{font-weight:800;line-height:1.3}.card-meta{flex-wrap:wrap}.mini-options,.mini-letters{flex-wrap:wrap}.mini-quiz>span{overflow-wrap:anywhere}.lesson-card{min-height:230px}.wheel-word{font-weight:800}.lesson-grammar{line-height:1.55}@media(max-width:550px){header{flex-wrap:wrap;padding:12px 16px;gap:8px;justify-content:center}.brand{margin-inline:auto}nav{width:100%;justify-content:center}.nav-active{font-size:15px;padding:8px 14px}.welcome h1{max-width:100%}.welcome img{opacity:.35}.welcome p{max-width:100%}.lesson-card{min-height:185px}.play-head{flex-wrap:wrap}.play-head>div{max-width:none;width:100%;justify-content:flex-start}.game-stage .bins button{min-width:115px}.game-stage .tile{min-width:46px}.sidebar-activities>button{min-height:78px}}
