:root{--ink:#e8e2d4;--ink-dim:#a9a294;--paper:#d9cfb8;--paper-ink:#2a2620;--metal:#4b5751;--metal-dark:#232a27;--amber:#e0a24a;--stain:#60120e8c;--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--edge:max(24px, var(--safe-l))}[hidden]{display:none!important}html,body{height:100%;color:var(--ink);-webkit-text-size-adjust:100%;background:#0b0d0c;margin:0;font-family:system-ui,-apple-system,Apple SD Gothic Neo,Noto Sans KR,sans-serif;overflow:hidden}#app{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:fixed;inset:0}#view{width:100%;height:100%;display:block;position:absolute;inset:0}#ui{pointer-events:auto;position:absolute;inset:0}.btn{min-width:48px;min-height:48px;color:var(--ink);background:#141816b8;border:1px solid #e8e2d459;border-radius:6px;padding:0 18px;font-size:16px}.btn-primary{background:#e0a24a2e;border-color:#e0a24a99}.hud-info{top:calc(12px + var(--safe-t));left:calc(16px + var(--safe-l));color:var(--ink-dim);text-shadow:0 1px 2px #000;pointer-events:none;font-size:14px;line-height:1.4;position:absolute}.hud-clock{color:var(--ink)}.hud-rulebook{top:calc(10px + var(--safe-t));right:calc(16px + var(--safe-r));min-height:44px;color:var(--ink);background:#d9cfb824;border:1px solid #d9cfb880;border-radius:6px;padding:0 14px;font-size:15px;position:absolute}.hud-rulebook.locked{opacity:.45}.hud-rulebook.locked:before{content:"🔒 "}.hud-interact{right:calc(28px + var(--safe-r));bottom:calc(28px + var(--safe-b));width:76px;height:76px;color:var(--ink);background:#14181699;border:1px solid #e8e2d473;border-radius:50%;font-size:15px;position:absolute}.hud-stick{left:calc(var(--edge) + 32px);bottom:calc(32px + var(--safe-b));pointer-events:none;background:#e8e2d40d;border:1px solid #e8e2d440;border-radius:50%;width:120px;height:120px;position:absolute}.hud-card{letter-spacing:.02em;pointer-events:none;background:#0a0c0bb3;border:1px solid #e8e2d433;border-radius:4px;padding:10px 18px;font-size:18px;position:absolute;top:22%;left:50%;transform:translate(-50%)}.captions{left:50%;bottom:calc(18px + var(--safe-b));color:var(--ink);text-shadow:0 1px 3px #000;pointer-events:none;font-size:15px;position:absolute;transform:translate(-50%)}.rulebook{padding:calc(12px + var(--safe-t)) calc(16px + var(--safe-r)) calc(12px + var(--safe-b)) calc(16px + var(--safe-l));background:#0000008c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.rulebook-paper{touch-action:pan-y;background:var(--paper);width:min(720px,100%);max-height:100%;color:var(--paper-ink);border-radius:3px;padding:18px 22px;font-family:Nanum Myeongjo,AppleMyungjo,serif;overflow-y:auto;box-shadow:0 8px 30px #0009}.rulebook-paper h2{margin:0 0 10px;font-size:18px}.rulebook-list{margin:0 0 12px;padding:0;font-size:15px;line-height:1.55;list-style:none}.rulebook-list li{border-radius:2px;gap:6px;padding:4px 6px;display:flex}.rule-no{min-width:1.8em;font-weight:700}.rulebook-list li.marked{background:radial-gradient(ellipse at 30% 50%, var(--stain), #60120e26 70%, transparent 100%);-webkit-text-decoration:underline #60120ecc;text-decoration:underline #60120ecc}.floor-panel{background:#0009;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.panel-plate{background:linear-gradient(160deg, var(--metal), var(--metal-dark));border:1px solid #ffffff1f;border-radius:6px;flex-direction:column;align-items:center;gap:10px;max-height:100%;padding:16px 20px;display:flex;overflow-y:auto}.panel-grid{grid-template-columns:repeat(7,52px);gap:8px;display:grid}.floor-btn,.panel-small,.panel-emergency{color:#1f2321;background:#b9bdb5;border:1px solid #ffffff40;border-radius:6px;height:52px;font-size:18px;font-weight:700}.floor-btn.lit{background:#f1c27a;box-shadow:0 0 12px #f1c27acc}.floor-btn:disabled{opacity:.4}.panel-row{gap:8px;display:flex}.panel-small{width:64px}.panel-emergency{color:#f5e9e2;background:#8e3a2c;width:72px}.panel-keyhole{background:#111;border-radius:50%;width:18px;height:18px;box-shadow:inset 0 0 0 3px #777}.dialog{left:calc(16px + var(--safe-l));right:calc(16px + var(--safe-r));bottom:calc(16px + var(--safe-b));background:#0a0c0be0;border:1px solid #e8e2d44d;border-radius:6px;padding:12px 16px 16px;position:absolute}.dialog-speaker{color:var(--amber);margin-bottom:4px;font-size:13px}.dialog-text{font-size:17px}.dialog-next{color:var(--ink-dim);font-size:11px;position:absolute;bottom:8px;right:14px}.start-screen,.result{background:#050606db;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.result.death{padding-bottom:calc(16px + var(--safe-b));pointer-events:none;background:0 0;align-items:flex-end}.result.death .btn{pointer-events:auto}.start-inner{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.start-inner h1{letter-spacing:.3em;margin:0;font-size:30px;font-weight:400}.start-note{color:var(--ink-dim);margin:0;font-size:14px}.start-captions{color:var(--ink-dim);font-size:15px}.result-message{margin:0 18px 0 0;font-size:20px}.yaw-gauge{top:calc(58px + var(--safe-t));pointer-events:none;background:#00000080;border:1px solid #e8e2d466;width:180px;height:18px;position:absolute;left:50%;transform:translate(-50%)}.yaw-gauge-bar{background:#78c88cb3;width:0;height:100%}.yaw-gauge-bar.over{background:#dc463cd9}.yaw-gauge-label{text-align:center;font-size:11px;line-height:18px;position:absolute;inset:0}.debug-warnings{color:#f2b8a8;padding:4px 8px;font-size:11px}.debug-text{z-index:10000;color:#eee;background:#111;border:1px solid #555;flex-direction:column;gap:8px;padding:12px;font-size:13px;display:flex;position:fixed;inset:10% 8%}.debug-text textarea{touch-action:auto;-webkit-user-select:text;user-select:text;flex:1;font-family:ui-monospace,monospace;font-size:12px}.prompt{z-index:50;text-align:center;background:#050606eb;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:18px;display:flex;position:absolute;inset:0}