:root{--bg:#07060a;--surface:#17120d;--surface-2:#211a12;--edge:#6d5733;--edge-soft:#b9965a59;--ink:#efe2c4;--muted:#b3a283;--accent:#e8c77e;--reward:#f0d38a;--danger:#e0674a;--good:#9fc27a;--clue:#b9d4f0;--text-s:13px;--text-m:16px;--text-l:20px;--text-xl:34px;--space:8px;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--serif:"EB Garamond", Georgia, serif;--caps:"Cinzel", "EB Garamond", Georgia, serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--serif);font-size:var(--text-m);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}#view{width:100%;height:100%;image-rendering:pixelated;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}button{font-family:var(--serif);font-size:var(--text-m);color:var(--ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.caps{font-family:var(--caps);letter-spacing:.08em}.num{font-variant-numeric:tabular-nums}.panel{background:linear-gradient(var(--surface-2), var(--surface));border:1px solid var(--edge);border-radius:4px;box-shadow:0 0 0 3px #00000073,inset 0 0 22px #0000008c}.btn{border:1px solid var(--edge);cursor:pointer;min-width:44px;min-height:44px;font-family:var(--caps);letter-spacing:.06em;color:var(--ink);background:linear-gradient(#2b2217,#1a140e);border-radius:3px;padding:8px 16px;font-size:14px}.btn:hover,.btn:focus-visible{border-color:var(--accent);color:var(--reward)}.btn.primary{border-color:var(--accent);background:linear-gradient(#5a4220,#33240f)}.btn.armed{border-color:var(--danger);color:var(--danger)}.btn[disabled]{opacity:.45;cursor:default}.kbd{border:1px solid var(--edge);min-width:1.6em;font-family:var(--caps);color:var(--accent);text-align:center;background:#120e0a;border-bottom-width:2px;border-radius:3px;padding:1px 6px;font-size:12px;display:inline-block}.hud-time{top:calc(12px + var(--safe-t));left:calc(12px + var(--safe-l));pointer-events:none;min-width:210px;padding:8px 14px 9px 58px;position:absolute}.hud-time .dial{width:38px;height:38px;position:absolute;top:8px;left:10px}.hud-time{max-width:min(330px,46vw)}.hud-time h3{font-family:var(--caps);letter-spacing:.07em;color:var(--accent);margin:0;font-size:15px;font-weight:500}.hud-time p{color:var(--muted);margin:1px 0 0;font-size:14px;font-style:italic}.hud-stats{top:calc(12px + var(--safe-t));right:calc(12px + var(--safe-r));font-size:var(--text-s);pointer-events:none;grid-template-columns:auto 110px;align-items:center;gap:5px 10px;padding:8px 12px;display:grid;position:absolute}.hud-stats .lbl{color:var(--muted);text-align:right;font-style:italic}.bar{background:#2a2016;border:1px solid #5d4a2c;height:8px;position:relative}.bar i{background:linear-gradient(90deg,#8f6a2a,#f0d38a);position:absolute;top:0;bottom:0;left:0}.bar.low i{background:linear-gradient(90deg,#7a2a1a,#e0674a)}.eye{font-size:var(--text-s);align-items:center;gap:6px;display:flex}.eye b{font-family:var(--caps);letter-spacing:.06em;font-size:12px;font-weight:500}.eye.dark b{color:#8fa0c8}.eye.dim b{color:var(--muted)}.eye.bright b{color:var(--danger)}.pips{gap:4px;display:flex}.pips i{border:1px solid var(--edge);width:10px;height:10px;display:inline-block;transform:rotate(45deg)}.pips i.on{background:var(--danger);border-color:var(--danger)}.pips i.hand{border-radius:50%;transform:none}.pips i.hand.on{background:#6a5a4a;border-color:#6a5a4a}.hud-pack{left:calc(12px + var(--safe-l));bottom:calc(12px + var(--safe-b));flex-wrap:wrap;gap:6px;max-width:46vw;display:flex;position:absolute}.slot{flex-direction:column;justify-content:center;align-items:center;min-width:48px;height:48px;padding:4px 8px;font-size:12px;line-height:1.1;display:flex}.slot b{font-family:var(--caps);color:var(--reward);font-size:14px}.slot.key{border-color:var(--reward)}.prompt{left:50%;bottom:calc(22px + var(--safe-b));font-size:var(--text-m);cursor:pointer;align-items:center;gap:10px;max-width:min(560px,92vw);padding:8px 16px;display:flex;position:absolute;transform:translate(-50%)}.prompt .ring{width:26px;height:26px}.toasts{top:calc(70px + var(--safe-t));pointer-events:none;flex-direction:column;align-items:center;gap:6px;width:min(560px,92vw);display:flex;position:absolute;left:50%;transform:translate(-50%)}.toast{text-align:center;padding:7px 14px;font-size:15px;animation:.25s ease-out toastIn}.toast.clue{border-color:var(--clue);color:#dfeaf8}.toast.warn{border-color:var(--danger)}.toast.good{border-color:var(--good)}.toast.big{font-family:var(--caps);letter-spacing:.1em;color:var(--accent);font-size:18px}@keyframes toastIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}html.rm .toast{animation:none}.bubble{border:1px solid var(--edge-soft);pointer-events:none;text-align:center;background:#14100ce0;border-radius:6px;max-width:260px;padding:5px 10px;font-size:14px;line-height:1.25;position:absolute;transform:translate(-50%,-100%)}.bubble.dwarf{border-color:#9fc27a99}.bubble.murmur{color:var(--muted);font-style:italic}.icon{font-family:var(--caps);pointer-events:none;text-shadow:0 2px #000,0 0 6px #000;font-size:22px;font-weight:700;position:absolute;transform:translate(-50%,-100%)}.icon.q{color:var(--reward)}.icon.x{color:var(--danger)}.icon.z{color:#9fb4d8;font-size:16px}.icon .m{background:#2a2016;border:1px solid #000;width:26px;height:4px;margin:2px auto 0;display:block}.icon .m i{background:var(--reward);height:100%;display:block}.hint-line{right:calc(12px + var(--safe-r));bottom:calc(12px + var(--safe-b));color:var(--muted);pointer-events:none;text-align:right;font-size:13px;font-style:italic;position:absolute}.back{right:calc(12px + var(--safe-r));bottom:calc(12px + var(--safe-b));color:var(--muted);font-size:13px;position:absolute}.flash{pointer-events:none;opacity:0;background:radial-gradient(circle,#0000 40%,#a01e1473);transition:opacity .3s;position:absolute;inset:0}.dlg{left:50%;bottom:calc(14px + var(--safe-b));width:min(720px,96vw);min-height:128px;padding:14px 18px 12px 118px;position:absolute;transform:translate(-50%)}.dlg .portrait{border:1px solid var(--edge);width:92px;height:92px;image-rendering:pixelated;background:#0c0a08;position:absolute;top:12px;left:12px}.dlg h4{font-family:var(--caps);letter-spacing:.14em;color:var(--accent);margin:0 0 4px;font-size:13px;font-weight:500}.dlg .text{min-height:50px;font-size:18px;line-height:1.38}.dlg .text.bilbo{color:#d8e4c0;font-style:italic}.dlg .text.note{color:var(--clue);font-size:16px;font-style:italic}.dlg .choices{flex-direction:column;gap:4px;margin-top:8px;display:flex}.dlg .choice{text-align:left;cursor:pointer;min-height:40px;color:var(--ink);background:#00000040;border:1px solid #0000;border-radius:3px;padding:6px 10px;font-size:16px;line-height:1.25}.dlg .choice:hover,.dlg .choice:focus-visible{border-color:var(--accent);background:#e8c77e14}.dlg .choice .n{width:1.4em;color:var(--accent);font-family:var(--caps);display:inline-block}.dlg .choice.word{color:#f2e2b0}.dlg .choice.gift,.dlg .choice.news{color:#cfe0b0}.dlg .choice.bye{color:var(--muted)}.dlg .more{color:var(--muted);font-size:12px;font-style:italic;position:absolute;bottom:8px;right:14px}@media (max-width:620px){.dlg{padding-top:96px;padding-left:16px}.dlg .portrait{width:72px;height:72px}.dlg h4{position:absolute;top:20px;left:96px}}.screen{padding:calc(16px + var(--safe-t)) calc(16px + var(--safe-r)) calc(16px + var(--safe-b)) calc(16px + var(--safe-l));background:radial-gradient(#08060a8c,#040306eb);justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow-y:auto}.screen .card{width:min(620px,100%);max-height:100%;padding:24px 28px;overflow-y:auto}.screen h1{font-family:"Cinzel Decorative", var(--caps);font-weight:700;font-size:var(--text-xl);letter-spacing:.04em;color:var(--accent);text-align:center;text-shadow:0 3px #000;margin:0;line-height:1.1}.screen h2{font-family:var(--caps);font-weight:500;font-size:var(--text-l);letter-spacing:.1em;color:var(--accent);text-align:center;margin:0 0 10px}.screen .sub{text-align:center;color:var(--muted);margin:6px 0 16px;font-style:italic}.screen .lede{font-size:17px;line-height:1.5}.screen .row{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;display:flex}.screen .col{flex-direction:column;gap:8px;margin-top:14px;display:flex}.screen .controls{color:var(--muted);grid-template-columns:auto 1fr;gap:6px 12px;margin-top:14px;font-size:14px;display:grid}.title-screen{background:radial-gradient(at 50% 30%,#0a080c33,#040306d9)}.title-screen .card{background:#0e0b08d1}.seg{gap:4px;display:flex}.seg button{flex:1}.seg button.on{border-color:var(--accent);color:var(--reward);background:linear-gradient(#4a3620,#2a1e10)}.setting{grid-template-columns:140px 1fr;align-items:center;gap:10px;margin:8px 0;display:grid}.setting label{color:var(--muted);font-style:italic}input[type=range]{width:100%;accent-color:var(--accent);height:30px}.sheet{top:calc(10px + var(--safe-t));bottom:calc(10px + var(--safe-b));right:calc(10px + var(--safe-r));flex-direction:column;width:min(520px,100vw - 20px);display:flex;position:absolute}.sheet .tabs{flex-wrap:wrap;gap:2px;padding:8px 8px 0;display:flex}.sheet .tabs button{border:1px solid #0000;border-bottom:1px solid var(--edge);min-height:40px;font-family:var(--caps);letter-spacing:.06em;color:var(--muted);cursor:pointer;background:0 0;flex:1;font-size:13px;position:relative}.sheet .tabs button.on{color:var(--accent);border-color:var(--edge);background:#e8c77e0d;border-bottom-color:#0000}.sheet .tabs button .badge{background:var(--reward);border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:6px}.sheet .body{flex:1;padding:12px 16px 16px;font-size:15px;line-height:1.4;overflow-y:auto}.sheet .close{position:absolute;top:6px;right:8px}.sheet h3{font-family:var(--caps);letter-spacing:.1em;color:var(--accent);margin:12px 0 6px;font-size:14px;font-weight:500}.plan{border:1px solid var(--edge-soft);border-radius:4px;margin:8px 0;padding:8px 10px}.plan.ready{border-color:var(--good)}.plan .need{align-items:baseline;gap:8px;margin:2px 0;display:flex}.plan .need .mk{width:1.2em;color:var(--muted)}.plan .need.ok .mk{color:var(--good)}.plan .need.ok span{color:var(--muted);-webkit-text-decoration:line-through #b3a28380;text-decoration:line-through #b3a28380}.dw{border-bottom:1px solid #6d57334d;grid-template-columns:1fr auto;gap:2px 8px;padding:6px 0;display:grid}.dw .nm{font-family:var(--caps);font-size:14px}.dw .st{color:var(--muted);grid-column:1/-1;font-size:13px}.hope{gap:2px;display:flex}.hope i{border:1px solid var(--edge);width:9px;height:12px}.hope i.on{background:var(--reward)}.clue{margin:6px 0}.clue b{font-family:var(--caps);letter-spacing:.06em;color:var(--clue);font-size:13px;font-weight:500}.log p{margin:4px 0}.log .d{color:var(--muted);margin-right:6px;font-style:italic}canvas.map{width:100%;image-rendering:pixelated;border:1px solid var(--edge-soft);background:#050407}.ending .card{width:min(680px,100%)}.ending .lede p{margin:0 0 10px}.ledger{grid-template-columns:1fr auto;gap:4px 12px;margin-top:12px;font-size:15px;display:grid}.ledger .v{color:var(--reward);font-variant-numeric:tabular-nums;text-align:right}.grade{text-align:center;font-family:var(--caps);letter-spacing:.12em;color:var(--reward);margin:12px 0 4px;font-size:22px}.touch{pointer-events:none;position:absolute;inset:0}.touch>*{pointer-events:auto}.stick{left:calc(24px + var(--safe-l));bottom:calc(96px + var(--safe-b));touch-action:none;background:#0a080659;border:2px solid #e8c77e59;border-radius:50%;width:140px;height:140px;position:absolute}.stick i{background:#e8c77e4d;border:2px solid #e8c77e99;border-radius:50%;width:58px;height:58px;margin:-29px 0 0 -29px;position:absolute;top:50%;left:50%}.tbtns{right:calc(16px + var(--safe-r));bottom:calc(96px + var(--safe-b));grid-template-columns:repeat(3,60px);gap:10px;display:grid;position:absolute}.tbtn{width:60px;height:60px;color:var(--ink);font-family:var(--caps);letter-spacing:.04em;text-align:center;touch-action:none;background:#14100c99;border:2px solid #e8c77e73;border-radius:50%;justify-content:center;align-items:center;font-size:11px;line-height:1.05;display:flex}.tbtn.on{border-color:var(--reward);color:var(--reward);background:#5a4220b3}.tbtn.big{border-color:var(--accent);background:#463218bf}.ttop{top:calc(150px + var(--safe-t));right:calc(12px + var(--safe-r));gap:8px;display:flex;position:absolute}.ttop .tbtn{width:48px;height:48px;font-size:10px}.has-touch .hint-line{display:none}@media (max-width:760px),(max-height:560px){.hud-stats{grid-template-columns:auto 70px;padding:6px 8px}.hud-time{min-width:0}}