:root{--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px)}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;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none;overscroll-behavior:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#ffffff08;border-radius:4px}::-webkit-scrollbar-thumb{background:#f4c5424d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#f4c54299}.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}.mobile-action-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;border:2px solid rgba(255,255,255,.2);background:radial-gradient(circle at 35% 35%,#0ea5e959,#040c22bf);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;box-shadow:0 8px 24px #00000080,inset 0 1px 2px #ffffff40;transition:transform .12s cubic-bezier(.2,.8,.2,1),box-shadow .12s ease,border-color .12s ease;user-select:none;-webkit-user-select:none;touch-action:none;cursor:pointer}.mobile-action-btn:active,.mobile-action-btn.active{transform:scale(.92);border-color:#38bdf8;box-shadow:0 4px 16px #38bdf866,inset 0 0 12px #38bdf84d}.mobile-action-btn-dash{background:radial-gradient(circle at 35% 35%,#f4c54259,#140e04d9);border-color:#f4c54266}.mobile-action-btn-dash:active,.mobile-action-btn-dash.active{border-color:#f4c542;box-shadow:0 0 28px #f4c54299,inset 0 0 16px #f4c54266}.mobile-action-btn-skill{background:radial-gradient(circle at 35% 35%,#c084fc59,#12041ed9);border-color:#c084fc66}.mobile-action-btn-skill:active,.mobile-action-btn-skill.active{border-color:#c084fc;box-shadow:0 0 25px #c084fc99,inset 0 0 16px #c084fc66}@media (max-width: 768px){.glass-panel{border-radius:18px}}