.account-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#103b34;color:#fff;padding:10px 24px 10px 278px;font-size:.9rem;position:relative;z-index:30}.account-bar button{background:#e8f5ee;color:#103b34;border:0;border-radius:8px;padding:8px 12px;min-height:40px;font:inherit}.account-bar span{flex:1;overflow-wrap:anywhere}.account-loading .sidebar,.account-loading .shell>header,.account-loading .shell>footer,body.account-loading>header,.account-loading aside{display:none}.account-loading .shell{margin:0}.account-entry{max-width:620px;margin:8vh auto;padding:28px;background:#fff;border:1px solid #c8dfd5;border-radius:20px;color:#123e37;font:1rem/1.6 system-ui}.account-entry form{display:grid;gap:14px}.account-entry input{font-size:1rem;min-height:48px;width:100%;padding:12px}.account-entry a{color:#176857}.account-locked{overflow:hidden}.session-mask{position:fixed;inset:0;background:#12332ef5;z-index:99999;display:grid;place-items:center;padding:20px}.session-mask>div{background:#fff;color:#123e37;padding:30px;border-radius:20px;max-width:560px;font:1rem/1.6 system-ui}.test-shortcuts{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:16px;background:#e6f5ec;border:1px solid #9cc8b1;border-radius:14px;margin-bottom:20px}.test-shortcuts b{flex:1 1 100%;font-size:1rem}.invite-code{overflow-wrap:anywhere;white-space:normal;font-size:1rem}.lesson-scene{aspect-ratio:1/1;width:100%;max-width:390px;border-radius:16px;background-size:300% 200%;background-repeat:no-repeat;border:1px solid #d4e4dc}.visual-step figure{min-width:0}.visual-step details:not([open]){margin-block:10px}button,input,select,textarea{touch-action:manipulation}input,select,textarea{font-size:1rem;max-width:100%}audio{width:100%;max-width:100%}img{max-width:100%}.table-scroll,.table-wrap{max-width:100%;overflow-x:auto}.sentence-tile{min-height:46px}main{min-width:0}button{white-space:normal}.speech-bubble,.pet-chat{overflow-wrap:anywhere}@media(max-width:850px){.account-bar{padding:10px 16px}.shell{min-width:0;width:100%;margin-left:0}.sidebar{position:relative!important;inset:auto!important;width:100%!important;height:auto!important}.sidebar nav{display:flex;overflow-x:auto;gap:8px;padding:8px 0}.sidebar nav button,.sidebar nav a{flex:0 0 auto;min-height:44px}.sidebar-bottom,.sidebar .nav-label{display:none}.sidebar .brand{margin-bottom:6px}.shell>header{position:relative;flex-wrap:wrap;gap:10px;padding:12px 16px}.wallet{flex-wrap:wrap;gap:8px}main{padding:18px 14px!important}.grid.cols,.boss-battle-layout,.v8-paper-layout{grid-template-columns:1fr!important}.recordbox{position:relative!important;top:auto!important}.pet-evolution-frame,.pet-evolution{max-width:100%}dialog{width:calc(100% - 24px);max-height:88dvh;overflow:auto}.account-entry{margin:3vh auto;padding:20px}.visual-split{grid-template-columns:1fr}.visual-lesson summary{font-size:1rem}.lesson-scene{max-width:420px;margin:auto}.arcade-choices{grid-template-columns:1fr!important}.button,.secondary,button.option{min-height:46px}.recordbutton{min-height:64px}.tabs{overflow-x:auto;flex-wrap:nowrap}.tabs button{flex:0 0 auto}textarea,input{scroll-margin-block:120px}.panel{min-width:0}.page-head h1{overflow-wrap:anywhere;font-size:clamp(1.6rem,7vw,2.3rem)}}@media(max-width:420px){.account-bar{font-size:.875rem}.account-bar span{flex-basis:100%}.welcome{grid-template-columns:1fr}.stats{grid-template-columns:1fr!important}.intro-prompt{grid-template-columns:1fr}.test-shortcuts button{flex:1 1 130px}}

.full-lesson-notes{padding:0 22px 22px;overflow-wrap:anywhere}.full-lesson-notes table{display:block;max-width:100%;overflow:auto}.visual-lesson .lesson-scene{background-color:#fff}