html,body{margin:0;overflow:hidden;height:100%;background:#1a1f2a;color-scheme:dark;font-family:IBM Plex Sans KR,Noto Sans KR,system-ui,sans-serif}canvas{display:block}#hud,#day-hud,#sortie-hud,#bay-hud{border:1px solid rgba(110,200,212,.22);box-shadow:0 8px 24px #00000047;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#hud{position:fixed;top:12px;left:12px;z-index:1;display:flex;flex-direction:column;gap:8px;max-width:min(420px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;padding:10px 12px;border-radius:6px;background:#0c1016d1;color:#d7e4ee;font-size:13px;letter-spacing:.02em;pointer-events:none}.hud-head{display:flex;flex-direction:column;gap:2px}.hud-head span{color:#9fb1c0;font-size:12px;line-height:1.35}#hud a{color:#8fd4e4}.slot-picker{display:flex;flex-direction:column;gap:4px;pointer-events:auto}.slot-picker span{color:#9fb1c0;font-size:11px}#slot-select{width:100%;padding:6px 8px;border:1px solid #3a4d5c;border-radius:4px;background:#121820;color:#e8f0f6;font:inherit}#slot-meta,#slot-status{margin:0;line-height:1.4}#slot-meta{color:#b7c6d3}#slot-status[data-kind=busy]{color:#f0d58a}#slot-status[data-kind=error]{color:#f0a0a0}#clock-status{margin:0;color:#c5d8c4;font-size:12px}#npc-roster{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:3px;color:#9fb1c0;font-size:12px}#npc-roster li[data-gait=walk]{color:#e8d9a8}#npc-roster li[data-gait=idle]{color:#a8c9d8}#npc-roster li[data-focus=on]{color:#f2f6fb}.label-layer{position:fixed;inset:0;pointer-events:none}.wp-label,.npc-label{padding:2px 6px;border-radius:3px;background:#0c1016b8;color:#e8f0f6;font:11px/1.3 IBM Plex Sans KR,Noto Sans KR,system-ui,sans-serif;letter-spacing:.02em;white-space:nowrap;pointer-events:none}.npc-label{color:#f4e7b8}#day-hud{position:fixed;top:12px;right:12px;z-index:1;display:flex;flex-direction:column;gap:8px;width:min(340px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;padding:10px 12px;border-radius:6px;background:#0c1016db;color:#d7e4ee;font-size:12px;letter-spacing:.02em;pointer-events:auto}.day-hud-head{display:flex;flex-direction:column;gap:2px}.day-hud-head strong{font-size:13px}#day-date{color:#c5d8c4}#day-beats{display:flex;flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none}#day-beats li{padding:2px 6px;border-radius:3px;background:#1a2430;color:#8ea0af}#day-beats li[data-current=on]{background:#2a4a3c;color:#e8f0f6;outline:1px solid #6ec8d4}#day-beats li[data-done=on]{color:#c5d8c4}.day-panel h2{margin:0 0 4px;font-size:11px;font-weight:600;color:#9fb1c0}#day-stats{display:grid;grid-template-columns:1fr;gap:3px 10px}.day-stat{display:flex;justify-content:space-between;gap:8px;color:#b7c6d3}.day-stat strong{color:#e8f0f6}.day-stat[data-voice=low] strong{color:#f0d58a}.day-stat[data-voice=empty] strong{color:#f0a0a0}#day-relations{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:3px;color:#b7c6d3}#day-note{margin:0;color:#e8d9a8;line-height:1.4}#day-choices{display:flex;flex-direction:column;gap:6px}.day-choices-idle{margin:0;color:#9fb1c0}.day-choice,.day-actions button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:7px 8px;border:1px solid #3a4d5c;border-radius:4px;background:#121820;color:#e8f0f6;font:inherit;text-align:left;cursor:pointer}.day-choice:hover,.day-actions button:hover:not(:disabled),#day-sortie:hover,.sortie-act:hover,.sortie-footer button:hover:not(:disabled){border-color:#6ec8d4}.day-choice:focus-visible,.day-actions button:focus-visible,#day-sortie:focus-visible,#slot-select:focus-visible,.sortie-act:focus-visible,.sortie-footer button:focus-visible,#bay-close:focus-visible{outline:2px solid #6ec8d4;outline-offset:2px}.day-choice:disabled,.day-actions button:disabled{opacity:.45;cursor:not-allowed}.day-choice span{color:#9fb1c0}.day-actions{display:grid;grid-template-columns:1fr auto;gap:6px}.day-actions button{align-items:center}#day-reset{width:auto;color:#c5b8b8}#day-sortie{width:100%;padding:7px 8px;border:1px solid #6ec8d4;border-radius:4px;background:#142028;color:#e8f0f6;font:inherit;cursor:pointer}#day-sortie:hover{border-color:#9ad8e0}body[data-sortie=on] #hud,body[data-sortie=on] #day-hud,body[data-bay=on] #hud,body[data-bay=on] #day-hud{visibility:hidden;pointer-events:none}#sortie-overlay,#bay-overlay{position:fixed;inset:0;z-index:4;display:flex;align-items:flex-start;justify-content:center;padding:24px 12px;background:#080c109e}#sortie-overlay[hidden],#bay-overlay[hidden],.sortie-footer button[hidden]{display:none!important}#sortie-hud,#bay-hud{width:min(520px,calc(100vw - 24px));max-height:calc(100vh - 48px);overflow:auto;display:flex;flex-direction:column;gap:10px;padding:12px 14px;border-radius:8px;background:#0c1016f0;color:#d7e4ee;font-size:13px}.sortie-head{display:flex;justify-content:space-between;gap:8px;color:#9fb1c0}#sortie-map,#bay-note{margin:0;color:#c5d8c4}#bay-close{width:100%;padding:7px 8px;border:1px solid #3a4d5c;border-radius:4px;background:#121820;color:#e8f0f6;font:inherit;cursor:pointer}#bay-close:hover{border-color:#6ec8d4}#sortie-lane{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:0;padding:0;list-style:none}.sortie-cell{min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:4px;background:#1a2430;color:#8ea0af;font-size:12px;text-align:center}.sortie-cell[data-player=on]{background:#2a4a3c;color:#e8f0f6}.sortie-cell[data-scout=on]{background:#2a3a4a;color:#d4e4f2}.sortie-cell[data-enemy=on]{background:#4a2a32;color:#f2d6d8}#sortie-units{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.sortie-unit{display:flex;flex-direction:column;gap:3px;padding:8px;border-radius:4px;background:#121820}.sortie-unit[data-side=scout]{background:#141820}.sortie-unit[data-side=enemy]{background:#1c1418}.sortie-unit span{color:#9fb1c0;font-size:11px}.sortie-hp{position:relative;height:16px;border-radius:3px;background:#243040;overflow:hidden}.sortie-hp-fill{height:100%;background:#6ec8d4}.sortie-unit[data-side=scout] .sortie-hp-fill{background:#8aa4d4}.sortie-unit[data-side=enemy] .sortie-hp-fill{background:#d48aa4}.sortie-hp span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#f2f6fb;font-size:10px}#sortie-log{margin:0;color:#e8d9a8;line-height:1.4}#sortie-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.sortie-act,.sortie-footer button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:7px 8px;border:1px solid #3a4d5c;border-radius:4px;background:#121820;color:#e8f0f6;font:inherit;text-align:left;cursor:pointer}.sortie-act:disabled,.sortie-footer button:disabled{opacity:.45;cursor:not-allowed}.sortie-act span{color:#9fb1c0}.sortie-done{grid-column:1 / -1;margin:0;color:#c5d8c4}.sortie-footer{display:grid;grid-template-columns:1fr;gap:6px}#sortie-auto{border-color:#6ec8d4}#sortie-leave{align-items:center}@media(max-width:820px){#hud{max-width:min(320px,calc(100vw - 24px));max-height:36vh;font-size:12px}#day-hud{inset:auto 12px 12px;width:auto;max-height:40vh}}