:root{--ink: #1d2433;--paper: #ffffff;--sky: #2b6cb0;--sun: #ffc93c;--leaf: #3fb37f;--coral: #ff6b5b;--muted: #6b7385;--panel: rgba(255, 255, 255, .94);--shadow: 0 6px 18px rgba(20, 30, 50, .25);--radius: 18px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);font-family:Nunito,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#9fd3f5;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none}#scene{position:fixed;inset:0;width:100%;height:100%;display:block}#ui{position:fixed;inset:0;pointer-events:none}#ui>*{pointer-events:auto}button{font:inherit;border:0;cursor:pointer;min-height:44px;min-width:44px;border-radius:999px;font-weight:800}#loading{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:linear-gradient(180deg,#2b6cb0,#4aa3df);color:#fff;transition:opacity .4s}#loading.done{opacity:0;pointer-events:none}.loading-title{font-size:34px;font-weight:900;letter-spacing:.5px}.loading-sub{font-size:14px;opacity:.85}.loading-bar{width:220px;height:10px;background:#ffffff4d;border-radius:99px;overflow:hidden;margin-top:18px}.loading-fill{width:0%;height:100%;background:var(--sun);transition:width .2s}.loading-text{font-size:14px;opacity:.9}.hud-top{position:absolute;top:calc(10px + var(--safe-top));left:12px;right:12px;display:flex;gap:8px;align-items:center}.hud-chip{display:flex;align-items:center;gap:6px;background:var(--panel);border-radius:999px;padding:6px 12px;box-shadow:var(--shadow);font-weight:800;font-size:15px;min-height:36px}.hud-xp{flex:1;height:12px;background:#ffffffb3;border-radius:99px;overflow:hidden;box-shadow:var(--shadow)}.hud-xp>div{width:0%;height:100%;background:var(--leaf)}.hud-objective{position:absolute;top:calc(56px + var(--safe-top));left:12px;background:#1d2433bf;color:#fff;border-radius:12px;padding:6px 12px;font-size:14px;font-weight:700;max-width:calc(100% - 24px)}.hud-actions{position:absolute;right:12px;bottom:calc(24px + var(--safe-bottom));display:flex;flex-direction:column;gap:10px;align-items:flex-end}.hud-btn{background:var(--panel);color:var(--ink);padding:0 16px;box-shadow:var(--shadow);font-size:15px}.hud-btn.primary{background:var(--sun)}.fps{position:absolute;top:calc(56px + var(--safe-top));right:12px;font:700 12px ui-monospace,monospace;background:#0000008c;color:#9effa8;padding:3px 7px;border-radius:8px;pointer-events:none!important}.npc-chip{position:absolute;left:50%;bottom:calc(180px + var(--safe-bottom));transform:translate(-50%);background:var(--panel);border-radius:14px;padding:8px 14px;box-shadow:var(--shadow);font-weight:800;text-align:center;pointer-events:none!important;transition:opacity .2s}.npc-chip small{display:block;font-weight:600;color:var(--muted)}.npc-chip.hidden{opacity:0}.joystick{position:absolute;left:22px;bottom:calc(26px + var(--safe-bottom));width:132px;height:132px;border-radius:50%;background:#ffffff47;border:3px solid rgba(255,255,255,.6);touch-action:none}.joystick-knob{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;background:#ffffffeb;box-shadow:var(--shadow)}.sheet{position:absolute;left:0;right:0;bottom:0;max-height:78%;background:var(--paper);border-radius:22px 22px 0 0;box-shadow:0 -6px 24px #0003;padding:18px 16px calc(18px + var(--safe-bottom));overflow-y:auto}.sheet h2{margin:0 0 4px;font-size:20px}.sheet p.hint{margin:0 0 12px;color:var(--muted);font-size:14px}.sheet h3{margin:14px 0 8px;font-size:15px}.swatches{display:flex;flex-wrap:wrap;gap:10px}.swatch{width:44px;height:44px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 2px #d6dbe6}.swatch.on{box-shadow:0 0 0 3px var(--sky)}.choice{background:#eef1f6;padding:0 14px;font-size:14px}.choice.on{background:var(--sky);color:#fff}.sheet .row{display:flex;gap:10px;margin-top:16px}.sheet .row button{flex:1}.btn-main{background:var(--sun);font-size:17px;min-height:52px}.btn-ghost{background:#eef1f6}.name-input{width:100%;font:inherit;font-size:17px;padding:10px 14px;border-radius:12px;border:2px solid #d6dbe6;min-height:44px;user-select:text;-webkit-user-select:text}.letterbox{position:absolute;left:0;right:0;height:9vh;background:#000;transition:transform .4s;pointer-events:none!important}.letterbox.top{top:0;transform:translateY(-100%)}.letterbox.bottom{bottom:0;transform:translateY(100%)}.cutscene-on .letterbox{transform:none}.subtitle{position:absolute;left:12px;right:12px;bottom:calc(10vh + 12px + var(--safe-bottom));background:#0f141ed1;color:#fff;border-radius:14px;padding:10px 14px;display:flex;gap:10px;align-items:flex-start}.subtitle .who{font-weight:900;color:var(--sun);margin-right:6px}.subtitle .text{flex:1;font-size:17px;line-height:1.35}.subtitle .pt{display:block;margin-top:4px;font-size:14px;color:#c8d3e8}.subtitle button{background:#ffffff29;color:#fff;padding:0 12px;font-size:14px}.title-card{position:absolute;left:0;right:0;top:38%;text-align:center;color:#fff;font-size:26px;font-weight:900;text-shadow:0 3px 12px rgba(0,0,0,.6);pointer-events:none!important;animation:titleIn .5s ease-out}@keyframes titleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}.skip{position:absolute;top:calc(10vh + 10px + var(--safe-top));right:12px;background:#00000080;color:#fff;padding:0 14px;font-size:14px}.cutscene-on .hud-top,.cutscene-on .hud-objective,.cutscene-on .hud-actions,.cutscene-on .joystick,.cutscene-on .npc-chip{display:none}.toast{position:absolute;left:50%;top:40%;transform:translate(-50%);background:var(--panel);padding:12px 18px;border-radius:14px;box-shadow:var(--shadow);font-weight:800;text-align:center}.talking .hud-actions,.talking .joystick,.talking .npc-chip,.talking .hud-objective{display:none}.dialog{position:absolute;left:0;right:0;bottom:0;max-height:62%;overflow-y:auto;background:var(--paper);border-radius:22px 22px 0 0;box-shadow:0 -6px 24px #00000038;padding:16px 16px calc(16px + var(--safe-bottom));animation:sheetIn .25s ease-out}@keyframes sheetIn{0%{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}.dialog-close{position:absolute;top:8px;right:8px;background:#eef1f6;font-size:16px}.dialog-who{font-weight:900;color:var(--sky);font-size:14px;text-transform:uppercase;letter-spacing:.5px}.dialog-line{font-size:21px;font-weight:800;line-height:1.3;margin:2px 40px 6px 0}.dialog-pt{font-size:15px;color:var(--muted);margin:-2px 0 8px}.dialog-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.chip-btn{background:#eef1f6;color:var(--ink);padding:0 14px;font-size:14px}.dialog-hero{border-top:2px dashed #e2e6ee;margin-top:12px;padding-top:12px;text-align:center}.dialog-hero:empty{display:none}.dialog-hero .dialog-tools{justify-content:center}.dialog-say-label{font-size:13px;font-weight:800;color:var(--muted)}.dialog-say{font-size:22px;font-weight:900;color:var(--ink);margin:2px 0 6px}.dialog-heard{min-height:22px;font-size:16px;color:var(--muted)}.dialog-words{font-size:18px;font-weight:800}.w-ok{color:var(--leaf)}.w-miss{color:var(--coral);text-decoration:underline wavy}.dialog-you{font-size:14px;color:var(--muted);margin-top:2px}.dialog-status{min-height:20px;font-size:15px;font-weight:700;color:var(--muted);margin-top:8px}.dialog-status[data-kind=good]{color:var(--leaf)}.dialog-status[data-kind=bad]{color:var(--coral)}.mic{width:84px;height:84px;margin:10px auto 0;display:flex;align-items:center;justify-content:center;background:var(--coral);color:#fff;border-radius:50%;box-shadow:0 6px 16px #ff6b5b73}.mic.listening{animation:pulse 1s ease-in-out infinite;background:#e2453a}@keyframes pulse{0%,to{box-shadow:0 0 #ff6b5b8c}50%{box-shadow:0 0 0 16px #ff6b5b00}}.dialog-type{display:flex;gap:8px;margin-top:10px}.dialog-type .btn-main{min-height:44px;padding:0 16px;font-size:15px}.dialog-done{font-size:20px;font-weight:900;color:var(--leaf);margin-bottom:12px}.dialog .btn-main{width:100%}.npc-chip{pointer-events:auto!important;cursor:pointer}.npc-chip.hidden{pointer-events:none!important}.loading-start{margin-top:22px;min-width:220px;font-size:20px;min-height:60px;color:var(--ink)}.dialog-sound{background:#fff3d6;color:#7a4b00;border-radius:12px;padding:8px 12px;font-size:14px;font-weight:700;margin:0 40px 10px 0}.gloss{all:unset;cursor:pointer;border-bottom:2px dotted var(--sky);color:inherit}.gloss:active{background:#e3eefb}.gloss-card{background:#e8f1fc;border-radius:12px;padding:8px 12px;margin:4px 0 8px;font-size:16px;text-align:left}.gloss-card small{display:block;color:var(--muted);font-size:13px}.dialog-better{font-size:15px;font-weight:700;color:var(--sky);margin-top:4px}.dialog-task:not(:empty){display:inline-block;background:#fff3d6;color:#7a4b00;font-size:13px;font-weight:800;border-radius:99px;padding:3px 10px;margin-bottom:8px}.pics{display:flex;gap:10px;margin:6px 0 4px;overflow-x:auto}.pic{all:unset;cursor:pointer;flex:0 0 auto;width:92px;padding:8px 4px;border-radius:14px;background:#f4f6fa;border:2px solid #e2e6ee;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.pic:active{transform:scale(.96)}.pic-en{font-weight:900;font-size:15px;color:var(--ink)}.pic-pt{font-size:12px;color:var(--muted);visibility:hidden}.pic.show-pt{border-color:var(--sky);background:#e8f1fc}.pic.show-pt .pic-pt{visibility:visible}.dialog.angel{background:linear-gradient(180deg,#fffaf0,#fff);border-top:4px solid #f2c94c}.dialog.angel .dialog-who{color:#b8860b}.dialog-angel{font-size:18px;font-weight:700;line-height:1.4;margin:4px 30px 8px 0}.dialog.angel .pic .pic-pt{visibility:visible}.dialog-reward{display:inline-block;margin:8px 0 10px;background:#e7f8ee;color:#1f7a48;font-weight:900;border-radius:99px;padding:5px 12px;font-size:15px}.dialog-reward.big{font-size:20px;padding:8px 16px}.dialog.finale{text-align:center}.finale-emoji{font-size:46px}.finale-title{font-size:22px;font-weight:900;margin:4px 0 8px}.finale-stats{list-style:none;padding:0;margin:0 0 4px;font-size:16px;font-weight:700;color:var(--muted)}.finale-stats li{margin:3px 0}.hud-xp{position:relative;height:18px}.hud-xp-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;color:var(--ink)}.hud-coins.bump{display:inline-block;animation:bump .5s}@keyframes bump{50%{transform:scale(1.5);color:#c98a00}}.dialog.finale .dialog-sound{display:none}