:root{--paper:#f3ede1;--paper-strong:#fbf8f2;--ink:#2a2520;--ink-muted:#5f574d;--line:#d3c7b1;--accent:#b5621a;--accent-ink:#8f4a0f;--radius:6px;--muted:#e6dccb;--ring:color-mix(in srgb, var(--accent) 40%, transparent);--control-h:32px;--shadow-xs:0 1px 2px #2a252014;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font:15px/1.5 var(--sans);background:#1b1916;margin:0;overflow:hidden}#scene{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}button,select,input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tool:focus-visible,.select-trigger:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--ring);outline:none}[hidden]{display:none!important}.corner{flex-direction:column;gap:8px;width:250px;display:flex;position:fixed;top:16px;left:16px}.brand{background:color-mix(in srgb, var(--paper) 95%, transparent);border:1px solid var(--line);border-radius:var(--radius);pointer-events:none;padding:10px 16px 12px}.brand-app{color:var(--accent-ink);margin:0;font-size:13px}.brand h1{font:600 30px/1.1 var(--serif);margin:0}.brand-location{color:var(--ink-muted);margin:2px 0 0;font-size:13px}.brand-visitors{font-variant-numeric:tabular-nums;align-items:center;gap:6px;margin:4px 0 0;font-size:12px;display:flex}.brand-visitors:before{content:"";background:#3d9a50;border-radius:50%;width:7px;height:7px}.brand-credit{color:var(--ink-muted);margin:4px 0 0;font-size:12px}.brand-credit a,.promo a{pointer-events:auto;color:inherit;text-underline-offset:2px}.brand-credit a:hover,.promo-meta a:hover{color:var(--ink)}.promo{background:color-mix(in srgb, var(--paper) 95%, transparent);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px 8px;font-size:13px}.promo-card{grid-template-columns:32px 1fr;align-items:center;gap:1px 10px;text-decoration:none;display:grid}.promo-card img{object-fit:contain;border-radius:6px;grid-row:span 2;width:32px;height:32px}.promo-name{font-weight:600}.promo-card:hover .promo-name{color:var(--accent-ink);text-decoration:underline}.promo-tagline{min-height:2.7em;color:var(--ink-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden}.promo-meta{border-top:1px solid var(--line);color:var(--ink-muted);justify-content:space-between;margin:8px 0 0;padding-top:6px;font-size:11px;display:flex}body[data-mode=walk] .promo{display:none}.info{background:color-mix(in srgb, var(--paper) 95%, transparent);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;width:min(380px,100vw - 32px);max-height:calc(100vh - 140px);display:flex;position:fixed;top:16px;right:16px}.info-toggle{color:var(--ink-muted);cursor:pointer;background:0 0;border:0;align-self:flex-end;margin:8px 10px 0 0;padding:4px 8px;font-size:13px}.info-toggle:hover{color:var(--ink)}.info-content{padding:0 22px 20px;overflow-y:auto}.info.collapsed .info-content{display:none}.info-kicker{color:var(--accent-ink);margin:0;font-size:13px}.info h2{font:600 24px/1.2 var(--serif);margin:2px 0 10px}.info-body p{margin:0 0 10px}.info-facts{border-top:1px solid var(--line);grid-template-columns:auto 1fr;gap:4px 14px;margin:14px 0 0;padding-top:12px;font-size:14px;display:grid}.info-facts:empty{display:none}.info-facts dt{color:var(--ink-muted)}.info-facts dd{font-variant-numeric:tabular-nums;margin:0}.link-button{color:var(--accent-ink);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin-top:14px;padding:0;text-decoration:underline}.dock{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);white-space:nowrap;align-items:center;gap:14px;padding:8px 10px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #00000040}.mode-group{background:var(--muted);border-radius:8px;gap:2px;padding:3px;display:flex}.tool{height:var(--control-h);border-radius:var(--radius);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:500;transition:background-color .15s,color .15s,box-shadow .15s;display:inline-flex}.tool:hover{background:var(--paper-strong)}.tool:disabled{opacity:.5;cursor:not-allowed}.mode-group .tool{height:calc(var(--control-h) - 4px);color:var(--ink-muted)}.mode-group .tool[aria-pressed=true]{background:var(--paper-strong);color:var(--ink);box-shadow:var(--shadow-xs)}#realms-toggle,.tour-row .tool{border-color:var(--line);background:var(--paper-strong);box-shadow:var(--shadow-xs)}#realms-toggle:hover,.tour-row .tool:hover{background:var(--muted)}#realms-toggle[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--paper-strong));color:var(--accent-ink)}.time{color:var(--ink-muted);gap:4px;font-size:13px;display:grid}.time output{color:var(--ink);font-variant-numeric:tabular-nums}.time input{--fill:50%;cursor:pointer;appearance:none;background:0 0;width:180px;height:16px;margin:0}.time input::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--fill), var(--muted) var(--fill));border-radius:999px;height:6px}.time input::-moz-range-track{background:var(--muted);border-radius:999px;height:6px}.time input::-moz-range-progress{background:var(--accent);border-radius:999px;height:6px}.time input::-webkit-slider-thumb{border:1px solid var(--accent);background:var(--paper-strong);width:16px;height:16px;box-shadow:var(--shadow-xs);appearance:none;border-radius:50%;margin-top:-5px;transition:box-shadow .15s}.time input::-moz-range-thumb{border:1px solid var(--accent);background:var(--paper-strong);width:14px;height:14px;box-shadow:var(--shadow-xs);border-radius:50%;transition:box-shadow .15s}.time input:hover::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--ring)}.time input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--ring)}.time input:hover::-moz-range-thumb{box-shadow:0 0 0 4px var(--ring)}.time input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px var(--ring)}.time input:focus-visible{outline:none}.legend{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:10px 14px;font-size:14px;position:fixed;bottom:84px;left:20px}.legend p{align-items:center;gap:8px;margin:2px 0;display:flex}.swatch{border:1px solid #0003;border-radius:3px;width:14px;height:14px}.swatch-kama{background:#c27b5c}.swatch-rupa{background:#d8b250}.swatch-arupa{background:#8fb7d6}.hotspots{pointer-events:none;position:fixed;inset:0}.hotspot{pointer-events:auto;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;transition:opacity .16s;display:flex;position:absolute;top:0;left:0}.hotspot-dot{background:var(--accent);color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:26px;height:26px;font-size:13px;font-weight:600;display:grid}.hotspot-label{background:var(--paper);color:var(--ink);opacity:0;border-radius:4px;padding:2px 8px;font-size:13px;transition:opacity .14s,transform .14s;transform:translate(-4px)}.hotspot:hover .hotspot-label,.hotspot:focus-visible .hotspot-label,.hotspot.active .hotspot-label{opacity:1;transform:none}.hotspot.occluded{opacity:.4}.tour-bar{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);z-index:1;width:min(560px,100vw - 32px);padding:10px 14px;position:fixed;bottom:76px;left:50%;transform:translate(-50%)}.tour-row{align-items:center;gap:8px;display:flex}#tour-exit{margin-left:auto}.tour-speed{color:var(--ink-muted);align-items:center;gap:6px;font-size:13px;display:flex}.select{display:inline-block;position:relative}.select-trigger{min-width:72px;height:var(--control-h);border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-strong);box-shadow:var(--shadow-xs);color:var(--ink);cursor:pointer;justify-content:space-between;align-items:center;gap:8px;padding:0 8px 0 12px;font-size:14px;transition:box-shadow .15s;display:inline-flex}.select-trigger svg{opacity:.5}.select-content{z-index:10;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-strong);min-width:100%;max-height:240px;padding:4px;animation:.12s ease-out select-in;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 6px 16px #2a252029}.select-content.above{top:auto;bottom:calc(100% + 4px)}@keyframes select-in{0%{opacity:0;transform:scale(.96)}}@media (prefers-reduced-motion:reduce){.select-content{animation:none}}.select-item{color:var(--ink);cursor:default;-webkit-user-select:none;user-select:none;border-radius:4px;justify-content:space-between;align-items:center;gap:12px;padding:6px 6px 6px 8px;font-size:14px;display:flex}.select-item[data-active]{background:var(--muted)}.select-item svg{color:var(--accent-ink);visibility:hidden}.select-item[aria-selected=true] svg{visibility:visible}.tour-progress{background:#e0d5c2;border-radius:2px;height:4px;margin-top:10px;overflow:hidden}#tour-progress-fill{background:var(--accent);width:0;height:100%}.tour-section{color:var(--ink-muted);margin:6px 0 0;font-size:13px}.walk-hint{background:color-mix(in srgb, var(--paper) 94%, transparent);border:1px solid var(--line);border-radius:var(--radius);text-align:center;pointer-events:none;max-width:340px;padding:12px 16px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.walk-hint p{margin:0}.loading{color:#e9e1d2;font:20px var(--serif);background:#1b1916;place-items:center;display:grid;position:fixed;inset:0}@media (width<=760px){.brand h1{font-size:26px}.info{width:auto;max-height:38vh;inset:auto 12px 132px}.dock{white-space:normal;flex-wrap:wrap;justify-content:center;left:12px;right:12px;transform:none}.time input{width:140px}.tour-bar{bottom:140px}.tour-row{flex-wrap:wrap}body[data-mode=tour] .info{max-height:28vh;bottom:290px}.legend{display:none}.corner{align-items:flex-start;width:auto}.promo{padding:6px 10px}.promo-card{grid-template-columns:20px auto}.promo-card img{grid-row:auto;width:20px;height:20px}.promo-tagline,.promo-meta,body[data-mode=tour] .promo{display:none}}