:root{--arcane-bg:#18122b;--arcane-panel:#393053;--arcane-accent:#a084dc;--arcane-accent2:#f7d060;--arcane-text:#f5f5f5;--arcane-shadow:0 0 8px #a084dc, 0 0 2px #f7d060;--arcane-font:"UnifrakturCook", "Cinzel Decorative", "Cormorant Garamond", serif}body{color:var(--arcane-text);background:linear-gradient(135deg,#18122b 0%,#393053 100%);min-height:100vh;margin:0;font-family:Cormorant Garamond,Cinzel Decorative,serif}.arcane-panel{background:var(--arcane-panel);box-shadow:var(--arcane-shadow);border-radius:16px;margin-bottom:24px;padding:24px}.arcane-title{font-family:var(--arcane-font);color:var(--arcane-accent);text-shadow:0 0 8px var(--arcane-accent2);letter-spacing:2px}.arcane-button{background:var(--arcane-accent);color:#18122b;font-size:1.1em;font-family:var(--arcane-font);box-shadow:0 0 8px var(--arcane-accent2);cursor:pointer;border:none;border-radius:8px;padding:10px 24px;transition:background .2s,box-shadow .2s}.arcane-button:disabled{color:#aaa;box-shadow:none;cursor:not-allowed;background:#555}.arcane-resource{color:var(--arcane-accent2);text-shadow:0 0 4px var(--arcane-accent)}.arcane-list{padding:0;list-style:none}