.story-trail-game{--font: "Georgia", "Times New Roman", serif;--font-title: "Georgia", "Times New Roman", serif;--trail-bg: #f5f0e8;--trail-text: #3a2e1f;--trail-accent: #6b8e4e;--trail-highlight: #d4a853;--trail-locked: #b0a89a;--trail-badge: #e8a840}.story-trail-game{height:100dvh;min-height:100svh;background:var(--trail-bg);color:var(--trail-text);font-family:var(--font);overflow:hidden;display:flex;flex-direction:column;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)}#game-area{flex:1;overflow:hidden;position:relative}#trail-map,#scene-view,#completion-view{display:none;height:100%;overflow-y:auto;padding:1rem;box-sizing:border-box}#game-area[data-active-screen=trail-map] #trail-map,#game-area[data-active-screen=scene-view] #scene-view{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;transform:translate(0);visibility:visible}#game-area[data-active-screen=completion-view] #completion-view{display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translate(0);visibility:visible}#trail-stops{display:flex;flex-direction:column;align-items:center;gap:0;padding:1rem 0;max-width:400px;margin:0 auto}.trail-stop{width:100%;padding:.75rem 1rem;border-radius:8px;display:flex;align-items:center;gap:.75rem;font-family:var(--font-title);font-size:1rem;border:2px solid transparent;text-align:left;min-height:44px;touch-action:manipulation;box-sizing:border-box}.trail-stop-unlocked{background:var(--trail-accent);color:#fff;cursor:pointer;border-color:transparent}.trail-stop-unlocked:hover,.trail-stop-unlocked:focus-visible{background:#5a7b3d;outline:2px solid var(--trail-highlight);outline-offset:2px}.trail-stop-completed{background:#fff;border-color:var(--trail-badge);color:var(--trail-text)}.trail-stop-locked{opacity:.4;background:#e8e4dc;color:var(--trail-locked);pointer-events:none}.trail-path{font-family:monospace;font-size:1.2rem;opacity:.6;line-height:1;color:var(--trail-text);user-select:none;padding:.2rem 0}.stop-icon{font-size:1.5rem;flex-shrink:0}.stop-title{font-weight:700;flex:1}.stop-badge{font-size:.8rem;color:var(--trail-badge);font-style:italic}#scene-view{gap:.75rem}.scene-illustration{font-family:monospace;text-align:center;opacity:.7;white-space:pre;font-size:1.1rem;min-height:1.5rem}.scene-text{font-size:1.4rem;line-height:1.6;color:var(--trail-text);margin:0;flex-shrink:0}.hint-area{background:#fff3cd;border:1px solid var(--trail-highlight);border-radius:8px;padding:.5rem .75rem;font-size:.9rem;color:#7a5500}.hint-area[hidden]{display:none}.item-flash{background:#d4edda;border:1px solid #6b8e4e;border-radius:8px;padding:.5rem .75rem;font-size:.9rem;color:#2d5a1e;font-weight:700}.item-flash[hidden]{display:none}.choices{display:flex;flex-direction:column;gap:.75rem;margin-top:auto;flex-shrink:0}.choice-btn{min-height:48px;padding:.75rem 1rem;border-radius:12px;background:var(--trail-accent);color:#fff;border:2px solid transparent;font-size:1.1rem;font-family:var(--font);cursor:pointer;text-align:left;touch-action:manipulation;box-sizing:border-box}.choice-btn:hover,.choice-btn:focus-visible{background:#5a7b3d;outline:2px solid var(--trail-highlight);outline-offset:2px}.choice-locked{background:#fff;color:var(--trail-text);border-color:var(--trail-locked);border-style:dashed}.choice-locked:hover,.choice-locked:focus-visible{background:#f0ece4}.inventory-bar{display:flex;flex-direction:row;gap:.5rem;overflow-x:auto;flex-shrink:0;padding:.25rem 0;min-height:2rem;align-items:center}.inventory-item{background:var(--trail-highlight);color:#fff;padding:.25rem .6rem;border-radius:999px;font-size:.85rem;white-space:nowrap;font-family:var(--font)}.inventory-empty-label{font-size:.85rem;color:var(--trail-locked);font-style:italic}#completion-view{gap:1rem;text-align:center}.completion-badge{font-size:4rem}.completion-title{font-size:1.6rem;font-weight:700;color:var(--trail-accent);margin:0}.completion-msg{font-size:1.1rem;color:var(--trail-text);margin:0}.back-to-trail-btn{min-height:48px;padding:.75rem 2rem;border-radius:12px;background:var(--trail-accent);color:#fff;border:none;font-size:1.1rem;font-family:var(--font);cursor:pointer;touch-action:manipulation;margin-top:1rem}.back-to-trail-btn:hover,.back-to-trail-btn:focus-visible{background:#5a7b3d;outline:2px solid var(--trail-highlight);outline-offset:2px}.inventory-overlay{position:fixed;inset:0;background:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;padding:1rem;box-sizing:border-box}.inventory-overlay[hidden]{display:none}.inventory-overlay>*{background:var(--trail-bg);border-radius:12px;padding:1.5rem;max-width:400px;width:100%;box-sizing:border-box}.inventory-list{list-style:none;padding:0;margin:.5rem 0}.inventory-entry{padding:.4rem 0;border-bottom:1px solid #ddd;font-size:.95rem}.inventory-empty{color:var(--trail-locked);font-style:italic}.inventory-close-btn{min-height:44px;padding:.5rem 1.5rem;border-radius:8px;background:var(--trail-accent);color:#fff;border:none;font-size:1rem;cursor:pointer;margin-top:.75rem;touch-action:manipulation}.story-trail-controls-list{margin:0;padding-left:1.2rem;display:grid;gap:.5rem;color:var(--trail-text)}.story-trail-controls-list kbd{display:inline-block;padding:.05rem .35rem;border-radius:.4rem;background:#3a2e1f14;border:1px solid rgba(58,46,31,.18);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85em}@media(max-height:500px){.scene-text{font-size:1.1rem}.choice-btn{min-height:40px;padding:.5rem .75rem;font-size:1rem}}@media(min-width:600px){.choices{flex-direction:row;flex-wrap:wrap}.choice-btn{flex:1;min-width:45%}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}