:root{--bg: #050608;--panel: rgba(10, 12, 16, .92);--panel-solid: #0c0f14;--line: #262c36;--line-hi: #3a4352;--text: #d6dbe4;--dim: #7d8696;--faint: #4b5361;--red: #e0352b;--red-dim: #7a1c17;--amber: #f0a13a;--green: #4fe08a;--cyan: #58c8ff;--violet: #b06cff;--mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--sans: "Noto Sans KR", system-ui, -apple-system, "Apple SD Gothic Neo", sans-serif;--title: "Black Han Sans", "Noto Sans KR", sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font:15px/1.5 var(--sans);overflow:hidden;-webkit-font-smoothing:antialiased;user-select:none}#app,#view{position:fixed;inset:0}#view canvas{display:block;width:100%;height:100%}#ui{position:fixed;inset:0;pointer-events:none}#ui>*{pointer-events:auto}#ui>.passthrough,#ui>.hud{pointer-events:none}#ui>.hud input.chatinput{pointer-events:auto}button{font:inherit;color:inherit;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border:1px solid var(--line-hi);border-radius:6px;background:#121720;color:var(--text);font-weight:600;letter-spacing:.02em;transition:background .15s,border-color .15s,transform .08s}.btn:hover{background:#19202b;border-color:#56627a}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:linear-gradient(#b72a22,#8c1f19);border-color:#e0463c;color:#fff}.btn.primary:hover{background:linear-gradient(#c9322a,#9c241d)}.btn.ghost{background:transparent}.btn.small{min-height:34px;padding:6px 12px;font-size:13px}.btn:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}input[type=text]{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--line-hi);border-radius:6px;background:#07090c;color:var(--text);font:16px var(--sans)}.mono{font-family:var(--mono)}.dim{color:var(--dim)}.hidden{display:none!important}.screen{position:fixed;inset:0;display:grid;place-items:center;padding:24px 16px;overflow-y:auto;background:radial-gradient(ellipse at 50% 30%,rgba(120,20,16,.18),transparent 60%),radial-gradient(ellipse at 50% 120%,rgba(30,60,90,.2),transparent 60%),var(--bg)}.screen:after{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 3px);mix-blend-mode:overlay}.lobby-card{width:min(460px,100%);display:grid;gap:18px}.title{text-align:center}.title .ufo{font-family:var(--title);font-size:clamp(56px,16vw,92px);line-height:.95;letter-spacing:.08em;color:#e8ecf2;text-shadow:0 0 24px rgba(224,53,43,.35),0 0 2px #fff;animation:flick 6s infinite}.title .sub{font-family:var(--mono);color:var(--red);letter-spacing:.4em;font-size:14px;margin-top:6px}.title .tag{color:var(--dim);font-size:13px;margin-top:10px}@keyframes flick{0%,92%,to{opacity:1}93%{opacity:.4}94%{opacity:1}96%{opacity:.6}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px;display:grid;gap:12px}.panel h2{margin:0;font-size:13px;font-family:var(--mono);color:var(--dim);letter-spacing:.18em;font-weight:600}.row{display:flex;gap:10px;align-items:center}.row>.grow{flex:1}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.account-line{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:var(--dim)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:12px;border:1px solid var(--line-hi);color:var(--dim);white-space:nowrap}.badge.ok{color:var(--green);border-color:#4fe08a66}.badge.warn{color:var(--amber);border-color:#f0a13a66}.room-code{font-family:var(--mono);font-size:40px;letter-spacing:.3em;text-align:center;color:#fff}.plist{display:grid;gap:8px}.pl{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#090b0f}.pl .slot{font-family:var(--mono);color:var(--red);font-size:12px}.pl .name{flex:1;font-weight:600}.pl.empty{color:var(--faint);border-style:dashed}.help{font-size:12.5px;color:var(--dim);display:grid;grid-template-columns:auto 1fr;gap:4px 12px}.help kbd,kbd{font-family:var(--mono);font-size:11.5px;padding:1px 6px;border:1px solid var(--line-hi);border-bottom-width:2px;border-radius:4px;color:var(--text);background:#0e1218}.slots{display:grid;gap:8px}.slotbtn{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;text-align:left;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:#0a0d12}.slotbtn:hover:not(:disabled){border-color:var(--line-hi);background:#10141b}.slotbtn .n{font-family:var(--mono);color:var(--red)}.slotbtn .meta{font-size:12px;color:var(--dim)}.error-line{color:#ff8a80;font-size:13px;min-height:1.2em}.hud{position:fixed;inset:0;pointer-events:none;font-family:var(--mono)}.crosshair{position:absolute;left:50%;top:50%;width:26px;height:26px;transform:translate(-50%,-50%);transition:width .12s,height .12s,opacity .2s}.crosshair i{position:absolute;background:#ffffffd9;box-shadow:0 0 2px #000}.crosshair i:nth-child(1){left:50%;top:0;width:2px;height:7px;margin-left:-1px}.crosshair i:nth-child(2){left:50%;bottom:0;width:2px;height:7px;margin-left:-1px}.crosshair i:nth-child(3){top:50%;left:0;height:2px;width:7px;margin-top:-1px}.crosshair i:nth-child(4){top:50%;right:0;height:2px;width:7px;margin-top:-1px}.crosshair .dot{position:absolute;left:50%;top:50%;width:3px;height:3px;margin:-1.5px;background:#fff;border-radius:50%}.crosshair.hit i{background:#ff5040}.vitals{position:absolute;left:22px;bottom:22px;width:280px;display:grid;gap:8px}.ecg{position:relative;height:54px;border:1px solid rgba(255,255,255,.12);background:#00000073;border-radius:6px;overflow:hidden}.ecg canvas{width:100%;height:100%;display:block}.ecg .state{position:absolute;right:8px;top:5px;font-size:12px;letter-spacing:.15em;font-weight:600}.ecg .hpn{position:absolute;left:8px;top:5px;font-size:12px;color:var(--dim)}.bars{display:grid;grid-template-columns:auto 1fr;gap:4px 8px;align-items:center;font-size:11px;color:var(--dim)}.bar{height:5px;background:#ffffff14;border-radius:3px;overflow:hidden}.bar>b{display:block;height:100%;background:#cfd8e6;transition:width .3s}.weapon{position:absolute;right:24px;bottom:22px;text-align:right;display:grid;gap:4px;justify-items:end}.weapon .wname{font-family:var(--sans);font-weight:800;font-size:15px;letter-spacing:.04em}.weapon .ammo{font-size:36px;font-weight:600;line-height:1}.weapon .ammo small{font-size:16px;color:var(--dim)}.weapon .ammo.low{color:var(--red)}.weapon .reload{font-size:12px;color:var(--amber);letter-spacing:.2em}.quick{display:flex;gap:6px;margin-top:4px}.quick .q{min-width:38px;padding:3px 6px;border:1px solid rgba(255,255,255,.14);border-radius:5px;background:#00000073;font-size:12px;text-align:center;color:var(--dim)}.quick .q b{color:var(--text)}.quick .q.on{border-color:var(--red);color:var(--text)}.objective{position:absolute;left:22px;top:20px;max-width:min(420px,60vw);font-family:var(--sans)}.objective .lbl{font-family:var(--mono);font-size:11px;letter-spacing:.25em;color:var(--red)}.objective .txt{font-size:15px;font-weight:600;text-shadow:0 1px 3px #000}.objective.flash .txt{animation:objflash 1.6s}.waypoint-hud{position:absolute;top:74px;left:22px;padding:4px 9px;border:1px solid rgba(255,243,168,.45);border-radius:4px;background:#04080ccc;color:#fff3a8;font:12px var(--mono);text-shadow:0 1px 2px #000}@keyframes objflash{0%{color:var(--amber)}to{color:var(--text)}}.stage-tag{position:absolute;right:22px;top:20px;text-align:right;font-size:11px;color:var(--dim);letter-spacing:.15em}.keyring{display:flex;gap:6px;justify-content:flex-end;margin-top:6px;flex-wrap:wrap}.keyring span{padding:2px 7px;border:1px solid rgba(240,161,58,.45);color:var(--amber);border-radius:4px;font-family:var(--sans);font-size:11.5px;background:#0006}.mate{position:absolute;left:22px;bottom:150px;width:220px;font-size:12px;display:grid;gap:4px}.mate .nm{display:flex;justify-content:space-between;color:var(--dim)}.mate .bar>b{background:var(--cyan)}.mate.down .nm{color:var(--red)}.prompt{position:absolute;left:50%;top:60%;transform:translate(-50%);padding:7px 14px;border:1px solid rgba(255,255,255,.18);border-radius:6px;background:#0000009e;font-family:var(--sans);font-size:14px;white-space:nowrap}.prompt .sub{display:block;font-size:12px;color:var(--dim);text-align:center}.prompt .prog{height:3px;margin-top:6px;background:#ffffff1a}.prompt .prog b{display:block;height:100%;background:var(--green)}.subtitles{position:absolute;left:50%;bottom:118px;transform:translate(-50%);width:min(760px,90vw);display:grid;gap:6px;justify-items:center;font-family:var(--sans)}.subtitles .line{padding:6px 14px;border-radius:6px;background:#000000a8;font-size:16px;text-align:center;text-shadow:0 1px 2px #000;animation:subin .25s ease-out}.subtitles .line b{color:var(--amber);margin-right:8px;font-weight:800}.subtitles .line.hermes b{color:var(--cyan)}.subtitles .line.alien b{color:var(--violet)}.subtitles .line.narr{color:#b9c0cc;font-style:italic}@keyframes subin{0%{opacity:0;transform:translateY(6px)}}.toasts{position:absolute;left:50%;top:22%;transform:translate(-50%);display:grid;gap:6px;justify-items:center;font-family:var(--sans)}.toast{padding:6px 14px;border-radius:6px;background:#000000b3;border:1px solid rgba(255,255,255,.12);font-size:14px;animation:subin .2s ease-out}.toast.pick{border-color:#4fe08a80}.toast.key{border-color:#f0a13a99;color:var(--amber)}.chatlog{position:absolute;left:22px;bottom:220px;width:min(360px,70vw);font-family:var(--sans);font-size:13px;display:grid;gap:3px}.chatlog div{background:#00000080;padding:3px 8px;border-radius:4px}.chatlog b{color:var(--cyan);margin-right:6px}input.chatinput{position:absolute;left:22px;bottom:190px;width:min(360px,70vw);pointer-events:auto}.damage-vignette{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,transparent 45%,rgba(40,0,70,.8) 100%);transition:opacity .25s}.flashbang-white{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none}.center-msg{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);text-align:center;font-family:var(--sans)}.center-msg .big{font-family:var(--title);font-size:clamp(32px,7vw,56px);letter-spacing:.06em}.center-msg .small{color:var(--dim);margin-top:4px}.stage-card{position:absolute;inset:0;display:grid;place-items:center;background:#000;font-family:var(--sans);text-align:center;transition:opacity 1.2s}.stage-card .ch{font-family:var(--mono);color:var(--red);letter-spacing:.4em;font-size:13px}.stage-card .nm{font-family:var(--title);font-size:clamp(40px,10vw,72px);letter-spacing:.08em;margin:8px 0}.stage-card .st{color:var(--dim);font-family:var(--mono);font-size:13px}.ping-mark{position:absolute;transform:translate(-50%,-100%);color:var(--cyan);font-size:12px;text-align:center;text-shadow:0 0 3px #000}.ping-mark:after{content:"▼";display:block}.mate-mark{position:absolute;transform:translate(-50%,-100%);font-size:12px;color:var(--cyan);text-shadow:0 0 3px #000;white-space:nowrap}.mate-mark.down{color:var(--red);font-weight:700}.hitmarker{position:absolute;left:50%;top:50%;width:22px;height:22px;transform:translate(-50%,-50%) rotate(45deg);opacity:0}.hitmarker:before,.hitmarker:after{content:"";position:absolute;background:#fff}.hitmarker:before{left:50%;top:0;bottom:0;width:2px;margin-left:-1px;clip-path:polygon(0 0,100% 0,100% 35%,0 35%,0 65%,100% 65%,100% 100%,0 100%)}.hitmarker:after{top:50%;left:0;right:0;height:2px;margin-top:-1px;clip-path:polygon(0 0,35% 0,35% 100%,0 100%,65% 0,100% 0,100% 100%,65% 100%)}.hitmarker.head:before,.hitmarker.head:after{background:#ff4a3a}.modal-wrap{position:fixed;inset:0;display:grid;place-items:center;padding:16px;background:#000000b8;backdrop-filter:blur(2px);z-index:10}.modal{width:min(560px,100%);max-height:calc(100vh - 32px);overflow-y:auto;background:var(--panel-solid);border:1px solid var(--line-hi);border-radius:10px;padding:20px;display:grid;gap:14px;box-shadow:0 20px 60px #0009}.modal h3{margin:0;font-size:17px}.modal .close-row{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.note{background:#d9d2bf;color:#231f17;border-color:#8a8069;font-family:var(--sans)}html[lang=ko] .note:not(.terminal):not(.stone) .body{font-family:"Nanum Pen Script",var(--sans);font-size:21px;line-height:1.5}html[lang=en] .note:not(.terminal):not(.stone) .body,html[lang=es] .note:not(.terminal):not(.stone) .body{font-family:"Caveat",var(--sans);font-size:21px;line-height:1.45}.note h3{font-family:var(--sans);color:#3b3222}.note .body{white-space:pre-wrap;font-size:15.5px;line-height:1.75}.note .btn{background:#3b3222;color:#eee6d0;border-color:#3b3222}.note.terminal{background:#030a06;color:#6dffa4;border-color:#1d5a35;font-family:var(--mono)}.note.terminal h3{color:#6dffa4;font-family:var(--mono)}.note.terminal .btn{background:#0b2415;color:#6dffa4;border-color:#1d5a35}.note.stone{background:#15131a;color:#cbbfe6;border-color:#3c3450}.note.stone h3{color:#cbbfe6}.note.stone .btn{background:#2a2238;color:#e8ddff;border-color:#4c3f66}.keypad{display:grid;gap:12px;justify-items:center}.keypad .screen-num{width:220px;padding:12px;text-align:center;font-family:var(--mono);font-size:30px;letter-spacing:.4em;background:#041008;color:#6dffa4;border:1px solid #1d5a35;border-radius:6px;min-height:60px}.keypad .screen-num.bad{color:#ff5a4a;border-color:#6a1c16}.keypad .keys{display:grid;grid-template-columns:repeat(3,64px);gap:8px}.keypad .keys button{height:56px;font-family:var(--mono);font-size:20px;border:1px solid var(--line-hi);border-radius:6px;background:#151b24}.keypad .keys button:active{background:#202837}.quiz .q{font-weight:600;margin-bottom:8px}.quiz .choices{display:grid;gap:8px}.quiz .choices button{text-align:left;padding:10px 12px;border:1px solid #1d5a35;border-radius:6px;background:#041008;color:#6dffa4;font-family:var(--mono)}.quiz .choices button:hover{background:#0a2014}.glyphs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.glyphs button{height:78px;font-size:38px;border:1px solid #4c3f66;border-radius:8px;background:#1a1524;color:#d8c6ff;transition:box-shadow .2s,background .2s}.glyphs button.lit{background:#3a2658;box-shadow:0 0 18px #b06cff99}.glyph-seq{text-align:center;font-size:26px;letter-spacing:.5em;min-height:40px;color:#d8c6ff}.modal.inv{width:min(640px,100%)}.inv-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.cell{position:relative;min-width:0;aspect-ratio:1.45;border:1px solid var(--line);border-radius:8px;background:#080a0e;display:grid;place-items:center;text-align:center;padding:6px;cursor:pointer}.cell:hover{border-color:var(--line-hi)}.cell.sel{border-color:var(--amber);box-shadow:inset 0 0 0 1px var(--amber)}.cell.eq:after{content:"E";position:absolute;left:6px;top:4px;font-family:var(--mono);font-size:11px;color:var(--red)}.cell .ic{font-size:26px;line-height:1}.cell .nm{font-size:11.5px;color:var(--dim)}.cell .cnt{position:absolute;right:6px;bottom:4px;font-family:var(--mono);font-size:12px}.cell .num{position:absolute;right:6px;top:4px;font-family:var(--mono);font-size:10px;color:var(--faint)}.inv-detail{min-height:64px;font-size:13.5px;color:var(--dim)}.inv-detail b{color:var(--text);font-size:15px}.inv-actions{display:flex;gap:8px;flex-wrap:wrap}.keys-list{display:flex;gap:6px;flex-wrap:wrap}.keys-list span{padding:4px 8px;border:1px solid rgba(240,161,58,.45);border-radius:5px;color:var(--amber);font-size:12.5px}.ending{position:fixed;inset:0;background:#000;display:grid;place-items:center;text-align:center;padding:24px;z-index:20}.ending .roll{max-width:620px;display:grid;gap:14px;font-size:16px;color:#c7ced9;line-height:1.8}.ending .roll .big{font-family:var(--title);font-size:clamp(34px,8vw,60px);color:#fff}.ending .credits{margin-top:20px;font-size:12px;color:var(--dim);line-height:1.6}@media(max-width:640px){.vitals{left:12px;bottom:12px;width:200px}.weapon{right:12px;bottom:12px}.objective{left:12px;top:12px}.waypoint-hud{left:12px;top:112px}.stage-tag{right:12px;top:12px}.inv-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.bossbar{position:absolute;left:50%;top:96px;transform:translate(-50%);width:min(560px,70vw);font-family:var(--sans);text-align:center}.bossbar .bn{font-size:13px;letter-spacing:.1em;margin-bottom:4px;text-shadow:0 1px 3px #000}.bossbar .bb{height:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.bossbar .bb b{display:block;height:100%;transition:width .2s}.marks{position:absolute;inset:0}.start-hint{position:absolute;left:50%;top:30%;transform:translate(-50%);padding:8px 16px;border-radius:6px;background:#000000b3;font-family:var(--sans);font-size:14px}.calib{display:block;width:100%;max-width:480px;margin:0 auto;border-radius:8px;background:#000}.calib-labels{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;font-size:12px;color:var(--dim);max-width:480px;margin:0 auto;width:100%}.lang-select{min-height:34px;padding:4px 8px;border:1px solid var(--line-hi);border-radius:6px;background:#07090c;color:var(--text);font:14px var(--sans)}input::placeholder{text-transform:none;letter-spacing:normal;font-family:var(--sans)}.stats{position:absolute;left:50%;top:6px;transform:translate(-50%);padding:2px 10px;border-radius:4px;background:#0000008c;font:11.5px var(--mono);color:#9fb0c4;white-space:nowrap}.modal.map{width:min(780px,100%)}.map-canvas{display:block;max-width:100%;max-height:min(58vh,560px);width:auto;height:auto;margin:0 auto;border-radius:6px;background:#05070a;cursor:crosshair}.map-legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:var(--dim)}.map-legend i{display:inline-block;width:10px;height:10px;margin-right:5px;border-radius:2px;vertical-align:-1px}