:root{--bg:#05091c;--panel:#0e1836;--panel-hi:#16275e;--panel-lo:#0a1436;--panel-edge:#4a5f9e;--panel-edge-dim:#1f2a4e;--ink:#f2f4ff;--ink-soft:#c8d4f2;--ink-dim:#8fa3d8;--ink-faint:#7186b8;--glow:#e8c76a;--accent:#e8c76a;--accent-bright:#fff2c4;--danger:#ff7a7a;--good:#86e07a;--info:#7fc6ff;--magic:#b06ee0;--ember:#ff9e3d;--knight:#e8c76a;--rogue:#86e07a;--mage:#b06ee0;--warden:#7fc6ff;--display:"Jersey 15", "Cinzel", Georgia, serif;--body:"Pixelify Sans", ui-monospace, "SFMono-Regular", monospace;--ui:"Pixelify Sans", ui-sans-serif, system-ui, sans-serif;--r-sm:0px;--r-md:0px;--r-lg:0px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;overscroll-behavior:none;image-rendering:pixelated;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:linear-gradient(var(--panel-hi), var(--panel-lo));box-shadow:inset 0 0 0 3px var(--panel-edge);border-radius:var(--r-md);border:none}.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}}