:root{--bg-void:#07060e;--bg-deep:#0d0b18;--bg-surface:#131025;--bg-raised:#1a1633;--bg-panel:#0f0d1e;--gold-bright:#e8c84a;--gold-mid:#c9a234;--gold-dim:#8a6d22;--gold-glow:#c9a23426;--crimson:#8b2030;--crimson-glow:#8b203033;--text-parchment:#e8dfc8;--text-faded:#9c8e72;--text-dim:#52493a;--text-gold:var(--gold-mid);--border-gold:#c9a2344d;--border-subtle:#ffffff0f;--font-display:"Cinzel Decorative", serif;--font-heading:"Cinzel", serif;--font-body:"EB Garamond", Georgia, serif;--radius-sm:2px;--radius-md:4px;--radius-lg:6px;--shadow-gold:0 0 20px #c9a23426;--shadow-deep:0 4px 24px #0009;--transition:.18s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg-void);height:100%;color:var(--text-parchment);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}body:before{content:"";pointer-events:none;z-index:9999;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");position:fixed;inset:0}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:2px}.btn{font-family:var(--font-heading);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--border-gold);color:var(--gold-mid);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition);background:0 0;padding:6px 14px;font-size:11px}.btn:hover{background:var(--gold-glow);color:var(--gold-bright);border-color:var(--gold-mid);box-shadow:var(--shadow-gold)}.btn.btn-primary{background:var(--gold-mid);color:var(--bg-void);border-color:var(--gold-mid)}.btn.btn-primary:hover{background:var(--gold-bright);border-color:var(--gold-bright)}.btn.btn-ghost{border-color:var(--border-subtle);color:var(--text-faded)}.btn.btn-ghost:hover{border-color:var(--border-gold);color:var(--text-parchment)}.btn.btn-danger{border-color:var(--crimson);color:var(--crimson)}.btn.btn-danger:hover{background:var(--crimson-glow)}.input{font-family:var(--font-body);background:var(--bg-deep);border:1px solid var(--border-subtle);border-bottom-color:var(--border-gold);color:var(--text-parchment);border-radius:var(--radius-sm);width:100%;transition:all var(--transition);outline:none;padding:8px 12px;font-size:14px}.input:focus{border-color:var(--gold-mid);background:var(--bg-surface);box-shadow:0 0 0 2px var(--gold-glow)}.input::placeholder{color:var(--text-dim);font-style:italic}.rune-divider{color:var(--gold-dim);align-items:center;gap:8px;margin:12px 0;font-size:10px;display:flex}.rune-divider:before,.rune-divider:after{content:"";background:linear-gradient(to right, transparent, var(--border-gold), transparent);flex:1;height:1px}.ornament-box{border:1px solid var(--border-gold);border-radius:var(--radius-md);position:relative}.ornament-box:before,.ornament-box:after{content:"✦";color:var(--gold-mid);font-size:8px;line-height:1;position:absolute}.ornament-box:before{top:-5px;left:-5px}.ornament-box:after{bottom:-5px;right:-5px}body{margin:0}#root{text-align:left;box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;min-height:100vh;display:flex}