:root{--ink: #f0ece1;--ink-dim: rgba(240, 236, 225, .62);--ink-faint: rgba(240, 236, 225, .34);--moss: #7d9b6a;--lichen: #c3d1a4;--bark: #2a2620;--slate: rgba(18, 22, 20, .58);--gold: #e3c98d;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, "Times New Roman", serif;--sans: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ease: cubic-bezier(.22, .61, .36, 1)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:#0d1410;color:var(--ink);font-family:var(--sans);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#app{position:fixed;inset:0}#scene{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}#ui-root{position:fixed;inset:0;pointer-events:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.noscript{position:fixed;inset:0;display:grid;place-items:center;padding:2rem;text-align:center;font-family:var(--serif);font-size:1.1rem;color:var(--ink-dim)}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.vignette{position:absolute;inset:0;opacity:0;background:radial-gradient(115% 82% at 50% 50%,#0000 42%,#0408068c 88%,#030605c7);transition:opacity .4s linear}.splash{position:absolute;inset:0;display:grid;place-items:center;padding:2rem;pointer-events:auto;background:radial-gradient(120% 90% at 50% 12%,#1828206b,#060b09ed);backdrop-filter:blur(14px) saturate(.9);-webkit-backdrop-filter:blur(14px) saturate(.9);opacity:1;transition:opacity 1.4s var(--ease);z-index:60}.splash.gone{opacity:0;pointer-events:none}.splash-inner{max-width:34rem;text-align:center;animation:rise 1.6s var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.splash h1{margin:0 0 1.1rem;font-family:var(--serif);font-weight:400;font-size:clamp(2rem,6vw,3.1rem);letter-spacing:.012em;color:var(--ink)}.splash .lede{margin:0 auto 2rem;max-width:27rem;font-family:var(--serif);font-size:1.05rem;line-height:1.65;color:var(--ink-dim)}button.primary{appearance:none;border:1px solid rgba(195,209,164,.45);background:#7d9b6a24;color:var(--lichen);font:inherit;font-size:1rem;letter-spacing:.06em;padding:.85rem 2.4rem;border-radius:999px;cursor:pointer;transition:background .5s var(--ease),border-color .5s var(--ease),color .5s var(--ease)}button.primary:hover,button.primary:focus-visible{background:#7d9b6a42;border-color:#c3d1a4bf;color:var(--ink)}.controls-list{list-style:none;margin:2.2rem 0 0;padding:0;font-size:.86rem;line-height:2.1;color:var(--ink-faint)}kbd{display:inline-block;min-width:1.6em;margin:0 .12em;padding:.15em .4em;border:1px solid rgba(240,236,225,.22);border-radius:4px;font-family:var(--sans);font-size:.82em;color:var(--ink-dim)}.splash .touch-controls{display:none;margin:1.4rem 0 0;font-size:.86rem;color:var(--ink-faint)}.touch .splash .touch-controls{display:block}.touch .splash .controls-list{display:none}.fine{margin:1.8rem 0 0;font-size:.74rem;line-height:1.7;color:#f0ece13d}.fine a{color:#c3d1a499}.hud{position:absolute;inset:0;transition:opacity .6s var(--ease)}.hud-corner{position:absolute;padding:1.6rem 1.8rem;text-shadow:0 1px 2px rgba(0,0,0,.85),0 0 16px rgba(0,0,0,.75),0 0 32px rgba(0,0,0,.5)}.top-left{top:0;left:0;padding-right:5rem;padding-bottom:3rem;background:radial-gradient(90% 100% at 0% 0%,rgba(4,8,6,.72),transparent 78%)}.top-right{top:0;right:0;text-align:right;padding-left:5rem;padding-bottom:3rem;background:radial-gradient(90% 100% at 100% 0%,rgba(4,8,6,.72),transparent 78%)}.bottom-left{bottom:0;left:0;padding-right:5rem;padding-top:3rem;background:radial-gradient(90% 100% at 0% 100%,rgba(4,8,6,.72),transparent 78%)}.clock{font-family:var(--serif);font-size:1.9rem;line-height:1.1;letter-spacing:.02em;color:#f0ece1f0;font-variant-numeric:tabular-nums}.place{margin-top:.34rem;font-size:.78rem;letter-spacing:.11em;text-transform:uppercase;color:#f0ece1c7}.compass{font-size:.82rem;letter-spacing:.14em;color:#f0ece1d1;font-variant-numeric:tabular-nums}.stats{font-size:.8rem;letter-spacing:.05em;color:#f0ece1a8;font-variant-numeric:tabular-nums}.level{margin-top:.7rem}.level-name{font-family:var(--serif);font-size:.95rem;letter-spacing:.03em;color:#e9d29eeb}.level-track{margin-top:.4rem;width:11rem;max-width:40vw;height:2px;background:#00000059;box-shadow:0 0 0 1px #f0ece11f}.level-bar{height:100%;width:0;background:#e9d29ee6;transition:width 1.1s var(--ease)}.debug{position:absolute;top:0;left:50%;transform:translate(-50%);padding:.5rem .8rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;line-height:1.5;white-space:pre;color:#c3d1a4b3;background:#060b0980;display:none}.cards{position:absolute;right:1.8rem;bottom:2rem;display:flex;flex-direction:column;gap:.7rem;align-items:flex-end;max-width:min(23rem,76vw)}.card{padding:1rem 1.15rem 1.05rem;border-left:1px solid rgba(227,201,141,.5);background:linear-gradient(90deg,#0e1410b8,#0e14106b);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);opacity:0;transform:translate(26px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.card.in{opacity:1;transform:none}.card-kind{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:#e3c98d9e}.card-name{margin-top:.35rem;font-family:var(--serif);font-size:1.22rem;color:var(--ink)}.card-sub{font-family:var(--serif);font-style:italic;font-size:.86rem;color:var(--ink-faint)}.card-note{margin-top:.55rem;font-size:.79rem;line-height:1.6;color:var(--ink-dim)}.card-xp{margin-top:.6rem;font-size:.72rem;letter-spacing:.13em;color:#e3c98da8}.breath{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;opacity:0;transition:opacity 1.6s var(--ease)}.breath-ring{width:15rem;height:15rem;border-radius:50%;border:1px solid rgba(240,236,225,.26);box-shadow:0 0 60px #c3d1a417 inset;transition:transform .25s linear}.breath-label{position:absolute;font-family:var(--serif);font-size:.98rem;letter-spacing:.16em;color:#f0ece180}.rest-hint{position:absolute;left:50%;bottom:3.2rem;transform:translate(-50%);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);opacity:0;transition:opacity 1.4s var(--ease)}.photo-bar{position:absolute;left:0;right:0;margin:0 auto;width:max-content;bottom:1.6rem;transform:translateY(140%);display:flex;align-items:center;gap:1.1rem;padding:.75rem 1.1rem;border-radius:999px;background:#090e0b9e;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(240,236,225,.1);opacity:0;pointer-events:none;transition:transform .7s var(--ease),opacity .7s var(--ease);max-width:calc(100vw - 2rem);flex-wrap:wrap;justify-content:center}.photo-bar.open{transform:translateY(0);opacity:1;pointer-events:auto}.filters{display:flex;gap:.2rem}button.filter{appearance:none;border:0;background:transparent;font:inherit;font-size:.76rem;letter-spacing:.04em;padding:.4rem .7rem;border-radius:999px;color:var(--ink-faint);cursor:pointer;white-space:nowrap;transition:color .35s var(--ease),background .35s var(--ease)}button.filter:hover{color:var(--ink-dim)}button.filter.active{color:var(--bark);background:#e3c98dcc}.focal{display:flex;align-items:center;gap:.55rem}.focal-label,.value{font-size:.74rem;color:var(--ink-faint);font-variant-numeric:tabular-nums;min-width:3.4em}input[type=range]{appearance:none;-webkit-appearance:none;width:8rem;max-width:34vw;height:18px;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:1px;background:#f0ece13d}input[type=range]::-moz-range-track{height:1px;background:#f0ece13d}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;margin-top:-5px;border-radius:50%;background:var(--lichen);border:0}input[type=range]::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:var(--lichen);border:0}button.shutter{appearance:none;width:2.9rem;height:2.9rem;border-radius:50%;border:2px solid rgba(240,236,225,.55);background:#f0ece1e6;cursor:pointer;flex:none;transition:transform .16s var(--ease),background .3s var(--ease)}button.shutter:active{transform:scale(.9);background:var(--lichen)}button.ghost{appearance:none;border:1px solid rgba(240,236,225,.18);background:transparent;color:var(--ink-dim);font:inherit;font-size:.78rem;letter-spacing:.05em;padding:.42rem .95rem;border-radius:999px;cursor:pointer;white-space:nowrap;transition:border-color .35s var(--ease),color .35s var(--ease),background .35s var(--ease)}button.ghost:hover{border-color:#f0ece15c;color:var(--ink)}button.ghost.small{font-size:.72rem;padding:.32rem .72rem}button.ghost.active{border-color:#e3c98d99;color:var(--gold);background:#e3c98d1a}.flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;z-index:80}.flash.on{animation:flash .4s var(--ease) forwards}@keyframes flash{0%{opacity:.62}to{opacity:0}}.panel{position:absolute;top:0;right:0;width:min(30rem,100vw);height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,#0b110ded,#080d0af5);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-left:1px solid rgba(240,236,225,.08);transform:translate(102%);transition:transform .62s var(--ease);pointer-events:none;z-index:50}.panel.open{transform:none;pointer-events:auto}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.5rem 1.6rem 1.1rem;border-bottom:1px solid rgba(240,236,225,.07)}.panel-head h2{margin:0;font-family:var(--serif);font-weight:400;font-size:1.35rem;letter-spacing:.02em}.panel-body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:1.4rem 1.6rem 3rem;scrollbar-width:thin;scrollbar-color:rgba(240,236,225,.18) transparent}.panel-body::-webkit-scrollbar{width:6px}.panel-body::-webkit-scrollbar-thumb{background:#f0ece129;border-radius:3px}.row{display:flex;align-items:center;gap:1rem;padding:.85rem 0;border-bottom:1px solid rgba(240,236,225,.05);flex-wrap:wrap}.row-label{flex:none;width:6.5rem;font-size:.78rem;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-faint)}.inline{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.journal-summary{padding-bottom:1.4rem;border-bottom:1px solid rgba(240,236,225,.07)}.journal-summary .big{font-family:var(--serif);font-size:1.7rem;color:var(--gold)}.journal-summary .fine{margin-top:.35rem}.journal-heading{margin:1.9rem 0 .9rem;font-size:.7rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:#c3d1a48c}.entries{display:flex;flex-direction:column;gap:1.15rem}.entry-name{font-family:var(--serif);font-size:1.05rem;color:var(--ink)}.entry-sub{font-family:var(--serif);font-style:italic;font-size:.82rem;color:var(--ink-faint)}.entry-note{margin-top:.4rem;font-size:.79rem;line-height:1.62;color:var(--ink-dim)}.entry.unfound{opacity:.3}.entry.unfound .entry-name{letter-spacing:.4em}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.8rem}.gallery figure{margin:0}.gallery img{display:block;width:100%;aspect-ratio:3 / 2;object-fit:cover;border:1px solid rgba(240,236,225,.1)}.gallery figcaption{margin-top:.35rem;font-size:.68rem;line-height:1.5;color:var(--ink-faint)}.pad{display:none}.touch .pad,.touch-buttons{display:flex}#ui-root:not(.touch) button.round:not([data-action=settings]){display:none}.pad{position:absolute;left:1.6rem;bottom:1.8rem;width:8.6rem;height:8.6rem;align-items:center;justify-content:center;pointer-events:auto;touch-action:none;transition:opacity .5s var(--ease)}.pad-ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(240,236,225,.18);background:#090e0b3d;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.pad-stick{position:absolute;width:3.1rem;height:3.1rem;border-radius:50%;background:#f0ece13d;border:1px solid rgba(240,236,225,.32);transition:transform .14s var(--ease);pointer-events:none}.pad-arrow{position:absolute;font-size:.62rem;color:#f0ece152;pointer-events:none}.pad-arrow.up{top:.5rem}.pad-arrow.down{bottom:.5rem}.pad-arrow.left{left:.6rem}.pad-arrow.right{right:.6rem}.touch-buttons{position:absolute;right:1.4rem;bottom:1.8rem;flex-direction:column;gap:.7rem;pointer-events:auto;transition:opacity .5s var(--ease)}button.round{appearance:none;width:3.1rem;height:3.1rem;border-radius:50%;border:1px solid rgba(240,236,225,.18);background:#090e0b6b;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#f0ece19e;font-size:1.1rem;line-height:1;cursor:pointer}button.round:active{background:#7d9b6a4d}.touch .cards{bottom:6.4rem;right:1.2rem}.touch .photo-bar{bottom:6.2rem}.touch .bottom-left{bottom:auto;top:4.2rem;padding-top:0;padding-bottom:2.5rem;background:radial-gradient(120% 100% at 0% 0%,rgba(4,8,6,.5),transparent 76%)}.toast{position:absolute;left:50%;bottom:5.5rem;transform:translate(-50%,10px);padding:.55rem 1.1rem;border-radius:999px;background:#090e0bb8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:.78rem;letter-spacing:.04em;color:var(--ink-dim);opacity:0;transition:opacity .55s var(--ease),transform .55s var(--ease);z-index:70}.toast.in{opacity:1;transform:translate(-50%)}@media (max-width: 640px){.hud-corner{padding:1rem 1.1rem}.clock{font-size:1.45rem}.cards{max-width:78vw}.card-note{display:none}.breath-ring{width:11rem;height:11rem}.row-label{width:100%}.panel-body{padding:1.1rem 1.2rem 4rem}}@media (max-height: 460px){.stats{font-size:.72rem}.level-track{width:8rem}.pad{width:6.6rem;height:6.6rem}}