*{box-sizing:border-box;margin:0;padding:0}html,body{color:#cfd8de;background:#0d1014;width:100%;height:100%;font-family:Pretendard,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif;overflow:hidden}#app canvas{display:block}#overlay{cursor:pointer;z-index:20;background:0 0;position:fixed;inset:0;overflow:hidden}#overlay.hidden{display:none}#title-frame{object-fit:cover;pointer-events:none;mix-blend-mode:normal;image-rendering:auto;transform-origin:50%;will-change:transform;width:100%;height:100%;position:absolute;inset:0}#start-prompt{color:#d6dee2b8;letter-spacing:.25em;flex-direction:column;align-items:center;gap:7px;font-size:11px;transition:opacity .28s;display:flex;position:absolute;bottom:7vh;left:50%;transform:translate(-50%)}#start-prompt small{color:#87949c9e;letter-spacing:.08em;font-size:10px}#overlay[data-mode=opening] #start-prompt,#overlay[data-mode=paused] #start-prompt,#overlay[data-mode=dead] #start-prompt{opacity:0}#pause-panel{text-align:center;background:#080a0de6;width:min(520px,100vw - 48px);padding:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#pause-panel.hidden{display:none}#pause-panel h1{color:#e8eef2;letter-spacing:.42em;padding-left:.42em;font-size:34px;font-weight:300}#pause-panel p{color:#9fb0bb;margin-top:12px}#pause-panel .keys{color:#6b7b86;font-size:12px;line-height:1.8}#hud{pointer-events:none;z-index:10;font-size:13px;transition:opacity .7s;position:fixed;inset:0}#hud.cinematic-hidden{opacity:0}#hud .hidden{display:none}#hud-objective{color:#aebbc4;letter-spacing:.14em;white-space:pre-line;text-align:center;text-shadow:0 1px 3px #000000b3;font-size:13px;position:absolute;top:22px;left:50%;transform:translate(-50%)}#hud-crosshair{background:#dce6ebbf;border-radius:50%;width:4px;height:4px;margin:-2px 0 0 -2px;position:absolute;top:50%;left:50%}#hud-prompt{text-align:center;white-space:nowrap;letter-spacing:.1em;color:#e4eaeceb;text-shadow:0 1px 3px #000000d9;background:#0a0d106b;border-left:2px solid #d8956bbf;padding:5px 13px;font-size:12px;position:absolute;top:56%;left:50%;transform:translate(-50%)}#hud-prompt b{color:#f0c9a4;font-weight:500}#hud-prompt .prompt-note{letter-spacing:.06em;color:#c4a894cc;margin-top:3px;font-size:10px;display:block}#hud-prompt .prompt-blocked{color:#efad9c}#hud-host{min-width:220px;position:absolute;bottom:24px;left:26px}#hud-host-title{color:#e4ebef;letter-spacing:.06em;font-size:15px}#hud-host-sub{color:#7d8d98;margin:2px 0 8px;font-size:11px}.bar{align-items:center;gap:8px;margin:4px 0;display:flex}.bar-label{color:#8999a6;width:58px;font-size:11px}.bar-track{background:#ffffff17;border-radius:2px;flex:1;height:4px;display:block;overflow:hidden}.bar-fill{border-radius:2px;height:100%;transition:width .2s linear;display:block}.bar-fill.decay{background:#b06a4d}.bar-fill.battery{background:#5f9db3}.bar-fill.trace{background:#c2954e}.bar-fill.hostless{background:#8a6fb0}.bar-fill.health{background:#a45f58}.bar-fill.durability{background:#75939d}.hud-tool-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:min(324px,100vw - 52px);margin-top:10px;display:grid}.hud-tool-slot{color:#aebbc0;text-align:left;background:#080c0f94;border:1px solid #ffffff21;border-radius:2px;grid-template-rows:1fr auto;grid-template-columns:16px minmax(0,1fr);column-gap:5px;min-width:0;min-height:42px;padding:5px 6px 4px;display:grid;position:relative;overflow:hidden}.hud-tool-slot.selected{color:#ead5a7;background:#684f294d;border-color:#d8b168d1}.hud-tool-slot.blocked{color:#c89b91;border-color:#ae6654ad}.hud-tool-slot.reloading{color:#a4c4cc;border-color:#6796a6b3}.hud-tool-slot.empty{opacity:.55}.hud-tool-key{color:#e2c78d;grid-row:1/3;align-self:center;font-size:11px;line-height:1}.hud-tool-name,.hud-tool-resource{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.hud-tool-name{letter-spacing:.03em;font-size:10px}.hud-tool-resource{color:#7f929a;letter-spacing:.04em;font-size:9px}.hud-tool-slot.blocked .hud-tool-resource{color:#c28e83}.hud-tool-slot.reloading .hud-tool-resource{color:#9cc2cc}.hud-tool-reload{background:#ffffff1f;height:2px;position:absolute;bottom:0;left:0;right:0}.hud-tool-reload i{background:#73a8b5;height:100%;transition:width .1s linear;display:block}.chip{letter-spacing:.12em;color:#b9c6cf;border:1px solid #ffffff2e;border-radius:3px;margin-top:8px;margin-right:6px;padding:3px 8px;font-size:10px;display:inline-block}.chip.hide{color:#b6a3d6;border-color:#8a6fb0}.chip.sense{color:#9cc6d6;border-color:#5f9db3}.chip.sense-cooldown{color:#829199;border-color:#4c5960}#hud-growth{text-align:right;position:absolute;bottom:24px;right:26px}#hud-growth-line{color:#7d8d98;letter-spacing:.08em;font-size:11px}#hud-invest{color:#d8c98f;margin-top:6px;font-size:12px}#resume-button{color:#dce4e9;min-width:132px;min-height:44px;font:inherit;letter-spacing:.1em;cursor:pointer;background:#0a0d108a;border:1px solid #dae2e657;margin-top:18px}#resume-button:hover,#resume-button:focus-visible{outline-offset:3px;border-color:#d8c59ac7;outline:2px solid #d8c59a38}#resume-button.hidden{display:none}#hud-connection{text-align:center;text-shadow:0 1px 3px #000000d1;width:min(360px,100vw - 48px);position:absolute;top:63%;left:50%;transform:translate(-50%)}#hud-branch{color:#d6b594;letter-spacing:.06em;text-align:center;text-shadow:0 1px 4px #000000e6;max-width:min(620px,100vw - 40px);font-size:11px;position:absolute;top:68px;left:50%;transform:translate(-50%)}#hud-dialogue{text-align:center;background:linear-gradient(90deg,#0000,#07090cd1 12% 88%,#0000);width:min(680px,100vw - 32px);padding:11px 16px 12px;line-height:1.45;position:absolute;bottom:72px;left:50%;transform:translate(-50%)}#hud-dialogue-speaker{color:#9eabb4;letter-spacing:.13em;margin-bottom:3px;font-size:10px;display:block}#hud-dialogue-line{color:#eef2f3;letter-spacing:.015em;text-shadow:0 1px 3px #000000d9;overflow-wrap:anywhere;font-size:14px;display:block}.connection-label{color:#e1d5c8;letter-spacing:.16em;font-size:13px}.connection-track{background:#ffffff1f;border:1px solid #d8956b47;height:5px;margin:8px 0 7px;overflow:hidden}.connection-track span{background:linear-gradient(90deg,#81634f,#d8956b);height:100%;transition:width 70ms linear;display:block}.connection-detail{color:#9b918a;font-size:11px}#hud-target{backdrop-filter:blur(2px);background:#0a0d10b8;border:1px solid #ffffff1f;border-radius:4px;min-width:168px;padding:10px 12px;position:absolute;top:50%;left:50%;transform:translate(24px,-50%)}.target-name{color:#e4ebef;margin-bottom:6px;font-size:13px}.target-row{color:#7d8d98;justify-content:space-between;margin:2px 0;font-size:11px;display:flex}.target-row b{color:#c3ced6;font-weight:500}.target-feedback{border-top:1px solid #ffffff1a;margin-top:7px;padding-top:6px;font-size:11px}.target-feedback.ok{color:#9dc79b}.target-feedback.warn{color:#c79b8a}#hud-toast{color:#dce4e9;letter-spacing:.04em;white-space:pre-line;text-align:center;background:#0a0d10c7;border:1px solid #ffffff24;border-radius:4px;max-width:min(680px,100vw - 32px);padding:8px 16px;font-size:13px;line-height:1.45;position:absolute;bottom:120px;left:50%;transform:translate(-50%)}#hud-dialogue:not(.hidden)~#hud-toast{bottom:172px}.evolution-modal{z-index:50;pointer-events:auto;place-items:center;padding:32px;display:grid;position:fixed;inset:0}.evolution-backdrop{backdrop-filter:blur(9px)saturate(.45);background:#040608d1;position:absolute;inset:0}.evolution-dialog{background:linear-gradient(145deg,#171919fa,#080b0dfa),#0b0e10;border:1px solid #c7b69b47;width:min(1120px,100%);max-height:calc(100dvh - 64px);padding:28px;position:relative;overflow:auto;box-shadow:0 22px 80px #00000094}.evolution-header{max-width:720px;margin-bottom:22px}.evolution-kicker{color:#8f806b;letter-spacing:.22em;font-size:10px}.evolution-header h2{color:#eef0eb;letter-spacing:.08em;margin-top:7px;font-size:clamp(25px,3vw,38px);font-weight:350}.evolution-header p{color:#9ba3a2;margin-top:8px;font-size:13px;line-height:1.65}.evolution-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.evolution-card{background:#ffffff06;border:1px solid #ffffff1c;flex-direction:column;min-height:302px;padding:18px;display:flex}.evolution-card[data-spec=physical]{border-top-color:#b67d53b8}.evolution-card[data-spec=mental]{border-top-color:#709a9eb8}.evolution-card[data-spec=dominion]{border-top-color:#9684acb8}.evolution-card-head{align-items:flex-start;gap:12px;display:flex}.evolution-key{color:#e7e0d6;border:1px solid #ffffff38;flex:0 0 31px;place-items:center;width:31px;height:31px;font-size:13px;display:grid}.evolution-card h3{color:#e1e5e3;font-size:17px;font-weight:500}.evolution-card-head p{color:#7f898b;margin-top:3px;font-size:11px;line-height:1.45}.evolution-summary{color:#aeb6b5;margin-top:18px;font-size:13px;line-height:1.55}.evolution-node-preview{background:#ffffff06;border-left:2px solid #8f806b;grid-template-columns:auto 1fr;gap:2px 9px;margin-top:11px;padding:10px;display:grid}.evolution-node-preview[data-organ=carapace]{border-left-color:#b67d53}.evolution-node-preview[data-organ=sensory_lobe]{border-left-color:#709a9e}.evolution-node-preview[data-organ=ganglion]{border-left-color:#9684ac}.evolution-node-preview span{color:#727b7b;letter-spacing:.1em;writing-mode:vertical-rl;grid-row:1/3;align-self:center;font-size:9px}.evolution-node-preview strong{color:#d5c397;font-size:12px;font-weight:500}.evolution-node-preview p{color:#929b9a;font-size:10px;line-height:1.45}.evolution-card-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;padding-top:18px;display:grid}.evolution-card button{color:#b9c1c1;min-height:44px;font:inherit;cursor:pointer;background:#ffffff09;border:1px solid #ffffff2e;padding:8px 10px;font-size:11px}.evolution-card button:hover,.evolution-card button:focus-visible{color:#f0e7d8;outline-offset:2px;border-color:#d8c59ab8;outline:2px solid #d8c59a33}.evolution-choose-button{background:#97845b1f!important}.evolution-detail{color:#8f999a;border-top:1px solid #ffffff17;margin-top:12px;padding-top:11px;font-size:11px;line-height:1.55}.evolution-detail p+p{margin-top:6px}.evolution-detail b{color:#bcc4c2;font-weight:500}.evolution-footer{color:#737d7e;letter-spacing:.03em;flex-wrap:wrap;justify-content:space-between;gap:8px 18px;margin-top:18px;font-size:10px;display:flex}.narrative-modal{--narrative-panel:#0a0d0ffb;--narrative-edge:#c5b89d3d;--narrative-accent:#b7a27a;--narrative-text:#e5e9e5;--narrative-muted:#929d9d;z-index:52;pointer-events:auto;place-items:center;padding:32px;display:grid;position:fixed;inset:0}.narrative-modal.hidden,.narrative-detail.hidden{display:none}.narrative-backdrop{backdrop-filter:blur(9px)saturate(.42);background:#030507d6;position:absolute;inset:0}.narrative-dialog{border:1px solid var(--narrative-edge);background:linear-gradient(132deg, #1e1f1dfa, var(--narrative-panel) 56%), #0a0d0f;width:min(980px,100%);max-height:calc(100dvh - 64px);padding:28px;animation:.18s ease-out both narrative-enter;position:relative;overflow:auto;box-shadow:0 24px 90px #000000a3}.narrative-dialog:before{background:var(--narrative-accent);content:"";width:96px;height:2px;position:absolute;top:-1px;left:28px;box-shadow:0 0 18px #b7a27a57}.narrative-dialog-result{width:min(700px,100%)}.narrative-dialog-ending{--narrative-accent:#c5aa78;background:radial-gradient(circle at 88% 8%, #90754821, transparent 36%), linear-gradient(132deg, #1e1f1dfc, var(--narrative-panel) 56%), #0a0d0f;width:min(760px,100%)}.narrative-header{max-width:720px;margin-bottom:22px}.narrative-kicker{color:var(--narrative-accent);letter-spacing:.2em;text-transform:uppercase;font-size:10px}.narrative-header h2{color:var(--narrative-text);letter-spacing:.065em;margin-top:7px;font-size:clamp(25px,3vw,36px);font-weight:350}.narrative-header p{max-width:660px;color:var(--narrative-muted);white-space:pre-line;margin-top:9px;font-size:13px;line-height:1.65}.narrative-choices{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.narrative-choice{background:#ffffff06;border:1px solid #ffffff1a;border-top-color:#b7a27a8f;flex-direction:column;min-height:224px;padding:18px;display:flex}.narrative-choice-head{align-items:center;gap:12px;display:flex}.narrative-key{color:#e6ddcf;border:1px solid #ffffff38;flex:0 0 31px;place-items:center;width:31px;height:31px;font-size:13px;display:grid}.narrative-choice h3{color:#dde3e0;font-size:16px;font-weight:500;line-height:1.35}.narrative-choice-summary{color:#a5afae;white-space:pre-line;margin-top:16px;font-size:12px;line-height:1.6}.narrative-choice-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;padding-top:18px;display:grid}.narrative-choice-actions button,.narrative-continue-button,.narrative-ending-button{color:#b9c2c0;min-height:44px;font:inherit;cursor:pointer;background:#ffffff09;border:1px solid #ffffff2b;padding:8px 12px;font-size:11px}.narrative-choice-actions button:hover,.narrative-choice-actions button:focus-visible,.narrative-continue-button:hover,.narrative-continue-button:focus-visible,.narrative-ending-button:hover,.narrative-ending-button:focus-visible{color:#f0e8dc;outline-offset:2px;border-color:#d8c59abd;outline:2px solid #d8c59a33}.narrative-choice-actions button:disabled,.narrative-continue-button:disabled,.narrative-ending-button:disabled{cursor:default;opacity:.52}.narrative-choice-button{background:#97845b21!important}.narrative-choice-button:only-child{grid-column:1/-1}.narrative-detail{color:#899493;white-space:pre-line;background:#ffffff06;border-left:2px solid #b7a27a94;grid-column:1/-1;padding:10px 11px;font-size:10px;line-height:1.55}.narrative-footer{color:#727d7d;letter-spacing:.03em;flex-wrap:wrap;justify-content:space-between;gap:8px 18px;margin-top:17px;font-size:10px;display:flex}.narrative-result-rows{gap:8px;display:grid}.narrative-result-row{background:#ffffff07;border-left:2px solid #748083;grid-template-columns:minmax(120px,.42fr) 1fr;gap:18px;padding:12px 14px;display:grid}.narrative-result-row[data-tone=good]{border-left-color:#71958a}.narrative-result-row[data-tone=warn]{border-left-color:#b07c62}.narrative-result-row dt{color:#808b8c;letter-spacing:.1em;font-size:10px}.narrative-result-row dd{color:#d0d7d4;text-align:right;font-size:12px;line-height:1.45}.narrative-result-footer{color:#737e7e;justify-content:space-between;align-items:center;gap:18px;margin-top:20px;font-size:10px;display:flex}.narrative-continue-button{color:#e6dfd3;background:#97845b24;min-width:180px}.narrative-ending-rows{margin-top:2px}.narrative-ending-hook{border:1px solid #c5aa783d;border-left:2px solid var(--narrative-accent);background:linear-gradient(92deg,#916f3b1c,#0000 70%),#ffffff05;margin-top:18px;padding:17px 18px 18px;position:relative;overflow:hidden}.narrative-ending-hook span{color:var(--narrative-accent);letter-spacing:.2em;text-transform:uppercase;font-size:9px}.narrative-ending-hook p{color:#d9ddd8;white-space:pre-line;max-width:650px;margin-top:8px;font-size:14px;line-height:1.65}.narrative-ending-footer{justify-content:space-between;align-items:flex-end;gap:18px;margin-top:22px;display:flex}.narrative-ending-footer>p{color:#737e7e;font-size:10px;line-height:1.5}.narrative-ending-actions{justify-content:flex-end;gap:9px;display:flex}.narrative-ending-button{min-width:154px}.narrative-ending-restart{color:#cbb8ad;background:#77403014;border-color:#b07c626b}.narrative-ending-continue{color:#ece3d3;background:#97845b29}@keyframes narrative-enter{0%{opacity:0;transform:translateY(7px)scale(.992)}to{opacity:1;transform:translateY(0)scale(1)}}.evolution-formation{text-align:center;background:radial-gradient(circle at 50% 43%,#715c482e,#0000 44%),#090c0e;border:1px solid #c7b69b4d;align-content:center;place-items:center;width:min(520px,100%);min-height:430px;padding:42px;display:grid;position:relative;overflow:hidden}.evolution-formation h2{color:#e6e8e3;letter-spacing:.07em;margin-top:8px;font-size:28px;font-weight:400}.evolution-formation>p{color:#9ca5a3;max-width:390px;margin-top:9px;font-size:12px;line-height:1.6}.organ-visual{filter:drop-shadow(0 0 22px #ba95673b);width:190px;height:190px;margin-bottom:24px;animation:1s cubic-bezier(.2,.75,.2,1) both organ-form;position:relative}.organ-core,.organ-ring,.organ-branch{display:block;position:absolute}.organ-core{color:#b9936d;background:radial-gradient(circle at 38% 34%,currentColor,#3a241a40 60%);border:1px solid;border-radius:45% 55% 53% 47%;width:54px;height:54px;animation:.42s ease-in-out infinite alternate organ-pulse;top:68px;left:68px;box-shadow:0 0 38px}.evolution-formation[data-organ=sensory_lobe] .organ-core{color:#73a4a7;border-radius:62% 38% 64% 36%}.evolution-formation[data-organ=ganglion] .organ-core{color:#9d88b7;border-radius:35% 65% 42% 58%}.organ-ring{border:1px solid #d2c2a547;border-radius:50%;animation:1s ease-out both organ-ring;inset:29px}.organ-ring-b{animation-delay:.12s;inset:12px}.organ-branch{transform-origin:50% 100%;color:#c9b591a6;background:linear-gradient(#0000,currentColor);width:1px;height:58px;top:28px;left:93px}.organ-branch-b{transform:rotate(120deg)}.organ-branch-c{transform:rotate(240deg)}@keyframes organ-form{0%{opacity:0;filter:blur(7px);transform:scale(.54)rotate(-8deg)}58%{opacity:1;filter:blur();transform:scale(1.08)rotate(2deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes organ-pulse{0%{opacity:.72;transform:scale(.92)}to{opacity:1;transform:scale(1.06)}}@keyframes organ-ring{0%{opacity:0;transform:scale(.5)}to{opacity:.72;transform:scale(1)}}@media (width<=760px){#hud-host{min-width:180px;max-width:calc(100vw - 32px);bottom:16px;left:16px}#hud-growth{bottom:92px;right:16px}#hud-target{top:52%;left:auto;right:14px;transform:none}#hud-dialogue{bottom:142px}#hud-dialogue:not(.hidden)~#hud-toast{bottom:280px}.evolution-modal{padding:14px}.evolution-dialog{max-height:calc(100dvh - 28px);padding:20px}.evolution-options{grid-template-columns:1fr}.evolution-card{min-height:0}.narrative-modal{padding:14px}.narrative-dialog{max-height:calc(100dvh - 28px);padding:20px}.narrative-dialog:before{left:20px}.narrative-choices{grid-template-columns:1fr}.narrative-choice{min-height:0}.narrative-result-row{grid-template-columns:1fr;gap:5px}.narrative-result-row dd{text-align:left}.narrative-result-footer,.narrative-ending-footer{flex-direction:column;align-items:stretch}.narrative-ending-actions{grid-template-columns:1fr;display:grid}.narrative-ending-button,.narrative-continue-button{width:100%}}@media (prefers-reduced-motion:reduce){#hud,#start-prompt,.bar-fill,.connection-track span{transition:none}.evolution-backdrop,.narrative-backdrop{backdrop-filter:none}.narrative-dialog,.organ-visual,.organ-core,.organ-ring{animation:none}}