body{font-family:Inter,sans-serif;background-color:#080c0a;color:#e0f2f1;margin:0;overflow:hidden}.fog-layer{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 0%,#080c0a 100%);z-index:5;pointer-events:none}.misty-background{position:fixed;top:0;left:0;width:100%;height:100%;background:url(https://www.transparenttextures.com/patterns/dark-matter.png);opacity:.15;z-index:1}.artifact-border{border:1px solid rgba(166,138,100,.2);box-shadow:inset 0 0 20px #000c,0 10px 40px #00000080;background:#0e1a1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.hud-circle{border:1px solid rgba(166,138,100,.3);background:radial-gradient(circle,#1b43321a,#030504e6);box-shadow:0 0 30px #000000e6,inset 0 0 10px #a68a641a;border-radius:50%;overflow:hidden;transition:all .6s cubic-bezier(.16,1,.3,1)}.hud-circle:hover{border-color:#a68a64;box-shadow:0 0 40px #a68a6433;transform:scale(1.02)}@keyframes breath{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.cinematic-loader{width:60px;height:60px;border:1px solid #a68a64;border-radius:50%;border-top-color:transparent;animation:spin 2s linear infinite;position:relative}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#a68a6433;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a68a64}.cinematic-text-glow{text-shadow:0 0 20px rgba(224,242,241,.3)}.btn-action{background:linear-gradient(135deg,#a68a641a,#a68a640d);border:1px solid rgba(166,138,100,.3);color:#a68a64;text-transform:uppercase;letter-spacing:.2em;font-family:Cinzel,serif;transition:all .4s ease}.btn-action:hover{background:#a68a6433;border-color:#a68a64;box-shadow:0 0 20px #a68a641a}