*{box-sizing:border-box}body{margin:0;color:#23405a;font:16px 'Segoe UI',system-ui,sans-serif;background:radial-gradient(ellipse at 10% 0,#fff8dc,transparent 55%),linear-gradient(155deg,#caf0ff,#edf7df)}button,select,a{font:inherit}button,select{border:1px solid #bcd9d9;border-radius:16px;background:#fff9ef;padding:9px 14px;color:inherit;min-height:44px}button,a,select{touch-action:manipulation}button,a{cursor:pointer}a{color:inherit;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:5px 9px;border-radius:16px;background:#fff9}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #175ca8;outline-offset:2px}[hidden]{display:none!important}.lesson{height:100dvh;max-width:1280px;margin:auto;padding:10px;display:flex;flex-direction:column;gap:7px}header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}header div{flex:1}h1{font-size:clamp(20px,3vw,30px);margin:0}header p{margin:0;font-size:13px}header select{max-width:45vw;font-size:14px}#track{display:flex;gap:5px;list-style:none;margin:0;padding:0;overflow-x:auto}#track li{flex:1;min-width:100px;padding:7px 5px;border-radius:13px;background:#ffffff95;font-size:13px;text-align:center}#track li.active{background:#ffd26b;font-weight:bold}#track li.done{background:#b4e7c7}.taskbar{display:flex;gap:8px;align-items:center}.taskbar h2{flex:1;font-size:clamp(15px,2vw,22px);margin:0}.taskbar button{white-space:nowrap}#game{flex:1;min-height:0;border-radius:20px;background:#ffffff70}#game iframe{width:100%;height:100%;border:0;border-radius:20px;display:block}#error{margin:0;color:#963b25;font-size:13px}#error:empty{display:none}footer{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px}#reward{text-align:center;flex:1;overflow:auto;padding:20px;background:#fffae4;border-radius:24px}#reward .stars{font-size:64px}#reward h2{font-size:36px}#reward button,#reward a{margin:8px}body.reward .taskbar,body.reward #game,body.reward footer{display:none}@media(max-width:600px){.lesson{padding:6px;gap:5px}header{gap:6px}header h1{font-size:20px}header select{font-size:12px;padding:6px;max-width:40vw}header p{font-size:11px}#track li{font-size:11px;min-width:90px}.taskbar button{font-size:12px;padding:7px}footer button{font-size:12px;padding:6px}footer span{font-size:11px}#reward .stars{font-size:44px}}@media(max-height:680px){header p{display:none}#track li{padding:5px}.lesson{gap:4px}.taskbar button{min-height:40px}footer button{min-height:38px}}