:root{--paper:#fffdf6f0;--ink:#5b4632;--ink-soft:#5b4632a6;--accent:#ff9f43;--accent-dark:#e8890c;--shadow:0 6px 20px #5b46322e;--elastic:cubic-bezier(.34, 1.56, .64, 1);--font:"Baloo 2", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{width:100%;height:100%;font-family:var(--font);color:var(--ink);background:#a8ddf0;overflow:hidden}#scene{touch-action:none;display:block;position:fixed;inset:0}#hud{z-index:10;pointer-events:none;position:fixed;inset:0}.hidden{display:none!important}#topbar{align-items:center;gap:8px;display:flex;position:absolute;top:12px;left:12px;right:12px}.pill{background:var(--paper);box-shadow:var(--shadow);white-space:nowrap;border-radius:999px;padding:8px 16px;font-size:15px;font-weight:700}#lesson-pill{text-overflow:ellipsis;max-width:40vw;overflow:hidden}.pill.btn{cursor:pointer;font-family:var(--font);color:var(--ink);pointer-events:auto;transition:transform .15s var(--elastic);border:none;margin-left:auto}.pill.btn:hover{transform:scale(1.06)}#task-card{background:var(--paper);min-width:150px;box-shadow:var(--shadow);border-radius:18px;padding:12px 14px;position:absolute;top:62px;right:12px}.task-title{color:var(--ink-soft);margin-bottom:6px;font-size:13px;font-weight:800}#task-list{list-style:none}#task-list li{align-items:center;gap:7px;padding:3px 0;font-size:15px;font-weight:700;display:flex}.task-state{margin-left:auto}#interact-prompt{background:var(--paper);box-shadow:var(--shadow);animation:pop .25s var(--elastic);border-radius:999px;padding:8px 18px;font-size:16px;font-weight:700;position:absolute;bottom:130px;left:50%;transform:translate(-50%)}#interact-prompt .key{background:var(--accent);color:#fff;box-shadow:0 2px 0 var(--accent-dark);border-radius:8px;margin-right:6px;padding:1px 9px;display:inline-block}#dialog{background:var(--paper);width:min(680px,92vw);box-shadow:var(--shadow);pointer-events:auto;cursor:pointer;animation:pop .3s var(--elastic);border-radius:22px;padding:16px 22px 14px;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}#dialog-name{background:var(--accent);color:#fff;border-radius:999px;padding:2px 14px;font-size:14px;font-weight:800;display:inline-block}#dialog-en{margin-top:8px;font-size:21px;font-weight:700;line-height:1.35}#dialog-zh{color:var(--ink-soft);margin-top:3px;font-size:15px}.dialog-hint{text-align:right;color:var(--ink-soft);margin-top:8px;font-size:12px}#wordcard{background:var(--paper);text-align:center;width:min(400px,90vw);box-shadow:var(--shadow);pointer-events:auto;animation:pop .35s var(--elastic);border-radius:26px;padding:26px 24px 22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#wordcard-emoji{font-size:88px;line-height:1.1}#wordcard-word{color:var(--accent-dark);margin-top:4px;font-size:36px;font-weight:800}#wordcard-zh{margin-top:2px;font-size:19px;font-weight:700}#wordcard-sentence{color:var(--ink-soft);margin:10px 0 16px;font-size:15px;line-height:1.5}.big-btn{width:100%;min-height:64px;color:var(--ink);font-family:var(--font);cursor:pointer;transition:transform .15s var(--elastic);background:#f0e6d2;border:none;border-radius:18px;margin-top:10px;font-size:18px;font-weight:800;display:block;box-shadow:0 3px #5b463226}.big-btn:hover{transform:scale(1.03)}.big-btn:active{transform:scale(.97)}.big-btn.primary{background:var(--accent);color:#fff;box-shadow:0 3px 0 var(--accent-dark)}#quiz{background:var(--paper);text-align:center;width:min(480px,92vw);box-shadow:var(--shadow);pointer-events:auto;animation:pop .35s var(--elastic);border-radius:26px;padding:22px 24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#quiz-prompt{font-size:22px;font-weight:800}#quiz .big-btn{width:auto;min-height:48px;padding:0 20px;font-size:15px;display:inline-block}#quiz-options{justify-content:center;gap:16px;margin-top:14px;display:flex}.quiz-option{cursor:pointer;width:110px;height:110px;box-shadow:var(--shadow);transition:transform .15s var(--elastic);background:#fff;border:4px solid #0000;border-radius:22px;font-size:56px}.quiz-option:hover{transform:scale(1.08)}.quiz-option.correct{animation:pop .4s var(--elastic);border-color:#6fbf5a}.quiz-option.wrong{border-color:#e08585;animation:.4s shake}#catch-card{background:var(--paper);text-align:center;width:min(380px,90vw);box-shadow:var(--shadow);pointer-events:auto;animation:pop-center .35s var(--elastic);border-radius:26px;padding:26px 24px 22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#catch-emoji{font-size:88px;line-height:1.1}#catch-name{color:var(--accent-dark);margin-top:4px;font-size:32px;font-weight:800}#catch-zh{margin-top:2px;font-size:18px;font-weight:700}#catch-line{color:var(--ink-soft);margin:10px 0 6px;font-size:15px}#btn-fish{cursor:pointer;width:76px;height:76px;box-shadow:0 4px 0 #3a7ec9, var(--shadow);pointer-events:auto;background:#5ba8e8;border:none;border-radius:50%;font-size:34px;position:absolute;bottom:186px;right:20px}#btn-fish:active{box-shadow:0 2px 0 #3a7ec9, var(--shadow);transform:translateY(2px)}.bite-mark{text-shadow:0 2px 6px #ffffffe6;font-size:42px;animation:.5s ease-in-out infinite alternate hint-bob;position:absolute;transform:translate(-50%,-100%)}#banner{background:linear-gradient(135deg, var(--accent), #ff7e5f);color:#fff;box-shadow:var(--shadow);white-space:nowrap;animation:pop .4s var(--elastic);border-radius:999px;padding:12px 26px;font-size:21px;font-weight:800;position:absolute;top:66px;left:50%;transform:translate(-50%)}#toasts{flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:190px;left:50%;transform:translate(-50%)}.toast{background:var(--paper);box-shadow:var(--shadow);animation:toast-in .3s var(--elastic);border-radius:999px;padding:9px 20px;font-size:16px;font-weight:700;transition:opacity .4s}.toast.out{opacity:0}.confetti{z-index:60;pointer-events:none;border-radius:2px;width:10px;height:16px;animation-name:confetti-fall;animation-timing-function:linear;animation-fill-mode:forwards;position:fixed;top:-20px}#hint-3d{pointer-events:none;position:absolute;inset:0}.nameplate{background:var(--paper);white-space:nowrap;box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:4px;padding:3px 12px;font-size:14px;font-weight:800;display:flex;position:absolute;transform:translate(-50%,-100%)}.np-quiz{font-size:20px;animation:1s ease-in-out infinite alternate hint-bob;position:absolute;top:-16px;right:-10px}#apples-pill{pointer-events:auto;cursor:pointer;transition:transform .15s var(--elastic)}#apples-pill:hover{transform:scale(1.06)}#fade{opacity:0;pointer-events:none;z-index:80;background:#2b1d16;transition:opacity .3s;position:fixed;inset:0}#fade.on{opacity:1}#joystick{pointer-events:none;background:#ffffff38;border:2px solid #ffffff8c;border-radius:50%;width:110px;height:110px;position:absolute}#joystick-knob{background:var(--paper);width:48px;height:48px;box-shadow:var(--shadow);border-radius:50%;margin:-24px 0 0 -24px;position:absolute;top:50%;left:50%}#btn-interact{background:var(--accent);cursor:pointer;width:76px;height:76px;box-shadow:0 4px 0 var(--accent-dark), var(--shadow);pointer-events:auto;border:none;border-radius:50%;font-size:34px;position:absolute;bottom:96px;right:20px}#btn-interact:active{box-shadow:0 2px 0 var(--accent-dark), var(--shadow);transform:translateY(2px)}#parent-panel{pointer-events:auto;z-index:70;background:#3c281473;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.panel-card{background:var(--paper);width:min(560px,92vw);max-height:88vh;box-shadow:var(--shadow);animation:pop .3s var(--elastic);border-radius:24px;padding:22px 24px;overflow-y:auto}.panel-title{font-size:22px;font-weight:800}.panel-steps{flex-direction:column;gap:10px;margin:10px 0 12px;display:flex}.panel-steps .step{align-items:center;gap:10px;display:flex}.panel-steps .step p{color:var(--ink-soft);font-size:14px;line-height:1.6}.step-no{background:var(--accent,#f2a04e);color:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;width:26px;height:26px;font-weight:800;display:flex}#btn-copy-prompt{width:auto;min-height:44px;margin-top:0;padding:0 18px;font-size:15px}#prompt-fallback{margin:2px 0 12px 36px}.fallback-tip{color:#b0503c;margin-bottom:6px;font-size:13px}#prompt-manual{resize:vertical;width:100%;height:110px;color:var(--ink);background:#fffdf6;border:2px solid #e8a04e;border-radius:14px;padding:10px 12px;font-size:13px;line-height:1.5}#import-text{width:100%;height:150px;color:var(--ink);resize:vertical;background:#fff;border:2px solid #e8dcc4;border-radius:14px;padding:10px 12px;font-family:ui-monospace,Menlo,monospace;font-size:13px}#import-text:focus{border-color:var(--accent);outline:none}#import-error{color:#d9534f;min-height:22px;margin-top:6px;font-size:13px;font-weight:700;line-height:1.5}.panel-actions{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.panel-actions .big-btn{flex:40%;width:auto;min-height:52px;margin-top:0;padding:0 14px;font-size:15px}@keyframes pop{0%{opacity:0;transform:scale(.7)}}#wordcard,#quiz{animation-name:pop-center}@keyframes pop-center{0%{opacity:0;transform:translate(-50%,-50%)scale(.7)}}#banner{animation-name:pop-banner}@keyframes pop-banner{0%{opacity:0;transform:translate(-50%)scale(.7)}}#dialog,#interact-prompt{animation-name:pop-flat}@keyframes pop-flat{0%{opacity:0;transform:translate(-50%)translateY(12px)scale(.9)}}@keyframes toast-in{0%{opacity:0;transform:translateY(14px)scale(.85)}}@keyframes confetti-fall{to{transform:translateY(112vh)rotate(720deg)}}@keyframes hint-bob{0%{margin-top:0}to{margin-top:-10px}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-7px)}75%{transform:translate(7px)}}@media (width<=720px){#task-card{min-width:0;max-width:128px;padding:8px 10px}#task-list li{gap:4px;font-size:13px}.task-title{font-size:11px}.pill{padding:6px 12px;font-size:13px}#dialog{padding:12px 16px 10px;bottom:150px}#dialog-en{font-size:20px}#banner{white-space:normal;text-align:center;max-width:92vw;padding:9px 18px;font-size:16px}#interact-prompt{bottom:240px}#toasts{bottom:300px}#quiz-options{flex-direction:column;align-items:center;gap:10px}.quiz-option{width:96px;height:96px;font-size:48px}#wordcard-emoji{font-size:80px}#btn-interact{bottom:120px}#btn-fish{bottom:210px}}