*{box-sizing:border-box}html,body{overscroll-behavior:none;background:#1d2124;height:100%;margin:0;overflow:hidden}#frame{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#1d2124;position:absolute;inset:0;overflow:hidden}#app,#app canvas{width:100%;height:100%;display:block}.hurt-edge{pointer-events:none;position:absolute;inset:0}.hud-hint{top:calc(16px + env(safe-area-inset-top,0px));text-align:center;color:#d8dcde;text-shadow:0 1px 2px #000;pointer-events:none;font:600 14px/1.4 system-ui,sans-serif;transition:opacity .6s;position:absolute;left:0;right:0}.hud-hint.hidden{opacity:0}.noise-hud{top:calc(104px + env(safe-area-inset-top,0px));left:calc(12px + env(safe-area-inset-left,0px));color:#f1eee6;pointer-events:none;font:600 11px/1.3 system-ui,sans-serif;position:absolute}.noise-hud[hidden]{display:none}.noise-bar{vertical-align:middle;background:#343638;width:120px;height:3px;display:inline-block;overflow:hidden}.noise-fill{transform-origin:0;background:#f1eee6;width:100%;height:100%}.noise-level{margin-left:6px}.noise-hud[data-level=noisy] .noise-bar{height:5px}.noise-hud[data-level=loud] .noise-bar{height:7px;animation:.7s ease-in-out infinite alternate noise-blink}.noise-tutorial{text-shadow:0 1px 2px #000;margin:6px 0 0}@keyframes noise-blink{to{opacity:.35}}.thumb-zone{touch-action:none;height:55%;position:absolute;bottom:0;left:0;right:0}.thumb-base{pointer-events:none;opacity:.5;background:#d8dcde0f;border:2px solid #d8dcde40;border-radius:50%;width:112px;height:112px;margin:-56px 0 0 -56px;transition:opacity .2s;position:absolute;top:70%;left:25%}.thumb-zone.active .thumb-base{opacity:1}.thumb-knob{background:#d8dcde8c;border-radius:50%;width:48px;height:48px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud-status{top:calc(48px + env(safe-area-inset-top,0px));left:calc(12px + env(safe-area-inset-left,0px));pointer-events:none;color:#d8dcde;text-shadow:0 1px 2px #000;align-items:center;gap:10px;font:600 13px/1 system-ui,sans-serif;display:flex;position:absolute}.hp-bar{background:#00000080;border:1px solid #d8dcde59;border-radius:5px;width:120px;height:10px;overflow:hidden}.hp-fill{transform-origin:0;background:#b9c4a8;width:100%;height:100%;transition:transform .1s linear}.hp-bar.low .hp-fill{background:#c9b37a}.update-notice{top:calc(158px + env(safe-area-inset-top,0px));max-width:calc(100% - 24px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));color:#d8dcde;text-align:center;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:#0c0e10b3;border:1px solid #d8dcde4d;border-radius:14px;padding:6px 12px;font:600 12px/1.3 system-ui,sans-serif;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.update-notice[hidden]{display:none}.death-screen{z-index:10;color:#e6e2dc;touch-action:none;background:#0c0a0ab8;flex-direction:column;justify-content:center;align-items:center;gap:14px;font:600 15px/1.4 system-ui,sans-serif;display:flex;position:absolute;inset:0}.death-screen[hidden]{display:none}.death-title{letter-spacing:.2em;color:#c9c0b4;font-size:40px}.death-restart{min-width:160px;min-height:48px;color:inherit;font:inherit;cursor:pointer;background:#e6e2dc1f;border:1px solid #e6e2dc80;border-radius:24px}.hud-version{top:calc(3px + env(safe-area-inset-top,0px));right:calc(8px + env(safe-area-inset-right,0px));z-index:20;color:#d8dcde;opacity:.55;text-shadow:0 1px 1px #000;white-space:nowrap;pointer-events:none;font:500 10px/12px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;position:absolute}.route-ui{color:#e1e4dc;font:500 14px/1.4 system-ui,sans-serif}.route-ui[hidden],.route-ui [hidden]{display:none}.route-status{top:calc(76px + env(safe-area-inset-top,0px));pointer-events:none;color:#77dac8;text-shadow:0 1px 2px #000;position:absolute;left:12px}.route-ui button{color:inherit;font:inherit;cursor:pointer;background:#253733;border:1px solid #6c8b83;border-radius:8px;min-height:44px;padding:12px 16px}.map-open{top:calc(108px + env(safe-area-inset-top,0px));z-index:2;position:absolute;left:12px}.route-map,.run-complete{z-index:8;padding:calc(24px + env(safe-area-inset-top,0px)) max(16px, env(safe-area-inset-right,0px)) calc(20px + env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));background:#151e1cf7;position:absolute;inset:0;overflow:auto}.route-map h1{margin:0 0 8px;font-size:24px}.map-progress{margin:0 0 12px}.map-pins{color:#84b9ac;text-align:center;border-block:1px dashed #577168;padding:16px 0}.route-cards{gap:10px;max-width:960px;margin:16px auto;display:grid}.route-card{text-align:left;flex-direction:column;gap:6px;display:flex}.route-card strong{font-size:19px}.route-card span{font-size:13px}.route-intel[data-intel=rumor]{color:#d7c27a}.route-conditions[data-conditions=""]{opacity:.7}.route-card:hover,.route-card:focus-visible{background:#344f48;outline:2px solid #77dac8}.run-complete{text-align:center;padding-top:25vh}.rescue-countdown{top:calc(148px + env(safe-area-inset-top,0px));z-index:5;pointer-events:none;white-space:nowrap;color:#e1e4dc;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000;background:#151e1ccc;border:1px solid #55d6c2;border-radius:8px;padding:6px 14px;font:700 20px/1.3 system-ui,sans-serif;position:absolute;left:50%;transform:translate(-50%)}@media (width>=700px){.route-cards{grid-template-columns:repeat(3,1fr)}}.base-rest{top:calc(164px + env(safe-area-inset-top,0px));left:calc(12px + env(safe-area-inset-left,0px));z-index:2;color:#e1e4dc;text-shadow:0 1px 2px #000;align-items:center;gap:10px;font:500 14px/1.4 system-ui,sans-serif;display:flex;position:absolute}.base-rest[hidden]{display:none}.eat-food{color:inherit;font:inherit;cursor:pointer;background:#33302a;border:1px solid #8a8577;border-radius:8px;min-height:44px;padding:12px 16px}.eat-food:disabled{cursor:default;opacity:.45}.route-report{top:calc(220px + env(safe-area-inset-top,0px));left:calc(12px + env(safe-area-inset-left,0px));pointer-events:none;color:#e1e4dc;text-shadow:0 1px 2px #000;margin:0;position:absolute;right:12px}.death-screen{padding:max(18px, env(safe-area-inset-top,0px)) max(18px, env(safe-area-inset-right,0px)) max(18px, env(safe-area-inset-bottom,0px)) max(18px, env(safe-area-inset-left,0px));gap:12px;overflow-y:auto}.death-map{background:#e6d9b8;border:5px solid #c4b58e;flex-shrink:0;width:min(100%,420px);max-height:32vh;display:block;transform:rotate(-1deg);box-shadow:0 6px 24px #0008}.death-streets{fill:none;stroke:#8c887c;stroke-width:2px;opacity:.45}.death-trails line{stroke:#923b39;stroke-width:3px;stroke-linecap:round}.death-mark{fill:none;stroke:#802c2a;stroke-width:3px;stroke-linecap:round}.death-regions,.death-summary{text-align:center;overflow-wrap:anywhere;max-width:480px}@media (height<=450px){.death-screen{gap:6px}.death-title{font-size:24px}.death-map{max-height:30vh}}.route-map{padding:max(18px, env(safe-area-inset-top,0px)) max(16px, env(safe-area-inset-right,0px)) max(16px, env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));color:#49473f;opacity:var(--paper-reveal,0);transform:perspective(1000px) rotateX(calc((1 - var(--paper-reveal,0)) * 24deg)) scale(calc(.85 + var(--paper-reveal,0) * .15));transform-origin:50% 80%;background:#e3d6b5;grid-template-rows:auto minmax(160px,1fr) auto auto;gap:10px;display:grid;overflow:hidden;box-shadow:inset 0 0 70px #8a795238}.map-heading h1{letter-spacing:.1em;margin:0;font-size:22px}.map-progress{margin:4px 0 0;font-size:12px}.paper-map{border:1px solid #9c9175;width:100%;height:100%;min-height:0;display:block}.route-map .route-cards{gap:8px;width:100%;max-width:none;margin:0}.route-map button{color:#49473f;background:#eee4cd;border-color:#989080;border-radius:3px}.route-map .route-card{gap:3px;padding:10px 12px}.route-map .route-card strong{font-size:17px}.route-map .route-card span{font-size:12px}.route-map button:hover,.route-map button:focus-visible{background:#f5eddc;outline:2px solid #69665f}.route-map button:disabled{cursor:default}.route-map .map-close{justify-self:center;min-width:150px}@media (width>=700px) and (height<=500px){.route-map{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:1fr 1fr;gap:6px 12px;padding:10px 16px}.map-heading{grid-column:1/-1;align-items:baseline;gap:16px;display:flex}.map-heading h1{font-size:18px}.map-progress{margin:0}.paper-map{grid-area:2/1/4}.route-map .route-cards{grid-area:2/2;grid-template-columns:1fr;gap:5px}.route-map .route-card{gap:1px;min-height:0;padding:5px 10px}.route-map .route-card strong{font-size:14px}.route-map .route-card span{font-size:11px}.route-map .map-close{grid-area:3/2;padding:8px 16px}}.settlement{z-index:9;background:rgba(0, 0, 0, var(--settle-dim,0));cursor:pointer;touch-action:none;outline:none;font:600 15px/1.35 system-ui,sans-serif;position:absolute;inset:0}.settlement[hidden]{display:none}.settle-stamp{left:50%;top:calc(max(7vh, 24px) + env(safe-area-inset-top,0px));border:4px solid var(--settle-stamp);color:var(--settle-stamp);letter-spacing:.18em;text-indent:.18em;text-shadow:0 1px 3px #0009;transform-origin:50%;white-space:nowrap;border-radius:6px;padding:4px 22px 6px;font-size:clamp(30px,9vmin,52px);font-weight:800;line-height:1.1;position:absolute;box-shadow:0 1px 3px #0009,inset 0 0 0 2px #0000}.settle-note{left:50%;top:calc(max(7vh, 24px) + clamp(30px, 9vmin, 52px) * 1.1 + 44px + env(safe-area-inset-top,0px));box-sizing:border-box;width:min(300px,100vw - 40px);color:var(--settle-pencil);background:var(--settle-paper);transform-origin:50% 0;border-radius:2px;padding:14px 18px 12px;position:absolute;box-shadow:0 8px 24px #0008,inset 0 0 30px #8a795230}.settle-lines{gap:4px;margin:0;display:grid}.settle-lines>div{border-bottom:1px dashed #69665f55;justify-content:space-between;gap:12px;padding-bottom:3px;display:flex}.settle-lines dt,.settle-lines dd{margin:0}.settle-loot{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.settle-item{align-items:center;gap:2px;display:inline-flex}.settle-item svg.resource{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.settle-skulls{align-items:center;gap:6px;margin-top:10px;font-size:13px;display:flex}.settle-skulls .skulls{gap:1px;min-width:20px;display:inline-flex}.settle-skulls .skulls+span{margin-left:8px}.settle-skulls svg.skull{fill:currentColor;opacity:0;width:18px;height:18px;transition:opacity 80ms,transform 80ms;transform:scale(1.5)}.settle-skulls svg.skull.on{opacity:1;transform:none}.settle-verdict{opacity:0;min-height:1.35em;margin:8px 0 0}.settle-verdict.on{opacity:1}.settle-hint{text-align:center;opacity:.7;margin:6px 0 0;font-size:11px;font-weight:500}@media (height<=450px){.settle-stamp{top:calc(24px + env(safe-area-inset-top,0px));border-width:3px;padding:2px 16px 3px;font-size:30px}.settle-note{top:calc(90px + env(safe-area-inset-top,0px));padding:10px 16px 8px;font-size:14px}.settle-skulls{margin-top:6px}}.navigation-hud{inset:env(safe-area-inset-top,0px) calc(12px + env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0px) calc(12px + env(safe-area-inset-left,0px));pointer-events:none;position:absolute}.navigation-hud[hidden],.navigation-hud [hidden]{display:none}.minimap{width:96px;height:96px;position:absolute;right:0}.minimap-ground{fill:#1d2124dc;stroke:#8b9694;stroke-width:1px}.minimap-route{stroke:#55d6c2;stroke-width:2px}.minimap-player{fill:#e8ebe3}.destination-edge{color:#77dac8;white-space:nowrap;background:#172925dd;border:1px solid #55d6c2;border-radius:6px;padding:3px 6px;font:600 12px/1.3 system-ui,sans-serif;position:absolute;transform:translate(-50%,-50%)}.at-camp .map-open{color:#f2f0e8;background:#363832;border-color:#aaa99e}.at-camp .map-open:before{content:"책상 · "}.at-camp .base-rest{background:#202329d9;border-radius:8px;flex-direction:column;gap:4px;padding:6px}.at-camp .eat-food{padding:8px;font-size:12px}.at-camp .eat-food:before{content:"침대 · "}.at-camp .camp-active{outline:1px solid #f2f0e8;box-shadow:0 0 12px #f2f0e860}.rescue-screen{padding-top:max(24px, env(safe-area-inset-top,0px));background:#151e1cf0;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.rescue-screen[hidden]{display:none}.rescue-screen{font:500 14px/1.4 system-ui,sans-serif}.rescue-screen button{color:inherit;font:inherit;cursor:pointer;background:#253733;border:1px solid #6c8b83;border-radius:8px;min-height:44px;padding:12px 16px}.rescue-screen .rescue-report[hidden]{display:none}.rescue-screen h1,.rescue-screen p{margin:0}.rescue-screen h1{color:#f1eee6}.rescue-map{object-fit:contain;border:4px solid #c4b58e;width:min(100%,460px);height:auto;max-height:34vh;transform:rotate(-1deg);box-shadow:0 6px 24px #0008}.rescue-regions,.run-complete-summary{overflow-wrap:anywhere;max-width:600px;line-height:1.6}@media (height<=450px){.rescue-screen{gap:6px}.rescue-screen h1{font-size:24px}.rescue-map{width:auto;max-width:100%;max-height:30vh}}.vitals{flex-direction:column;gap:3px;display:flex}.xp-line{align-items:center;gap:6px;height:4px;display:flex}.xp-bar{background:#00000080;border-radius:2px;width:120px;height:4px;position:relative;overflow:hidden}.xp-fill{transform-origin:0;background:#d8dcde;width:100%;height:100%;transition:transform .15s linear;transform:scaleX(0)}.xp-bar.sparkle{animation:.6s ease-out xp-sparkle}@keyframes xp-sparkle{0%{box-shadow:0 0 #f2f0e800}30%{box-shadow:0 0 8px #f2f0e8}to{box-shadow:0 0 #f2f0e800}}.xp-pending{color:#f2f0e8;white-space:nowrap;font:600 11px/1 system-ui,sans-serif}.xp-pending[hidden]{display:none}.camp-fire{z-index:2;color:#f2f0e8;background:#363832;border:1px solid #aaa99e;border-radius:8px;padding:8px;font:500 12px/1.3 system-ui,sans-serif;position:absolute}.camp-fire[hidden],.upgrade-cards[hidden]{display:none}.upgrade-cards{z-index:3;color:#e1e4dc;background:#202329e6;border-radius:10px;grid-template-columns:1fr 1fr;gap:6px;width:min(366px,100vw - 24px);padding:8px;font:500 12px/1.35 system-ui,sans-serif;display:grid;position:absolute}.upgrade-heading{color:#f2f0e8;grid-column:1/-1;margin:0;font-weight:600}.upgrade-card{color:#f2f0e8;text-align:left;min-height:64px;font:inherit;cursor:pointer;background:#3a3631;border:1px solid #8b8a80;border-radius:8px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px;display:flex}.upgrade-card strong{font-size:13px}.upgrade-card small{color:#b8b5a8}.horde-timer{top:calc(14px + env(safe-area-inset-top,0px));z-index:3;pointer-events:none;color:#e1e4dc;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000;white-space:nowrap;background:#0c0e1099;border-radius:10px;padding:2px 10px;font:700 16px/1.3 system-ui,sans-serif;position:absolute;left:50%;transform:translate(-50%)}.horde-timer[hidden],.horde-edge[hidden]{display:none}.horde-timer.warning{animation:.5s ease-in-out infinite alternate noise-blink}.horde-timer.arrived{font-size:14px}.horde-edge{z-index:1;pointer-events:none;background:linear-gradient(var(--horde-angle,180deg), #d6221a8c 0%, #d6221a00 22%);animation:1.2s ease-in-out infinite alternate horde-pulse;position:absolute;inset:0}@keyframes horde-pulse{0%{opacity:.7}to{opacity:1}}