*{box-sizing:border-box}body{margin:0;font-family:system-ui,Arial;background:linear-gradient(135deg,#dff6ff,#fff2c9);color:#183153}.wrap{max-width:1050px;margin:auto;padding:40px 18px}.hero{text-align:center;padding-top:8vh}.logo{font-size:28px;font-weight:900}.hero h1{font-size:clamp(36px,7vw,68px);margin:20px 0 8px}.cards,.lesson-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;margin-top:35px}.card,.lesson,.word{background:white;border-radius:24px;padding:28px;text-decoration:none;color:#183153;box-shadow:0 10px 30px #0002}.card span,.lesson{font-size:50px}.card b,.lesson b{display:block;font-size:24px}.card small,.lesson small{display:block;font-size:16px;margin-top:8px}.teacher{background:#efe7ff}.panel{background:#fff;max-width:520px;margin:4vh auto;padding:32px;border-radius:25px;box-shadow:0 10px 35px #0002}.wide{max-width:1000px}.top{display:flex;justify-content:space-between;align-items:center;gap:15px}form{display:grid;gap:10px}label{font-weight:800}input,select,button{font:inherit;padding:14px;border-radius:13px;border:2px solid #d7e3ef}button{background:#1769e0;color:white;font-weight:800;cursor:pointer;border:0}.error{background:#ffe1e1;padding:12px;border-radius:12px;margin:12px 0}.lesson{font-size:42px}.lesson.locked{opacity:.55}.vocab{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.word{text-align:center;padding:18px}.word span{display:block;font-size:52px}.word b{display:block;font-size:21px;margin:8px}.word button{padding:9px 14px}.choices{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.question{font-size:22px;font-weight:800}.inline{grid-template-columns:2fr 1fr auto}.table{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #ddd}@media(max-width:600px){.wrap{padding:15px}.panel{padding:20px}.inline{grid-template-columns:1fr}.top{align-items:flex-start}.hero{padding-top:2vh}}
.install-home{margin:28px auto 8px;display:block}.install-home[hidden]{display:none}.install-note{font-size:14px;opacity:.75}.game-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.play-area{background:#f6fbff;border:2px dashed #b9d7f7;border-radius:22px;padding:22px;min-height:300px}.picture-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-top:18px}.picture-choices button{background:white;color:#183153;border:2px solid #d7e3ef}.picture-choices span{display:block;font-size:48px}.picture-choices small{display:block}.correct,.done{background:#dff8df!important;color:#146c2e!important}.wrong{background:#ffe0e0!important;color:#9a1b1b!important}.match-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.match-grid>div{display:grid;gap:9px}.match{font-size:20px}.match.pic{font-size:42px}.selected{outline:4px solid #ffbf3f}.memory{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.memory button{min-height:85px;font-size:25px}@media(max-width:600px){.memory{grid-template-columns:repeat(3,1fr)}.match-grid{gap:8px}.game-tabs button{flex:1}}
.success{background:#e2f8e8;color:#17652b;padding:12px;border-radius:12px;margin:12px 0}.btn{display:inline-block;background:#1769e0;color:#fff;text-decoration:none;font-weight:800;padding:12px 16px;border-radius:12px}.btn.secondary{background:#eef4ff;color:#183153}.btn.mini,.mini{padding:8px 10px;font-size:13px}.btn.preview{background:#6b4fd3}.danger{background:#b42318}.teacher-nav,.filters,.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.teacher-nav{margin:18px 0}.filters{margin:20px 0}.filters a{padding:8px 12px;background:#eef4ff;border-radius:10px;text-decoration:none}.actions form{display:inline}.student-form{grid-template-columns:2fr .7fr .7fr .7fr auto auto;align-items:center}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.stats div{background:#f2f7ff;border-radius:18px;padding:18px;text-align:center}.stats b{display:block;font-size:28px}.stats small{display:block}.class-box{background:#fff8dc;border:2px solid #f3d36b;border-radius:18px;padding:18px;margin:22px 0}.check{display:flex;align-items:center;gap:7px}.check input{width:auto}.avatar-sm{font-size:25px}.preview-bar{position:sticky;top:0;z-index:20;background:#3d2b8f;color:white;padding:12px 18px;text-align:center}.preview-bar a{color:white;font-weight:800;margin-left:15px}.progressbar{height:14px;background:#e8eef5;border-radius:99px;overflow:hidden}.progressbar span{display:block;height:100%;background:#1769e0}.featured{display:block;margin:20px 0;padding:18px;background:#fff3b0;border-radius:16px;text-decoration:none;color:#183153;font-size:18px}@media(max-width:760px){.student-form{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.actions{min-width:260px}}