*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#89d4e3;font-family:Arial,"Microsoft YaHei",sans-serif;color:#153d40}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0}button:focus-visible,a:focus-visible{outline:3px solid #f9ac29;outline-offset:4px}#world{position:fixed;inset:0;width:100%;height:100%}#app{position:relative;height:100dvh;min-height:540px}header{position:absolute;top:28px;left:36px;right:36px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:#133e43;text-decoration:none;font-size:23px;font-weight:900}.brand small{display:block;font-size:10px;letter-spacing:3px;margin-top:4px}.mark{font-size:36px;font-style:italic;background:#163f42;color:#dcff64;border-radius:15px;padding:5px 11px}.mark span{font-size:20px}.topRight{display:flex;gap:10px;align-items:center}.topRight>span{font-size:14px;font-weight:bold;margin-right:14px}.topRight button{background:#fff9;padding:12px 16px;border-radius:30px;color:#193f42;font-size:14px}.route{position:absolute;top:112px;left:50%;transform:translateX(-50%);width:300px;text-align:center}.route>span{font-size:12px;font-weight:800;letter-spacing:2px}.track{height:5px;background:#ffffff85;border-radius:5px;margin-top:12px;overflow:hidden}.track i{display:block;background:#153f43;height:100%;width:0;transition:width .2s}.stats{position:absolute;left:40px;top:167px}.stats small{font-size:14px}.stats strong{display:block;font-size:46px;margin:8px 0}.stats em{font-size:19px;font-style:normal;opacity:.6}.stats>span{font-size:13px}.panel{position:absolute;left:6%;top:23%;width:420px;max-height:70%;overflow:auto;padding:30px 34px;background:#fffef2ef;border:1px solid #fff;border-radius:26px;box-shadow:0 20px 70px #123e4220}.panel .eyebrow{font-size:12px;letter-spacing:3px;font-weight:800;color:#507879}.panel h1{font-size:48px;line-height:1.12;letter-spacing:-2px;margin:15px 0}.panel h1 span{color:#229482}.panel p{font-size:15px;line-height:1.8;color:#557170}.level-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.level-grid button{background:#e8eee4;border:2px solid transparent;border-radius:12px;padding:13px 3px;color:#355858;font-size:13px}.level-grid button.selected{border-color:#224f49;background:#e5f3c8}.level-grid small{display:block;font-size:11px;margin-top:6px}.primary{background:#d7f85c;color:#193e34;border-radius:12px;padding:17px 22px;font-size:17px;font-weight:bold;width:100%}.secondary{background:#e6eddf;color:#315147;border-radius:10px;padding:12px;margin-top:10px;width:100%}.hint{font-size:12px!important;margin-bottom:0}.question{position:absolute;left:50%;top:168px;transform:translateX(-50%);text-align:center;background:#fffff0ed;border-radius:20px;padding:18px 24px 20px;width:480px;box-shadow:0 12px 30px #183e4120}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:bold}.wordline{display:flex;align-items:center;justify-content:center;gap:16px}.wordline h1{font-size:38px;margin:9px 0}.wordline button{border-radius:50%;background:#e1ebd8;color:#34564c;width:35px;height:35px}.question p{font-size:13px;margin:0 0 15px;color:#6d8175}#answers{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}#answers button{padding:12px 5px;background:#e4ecdd;color:#2c5147;border:2px solid transparent;border-radius:9px;font-size:17px}#answers button.active{background:#daf86b;border-color:#244b3f}#answers small{font-size:12px;margin-right:7px;opacity:.6}#toast{position:absolute;top:46%;left:50%;transform:translateX(-50%);background:#16493ee8;color:white;padding:14px 23px;border-radius:30px;opacity:0;transition:opacity .2s;font-weight:bold;text-align:center;pointer-events:none}.speed{position:absolute;bottom:82px;right:42px;text-align:right}.speed strong{font-size:68px;font-style:italic;letter-spacing:-4px}.speed>span{font-size:11px;margin-left:10px}.speed div{font-size:13px;margin-top:4px}.speed b{color:#236c58;letter-spacing:5px;margin-left:10px}footer{position:absolute;bottom:25px;left:36px;right:36px;display:flex;justify-content:space-between;font-size:12px;color:#fff;text-shadow:0 1px 4px #193f42}footer b{padding:0 10px}.hidden{display:none!important}.touch{position:absolute;bottom:72px;left:36px;display:flex;gap:10px}.touch button{height:50px;min-width:53px;border:1px solid #fff7;background:#ffffffa8;border-radius:14px;font-size:22px;color:#1a4844}.touch #boost{font-size:14px;padding:0 20px}.review{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0}.review button{padding:10px;border-radius:9px;background:#e7eddf;text-align:left;color:#285447}.review button strong{display:block;font-size:16px}.review button span{font-size:12px}.review button.missed{background:#ffead0}@media(max-width:700px){header{top:18px;left:18px;right:18px}.brand{font-size:18px}.mark{font-size:26px}.topRight>span{display:none}.topRight{gap:5px}.topRight button{padding:10px;font-size:12px}.route{top:94px;width:200px}.stats{left:18px;top:140px}.stats strong{font-size:32px}.stats>span{display:none}.panel{left:5%;top:22%;width:90%;max-height:66%;padding:25px}.panel h1{font-size:39px}.question{top:205px;width:90%;padding:15px}.speed{right:20px;bottom:106px}.speed strong{font-size:46px}.touch{left:20px;bottom:45px}footer{left:20px;bottom:15px}footer span:first-child{display:none}#toast{top:55%;width:85%}.wordline h1{font-size:30px}}@media(max-height:600px) and (min-width:701px){.panel{top:19%;padding:20px;max-height:75%}.panel h1{font-size:33px}.panel p{margin:8px 0}.level-grid{margin:12px 0}.question{top:140px;padding:10px}.wordline h1{font-size:26px}.speed{bottom:50px}}

