:root{--bg:#0a0908;--panel:#140f0cb8;--panel-edge:#ffdcaa24;--ink:#f4e6cc;--ink-dim:#f4e6cc9e;--glow:#ffb85c;--accent:#ffc86b;--danger:#e0564a;--good:#7fd08a;--knight:#c9a227;--rogue:#7fb069;--mage:#c2508a;--warden:#4f9dc4;--display:"Cinzel", "Trajan Pro", "Palatino Linotype", "Book Antiqua", Georgia, serif;--body:"Iowan Old Style", "Palatino Linotype", Georgia, serif;--ui:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--r-sm:8px;--r-md:14px;--r-lg:22px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0;padding:0}.stage{background:var(--bg);position:absolute;inset:0;overflow:hidden}.stage-svg{width:112%;height:108%;display:block;position:absolute;inset:-4% -6%}.depth{transform-origin:50% 100%;will-change:transform;animation:26s ease-in-out infinite alternate drift}.depth.d0{animation-duration:44s}.depth.d1{animation-duration:32s}.depth.d2{animation-duration:24s}@keyframes drift{0%{transform:translate3d(calc(-8px * var(--parallax)), 0, 0) scale(1.008)}to{transform:translate3d(calc(10px * var(--parallax)), calc(-3px * var(--parallax)), 0) scale(1)}}.stage-sun{animation:9s ease-in-out infinite alternate pulse}@keyframes pulse{0%{opacity:.08}to{opacity:.2}}.weather{pointer-events:none;position:absolute;inset:0;overflow:hidden}.weather i{will-change:transform;border-radius:50%;animation-name:fall;animation-timing-function:linear;animation-iteration-count:infinite;display:block;position:absolute;top:-6%}.w-embers i{border-radius:50%;animation-name:rise}.w-rain i{border-radius:1px}@keyframes fall{0%{transform:translateY(-10vh)}to{transform:translate(3vw,110vh)}}@keyframes rise{0%{opacity:0;transform:translateY(110vh)}20%{opacity:1}to{opacity:0;transform:translate(-4vw,-10vh)}}.panel{background:var(--panel);border:1px solid var(--panel-edge);border-radius:var(--r-md);-webkit-backdrop-filter:blur(10px)saturate(1.1);backdrop-filter:blur(10px)saturate(1.1)}.crest{filter:drop-shadow(0 2px 4px #0009);display:block}.crest svg{display:block}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.weather{display:none}}