:root{color-scheme:light;font-family:Avenir Next,Apple SD Gothic Neo,Helvetica Neue,sans-serif;--ink: #2b3238;--paper: #fdf7e8;--cream: #f6eedc;--coral: #ef6c56;--mustard: #eab84e;--mint: #8fd8bd;--panel: rgba(35, 42, 48, .94);--hairline: rgba(253, 247, 232, .16)}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#9fb3bd;color:var(--ink);overscroll-behavior:none}button,input{font:inherit}button{min-width:44px;min-height:44px;cursor:pointer}button:focus-visible{outline:3px solid #fff;outline-offset:3px}.app-shell{position:relative;width:100%;height:100%;isolation:isolate}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}#hud-root{position:absolute;inset:0;pointer-events:none;z-index:10}#hud-root>*{pointer-events:auto}.hud-top{position:absolute;top:max(12px,env(safe-area-inset-top));left:12px;right:12px;display:flex;align-items:flex-start;gap:10px}.icon-button{width:48px;height:48px;border:0;border-radius:14px;background:var(--panel);color:var(--paper);font-size:22px;box-shadow:0 4px #00000040}.task-card{flex:1;max-width:430px;margin:0 auto;padding:10px 14px 12px;border-radius:16px;background:var(--panel);color:var(--paper);text-align:center;box-shadow:0 5px #00000040}.task-card strong{display:block;font-size:15px;letter-spacing:.02em}.task-card small{display:block;margin-top:2px;font-size:12px;opacity:.85}.progress-track{position:relative;height:14px;margin-bottom:7px;border-radius:999px;background:#ffffff24;overflow:hidden}.progress-track i{position:absolute;inset:0 auto 0 0;width:0%;background:linear-gradient(90deg,#8ed45b,#b7e37e);border-radius:999px;transition:width .4s ease}.progress-track b{position:absolute;inset:0;font-size:10px;line-height:14px;font-weight:700}.task-progress{height:6px;margin-top:8px;border-radius:999px;background:#ffffff24;overflow:hidden}.task-progress i{display:block;height:100%;width:0%;background:var(--mustard);transition:width .3s ease}.coin-plate{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:14px;background:var(--panel);color:var(--paper);font-size:18px;box-shadow:0 4px #00000040}.carry-chip{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;background:var(--panel);color:var(--paper);font-size:14px;white-space:nowrap;box-shadow:0 4px #00000040}.carry-chip em{font-style:normal;opacity:.8;border-left:1px solid var(--hairline);padding-left:8px}.virtual-joystick{position:absolute;left:max(18px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));width:128px;height:128px;border-radius:50%;background:#232a3059;border:2px solid rgba(255,255,255,.5);touch-action:none;display:grid;place-items:center}.virtual-joystick .joystick-arrows{color:#ffffffb3;font-size:30px;pointer-events:none}.virtual-joystick .joystick-knob{position:absolute;width:52px;height:52px;border-radius:50%;background:#ffffffd9;box-shadow:0 3px 8px #0000004d;pointer-events:none}.virtual-joystick.is-active{background:#232a3080}@media(hover:hover)and (pointer:fine){.virtual-joystick{opacity:.35}}.facility-dock{position:absolute;right:max(14px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px;width:min(300px,calc(100vw - 180px))}.dock-hint{margin:0;padding:10px 12px;border-radius:12px;background:var(--panel);color:var(--paper);font-size:13px}.dock-upgrade{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border:0;border-radius:14px;background:var(--paper);color:var(--ink);text-align:left;box-shadow:0 4px #00000040}.dock-upgrade strong{font-size:14px}.dock-upgrade small{font-size:11.5px;opacity:.75}.dock-upgrade b{font-size:13px;color:#1f7d43}.dock-upgrade b.is-blocked{color:#b3452f}.dock-upgrade:disabled{opacity:.66;cursor:default}.toast{position:absolute;left:50%;bottom:88px;transform:translate(-50%,10px);padding:10px 18px;border-radius:999px;background:var(--panel);color:var(--paper);font-size:13.5px;opacity:0;transition:opacity .25s ease,transform .25s ease;pointer-events:none;white-space:nowrap;max-width:92vw;overflow:hidden;text-overflow:ellipsis}.toast.is-visible{opacity:1;transform:translate(-50%)}.overlay-root{position:absolute;inset:0;z-index:30;display:none;place-items:center;background:#141a1e8c;padding:20px}.overlay-root.is-open{display:grid}.overlay-panel{width:min(400px,100%);max-height:84vh;overflow-y:auto;padding:22px 22px 18px;border-radius:20px;background:var(--paper);color:var(--ink);box-shadow:0 10px #0000004d;display:flex;flex-direction:column;gap:10px}.overlay-panel h2{margin:0 0 4px;font-size:21px;text-align:center}.overlay-line{display:flex;justify-content:space-between;margin:0;padding:8px 10px;border-radius:10px;background:#2b32380f;font-size:14px}.overlay-total{margin:4px 0 0;text-align:center;font-size:30px;font-weight:800;color:#1f7d43}.overlay-note{margin:4px 0 0;font-size:13.5px;line-height:1.55;opacity:.85}.overlay-close,.overlay-toggle{border:0;border-radius:12px;padding:12px;font-weight:700;background:var(--panel);color:var(--paper)}.overlay-toggle{background:#2b32381a;color:var(--ink);font-weight:600}.overlay-toggle.is-danger{background:#d6503c24;color:#b3452f}.debug-root{position:absolute;top:84px;left:12px;z-index:40;max-width:300px;max-height:60vh;overflow:auto;margin:0;padding:10px;border-radius:10px;background:#141a1ed1;color:#b7e37e;font:10.5px/1.45 SF Mono,Menlo,monospace;pointer-events:none}.loading-screen{position:absolute;inset:0;z-index:50;display:grid;place-content:center;justify-items:center;gap:12px;background:#9fb3bd;color:var(--paper);transition:opacity .4s ease}.loading-screen strong{font-size:19px;letter-spacing:.04em}.loading-screen span{font-size:13.5px;opacity:.85}.loading-screen.is-hidden{opacity:0;pointer-events:none}.loading-mark{display:flex;gap:8px}.loading-mark i{width:16px;height:16px;border-radius:50%;background:var(--paper);animation:loading-bounce .9s infinite ease-in-out}.loading-mark i:nth-child(2){animation-delay:.12s;background:var(--mustard)}.loading-mark i:nth-child(3){animation-delay:.24s;background:var(--coral)}@keyframes loading-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@media(prefers-reduced-motion:reduce){.loading-mark i{animation:none}.progress-track i,.task-progress i,.toast{transition:none}}@media(max-width:640px){.task-card{max-width:none}.task-card strong{font-size:13.5px}.coin-plate{padding:8px 12px;font-size:15px}.facility-dock{width:min(250px,calc(100vw - 150px));bottom:calc(max(18px,env(safe-area-inset-bottom)) + 62px)}.carry-chip{font-size:12.5px;padding:8px 13px}.virtual-joystick{width:112px;height:112px}}