:root{color:#1e2430;font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,system-ui,sans-serif;font-synthesis:none;letter-spacing:0;text-rendering:geometricPrecision;--panel: rgba(255, 250, 239, .9);--panel-strong: rgba(255, 255, 255, .96);--ink: #222838;--gold: #d99b24;--rose: #d95d75;--teal: #218a86;--blue: #3f6fb6;--shadow: 0 10px 30px rgba(32, 35, 45, .18)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:#79c6a7}button{font:inherit}#app{position:relative;isolation:isolate}#game{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}#game canvas{display:block}.hud{position:fixed;z-index:2;max-width:min(360px,calc(100vw - 24px));border:1px solid rgba(67,50,31,.16);border-radius:8px;background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hud-status{top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));padding:10px}.hud-title{margin:0 0 8px;color:var(--ink);font-size:clamp(15px,2.2vw,18px);font-weight:800}.stat-grid{display:grid;grid-template-columns:repeat(5,minmax(44px,1fr));gap:6px}.stat{display:grid;min-width:0;padding:6px;border-radius:8px;background:#ffffffb8;text-align:center}.stat b{color:var(--blue);font-size:clamp(15px,2.4vw,19px);line-height:1.05}.stat small{margin-top:2px;color:#5f6270;font-size:11px;line-height:1.1}.hud-quest{bottom:max(12px,env(safe-area-inset-bottom));right:max(12px,env(safe-area-inset-right));width:330px;padding:12px}.quest-text{color:var(--ink);font-size:clamp(13px,2.2vw,15px);font-weight:700;line-height:1.45}.progress-shell{height:9px;margin-top:10px;overflow:hidden;border-radius:999px;background:#3c372f29}.progress-fill{width:0%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--rose),var(--gold),var(--teal));transition:width .22s ease}.progress-text{margin-top:6px;color:#5c6170;font-size:12px;font-weight:700}.prompt,.toast{position:fixed;left:50%;z-index:3;max-width:min(520px,calc(100vw - 28px));transform:translate(-50%);border:1px solid rgba(43,36,28,.16);border-radius:8px;background:var(--panel-strong);box-shadow:var(--shadow);color:var(--ink);text-align:center;pointer-events:none}.prompt{bottom:max(22px,env(safe-area-inset-bottom));min-height:40px;padding:9px 14px;font-size:15px;font-weight:800;opacity:0;transition:opacity .14s ease,transform .14s ease}.prompt.is-visible{opacity:1;transform:translate(-50%,-4px)}.toast{top:104px;padding:10px 14px;font-size:14px;font-weight:700;opacity:0;transition:opacity .16s ease,transform .16s ease}.toast.is-visible{opacity:1;transform:translate(-50%,5px)}body.storybook-open .hud-status,body.storybook-open .hud-quest,body.storybook-open .prompt,body.storybook-open .reset-btn{opacity:0;pointer-events:none}.touch-controls{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));z-index:4;display:none;align-items:end;gap:14px}.dpad{display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(3,48px);gap:4px}.touch-btn,.interact-btn,.jump-btn,.reset-btn{border:1px solid rgba(28,32,42,.2);border-radius:8px;background:#ffffffe0;box-shadow:0 8px 18px #20232d29;color:var(--ink);cursor:pointer;touch-action:none}.touch-btn{width:48px;height:48px;font-size:18px;font-weight:900}.touch-btn:active,.interact-btn:active,.jump-btn:active,.reset-btn:active{transform:translateY(1px);background:#fff3cf}.touch-btn.up{grid-column:2;grid-row:1}.touch-btn.left{grid-column:1;grid-row:2}.touch-btn.right{grid-column:3;grid-row:2}.touch-btn.down{grid-column:2;grid-row:3}.interact-btn{width:64px;height:64px;color:#8a4b00;font-size:27px;font-weight:900}.jump-btn{width:56px;height:56px;color:var(--teal);font-size:26px;font-weight:900}.reset-btn{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:calc(max(12px,env(safe-area-inset-bottom)) + 126px);z-index:4;width:38px;height:38px;font-size:20px;font-weight:900}@media(hover:none),(pointer:coarse){.touch-controls{display:flex}.hud-quest{bottom:calc(max(14px,env(safe-area-inset-bottom)) + 118px)}.reset-btn{bottom:calc(max(14px,env(safe-area-inset-bottom)) + 232px)}.prompt{bottom:calc(max(14px,env(safe-area-inset-bottom)) + 92px)}}@media(max-width:760px){.hud-status,.hud-quest{left:max(10px,env(safe-area-inset-left));right:auto;max-width:calc(100vw - 20px)}.hud-quest{top:auto;bottom:calc(max(10px,env(safe-area-inset-bottom)) + 118px);width:calc(100vw - 20px)}.hud-status{padding:8px}.stat-grid{grid-template-columns:repeat(5,minmax(42px,1fr))}.toast{top:184px}.reset-btn{bottom:calc(max(10px,env(safe-area-inset-bottom)) + 232px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}