@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Lato:wght@400;700&display=swap";:root{--bg-primary: #0f0f13;--bg-secondary: #1a1a24;--bg-panel: rgba(20, 20, 30, .95);--text-primary: #e0e0e0;--text-secondary: #a0a0b0;--text-highlight: #ffd700;--accent-gold: #c5a059;--accent-glow: #ffd700;--accent-magic: #9d4edd;--border-color: #3a3a4a;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;margin:0;padding:0}#root{height:100%;width:100%}body{font-family:Lato,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;overflow:hidden;-webkit-user-select:none;user-select:none}h1,h2,h3,h4,h5,h6{font-family:Cinzel,serif;color:var(--text-highlight);text-shadow:0 0 10px rgba(255,215,0,.3)}button{font-family:Cinzel,serif;cursor:pointer;border:1px solid var(--accent-gold);background:#c5a0591a;color:var(--accent-gold);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);transition:all .2s ease}button:hover{background:#c5a05933;box-shadow:0 0 10px #c5a0594d}button:active{transform:scale(.98)}.app-container{display:flex;height:100%;width:100%;min-height:600px;min-width:800px;background:radial-gradient(circle at center,#1b1b2a,#0f0f13);position:relative;overflow:hidden}.panel{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-md);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}