:root{--primary:#d4a017;--primary-glow:#d4a01766;--bg-dark:#0f0a05;--card-bg:#140f0ad9;--text-main:#f0e6d2;--text-muted:#a09080;--accent:#8b0000;--font-main:"Outfit", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-main);height:100vh;overflow-x:hidden}#root{height:100%}.glass{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid #ffffff1a;border-radius:12px}.btn-fantasy{color:#fff;border:2px solid var(--primary);cursor:pointer;text-shadow:0 2px 4px #00000080;background:linear-gradient(135deg,#8b0000 0%,#4a0000 100%);border-radius:8px;padding:14px 28px;font-size:1.1rem;font-weight:700;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;box-shadow:0 4px 15px #0006}.btn-fantasy:hover{box-shadow:0 8px 25px var(--primary-glow);filter:brightness(1.2);transform:translateY(-3px)scale(1.02)}.btn-fantasy:after{content:"";background:linear-gradient(45deg,#0000,#ffffff1a,#0000);width:200%;height:200%;transition:all .5s;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}.btn-fantasy:hover:after{left:100%}.input-fantasy{color:var(--text-main);background:#0006;border:1px solid #432;border-radius:6px;width:100%;margin-bottom:1rem;padding:12px 16px;transition:border-color .3s}.input-fantasy:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow);outline:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.8s ease-out forwards fadeIn}