:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#18312a;background:#e9e3d8;font-synthesis:none;--ink: #18312a;--paper: rgba(250, 248, 242, .92);--paper-solid: #faf8f2;--green: #315f50;--muted: #6d766f;--line: rgba(24, 49, 42, .14);--shadow: 0 22px 70px rgba(30, 45, 39, .15)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#e9e3d8}button,input,select{font:inherit}button{cursor:pointer}#world{width:100%;height:100%;display:block;outline:none}.topbar{position:fixed;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:22px 28px;pointer-events:none}.brand{display:grid;gap:2px;font-size:12px;letter-spacing:.05em;pointer-events:auto}.brand strong{font-size:14px;letter-spacing:.12em}.eyebrow{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#65716b;font-weight:700}.modes{display:flex;gap:4px;padding:4px;border-radius:999px;background:#faf8f2d1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 8px 30px #1e2d2714;pointer-events:auto}.modes button{border:0;border-radius:999px;background:transparent;padding:9px 15px;color:var(--muted)}.modes button.active{background:var(--ink);color:#fff}.intro{position:fixed;z-index:15;left:28px;bottom:34px;width:min(520px,calc(100vw - 56px));padding:28px;border:1px solid rgba(255,255,255,.55);border-radius:24px;background:var(--paper);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:var(--shadow);transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .35s ease}.intro.hidden{transform:translateY(25px);opacity:0;pointer-events:none}.intro h1{margin:9px 0 12px;font-family:Georgia,Times New Roman,serif;font-weight:500;font-size:clamp(34px,4vw,55px);line-height:.98;letter-spacing:-.04em}.intro p{max-width:46ch;margin:0;color:#56645e;line-height:1.55}.intro-actions,.detail-actions{display:flex;gap:8px;margin-top:22px}.intro-actions button,.detail-actions button{border:1px solid var(--ink);border-radius:999px;padding:11px 17px;color:#fff;background:var(--ink)}button.ghost,.ghost{background:transparent!important;color:var(--ink)!important}.detail,.search-panel{position:fixed;z-index:25;top:82px;right:24px;bottom:24px;width:min(390px,calc(100vw - 48px));padding:30px;border:1px solid rgba(255,255,255,.7);border-radius:26px;background:var(--paper);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--shadow);transform:translate(calc(100% + 40px));opacity:0;pointer-events:none;transition:transform .42s cubic-bezier(.2,.8,.2,1),opacity .3s ease;overflow-y:auto}.detail.open,.search-panel.open{transform:translate(0);opacity:1;pointer-events:auto}.detail-close{position:absolute;top:16px;right:18px;border:0;background:transparent;color:var(--muted);font-size:26px}.detail h2,.search-panel h2{margin:11px 0 12px;font-family:Georgia,Times New Roman,serif;font-size:34px;font-weight:500;line-height:1.02;letter-spacing:-.03em}.detail>p,.search-panel>p{color:#59655f;line-height:1.55}.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin:22px 0;border-radius:16px;overflow:hidden;background:var(--line)}.fact{padding:13px;background:#ffffff85}.fact small{display:block;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:9px}.fact strong{display:block;margin-top:3px;font-size:14px}.sarah-note{margin-top:18px;padding:17px 18px;border-left:2px solid #a88a58;background:#f1ece3c7}.sarah-note span{font-size:9px;letter-spacing:.15em;font-weight:800;color:#7a694e}.sarah-note p{margin:7px 0 0;line-height:1.5}.detail small{display:block;margin-top:18px;color:#7d857f;line-height:1.45}.search-panel label{display:grid;gap:7px;padding:16px 0;border-bottom:1px solid var(--line);color:#4f5e57}.search-panel input,.search-panel select{width:100%}.search-panel output{font-weight:700;color:var(--ink)}.results{display:grid;gap:8px;margin-top:18px}.result{width:100%;text-align:left;padding:14px 15px;border:1px solid var(--line);border-radius:14px;background:#ffffff7a;color:var(--ink)}.result strong{display:block}.result span{display:block;margin-top:4px;color:var(--muted);font-size:12px}.world-hint,.status{position:fixed;z-index:10;bottom:16px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#18312a94;pointer-events:none}.world-hint{left:50%;transform:translate(-50%)}.status{right:24px}.hotspot-label{position:fixed;z-index:8;transform:translate(-50%,-100%);padding:7px 10px;border:1px solid rgba(255,255,255,.7);border-radius:999px;background:#faf8f2db;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:10px;letter-spacing:.05em;color:var(--ink);pointer-events:none;opacity:0;transition:opacity .2s ease}.hotspot-label.visible{opacity:1}@media(max-width:720px){.topbar{padding:14px}.brand .eyebrow{display:none}.modes button{padding:8px 10px;font-size:12px}.intro{left:14px;bottom:38px;width:calc(100vw - 28px);padding:22px}.detail,.search-panel{inset:70px 14px 14px;width:auto}.world-hint{display:none}.status{right:14px;bottom:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.crosshair{position:fixed;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#ffffffd9;box-shadow:0 0 0 1.5px #20352f73;opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:30}.crosshair.visible{opacity:1}