:root{--ink:#2b2018;--paper:#efe4cc;--paper-edge:#d8c9a8;--gold:#c9a86a;--gold-dim:#8a744d;--crimson:#b32e39;--bg:#0a0704;font-family:EB Garamond,Georgia,Times New Roman,serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root,.app{background:var(--bg);width:100%;height:100%;overflow:hidden}.game-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}button{font:inherit;cursor:pointer}.serif-button{color:var(--gold);border:1px solid var(--gold-dim);letter-spacing:.12em;background:0 0;padding:.55em 1.6em;font-size:1.05rem;transition:background .25s,color .25s}.serif-button:hover{background:var(--gold);color:var(--bg)}.overlay{z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.splash{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:radial-gradient(at 50% 40%,#1710088c 0%,#0a0704b8 70%);animation:1.4s fade-in}.splash-inner{text-align:center;color:#d8c9a8;flex-direction:column;align-items:center;gap:1.4rem;max-width:34rem;padding:2rem;display:flex}.splash-rule{background:linear-gradient(90deg, transparent, var(--gold-dim), transparent);width:12rem;height:1px}.splash-rule.crimson{background:linear-gradient(90deg, transparent, var(--crimson), transparent)}.splash-title{letter-spacing:.14em;font-variant:small-caps;color:var(--gold);text-shadow:0 0 32px #c9a86a40;font-size:2.8rem;font-weight:500}.splash-homage{color:#b3a184;font-size:1.15rem;font-style:italic;line-height:1.6}.splash-controls{letter-spacing:.08em;color:#756349;flex-wrap:wrap;justify-content:center;gap:1.4rem;font-size:.85rem;display:flex}.splash-goal{font-variant:small-caps;letter-spacing:.2em;color:var(--crimson);font-size:1rem}.splash-hint{color:#8a744d;max-width:26rem;font-size:.92rem;font-style:italic;line-height:1.55}.splash-nav{color:#9a8468;max-width:28rem;font-size:.9rem;line-height:1.55}.pause-nav-hint{color:#8a744d;max-width:26rem;margin:0;font-size:.88rem;font-style:italic;line-height:1.5}.hud{pointer-events:none;z-index:5;color:#cbb994;position:absolute;inset:0}.crosshair{background:#e9d6afbf;border-radius:50%;width:4px;height:4px;margin:-2px 0 0 -2px;position:absolute;top:50%;left:50%;box-shadow:0 0 6px #e9d6af80}.hud-top{flex-direction:column;align-items:center;gap:.5rem;display:flex;position:absolute;top:1.2rem;left:0;right:0}.hud-facing{text-align:center;flex-direction:column;align-items:center;gap:.2rem;display:flex}.hud-facing-label{letter-spacing:.28em;font-variant:small-caps;color:#cbb9948c;font-size:.72rem}.hud-facing-direction{letter-spacing:.06em;color:var(--gold);text-shadow:0 0 22px #c9a86a59;font-size:clamp(1.35rem,3.8vw,1.95rem);font-style:italic;line-height:1.2}.hud-path{gap:.55rem;display:flex}.path-dot{background:0 0;border:1px solid #b32e3999;border-radius:50%;width:7px;height:7px;transition:background .4s,box-shadow .4s}.path-dot.lit{background:var(--crimson);box-shadow:0 0 8px #b32e39cc}.hud-stats{letter-spacing:.06em;color:#cbb994b3;flex-direction:column;gap:.15rem;font-size:.9rem;display:flex;position:absolute;bottom:1.2rem;left:1.4rem}.hud-interact{letter-spacing:.18em;font-variant:small-caps;color:var(--gold);text-shadow:0 0 10px #000000e6;font-size:.95rem;position:absolute;top:56%;left:50%;transform:translate(-50%)}.hud-resume{letter-spacing:.16em;font-variant:small-caps;color:var(--gold);background:#0a0704b8;border:1px solid #8a744d80;padding:.8em 1.6em;font-size:1.1rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud-toast{color:#d8c9a8;text-shadow:0 0 12px #000;white-space:nowrap;font-size:1.05rem;font-style:italic;animation:3.5s forwards toast;position:absolute;bottom:14%;left:50%;transform:translate(-50%)}.book-text-overlay{z-index:12;pointer-events:none;text-shadow:0 1px 4px #000000f2,0 0 24px #000000b3;justify-content:center;align-items:center;animation:.6s fade-in;display:flex;position:absolute;inset:0}.book-text-inner{text-align:center;color:#e8d6b4f2;flex-direction:column;gap:1rem;width:min(44rem,88vw);max-height:82vh;padding:2rem 1.8rem;display:flex;overflow-y:auto}.book-text-kind{font-variant:small-caps;letter-spacing:.28em;color:#c9a86abf;font-size:.78rem}.kind-clue .book-text-kind{color:#e68282d9}.book-text-title{letter-spacing:.02em;color:#f0e0c2fa;font-size:1.65rem;font-style:italic;font-weight:500}.book-text-body{white-space:pre-wrap;text-align:left;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere;font-size:1.05rem;line-height:1.75}.book-text-hint{font-variant:small-caps;letter-spacing:.22em;color:#c9a86abf;cursor:pointer;pointer-events:auto;background:0 0;border:none;align-self:center;margin-top:.6rem;padding:.4rem 1rem;font-size:.72rem;transition:color .2s}.book-text-hint:hover{color:var(--gold)}.pause-menu{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0604028c;animation:.25s fade-in}.pause-inner{text-align:center;color:#d8c9a8;flex-direction:column;align-items:center;gap:1.5rem;max-width:30rem;padding:2rem;display:flex}.pause-title{font-variant:small-caps;letter-spacing:.16em;color:var(--gold);font-size:1.7rem;font-weight:500}.pause-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.pause-restart{color:#a3552e;border-color:#a3552e8c}.pause-restart:hover{color:var(--bg);background:#a3552e}.settings{flex-direction:column;align-items:center;gap:.7rem;padding:.4rem 0;display:flex}.settings-title{font-variant:small-caps;letter-spacing:.22em;color:#79624f;font-size:.8rem}.settings-row{letter-spacing:.1em;font-variant:small-caps;color:#b3a184;align-items:center;gap:.9rem;font-size:.9rem;display:flex}.settings-row input[type=range]{width:11rem;accent-color:var(--gold)}.settings-row input[type=range]:disabled{opacity:.35}.settings-mute{padding:.35em 1.2em;font-size:.85rem}.touch-controls{pointer-events:none;z-index:6;position:absolute;inset:0}.joystick{pointer-events:auto;touch-action:none;background:#140e0859;border:1px solid #c9a86a59;border-radius:50%;justify-content:center;align-items:center;width:8.5rem;height:8.5rem;display:flex;position:absolute;bottom:4.6rem;left:1.6rem}.joystick-thumb{background:#c9a86a59;border:1px solid #c9a86a8c;border-radius:50%;width:3.4rem;height:3.4rem}.touch-read{border:1px solid var(--gold);width:5.4rem;height:5.4rem;color:var(--gold);font-variant:small-caps;letter-spacing:.12em;pointer-events:auto;background:#140e088c;border-radius:50%;font-size:1.05rem;position:absolute;bottom:5.4rem;right:2rem}.touch-pause{color:#c9a86ad9;pointer-events:auto;background:#140e0880;border:1px solid #c9a86a73;border-radius:50%;width:2.6rem;height:2.6rem;font-size:.7rem;position:absolute;top:1rem;right:1rem}@media (width<=700px){.book-text-inner{gap:.75rem;max-height:88vh;padding:1.4rem 1.1rem}.book-text-title{font-size:1.3rem}.book-text-body{font-size:.98rem;line-height:1.65}.splash-title{font-size:2rem}.hud-stats{font-size:.75rem}}.mystery-cutscene{z-index:45;pointer-events:none;text-shadow:0 1px 4px #000000f2,0 0 28px #000000a6;justify-content:center;align-items:center;animation:.9s forwards mysteryFadeIn;display:flex;position:fixed;inset:0}.mystery-cutscene-dismissing{pointer-events:none;animation:.9s forwards mysteryFadeOut}.mystery-cutscene-inner{text-align:center;max-width:32rem;padding:2.2rem 1.6rem;position:relative}.mystery-cutscene-eyebrow{font-variant:small-caps;letter-spacing:.28em;color:#c9a86ab8;margin:0 0 1rem;font-size:.78rem;animation:.8s forwards mysteryRise}.mystery-cutscene-step{letter-spacing:.18em;color:#b32e39bf}.mystery-cutscene-title{font-variant:small-caps;letter-spacing:.14em;color:#e8d6b4;text-shadow:0 0 28px #c9a86a47;margin:0 0 1.4rem;font-size:clamp(1.45rem,3.8vw,2.1rem);font-weight:500;animation:.9s .15s both mysteryRise}.mystery-cutscene-line{color:#cfb9a0e6;opacity:0;margin:0 0 1rem;font-size:1.08rem;font-style:italic;line-height:1.7;animation:1.1s forwards mysteryLineIn}@keyframes mysteryFadeIn{0%{opacity:0}to{opacity:1}}@keyframes mysteryFadeOut{0%{opacity:1}to{opacity:0}}@keyframes mysteryRise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes mysteryLineIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.crimson-arrival{z-index:40;pointer-events:none;text-shadow:0 1px 4px #000000f2,0 0 26px #280406b3;justify-content:center;align-items:center;animation:3.6s forwards crimsonInHoldOut;display:flex;position:fixed;inset:0}.crimson-arrival-inner{text-align:center;max-width:28rem;padding:2rem;animation:1.2s forwards crimsonRise;position:relative}.crimson-arrival-eyebrow{font-family:var(--font-serif);letter-spacing:.28em;text-transform:uppercase;color:#ff7864bf;margin:0 0 .75rem;font-size:.85rem}.crimson-arrival-title{font-family:var(--font-display);color:#ffd4cc;text-shadow:0 0 24px #ff3c2873;margin:0 0 1rem;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:400}.crimson-arrival-body{font-family:var(--font-serif);color:#ffd2c8d1;margin:0;font-size:1.05rem;line-height:1.6}@keyframes crimsonFadeIn{0%{opacity:0}to{opacity:1}}@keyframes crimsonInHoldOut{0%{opacity:0}23%{opacity:1}70%{opacity:1}to{opacity:0}}@keyframes crimsonRise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ending{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:radial-gradient(at 50% 45%,#1c05088c 0%,#060202bf 75%);animation:2.2s fade-in}.ending-inner{text-align:center;color:#cfb9a0;flex-direction:column;align-items:center;gap:1.3rem;max-width:40rem;max-height:92vh;padding:2rem;display:flex;overflow-y:auto}.ending-title{font-variant:small-caps;letter-spacing:.2em;color:var(--crimson);text-shadow:0 0 40px #b32e3980;font-size:2.1rem;font-weight:500}.ending-book-title{color:#a8907a;font-size:1.25rem;font-style:italic;font-weight:400}.ending-body{white-space:pre-wrap;text-align:left;font-size:1.02rem;line-height:1.8}.ending-stats{letter-spacing:.1em;font-variant:small-caps;color:#79624f;font-size:.9rem}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes toast{0%{opacity:0;transform:translate(-50%,8px)}12%{opacity:1;transform:translate(-50%)}80%{opacity:1}to{opacity:0}}