:root{--bg0: #0f1a14;--bg1: #1a2e24;--bg2: #243b30;--ink: #f3efe6;--ink-muted: #c5bba8;--accent: #c4a35a;--accent-deep: #8b6914;--danger: #c45c4a;--ok: #6a9b7a;--card: rgba(36, 59, 48, .85);--border: rgba(196, 163, 90, .35);--font-display: "Fraunces", Georgia, serif;--font-body: "Source Sans 3", system-ui, sans-serif;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-body);color:var(--ink);background:radial-gradient(ellipse 120% 80% at 10% -10%,#2a4638 0%,transparent 55%),radial-gradient(ellipse 90% 60% at 100% 0%,#3a2f1a 0%,transparent 45%),linear-gradient(165deg,var(--bg0),var(--bg1) 45%,#121c16);background-attachment:fixed}h1,h2,h3{font-family:var(--font-display);font-weight:700;letter-spacing:.01em;margin:0 0 .5rem}p{line-height:1.55;color:var(--ink-muted)}.app-shell{max-width:28rem;margin:0 auto;padding:1.25rem 1.1rem calc(6.25rem + env(safe-area-inset-bottom,0px));min-height:100dvh;display:flex;flex-direction:column;gap:1rem}.en-route{display:flex;flex-direction:column;gap:1rem}.brand{font-family:var(--font-display);font-size:.85rem;text-transform:uppercase;letter-spacing:.14em;color:var(--accent)}.hero-title{font-size:clamp(1.85rem,6vw,2.35rem);line-height:1.15;color:var(--ink)}.quest-card{display:block;width:100%;text-align:left;padding:1.35rem 1.2rem;border:1px solid var(--border);border-radius:1rem;background:var(--card);color:inherit;cursor:pointer;transition:transform .2s ease,border-color .2s ease}.quest-card:hover,.quest-card:focus-visible{transform:translateY(-2px);border-color:var(--accent);outline:none}.quest-card h2{font-size:1.35rem;color:var(--ink)}.quest-card .meta{font-size:.85rem;color:var(--accent);margin-top:.75rem}.panel{background:var(--card);border:1px solid var(--border);border-radius:1rem;padding:1.15rem 1.1rem}.panel.narration p,.panel .story{font-size:1.05rem;color:var(--ink)}.btn-row{display:flex;flex-direction:column;gap:.65rem;margin-top:1rem}button.btn,a.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:.65rem;padding:.85rem 1rem;font-family:var(--font-body);font-size:1rem;font-weight:600;cursor:pointer;text-decoration:none;text-align:center;background:var(--accent);color:#1a1508}button.btn.secondary,a.btn.secondary{background:transparent;color:var(--ink);border:1px solid var(--border)}button.btn.ghost{background:var(--bg2);color:var(--ink)}button.btn:disabled{opacity:.5;cursor:not-allowed}.status-chip{display:inline-block;padding:.25rem .65rem;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:var(--bg2);color:var(--accent)}.status-chip.arrived{background:#6a9b7a40;color:var(--ok)}.status-chip.approaching{background:#c4a35a33;color:var(--accent)}.map-frame{width:100%;aspect-ratio:16 / 11;border:0;border-radius:.75rem;margin:.75rem 0;background:var(--bg0)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;width:100%}.travel-note{animation:fadeSlide .35s ease;border-left:3px solid var(--accent);padding:.75rem .9rem;background:#c4a35a1a;border-radius:0 .5rem .5rem 0;margin-top:.75rem}@keyframes fadeSlide{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.coupon{border:2px dashed var(--accent);border-radius:.85rem;padding:1.25rem 1rem;background:linear-gradient(135deg,#c4a35a26,#1a2e24e6);text-align:center}.coupon .code{font-family:var(--font-display);font-size:1.4rem;letter-spacing:.12em;color:var(--accent);margin:.75rem 0}.coupon .legal{font-size:.75rem;color:var(--ink-muted)}.input{width:100%;padding:.8rem .9rem;border-radius:.55rem;border:1px solid var(--border);background:var(--bg0);color:var(--ink);font-size:1rem;margin-top:.5rem}.speaker{font-size:.8rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.35rem}.hp-bar{height:.55rem;background:var(--bg0);border-radius:999px;overflow:hidden;margin:.35rem 0 .85rem}.hp-bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--danger),var(--accent));transition:width .25s ease}.combat-log{max-height:9rem;overflow:auto;font-size:.9rem;background:var(--bg0);border-radius:.5rem;padding:.65rem .75rem;margin:.75rem 0}.bag{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.bag span{font-size:.75rem;padding:.2rem .5rem;border-radius:999px;background:var(--bg2);border:1px solid var(--border)}.muted{font-size:.85rem;color:var(--ink-muted)}.error{color:var(--danger);font-size:.9rem}.stop-image{width:100%;aspect-ratio:16 / 10;object-fit:cover;border-radius:.75rem;margin:.65rem 0;border:1px solid var(--border);background:var(--bg0)}.beast-image{width:100%;max-height:12rem;object-fit:contain;margin:.5rem 0 .75rem}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.history-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#080c0ab8;z-index:40;display:flex;align-items:flex-end;justify-content:center;padding:1rem}.history-sheet{width:min(28rem,100%);max-height:min(85dvh,40rem);overflow:auto;background:var(--bg1);border:1px solid var(--border);border-radius:1rem 1rem .5rem .5rem;padding:1rem 1.1rem 1.5rem}.history-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.history-list{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-direction:column;gap:.85rem}.history-item{border:1px solid var(--border);border-radius:.75rem;padding:.85rem .9rem;background:var(--card)}.history-body{white-space:pre-wrap;color:var(--ink);font-size:.95rem;margin:.35rem 0 .5rem}.hint-box{margin-top:.75rem;padding:.75rem .85rem;border-radius:.55rem;background:#c4a35a1f;border-left:3px solid var(--accent)}.hint-box+.hint-box{margin-top:.45rem}button.btn.btn-compact,a.btn.btn-compact{padding:.45rem .75rem;width:auto}.panel.dense{padding:.75rem 1rem}.field{display:block;margin-top:.65rem}.reply{font-style:italic}.debrief-list,.offer-list{margin:.5rem 0 0;padding-left:1.2rem}.debrief-list li{color:var(--ink);margin-bottom:.5rem}.offer-list li{color:var(--ink-muted)}.library{max-width:42rem;margin:0 auto;padding:1.25rem 1.1rem 4rem;display:flex;flex-direction:column;gap:1.75rem}.library-nav{display:flex;flex-wrap:wrap;gap:.45rem .85rem}.library-nav a{color:var(--accent);font-size:.85rem}.library-group{display:flex;flex-direction:column;gap:1.25rem}.library-section{display:flex;flex-direction:column;gap:.45rem}.library-section h3{margin-bottom:0}.library-note{margin:0;font-size:.9rem}.library-specimen{max-width:28rem;display:flex;flex-direction:column;gap:1rem;padding:1rem;border:1px dashed var(--border);border-radius:1rem}.library-links{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem}.library-link{color:var(--accent);font-size:.85rem}