:root{color:#231f1b;font-synthesis:none;letter-spacing:0;background:#b9d8dd;font-family:Inter,Pretendard,Noto Sans KR,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none}button{font:inherit}.game-shell{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:relative}.game-shell canvas{display:block}.hud{pointer-events:none;padding:max(14px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));position:absolute;inset:0}.topbar{align-items:center;gap:10px;display:flex}.brand{background:#fffcf6eb;border-left:4px solid #bd3346;align-items:center;gap:8px;height:36px;padding:0 12px;font-weight:800;display:flex;box-shadow:0 2px 12px #32251924}.performance{color:#fff;font-variant-numeric:tabular-nums;background:#221f1bc7;margin-left:auto;padding:6px 9px;font-size:12px}.icon-button{pointer-events:auto;color:#332b25;cursor:pointer;background:#fffcf6eb;border:0;place-items:center;width:36px;height:36px;display:grid}.test-toggle{color:#8f293a}.settings-panel{pointer-events:auto;top:max(58px, calc(env(safe-area-inset-top) + 46px));right:max(16px, env(safe-area-inset-right));background:#fffcf6f7;border-top:3px solid #325d57;width:220px;padding:12px;position:absolute;box-shadow:0 8px 28px #241b1533}.settings-panel header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.settings-panel header button{color:#4b423b;cursor:pointer;background:0 0;border:0;place-items:center;width:28px;height:28px;display:grid}.settings-panel>span{color:#6c625a;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.settings-panel .settings-label{margin-top:12px}.segmented-control{border:1px solid #c9bbaa;grid-template-columns:1fr 1fr;display:grid}.segmented-control button{color:#514941;cursor:pointer;background:#fff;border:0;min-height:34px}.segmented-control button.active{color:#fff;background:#325d57;font-weight:800}.credits-button{color:#40362f;cursor:pointer;background:#fff;border:1px solid #c9bbaa;width:100%;min-height:36px;margin-top:10px}.audio-toggle{color:#62584f;cursor:pointer;background:#fff;border:1px solid #c9bbaa;justify-content:center;align-items:center;gap:7px;width:100%;min-height:34px;display:flex}.audio-toggle.active{color:#325d57;border-color:#325d57;font-weight:800}.credits-backdrop{pointer-events:auto;background:#14110f9e;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.credits-panel{background:#fffaf0;border-top:4px solid #9b7130;width:min(560px,100%);max-height:min(620px,100vh - 40px);padding:18px 20px;overflow:auto;box-shadow:0 16px 60px #140e0a5c}.credits-panel header{justify-content:space-between;align-items:center;gap:16px;display:flex}.credits-panel h2{margin:0;font-family:Georgia,Noto Serif KR,serif;font-size:21px}.credits-panel header button{cursor:pointer;background:0 0;border:0;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid}.credits-panel p{color:#5f554c;margin:14px 0;font-size:13px;line-height:1.55}.credits-panel dl{border-top:1px solid #d8cdbd;margin:0}.credits-panel dl>div{border-bottom:1px solid #e5ded3;grid-template-columns:110px 1fr;gap:12px;padding:10px 0;display:grid}.credits-panel dt{font-weight:800}.credits-panel dd{color:#62584f;margin:0;font-size:13px}.credits-panel .credits-note{color:#776b61;font-size:11px}.chapter-toolbar{pointer-events:auto;top:max(58px, calc(env(safe-area-inset-top) + 46px));background:#1f1b18e0;border-left:4px solid #9b7130;align-items:center;width:min(900px,100vw - 32px);height:38px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 3px 14px #2017102e}.chapter-toolbar>span{color:#f0c968;flex:0 0 38px;place-items:center;height:100%;display:grid}.chapter-toolbar>div{scrollbar-width:thin;gap:2px;min-width:0;padding-right:5px;display:flex;overflow-x:auto}.chapter-toolbar button{color:#fffaf0;cursor:pointer;white-space:nowrap;background:#ffffff1a;border:0;flex:none;height:28px;padding:0 9px;font-size:11px;font-weight:750}.chapter-toolbar button:hover,.chapter-toolbar button:focus-visible{background:#b33c45;outline:none}.quest-panel{top:max(108px, calc(env(safe-area-inset-top) + 96px));left:max(16px, env(safe-area-inset-left));background:#fffcf6e6;border-left:4px solid #325d57;width:min(320px,100vw - 32px);padding:10px 12px;position:absolute;box-shadow:0 2px 12px #3225191f}.quest-panel span{color:#6c625a;font-size:11px;font-weight:700;display:block}.quest-panel strong{margin-top:2px;font-size:14px;display:block}.quest-panel.urgent{border-left-color:#bd3346}.quest-progress{gap:6px;margin-top:8px;display:flex}.quest-progress i{color:#6c625a;background:#e5ded3;padding:3px 6px;font-size:11px;font-style:normal}.quest-progress i.done{color:#fff;background:#325d57}.reaction{color:#fff;text-align:center;background:#1f1b18d6;width:min(560px,100vw - 32px);padding:11px 16px;font-size:14px;line-height:1.4;position:absolute;bottom:92px;left:50%;transform:translate(-50%)}.boss-title{color:#fff;text-shadow:0 2px 12px #000000b8;justify-items:center;animation:.7s ease-out both boss-reveal;display:grid;position:absolute;top:22%;left:50%;transform:translate(-50%)}.boss-title span{border-top:1px solid #fffc;border-bottom:1px solid #fffc;padding:4px 12px;font-size:12px;font-weight:900}.boss-title strong{letter-spacing:0;margin-top:8px;font-family:Georgia,serif;font-size:clamp(24px,4vw,48px)}@keyframes boss-reveal{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}.ending-screen{pointer-events:auto;color:#fffaf0;text-align:center;text-shadow:0 2px 10px #2a111180;background:#5c191fc7;border-top:7px solid #d5aa43;border-bottom:7px solid #d5aa43;flex-direction:column;justify-content:center;align-items:center;padding:24px;animation:.9s ease-out both ending-fade;display:flex;position:absolute;inset:0;overflow:hidden}.ending-screen>svg{z-index:1;color:#f2cb67;position:relative}.ending-screen .ending-sparkles{color:#fff1a5;margin-bottom:10px}.ending-screen>span{z-index:1;color:#f5d77f;margin-top:18px;font-size:14px;font-weight:800;position:relative}.ending-screen h1{z-index:1;letter-spacing:0;max-width:760px;margin:9px 0 0;font-family:Georgia,Noto Serif KR,serif;font-size:48px;line-height:1.18;position:relative}.ending-screen p{z-index:1;color:#fff2d4;max-width:620px;margin:16px 0 28px;font-size:16px;line-height:1.6;position:relative}.ending-screen button{z-index:2;color:#fffaf0;cursor:pointer;background:#3c1418b8;border:1px solid #f2cb67;align-items:center;gap:8px;min-height:44px;padding:0 16px;display:flex;position:relative}.celebration-petals{z-index:0;pointer-events:none;justify-content:space-around;display:flex;position:absolute;inset:-30px 0 0}.celebration-petals i{opacity:.9;background:#f2cb67;width:9px;height:17px;animation:5.4s linear infinite petal-fall}.celebration-petals i:nth-child(3n){background:#65b6a8;width:13px;height:13px;animation-duration:6.2s}.celebration-petals i:nth-child(3n+2){background:#ef8c8c;animation-duration:4.8s}.celebration-petals i:nth-child(4n){animation-delay:-1.2s}.celebration-petals i:nth-child(4n+1){animation-delay:-3.4s}.celebration-petals i:nth-child(4n+2){animation-delay:-4.6s}.celebration-petals i:nth-child(4n+3){animation-delay:-2.3s}@keyframes petal-fall{0%{transform:translateY(-5vh)rotate(0)}to{transform:translateY(110vh)rotate(540deg)}}@keyframes ending-fade{0%{opacity:0}to{opacity:1}}.interaction-button{pointer-events:auto;color:#fff;cursor:pointer;background:#bd3346;border:1px solid #ffffffb3;align-items:center;gap:9px;min-height:48px;padding:0 12px 0 15px;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #38131947}.interaction-button kbd{font:inherit;background:#0000002e;border:1px solid #fff9;margin-left:5px;padding:3px 7px;font-size:12px}.world-label{white-space:nowrap;color:#40362f;background:#fffaeee0;border:1px solid #46352a33;padding:5px 8px;font-size:12px;font-weight:700}.palace-sign{white-space:nowrap;color:#e2c267;text-shadow:0 1px 2px #000;font-family:Georgia,Noto Serif KR,serif;font-size:12px;font-weight:800}.dialogue-backdrop{pointer-events:auto;background:#16121052;place-items:end center;padding:24px 24px 84px;display:grid;position:absolute;inset:0}.dialogue-panel{background:#fffcf6f7;border-top:4px solid #bd3346;width:min(620px,100%);padding:18px 20px 20px;box-shadow:0 12px 40px #1e161147}.dialogue-panel>span{color:#8f293a;font-size:12px;font-weight:800}.dialogue-panel h2{margin:6px 0 16px;font-size:18px;line-height:1.45}.babble-options{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.babble-options button{color:#332b25;cursor:pointer;background:#fff;border:1px solid #c9bbaa;min-height:46px;font-size:16px;font-weight:800}.babble-options button:hover,.babble-options button:focus-visible{background:#fff2f1;border-color:#bd3346;outline:none}.mobile-controls{display:none}@media (pointer:coarse),(width<=760px){.performance{display:none}.chapter-toolbar{left:max(12px, env(safe-area-inset-left));width:calc(100vw - max(24px, env(safe-area-inset-left)) - max(12px, env(safe-area-inset-right)));transform:none}.interaction-button{display:none}.reaction{bottom:max(124px, calc(env(safe-area-inset-bottom) + 108px));font-size:13px}.dialogue-backdrop{align-items:center;padding:20px}.dialogue-panel h2{font-size:16px}.ending-screen h1{max-width:340px;font-size:34px}.ending-screen p{max-width:340px;font-size:14px}.mobile-controls{pointer-events:none;display:block;position:absolute;inset:0}.joystick{--stick-x:0px;--stick-y:0px;pointer-events:auto;left:max(24px, env(safe-area-inset-left));bottom:max(24px, env(safe-area-inset-bottom));touch-action:none;background:#231f1b47;border:2px solid #ffffff9e;border-radius:50%;width:104px;height:104px;position:absolute}.joystick span{width:46px;height:46px;transform:translate(calc(-50% + var(--stick-x)), calc(-50% + var(--stick-y)));background:#ffffffdb;border-radius:50%;position:absolute;top:50%;left:50%;box-shadow:0 3px 12px #0000003d}.mobile-action{pointer-events:auto;right:max(28px, env(safe-area-inset-right));bottom:max(32px, env(safe-area-inset-bottom));color:#fff;touch-action:none;background:#bd3346;border:2px solid #ffffffb3;border-radius:50%;place-items:center;width:72px;height:72px;display:grid;position:absolute;box-shadow:0 4px 18px #38131952}.mobile-action:disabled{opacity:.42}.mobile-action.with-jump{bottom:max(116px, calc(env(safe-area-inset-bottom) + 116px))}.mobile-jump{pointer-events:auto;right:max(28px, env(safe-area-inset-right));bottom:max(32px, env(safe-area-inset-bottom));color:#fff;touch-action:none;background:#315f4a;border:2px solid #ffffffb8;border-radius:50%;place-items:center;width:72px;height:72px;display:grid;position:absolute;box-shadow:0 4px 18px #16362752}}