@import url("https://fonts.googleapis.com/css2?family=Fredoka+One&family=Noto+Sans+SC:wght@400;700&family=WDXL+Lubrifont+SC&display=swap");@import url("https://fonts.googleapis.com/css2?family=Funnel+Display:wght@300..800&display=swap");:root{--bg-primary:#9a6c42;--bg-content:#eed9b3;--action-primary:#e57a39;--action-primary-hover:#f08a47;--feedback-correct:#76b85b;--feedback-incorrect:#c7524a;--feedback-info-bg:#4b2a15;--text-light:#fff5e1;--text-dark:#4b2a15;--border-color:#78512e;--font-display:"Fredoka One",cursive;--font-body:"Funnel Display","Noto Sans SC",sans-serif;--font-hanzi:"Noto Sans SC",sans-serif;--font-game:"WDXL Lubrifont SC",sans-serif}body,html{padding:0;margin:0;font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-dark)}main{display:flex;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:1rem}@media (max-width:600px){body,html,main{height:100svh;overflow:hidden;padding:0}}h1,h2,h3,h4,h5,h6{font-family:var(--font-display)}*{box-sizing:border-box}[role=button],a,button,input,select,textarea{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;outline:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}[class*=lesson],[class*=level],[role=button],a,button,div[class*=Button],div[class*=Card],div[class*=Checkbox],div[class*=Item],div[class*=Option],div[class*=Radio],div[class*=Wrapper],input,select,textarea{-webkit-user-select:none;-moz-user-select:none;user-select:none}::selection{background-color:var(--action-primary);color:var(--text-light)}::-moz-selection{background-color:var(--action-primary);color:var(--text-light)}:focus{outline:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--action-primary);outline-offset:2px}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:2px solid var(--action-primary);outline-offset:2px}.characterDisplay,.exitButton,.feedbackCard,.lessonCheckboxWrapper,.levelRadioWrapper,.modeButton,.replayButton,[class*=Button],[class*=Card],[class*=Checkbox],[class*=Item],[class*=Lesson],[class*=Level],[class*=Link],[class*=Option],[class*=Radio],[class*=Wrapper],[class*=button],[class*=card],[class*=checkbox],[class*=item],[class*=lesson],[class*=level],[class*=link],[class*=option],[class*=radio],[class*=wrapper],[role=button],a,button,input,select,textarea{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}[contenteditable=true],input[type=email],input[type=password],input[type=text],select,textarea{-webkit-user-select:text;-moz-user-select:text;user-select:text}.exitButton,.lessonCheckboxWrapper,.levelRadioWrapper,.modeButton,.replayButton,[role=button],a,button,div[class*=Checkbox],div[class*=Radio],input,select,textarea{-webkit-tap-highlight-color:transparent}::selection{background:rgba(229,122,57,.3)!important;color:var(--text-dark)!important}::-moz-selection{background:rgba(229,122,57,.3)!important;color:var(--text-dark)!important}.no-select{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}