:root{--parchment:#f1e4c3;--parchment-dark:#d9c79a;--ink:#2a2118;--ink-soft:#5a4a36;--gold:#c9a227;--wax:#3a2a1a;--lamp:#ffd98a;--ui-font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--text-scale:1}html,body{height:100%;font-family:var(--ui-font);-webkit-text-size-adjust:100%;touch-action:none;-webkit-user-select:none;user-select:none;background:#1b1a17;margin:0;padding:0;overflow:hidden}#stage{height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);place-items:center;display:grid;position:fixed;inset:0}#game{image-rendering:pixelated;image-rendering:crisp-edges;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#game canvas{image-rendering:pixelated;image-rendering:crisp-edges;display:block}#ui{pointer-events:none;color:var(--ink);font-size:calc(16px * var(--text-scale));position:absolute}#ui>*{pointer-events:auto}.dialogue{background:var(--parchment);border:3px solid var(--wax);border-radius:10px;grid-template-columns:auto 1fr;gap:12px;padding:10px 12px;display:grid;position:absolute;bottom:12px;left:16px;right:16px;box-shadow:0 4px #00000059}.dialogue.lf .dialogue-text{font-size:calc(28px * var(--text-scale));min-height:calc(2 * 1.25 * 28px * var(--text-scale));line-height:1.25}.dialogue.disciple .dialogue-text{font-size:calc(22px * var(--text-scale));min-height:calc(3 * 1.3 * 22px * var(--text-scale));line-height:1.3}.dialogue-portrait{background:var(--parchment-dark);border:2px solid var(--wax);width:96px;height:128px;image-rendering:pixelated;border-radius:6px;place-items:center;font-size:40px;display:grid}.dialogue-portrait.lamp{background:radial-gradient(circle at 50% 60%, var(--lamp), #a0702a 70%)}.dialogue-speaker{color:var(--ink-soft);letter-spacing:.02em;margin-bottom:4px;font-size:.9em;font-weight:700}.dialogue-text{white-space:pre-wrap}.dialogue-text .word.spoken{color:#000;-webkit-text-decoration:underline dotted var(--gold);text-decoration:underline dotted var(--gold)}.dialogue-hint{color:var(--ink-soft);font-size:.75em;animation:1.2s ease-in-out infinite bob;position:absolute;bottom:6px;right:14px}.dialogue.jesus{background:radial-gradient(#f6ebcf 60%,#e7d3a2 100%);box-shadow:0 0 0 4px #ffd98a59,0 4px #00000059}.listening-lamp{background:var(--lamp);border-radius:50%;width:18px;height:18px;animation:2s ease-in-out infinite breathe;position:absolute;top:8px;right:12px;box-shadow:0 0 12px 4px #ffd98a99}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@keyframes breathe{0%,to{opacity:.6}50%{opacity:1}}.choices{background:var(--parchment);border:3px solid var(--wax);border-radius:10px;gap:8px;padding:10px 12px;display:grid;position:absolute;bottom:12px;left:16px;right:16px}.choice{font:inherit;font-size:calc(20px * var(--text-scale));text-align:left;border:2px solid var(--wax);min-height:48px;color:var(--ink);cursor:pointer;background:#fff8e6;border-radius:8px;padding:10px 14px}.choice:focus-visible,.choice:hover{outline:3px solid var(--gold)}#ui>.hud{pointer-events:none;position:absolute;inset:0}.hud>*{pointer-events:auto}.hud-clock{color:var(--parchment);background:#2a2118bf;border-radius:20px;align-items:center;gap:8px;padding:6px 12px;font-size:.9em;display:flex;position:absolute;top:8px;left:10px}.hud-clock .watch-dot{background:#ffffff40;border-radius:50%;width:10px;height:10px}.hud-clock .watch-dot.now{background:var(--lamp)}.hud-clock.frozen .watch-dot.now{outline:2px solid var(--lamp);background:#fff;animation:none}.hud-purse{color:var(--parchment);background:#2a2118bf;border-radius:20px;gap:10px;padding:6px 12px;font-size:.9em;display:flex;position:absolute;top:8px;right:10px}.hud-action{border:3px solid var(--wax);background:var(--parchment);cursor:pointer;border-radius:50%;place-items:center;width:64px;height:64px;font-size:28px;display:grid;position:absolute;bottom:14px;right:14px}.hud-parent{border:2px solid var(--wax);cursor:pointer;background:#f1e4c3b3;border-radius:50%;width:48px;height:48px;font-size:18px;transition:box-shadow 2s linear;position:absolute;top:6px;left:50%;transform:translate(-50%)}.hud-parent.holding{box-shadow:0 0 0 6px #c9a22799}.hud-scroll{border:3px solid var(--wax);background:var(--parchment);cursor:pointer;border-radius:12px;place-items:center;width:56px;height:56px;font-size:24px;display:grid;position:absolute;bottom:14px;left:14px}.mirror .hud-action{left:14px;right:auto}.mirror .hud-scroll{left:auto;right:14px}.panel{color:var(--parchment);text-align:center;background:#1b1a17d9;place-items:center;display:grid;position:absolute;inset:0}.panel h1{font-size:calc(40px * var(--text-scale));color:var(--lamp);letter-spacing:.04em;margin:0 0 8px}.panel p{margin:6px 0}.panel .big{font:inherit;font-size:calc(22px * var(--text-scale));background:var(--parchment);min-width:220px;min-height:56px;color:var(--ink);border:3px solid var(--wax);cursor:pointer;border-radius:12px;margin:8px;padding:12px 24px}.panel .big:focus-visible,.panel .big:hover{outline:3px solid var(--gold)}.panel .row{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.swatch{cursor:pointer;border:3px solid #0000;border-radius:50%;width:48px;height:48px}.swatch.selected{border-color:var(--lamp)}.toast{background:var(--parchment);color:var(--ink);border:2px solid var(--wax);border-radius:8px;padding:8px 14px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.ripple{pointer-events:none;border:2px solid #fffc;border-radius:50%;width:24px;height:24px;margin:-12px 0 0 -12px;animation:.6s ease-out forwards ripple;position:absolute}@keyframes ripple{to{opacity:0;transform:scale(3)}}@media (prefers-reduced-motion:reduce){.dialogue-hint,.listening-lamp,.ripple{animation:none}}#rotate{z-index:10;color:var(--parchment);text-align:center;background:#1b1a17;font-size:22px;line-height:1.6;display:none;position:fixed;inset:0}#rotate>div{font-size:48px}#rotate span{font-size:22px}@media (orientation:portrait) and (max-width:900px){#rotate{place-items:center;display:grid}}