.level-pages{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:-5px 0 17px;font-size:12px}.level-pages button{background:#e8eee4;color:#355858;padding:9px;border-radius:8px;font-size:12px}.level-pages button:disabled{opacity:.35;cursor:default}

body{overscroll-behavior:none}button{touch-action:manipulation}#app{min-height:0}.panel{top:155px;max-height:calc(100dvh - 180px);overscroll-behavior:contain}.panel h1{font-size:30px;letter-spacing:-1px}.book-label{display:block;font-size:13px;margin:10px 0;color:#526f68}#bookSelect{width:100%;font:inherit;font-size:16px;padding:12px;border:1px solid #b7cbbc;border-radius:10px;background:#fff;color:#24483f}.book-note{font-size:12px!important;line-height:1.5!important}.menu-actions{display:flex;gap:8px;margin-top:12px}.menu-actions button{flex:1;padding:12px 5px;border-radius:10px;background:#e7eddf;font-size:13px;color:#285447}body[data-mode=menu] .stats,body[data-mode=learn] .stats,body[data-mode=finish] .stats,body[data-mode=menu] .touch,body[data-mode=learn] .touch,body[data-mode=finish] .touch{display:none}.review button strong{overflow-wrap:anywhere;font-size:16px}.review button span{display:block;line-height:1.6}.question{width:min(540px,92vw)}.wordline h1{font-size:clamp(22px,4vw,36px);overflow-wrap:anywhere;max-width:88%;line-height:1.15}#answers button{min-height:54px;font-size:15px;overflow-wrap:anywhere}.touch{bottom:max(40px,env(safe-area-inset-bottom));left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right));justify-content:space-between;pointer-events:none}.touch button{pointer-events:auto;width:70px;height:58px;user-select:none}.touch #boost{width:130px}.speed{bottom:115px}.route{max-width:52vw}.panel .primary{white-space:normal}.topRight{padding-right:env(safe-area-inset-right)}header{left:max(18px,env(safe-area-inset-left));right:18px;top:max(18px,env(safe-area-inset-top))}#installDialog{border:0;border-radius:20px;max-width:520px;width:90%;max-height:85dvh;overflow:auto;color:#234a40;padding:24px;box-shadow:0 20px 80px #0004}#installDialog::backdrop{background:#123b4399}#installDialog h2{font-size:23px}#installDialog p,#installDialog li{font-size:15px;line-height:1.8}#installDialog ol{padding-left:22px}#installDialog button{padding:13px;border-radius:10px;background:#d7f85c;margin:6px;color:#193e34}#closeInstall{display:block;width:100%;margin:12px 0!important}#toast{max-width:90%;z-index:3;font-size:14px}.panel .hint{font-size:12px}.level-grid{margin:14px 0}.level-grid button{min-height:57px}
@media(max-width:700px){.panel{top:137px;max-height:calc(100dvh - 155px);padding:20px}.panel h1{font-size:27px}.stats{top:140px}.question{top:198px;padding:12px}.route{top:95px}.speed{bottom:110px}.panel .primary{padding:14px}.brand small{font-size:9px}.topRight button{min-height:42px}}
@media(max-height:550px) and (orientation:landscape){header{top:10px}.brand{font-size:17px}.mark{font-size:23px}.brand small{font-size:9px}.route{top:20px;width:230px}.topRight button{padding:10px}.topRight>span{display:none}.panel{top:75px;left:3%;width:440px;max-height:calc(100dvh - 88px);padding:20px}.panel h1{font-size:25px;margin:10px 0}.stats{top:90px;left:22px}.stats strong{font-size:30px}.stats>span{display:none}.question{top:77px;width:420px;max-width:58vw;padding:10px}.question p{margin-bottom:8px}.wordline h1{font-size:23px;margin:8px 0}.question .eyebrow{font-size:11px}#answers button{min-height:43px;padding:6px;font-size:14px}.touch{bottom:max(18px,env(safe-area-inset-bottom))}.touch button{height:48px}.speed{right:26px;bottom:82px}.speed strong{font-size:40px}footer{display:none}#toast{top:auto;bottom:77px;max-width:55%;padding:10px}}
@media(min-width:701px) and (min-height:551px){.panel{width:470px;left:5%}.question{top:160px}}
.daily-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0}.daily-cards>div{background:#e6efdc;border-radius:13px;padding:14px 5px;text-align:center}.daily-cards b{display:block;font-size:25px;color:#214e43}.daily-cards span{display:block;font-size:12px;margin-top:7px}.report-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:15px}.report-table td,.report-table th{padding:12px 6px;text-align:left;border-bottom:1px solid #c9d9c1}.quiz-target{font-size:31px;font-weight:bold;margin:22px 0;overflow-wrap:anywhere}.quiz-choices{display:grid;gap:10px}.quiz-choices button{background:#e6efdc;border-radius:10px;padding:16px;color:#23493e;font-size:16px;min-height:52px}button:disabled{cursor:default;opacity:.5}#spellForm{display:grid;gap:12px}#spellForm label{font-size:14px}#spellAnswer,#newTarget{font:inherit;width:100%;font-size:18px;border-radius:10px;padding:14px;border:1px solid #a8c3ae;background:#fff;color:#214e43}#quizFeedback{min-height:25px;font-weight:bold;color:#286d50}.text-button{display:block;margin:18px auto 0;background:transparent;color:#4e7263;padding:12px}body[data-mode=learn] .speed{opacity:.6}@media(max-height:550px) and (orientation:landscape){.daily-cards{margin:12px 0}.daily-cards>div{padding:10px 5px}.quiz-target{margin:10px 0;font-size:25px}}

#loginForm{display:grid;gap:12px}#loginForm input{width:100%;padding:13px;font:inherit;font-size:18px;border-radius:9px;border:1px solid #aac2b4}#memberDialog{max-width:500px;width:92%;border:0;border-radius:16px;padding:24px;color:#214b3e}#memberDialog::backdrop{background:#1238}#memberDialog button{padding:12px;margin:6px;border-radius:8px;background:#dcf48b}#accountMessage{color:#a2492b;line-height:1.6}.admin-link{font-size:14px;color:#16443b}.topRight{flex-wrap:wrap;max-width:60%}