:root{color-scheme:dark;--bg:#292929;--cream:#e6d7c2;--line:#54483f;--green:#9aab80}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--cream);font-family:Consolas,"Courier New",monospace}body{min-width:280px}a{color:inherit}.topbar{min-height:58px;display:flex;align-items:center;gap:clamp(12px,2vw,34px);padding:8px clamp(12px,2.5vw,40px);background:#292929;border-bottom:2px solid #54483f}.brand{white-space:nowrap;text-decoration:none;letter-spacing:.04em;font-size:clamp(13px,1.4vw,20px)}.brand span{font-size:25px;color:#e4b579}.main-nav{display:flex;align-items:center;flex:1;gap:0;overflow-x:auto;scrollbar-width:thin}.main-nav a{white-space:nowrap;text-decoration:none;padding:6px clamp(9px,1.3vw,21px);border-left:1px solid #766a60;font-size:clamp(12px,1.2vw,17px)}.main-nav a:hover,.main-nav a[aria-current=page]{color:#fff3dc;text-decoration:underline;text-underline-offset:5px}.topbar-right{display:flex;align-items:center;gap:14px}.clock{font-size:16px;white-space:nowrap}.help-toggle{width:34px;height:34px;background:#3a3835;border:1px solid #7e705f;color:#f5e8cf;font:bold 23px Georgia,serif;cursor:pointer}.help-toggle[aria-expanded=true]{background:#58614c}.scene-shell{position:relative;width:100%;max-width:1920px;margin:0 auto;border-inline:1px solid var(--line);background:#292929}.scene-viewport{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#8c7863 #292929;touch-action:pan-x;cursor:grab;overscroll-behavior-x:contain}.scene-viewport.dragging{cursor:grabbing;user-select:none;scroll-behavior:auto}.scene{position:relative;width:max(100%, 1200px);aspect-ratio:1672/941;margin:auto}.room-picture{display:block;width:100%;height:100%}.room-image{width:100%;height:100%;display:block;user-select:none;pointer-events:none;image-rendering:auto}.hotspot{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:flex;align-items:center;gap:6px;text-decoration:none;z-index:2;white-space:nowrap;filter:drop-shadow(1px 3px 1px #0009)}.hotspot-mark{display:grid;place-items:center;width:45px;height:45px;border:3px solid #f6f0e5;border-radius:50%;background:#41413f;color:white;font:bold 30px Georgia,serif;animation:bob 1.6s ease-in-out infinite}.hotspot-label{padding:8px 12px;background:#f0e5d0;color:#282724;border-radius:4px;font:16px Arial,sans-serif}.hotspot:hover .hotspot-label,.hotspot:focus-visible .hotspot-label{background:#fff9e9}.hotspot:focus-visible,.help-toggle:focus-visible{outline:3px solid #b7d3a1;outline-offset:4px}@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}.hotspot:not(.show-hints) .hotspot-label{display:none}.offscreen-hints{position:absolute;inset:0;pointer-events:none;z-index:5}.offscreen-hint{position:absolute;pointer-events:auto;display:flex;align-items:center;gap:5px;max-width:145px;padding:7px 9px;background:#292929ed;border:1px solid #b5a68d;color:#f3e6d0;font:12px Arial,sans-serif;cursor:pointer}.offscreen-hint.left{left:4px}.offscreen-hint.right{right:4px}.offscreen-hint .q{border:1px solid #f4e9d7;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;font-weight:bold}.scene-note{max-width:1920px;margin:0 auto;padding:12px clamp(12px,2vw,32px);font-size:13px;color:#b7a995;border-top:1px solid var(--line)}.desktop-note{margin-left:18px;color:#948a7d}.page{max-width:900px;margin:clamp(20px,5vw,70px) auto;padding:0 20px}.back{text-decoration:none;color:#b9d0a4}.page-inner{margin-top:25px;padding:clamp(25px,5vw,65px);border:2px solid #6e604e;background:#37342e;box-shadow:8px 8px 0 #1d1c1a}.eyebrow{color:#9caf86}.page h1{font-size:clamp(28px,5vw,48px)}.page p{line-height:1.7}.coming-soon{margin-top:50px;color:#d6b88d}@media(max-width:900px){.topbar{flex-wrap:wrap;gap:7px}.brand{flex:1}.main-nav{order:3;flex-basis:100%}.main-nav a:first-child{border-left:0}.clock{font-size:13px}.scene{width:1200px}.hotspot-mark{width:43px;height:43px}.desktop-note{display:block;margin:7px 0 0}}@media(prefers-reduced-motion:reduce){.hotspot-mark{animation:none}*{scroll-behavior:auto!important}}
:where(a,button,input,select,textarea,summary,audio,[role=button],[tabindex]:not([tabindex="-1"])){-webkit-tap-highlight-color:transparent}