/* museum.css — the whole DOM overlay for the 3D museum. * * Everything here sits on top of . The rule that keeps the * canvas usable (pointer lock, click-to-look) is simple: every overlay layer is * position:fixed and pointer-events:none, and only genuinely interactive * elements switch pointer-events back on. * * Colours are the museum's own --mus-* tokens and are written out literally. * They used to defer to the site's --nc-* tokens, but those flip inside * newmin.css's own prefers-color-scheme block, which would drag the overlay * back to the OS's preference and put light text on light panels the moment a * day-mode visitor had a dark desktop. Only the (mode-independent) font stacks * still borrow from --nc-*. No font imports: inter.css already did that. */ /* ---------------------------------------------------------------- tokens -- */ /* Day is the default and night is an explicit, remembered choice — config.js * explains why (a gallery wants to be lit, and Lambert shading cannot rescue * near-black walls). Nothing below keys off prefers-color-scheme: an OS branch * would fight the visitor's choice, and a dark overlay floating over bright * rooms reads as broken rather than as a theme. * * ui.js stamps the mode twice — `data-museum-mode` on , so the page * background and the boot screens museum.html owns can follow, and `.is-night` * on its own root, so the overlay is still right if only the class survives. * Day values are the plain defaults; night is the override. */ /* Registering the hue makes it animatable, so walking between rooms slides the accent instead of snapping. Browsers without @property still substitute the value — they just get the jump. */ @property --mus-accent-h { syntax: ''; inherits: true; initial-value: 42; } :root { --mus-font: var(--nc-font-sans, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif); --mus-mono: var(--nc-font-mono, Consolas, monaco, 'Ubuntu Mono', 'Courier New', monospace); --mus-tx-1: #23201b; --mus-tx-2: #423c33; --mus-tx-3: #6a6459; --mus-lk: #0070f3; --mus-surface: rgba(255, 255, 255, 0.94); --mus-surface-2: rgba(245, 243, 238, 0.92); --mus-surface-3: rgba(232, 228, 219, 0.9); --mus-line: rgba(35, 32, 27, 0.14); --mus-line-soft: rgba(35, 32, 27, 0.07); --mus-scrim: rgba(237, 233, 225, 0.55); --mus-loader-bg: rgba(240, 237, 230, 0.97); --mus-shadow: 0 18px 52px rgba(38, 32, 24, 0.18); --mus-shadow-sm: 0 6px 20px rgba(38, 32, 24, 0.12); --mus-on-ink: #faf8f3; --mus-stick-bg: rgba(255, 255, 255, 0.3); --mus-stick-knob: rgba(35, 32, 27, 0.32); --mus-page-bg: #ede9e1; /* Per-room accent. setRoom() writes only the hue; saturation and lightness are fixed per mode so every room lands at the same legibility. The hue is spelled out here as well as in @property above, so browsers that ignore @property still have a value to substitute. */ --mus-accent-h: 42; --mus-accent-s: 62%; --mus-accent-l: 32%; --mus-radius: 12px; --mus-ease: cubic-bezier(0.22, 0.75, 0.24, 1); } /* Night: a warm, low-lit evening gallery, never a black box — the same brief the 3D palette follows, so the chrome sits in the same room as the walls. */ :root[data-museum-mode='night'], .mus-root.is-night { --mus-tx-1: #ece7dc; --mus-tx-2: #d5cfc2; --mus-tx-3: #a9a397; --mus-lk: #5fa8ff; --mus-surface: rgba(33, 31, 28, 0.93); --mus-surface-2: rgba(46, 43, 39, 0.92); --mus-surface-3: rgba(60, 56, 50, 0.9); --mus-line: rgba(236, 231, 220, 0.18); --mus-line-soft: rgba(236, 231, 220, 0.09); --mus-scrim: rgba(18, 16, 14, 0.55); --mus-loader-bg: rgba(24, 22, 19, 0.96); --mus-shadow: 0 18px 52px rgba(0, 0, 0, 0.55); --mus-shadow-sm: 0 6px 20px rgba(0, 0, 0, 0.45); --mus-on-ink: #17150f; --mus-stick-bg: rgba(236, 231, 220, 0.1); --mus-stick-knob: rgba(236, 231, 220, 0.34); --mus-page-bg: #1c1a16; --mus-accent-s: 58%; --mus-accent-l: 70%; } /* ------------------------------------------------- page + boot screens (!) -- */ /* museum.html paints the page background and the boot-error card from its own *