/* SAGENWERK — base layout. The UI lane owns the theme in css/ui.css (imported by ui/ui.js); this file only lays
   out the stage (3D canvas) and the UI layer over it, and styles the boot card shown before the game mounts. */
:root { --ink: #1e1a16; --paper: #efe6d2; --paper-2: #e2d6bd; --gold: #b8912f; --blood: #7a2a1e; --dim: #8b8072; }
html, body { margin: 0; height: 100%; background: #0b0a09; color: var(--paper); font: 15px/1.4 Georgia, "Iowan Old Style", "Palatino Linotype", serif; overflow: hidden; }
.app { position: fixed; inset: 0; }
.stage { position: absolute; inset: 0; }
.stage canvas { display: block; width: 100%; height: 100%; }
.ui { position: absolute; inset: 0; pointer-events: none; }
.ui > * { pointer-events: auto; }
.boot { position: absolute; inset: 0; display: grid; place-items: center; background: radial-gradient(ellipse at 50% 40%, #1a1512 0%, #0b0a09 70%); z-index: 50; transition: opacity .6s; }
.boot.hidden { opacity: 0; pointer-events: none; }
.boot-card { text-align: center; }
.boot-card h1 { font-weight: normal; letter-spacing: .35em; font-size: 2.4em; margin: 0 0 .2em; color: var(--paper); }
.boot-sub { color: var(--gold); font-style: italic; margin: 0 0 1.5em; }
#boot-msg { color: var(--dim); font-size: .9em; }