:root{--ink:#173e38;--cream:#fff9ef;--gold:#e8b868;--line:#d4d8cb}*{box-sizing:border-box}body{margin:0;background:#c9ded8;color:var(--ink);font-family:Arial,"Noto Sans TC",sans-serif;overflow:hidden}button{font:inherit;cursor:pointer;color:inherit;touch-action:manipulation}button:focus-visible{outline:3px solid #ce793b;outline-offset:3px}[hidden]{display:none!important}#world{width:100%;height:100dvh;display:block;touch-action:none;outline:none}header{position:absolute;top:max(20px,env(safe-area-inset-top));left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:800;letter-spacing:3px;text-shadow:0 1px 10px #fff8}.moon{font-size:42px;font-weight:400}.brand-sub{display:block;font-size:8px;letter-spacing:2px;margin-top:4px}.round{pointer-events:auto;border:1px solid #ffffff90;background:#fff9efdd;box-shadow:0 3px 18px #18433b14;border-radius:50%;width:48px;height:48px;font-size:19px}#bag-count{font-size:12px}#location{position:absolute;top:91px;left:25px;font-size:12px;font-weight:600;background:#fff9efbd;padding:9px 13px;border-radius:30px;backdrop-filter:blur(12px)}#location small{opacity:.65;font-weight:400;margin-left:8px;font-size:10px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:100%;background:#458b68;margin-right:6px}#loading{position:absolute;inset:45% 0 auto;text-align:center;background:var(--cream);padding:20px}#mission{position:absolute;top:144px;left:25px;background:#fff9efe8;border-radius:14px;padding:12px 15px;width:166px;font-size:11px}#mission strong{float:right}.track{height:3px;background:#dfe4d9;margin-top:10px}.track i{display:block;background:#b88742;width:0;height:100%;transition:width .5s}.welcome{position:absolute;left:7%;bottom:8%;width:390px;padding:28px;background:#fff9eff2;border:1px solid #fff;border-radius:24px;box-shadow:0 15px 65px #1b403b25;backdrop-filter:blur(16px)}.eyebrow{font-size:9px;letter-spacing:2.6px;color:#8b7352}h1{font-size:38px;line-height:1.25;margin:16px 0;font-weight:500;letter-spacing:1px}h1 em{font-style:normal;display:block}p{line-height:1.8;font-size:14px;color:#617369}.guide-picks{display:flex;gap:10px;margin:23px 0 18px}.guide-card{flex:1;min-width:0;border:1px solid #d9ddd2;border-radius:14px;background:#fffdf6;padding:14px 6px;text-align:center;transition:.2s}.guide-card.selected{border:2px solid #28594d;background:#e8efe5;padding:13px 5px}.portrait{display:flex;width:44px;height:44px;margin:0 auto 10px;border-radius:50%;align-items:center;justify-content:center;font-size:25px}.luna{background:#d8ded8;color:#446753}.monkey{background:#f2ddb0;color:#975722;font-size:22px}.guide-card strong{display:block;font-size:12px;letter-spacing:1px}.guide-card small{display:block;font-size:10px;margin-top:7px;color:#728075}.primary{border:0;background:var(--ink);color:var(--cream);border-radius:13px;padding:16px 21px;font-weight:600;font-size:14px;box-shadow:0 5px 15px #173e381a}.welcome .primary{width:100%;display:flex;justify-content:space-between}.welcome-note{text-align:center;font-size:10px;color:#839084;margin-top:16px}.guide-bubble{position:absolute;left:50%;bottom:190px;transform:translateX(-50%);max-width:460px;width:calc(100% - 44px);display:flex;gap:12px;align-items:center;padding:13px 16px;border-radius:18px;background:#fff9efe8;box-shadow:0 5px 24px #21483e15;pointer-events:none}.guide-bubble button{pointer-events:auto;flex-shrink:0;border:0;border-radius:50%;background:#dce6d9;width:40px;height:40px;font-size:22px}.guide-bubble b{font-size:10px;letter-spacing:1px;display:block;margin-bottom:5px}.guide-bubble span{font-size:12px;line-height:1.5;display:block}.bottom-controls{position:absolute;bottom:max(30px,env(safe-area-inset-bottom));left:28px;right:28px;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none}.bottom-controls button,#joystick{pointer-events:auto}#joystick{width:112px;height:112px;border-radius:100%;border:1px solid #ffffffb0;background:#ffffff35;backdrop-filter:blur(5px);position:relative;touch-action:none;box-shadow:inset 0 0 25px #ffffff50}#joystick:before{content:'＋';position:absolute;inset:0;display:grid;place-items:center;font-size:66px;font-weight:100;color:#fff6}#stick{position:absolute;width:46px;height:46px;left:32px;top:32px;background:#fff9efe0;border:1px solid white;box-shadow:0 5px 18px #20493630;border-radius:50%;pointer-events:none}.control-hint{font-size:10px;display:block;text-align:center;margin-top:10px;color:#254b40;text-shadow:0 0 6px #fff}.right-controls{display:flex;flex-direction:column;gap:9px}.right-controls .control-hint{margin-top:0}.glass{border:1px solid #fff9;background:#fff9efc9;border-radius:12px;padding:12px 20px;font-size:12px}.interact{position:absolute;left:50%;top:43%;transform:translateX(-50%);border:1px solid #fff;background:#fff9eff5;border-radius:30px;padding:14px 22px;box-shadow:0 4px 22px #193c3429;font-weight:600;white-space:nowrap}.desktop-hint{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);font-size:10px;color:#466d5c;white-space:nowrap}dialog{border:0;border-radius:24px;background:var(--cream);color:var(--ink);padding:30px;width:min(440px,calc(100% - 30px));max-height:80dvh;box-shadow:0 25px 100px #0003}dialog::backdrop{background:#15382f66;backdrop-filter:blur(5px)}dialog h2{font-size:26px;margin:12px 0}dialog p{font-size:14px}dialog .primary{width:100%;margin-top:18px}.close{position:absolute;right:16px;top:12px;border:0;background:none;font-size:28px}.stamp{font-size:45px;margin-top:8px}.eyebrow a{color:inherit}.product{display:flex;align-items:center;gap:14px;padding:17px 0;border-bottom:1px solid #e1e1d2}.product-icon{background:#f1e2c8;width:60px;height:60px;display:grid;place-items:center;border-radius:15px;font-size:32px}.product div:nth-child(2){flex:1}.product strong{font-size:14px}.product small{display:block;color:#7a8474;margin-top:6px}.add{border:1px solid #b9c6b7;border-radius:50%;width:35px;height:35px;background:#eef2e7;font-size:22px}.notice{font-size:11px;color:#928777;margin-top:17px;line-height:1.6}#toast{position:absolute;top:30%;left:50%;transform:translateX(-50%);background:var(--ink);color:white;border-radius:30px;padding:13px 20px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .3s;white-space:nowrap}#toast.show{opacity:1}@media(max-width:600px){header{left:20px;right:20px}.welcome{left:18px;right:18px;width:auto;bottom:max(22px,env(safe-area-inset-bottom));padding:23px}.welcome h1{font-size:34px;display:flex;gap:8px;margin:13px 0}.welcome p{font-size:12px;margin:0}.guide-picks{margin:17px 0 14px}.guide-card{padding:12px 5px}.guide-card.selected{padding:11px 4px}.desktop-hint{display:none}.guide-bubble{bottom:190px}.bottom-controls{left:23px;right:23px}#mission{top:140px}}@media(max-height:520px){.welcome{width:340px;bottom:12px;left:20px;padding:15px}.welcome h1{font-size:25px;display:flex;gap:6px;margin:8px 0}.welcome p,.welcome-note{display:none}.guide-picks{margin:10px 0}.portrait{width:28px;height:28px;font-size:20px;margin-bottom:5px}.guide-card{padding:8px}.guide-card.selected{padding:7px}.welcome .primary{padding:12px}.guide-bubble{bottom:25px;width:36%;left:50%}.bottom-controls{bottom:20px}#mission{top:135px}#joystick{width:96px;height:96px}#stick{left:24px;top:24px}.control-hint{display:none}#location{top:80px}}