.brand-logo{width:66px;height:42px;object-fit:contain;mix-blend-mode:multiply}.brand-name>span{color:var(--clay)}
.nav-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px}.nav-top strong{color:var(--forest);font-size:11px}.nav-map-frame{box-shadow:var(--shadow)}.nav-next{position:absolute;z-index:3;left:14px;right:14px;bottom:14px;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;color:var(--ink);background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid var(--line);border-radius:15px;backdrop-filter:blur(12px);font-size:12px}.nav-next strong{color:var(--clay)}
.audio-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.audio-modes button{padding:10px 5px;color:var(--muted);background:var(--soft);border:1px solid transparent;border-radius:11px;font-size:11px}.audio-modes button.selected{color:var(--forest);background:var(--forest-light);border-color:var(--forest)}.audio-state{padding:10px 12px;color:var(--muted);background:var(--soft);border-radius:11px;font-size:12px}.demo-gps{padding:14px;background:color-mix(in srgb,var(--clay) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--clay) 25%,var(--line));border-radius:16px}.demo-gps summary{color:var(--clay);font-weight:700;cursor:pointer}.demo-gps p{margin:10px 0;color:var(--muted);font-size:12px}.demo-gps label{display:grid;gap:6px;font-size:12px;font-weight:700}.demo-gps input{width:100%;accent-color:var(--clay)}.demo-actions{display:flex;gap:8px;margin-top:10px}.demo-actions button{min-height:40px;padding:0 12px;font-size:12px}.narrative-box{padding:15px;background:var(--forest-light);border-radius:15px}.narrative-box p{margin-top:7px;font-size:14px;line-height:1.6}
.ai-fallback-warning{position:fixed;z-index:2100;left:16px;bottom:92px;width:min(360px,calc(100% - 32px));display:grid;grid-template-columns:1fr auto;gap:3px 12px;padding:14px 15px;color:#6d321f;background:#fff1e9;border:1px solid #e8b49e;border-radius:15px;box-shadow:0 12px 30px #63351f25;font-size:12px}.ai-fallback-warning strong{color:#a84428;font-size:13px}.ai-fallback-warning span{grid-column:1;color:#7f675d;line-height:1.35}.ai-fallback-warning button{grid-column:2;grid-row:1/3;align-self:start;padding:0;border:0;color:#a84428;background:transparent;font-size:22px;line-height:1}
.narrative-box{min-height:220px;padding:22px}.narrative-box p{font-size:16px;line-height:1.75}.audio-spinner{width:25px;height:25px;display:block;border:3px solid color-mix(in srgb,var(--clay) 25%,transparent);border-top-color:var(--clay);border-radius:50%;animation:spin .8s linear infinite}.stop-icon{width:36px;height:36px;display:grid;place-items:center;color:#fff;background:var(--forest);border-radius:50%;font-size:16px}