html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:#030b1e;font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:#f3f4f6;-webkit-user-select:none;user-select:none}.glass-panel{background:#040c22a6;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:24px;box-shadow:0 25px 60px #0009,inset 0 1px 1px #ffffff0d}.glow-btn-gold{background:linear-gradient(135deg,#f4c542,#e6a700);color:#020712;border:none;border-radius:30px;font-family:Outfit,sans-serif;font-weight:700;cursor:pointer;box-shadow:0 8px 20px #f4c54240,0 0 0 1px #f4c54233;transition:all .3s cubic-bezier(.2,.8,.2,1);outline:none}.glow-btn-gold:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 28px #f4c54273,0 0 15px #f4c54259}.glow-btn-gold:active{transform:translateY(1px) scale(.98)}.glow-btn-crimson{background:linear-gradient(135deg,#e05c5c,#bf4343);color:#fff;border:none;border-radius:30px;font-family:Outfit,sans-serif;font-weight:700;cursor:pointer;box-shadow:0 8px 20px #e05c5c40,0 0 0 1px #e05c5c33;transition:all .3s cubic-bezier(.2,.8,.2,1);outline:none}.glow-btn-crimson:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 28px #e05c5c73,0 0 15px #e05c5c59}.glow-btn-crimson:active{transform:translateY(1px) scale(.98)}@keyframes floatBubble{0%{transform:translateY(110vh) translate(0) scale(.6);opacity:0}10%{opacity:.5}90%{opacity:.3}to{transform:translateY(-10vh) translate(var(--drift-x, 20px)) scale(1.1);opacity:0}}.bubble-particle{position:absolute;bottom:-20px;background:radial-gradient(circle at 30% 30%,#ffffff4d,#ffffff05 75%,#ffffff26);border:1px solid rgba(255,255,255,.08);border-radius:50%;pointer-events:none;animation:floatBubble var(--duration, 8s) linear infinite;animation-delay:var(--delay, 0s);z-index:1}@keyframes shimmerGold{0%{background-position:-200% center}to{background-position:200% center}}.shimmer-gold-text{background:linear-gradient(90deg,#f4c542,#ffeaa7,#ff8c00,#ffeaa7,#f4c542);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmerGold 6s linear infinite}@keyframes swayRays{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}.light-ray-container{position:absolute;top:-30%;left:-10%;width:120%;height:140%;background:radial-gradient(ellipse at 50% 0%,#0ea5e91f,#030b1e00 75%);pointer-events:none;transform-origin:top center;animation:swayRays 16s ease-in-out infinite;opacity:.8;z-index:0}@keyframes pulseGlowGold{0%,to{box-shadow:0 0 15px #f4c54226;border-color:#f4c54233}50%{box-shadow:0 0 35px #f4c54266;border-color:#f4c54280}}.pulse-gold{animation:pulseGlowGold 4s infinite ease-in-out}@keyframes pulseGlowRed{0%,to{box-shadow:0 0 15px #e05c5c26;border-color:#e05c5c33}50%{box-shadow:0 0 35px #e05c5c66;border-color:#e05c5c80}}.pulse-red{animation:pulseGlowRed 4s infinite ease-in-out}.key-cap{background:#ffffff1a;border:1px solid rgba(255,255,255,.25);border-bottom:2px solid rgba(255,255,255,.35);border-radius:4px;padding:1px 5px;font-family:Outfit,sans-serif;font-weight:700;color:#fff;font-size:11px;box-shadow:0 1px 3px #0000004d}