:root{color:#302a24;font-synthesis:none;text-rendering:optimizelegibility;--cream:#fff0c9;--cream-deep:#f5d993;--ink:#362b23;--brown:#72503b;--gold:#f2c64c;--coral:#ef7059;--green:#689553;--shadow:#2d37244d;background:#8dccd4;font-family:Avenir Next Rounded,Nunito,PingFang TC,Noto Sans TC,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;touch-action:none}button,kbd{font:inherit}button{color:inherit}#game-canvas{background:linear-gradient(#8ed2df,#d7efcf 70%);outline:none;width:100%;height:100%;display:block}.game-ui{z-index:4;opacity:0;pointer-events:none;transition:opacity .36s;position:fixed;inset:0}.game-ui.is-active{opacity:1}.intro{z-index:20;background:radial-gradient(circle at 50% 64%,#fde89b52,#0000 30%),linear-gradient(#3a6b5f12,#223d2b7a);place-items:center;padding:24px;transition:opacity .52s,visibility .52s;display:grid;position:fixed;inset:0;overflow:hidden}.intro:before,.intro:after{content:"";filter:blur(1px);background:#326042c7;border-radius:50% 50% 0 0;width:70vw;height:48vh;position:absolute;bottom:-14vh}.intro:before{left:-22vw;transform:rotate(8deg)}.intro:after{background:#26513de0;right:-20vw;transform:rotate(-7deg)}.intro.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.intro-sun{background:radial-gradient(circle,#fff1ac8c,#ffe99000 68%);border-radius:50%;width:44vmin;height:44vmin;position:absolute;top:14%;left:50%;transform:translate(-50%)}.intro-content{z-index:2;text-align:center;color:#fff6dc;text-shadow:0 3px 18px #24312359;width:min(580px,92vw);position:relative}.title-mark{width:54px;height:64px;margin:0 auto 10px;position:relative}.title-mark:before,.title-mark:after,.title-mark span{content:"";background:#f4d364;border-radius:100% 0;width:25px;height:42px;position:absolute}.title-mark:before{top:8px;left:5px;transform:rotate(-18deg)}.title-mark:after{top:8px;right:5px;transform:scaleX(-1)rotate(-18deg)}.title-mark span{background:#9dc468;top:22px;left:15px;transform:rotate(45deg)scale(.78)}.intro h1{letter-spacing:.04em;margin:0;font-size:clamp(52px,8vw,92px);font-weight:900;line-height:.98}.intro p{max-width:500px;margin:22px auto 30px;font-size:clamp(16px,2vw,21px);font-weight:650;line-height:1.7}.primary-button{letter-spacing:.08em;cursor:pointer;background:linear-gradient(#fff1bd,#f2cc67);border:3px solid #422d1feb;border-radius:18px;min-width:164px;padding:15px 28px;font-size:18px;font-weight:900;transition:transform .16s,filter .16s;box-shadow:0 5px #795033,0 13px 28px #262a1c3d}.primary-button:hover,.primary-button:focus-visible{filter:brightness(1.05);outline-offset:4px;outline:3px solid #fff4b8;transform:translateY(-2px)}.primary-button:active{transform:translateY(3px);box-shadow:0 2px #795033,0 7px 18px #262a1c33}.intro-controls{color:#fff9e2d1;margin-top:28px;font-size:13px;font-weight:750}kbd{color:#fff9e5;background:#2b2620d1;border:1px solid #ffffff59;border-radius:8px;place-items:center;min-width:29px;height:29px;padding:0 8px;font-size:13px;font-weight:850;display:inline-grid;box-shadow:inset 0 -2px #00000038}.quest-card{top:max(26px, env(safe-area-inset-top));left:max(26px, env(safe-area-inset-left));width:min(320px,100vw - 52px);box-shadow:0 5px 0 #5c3d2ab8, 0 12px 28px var(--shadow);background:linear-gradient(135deg,#fff2cd,#f5d995);border:3px solid #73523b;border-radius:15px 15px 18px;flex-direction:column;padding:18px 22px 17px;display:flex;position:absolute}.quest-card:before,.quest-card:after{content:"";background:#ad8554;border-radius:50%;width:12px;height:12px;position:absolute;top:12px;box-shadow:inset 0 1px 2px #412a1c80}.quest-card:before{left:12px}.quest-card:after{right:12px}.quest-heading{border-bottom:1px solid #704e303d;align-items:center;gap:9px;margin-bottom:11px;padding-bottom:9px;font-size:19px;font-weight:900;display:flex}.quest-leaf{background:var(--green);border-radius:100% 0;width:16px;height:23px;transform:rotate(-26deg)}.quest-card strong{font-size:16px;font-weight:900;line-height:1.35}.quest-card>span{color:#a14e3d;margin-top:5px;font-size:14px;font-weight:850}.region-label{color:#fff4d2;letter-spacing:.15em;opacity:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#2a3726ad;border-radius:99px;padding:9px 20px;font-size:14px;font-weight:850;position:absolute;top:26px;left:50%;transform:translate(-50%,-10px)}.region-label.is-showing{animation:2.4s both region}@keyframes region{0%{opacity:0;transform:translate(-50%,-10px)}15%,72%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,5px)}}.minimap{top:max(24px, env(safe-area-inset-top));right:max(24px, env(safe-area-inset-right));aspect-ratio:1;width:184px;box-shadow:0 5px 0 #4e36258c, 0 12px 30px var(--shadow), inset 0 0 0 3px #d8ba75;background:radial-gradient(circle at 66% 30%,#2f704e 0 5%,#0000 6%),radial-gradient(circle at 40% 24%,#43845a 0 7%,#0000 8%),radial-gradient(circle at 76% 54%,#367c53 0 6%,#0000 7%),linear-gradient(#65944e 0 58%,#90b55c 58% 100%);border:5px solid #544433;border-radius:50%;position:absolute;overflow:hidden}.map-north{z-index:3;color:#fff0bc;background:#3c352b;border-radius:50%;place-items:center;width:26px;height:26px;font-size:12px;font-weight:900;display:grid;position:absolute;top:7px;left:50%;transform:translate(-50%)}.map-river{background:#6bc2d1;border-block:2px solid #fff6;width:116%;height:13%;position:absolute;top:58%;left:-8%;transform:rotate(-8deg)}.map-path{background:#e3c987;border-radius:50%;width:9%;height:93%;position:absolute;top:6%;left:48%;transform:rotate(7deg);box-shadow:inset 3px 0 #6a543624}.map-landmark,.map-player{z-index:2;display:block;position:absolute}.map-house{background:#ffe8b8;border:3px solid #563a2d;width:25px;height:20px;top:74%;left:24%}.map-house:before{content:"";border-bottom:13px solid #bc5e42;border-left:15px solid #0000;border-right:15px solid #0000;position:absolute;top:-13px;left:-5px}.map-forest{background:#244f3c;border-radius:50% 50% 45% 45%;width:25px;height:25px;top:20%;left:65%;box-shadow:-10px 7px #386b48,9px 8px #386b48}.map-player{filter:drop-shadow(0 2px 1px #4a3628);border-bottom:18px solid #ffe271;border-left:7px solid #0000;border-right:7px solid #0000;width:0;height:0;margin-top:-8px}.status-cluster{left:max(26px, env(safe-area-inset-left));bottom:max(26px, env(safe-area-inset-bottom));position:absolute}.hearts{min-height:58px;box-shadow:0 5px 0 #2d251f80, 0 10px 24px var(--shadow);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#38322ae0;border:4px solid #463b30;border-radius:20px;align-items:center;gap:4px;padding:6px 13px;display:flex}.heart{color:#6b6359;-webkit-text-stroke:2px #362d28;filter:drop-shadow(0 2px #0000003d);font-size:39px;line-height:1;transition:color .18s,transform .18s}.heart.is-full{color:#ef6554}.stats{color:#fff6d8;text-shadow:0 2px 5px #26231ebf;margin-top:9px;padding-left:7px;font-size:13px;font-weight:800}.interaction-prompt{left:50%;bottom:max(27px, env(safe-area-inset-bottom));min-width:148px;box-shadow:0 5px 0 #583a26b8, 0 10px 28px var(--shadow);opacity:0;background:linear-gradient(#fff1c7,#f2cf75);border:3px solid #5d4633;border-radius:16px;justify-content:center;align-items:center;gap:12px;padding:10px 18px;font-size:16px;font-weight:900;transition:opacity .16s,transform .16s;display:flex;position:absolute;transform:translate(-50%,16px)scale(.94)}.interaction-prompt.is-visible{opacity:1;transform:translate(-50%)scale(1)}.controls-hint{right:max(26px, env(safe-area-inset-right));bottom:max(27px, env(safe-area-inset-bottom));color:#fff8e2;box-shadow:0 7px 22px var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#2a2721d1;border:2px solid #fff0c99e;border-radius:14px;padding:10px 13px;font-size:12px;font-weight:750;position:absolute}.controls-hint kbd{border-radius:6px;min-width:25px;height:24px;padding:0 6px;font-size:11px}.toast{color:#fff4cd;max-width:min(460px,80vw);box-shadow:0 7px 22px var(--shadow);text-align:center;opacity:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#2d3627db;border-radius:99px;padding:11px 18px;font-size:14px;font-weight:800;transition:all .18s;position:absolute;top:24%;left:50%;transform:translate(-50%,8px)}.toast.is-visible{opacity:1;transform:translate(-50%)}.dialogue{left:50%;bottom:max(98px, calc(env(safe-area-inset-bottom) + 72px));opacity:0;visibility:hidden;pointer-events:auto;background:linear-gradient(145deg,#fff3d0,#f5dc9d);border:4px solid #654735;border-radius:23px;grid-template-columns:1fr auto;gap:16px;width:min(700px,100vw - 44px);min-height:132px;padding:22px 24px 20px 104px;transition:all .2s;display:grid;position:absolute;transform:translate(-50%,24px)scale(.97);box-shadow:0 7px #513525c2,0 18px 44px #2b2d235c}.dialogue.is-visible{opacity:1;visibility:visible;transform:translate(-50%)scale(1)}.portrait{background:#8eb66f;border:3px solid #704e38;border-radius:50%;width:64px;height:64px;position:absolute;top:21px;left:21px;overflow:hidden}.portrait:before{content:"";background:#efb982;border-radius:48% 48% 42% 42%;width:40px;height:42px;position:absolute;top:18px;left:12px}.portrait:after{content:"";background:#67402e;border-radius:50% 50% 22% 22%;width:49px;height:34px;position:absolute;top:5px;left:7px}.dialogue-copy strong{color:#9f4f3f;font-size:15px;font-weight:900}.dialogue-copy p{margin:7px 0 0;font-size:17px;font-weight:750;line-height:1.55}.dialogue button{color:#604632;cursor:pointer;background:#684b3421;border:0;border-radius:10px;align-self:end;padding:8px 11px;font-size:12px;font-weight:850}.boss-bar{color:#fff5d6;opacity:0;width:min(430px,44vw);transition:all .24s;position:absolute;top:30px;left:50%;transform:translate(-50%,-12px)}.boss-bar.is-visible{opacity:1;transform:translate(-50%)}.boss-bar span{letter-spacing:.1em;text-align:center;text-shadow:0 2px 5px #000000b8;margin-bottom:6px;font-size:14px;font-weight:900;display:block}.boss-bar>div{height:18px;box-shadow:0 4px 0 #231d1980, 0 8px 20px var(--shadow);background:#342f28d1;border:3px solid #3c342c;border-radius:99px;overflow:hidden}.boss-bar i{border-radius:inherit;transform-origin:0;background:linear-gradient(90deg,#e75e4e,#f49c5b);width:100%;height:100%;transition:transform .18s;display:block}.touch-controls{display:none}.end-screen{z-index:30;opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#243126a8;place-items:center;padding:24px;transition:all .36s;display:grid;position:fixed;inset:0}.end-screen.is-visible{opacity:1;visibility:visible}.end-screen>div{text-align:center;background:linear-gradient(150deg,#fff1ca,#f2d180);border:4px solid #664936;border-radius:28px;width:min(520px,92vw);padding:42px;box-shadow:0 8px #4a3022ad,0 28px 70px #1e231b73}.end-icon{color:var(--coral);-webkit-text-stroke:3px #583e30;font-size:60px;line-height:1;display:block}.victory .end-icon{color:var(--gold)}.end-screen h2{margin:14px 0 8px;font-size:clamp(28px,5vw,46px);font-weight:950;line-height:1.15}.end-screen p{max-width:400px;margin:0 auto 22px;font-weight:700;line-height:1.65}.victory-stats{color:#986044;margin:-5px 0 25px;font-size:13px;font-weight:800}@media (max-width:820px),(pointer:coarse){.quest-card{top:max(14px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left));border-width:2px;width:min(255px,100vw - 120px);padding:12px 15px}.quest-card:before,.quest-card:after{display:none}.quest-heading{margin-bottom:7px;padding-bottom:6px;font-size:14px}.quest-card strong{font-size:13px}.quest-card>span{font-size:12px}.minimap{top:max(13px, env(safe-area-inset-top));right:max(13px, env(safe-area-inset-right));border-width:3px;width:94px}.map-north{width:18px;height:18px;font-size:9px;top:4px}.map-house{transform:scale(.65)}.map-forest{transform:scale(.7)}.controls-hint,.interaction-prompt,.status-cluster{display:none}.touch-controls{display:block;position:absolute;inset:0}.joystick{left:max(22px, env(safe-area-inset-left));bottom:max(24px, env(safe-area-inset-bottom));pointer-events:auto;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#2a312757;border:3px solid #fff6d566;border-radius:50%;width:116px;height:116px;position:absolute}.joystick i{background:#ffe8a8e0;border:3px solid #5b412cb3;border-radius:50%;width:44px;height:44px;position:absolute;top:33px;left:33px;box-shadow:0 4px #4c362780}.touch-actions{right:max(20px, env(safe-area-inset-right));bottom:max(24px, env(safe-area-inset-bottom));width:136px;height:126px;display:grid;position:absolute}.touch-actions button{pointer-events:auto;background:#ffe9abe6;border:3px solid #473226cc;border-radius:50%;width:54px;height:54px;font-weight:900;position:absolute;box-shadow:0 4px #4630228c}.touch-actions button:first-child{top:0;left:0}.touch-actions button:nth-child(2){bottom:0;left:0}.touch-actions button.attack{background:#f2c64cf0;width:66px;height:66px;top:35px;right:0}.dialogue{bottom:max(164px, calc(env(safe-area-inset-bottom) + 145px));border-width:3px;border-radius:18px;width:calc(100vw - 28px);min-height:108px;padding:16px 15px 14px 76px}.portrait{width:50px;height:50px;top:17px;left:14px}.portrait:before{width:32px;height:34px;top:14px;left:9px}.portrait:after{width:39px;height:27px;top:4px;left:5px}.dialogue-copy p{font-size:14px}.dialogue button{display:none}.boss-bar{width:72vw;top:112px}.toast{font-size:12px;top:30%}}@media (max-height:580px) and (orientation:landscape){.quest-card{transform-origin:0 0;transform:scale(.84)}.minimap{width:82px}.joystick{width:90px;height:90px}.joystick i{width:36px;height:36px;top:25px;left:25px}.touch-actions{transform-origin:100% 100%;transform:scale(.82)}.dialogue{width:min(620px,100vw - 250px);bottom:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}.qa-panel{z-index:100;background:#181b18db;border-radius:7px;gap:3px;padding:4px;display:flex;position:fixed;bottom:4px;left:50%;transform:translate(-50%)}.qa-panel button{color:#3b3128;cursor:pointer;background:#f3d686;border:0;border-radius:4px;padding:4px 7px;font:700 10px/1 system-ui,sans-serif}