:root{--epaulette-neon-green:#3bff3b;--epaulette-gold:#ffcd38;--epaulette-dark-bg:#222;--epaulette-darker-bg:#1a1a1a;--epaulette-border:#3bff3b;--epaulette-shadow:rgba(59,255,59,.3);--epaulette-glow:rgba(59,255,59,.5);--epaulette-highlight:rgba(255,205,56,.2)}.epaulette-stripe{position:fixed;top:0;width:80px;height:100vh;background:transparent;border:none;z-index:1000;animation:slideDown 1.5s cubic-bezier(.25,.46,.45,.94);pointer-events:none}.epaulette-left{left:20px;transform-origin:top left}.epaulette-right{right:20px;transform-origin:top right}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.skills-container{flex:1 1;display:flex;flex-direction:column;align-items:center;padding:30px 10px 20px;gap:15px;position:relative;overflow:hidden;pointer-events:auto}.skills-container:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:2px;height:100%;background:transparent;opacity:0}.epaulette-left .skills-container{animation:swayLeft 4s ease-in-out infinite}.epaulette-right .skills-container{animation:swayRight 4s ease-in-out infinite}@keyframes swayLeft{0%,to{transform:rotate(0deg) translateX(0)}25%{transform:rotate(-1deg) translateX(-2px)}75%{transform:rotate(1deg) translateX(2px)}}@keyframes swayRight{0%,to{transform:rotate(0deg) translateX(0)}25%{transform:rotate(1deg) translateX(2px)}75%{transform:rotate(-1deg) translateX(-2px)}}.skill-icon{width:45px;height:45px;background:radial-gradient(circle,var(--epaulette-dark-bg) 0,var(--epaulette-darker-bg) 100%);border:2px solid var(--epaulette-neon-green);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;box-shadow:0 4px 8px var(--epaulette-shadow),inset 0 1px 3px var(--epaulette-highlight),0 0 10px var(--epaulette-glow);opacity:0;transform:scale(.8) translateY(20px);animation:skillEntrance .8s ease-out forwards;pointer-events:auto}@keyframes skillEntrance{0%{opacity:0;transform:scale(.8) translateY(20px) rotate(-10deg)}60%{transform:scale(1.1) translateY(-5px) rotate(5deg)}to{opacity:1;transform:scale(1) translateY(0) rotate(0deg)}}.skill-icon:hover{transform:scale(1.15);box-shadow:0 6px 15px var(--epaulette-shadow),inset 0 1px 3px var(--epaulette-highlight),0 0 20px var(--epaulette-glow),0 0 10px var(--epaulette-gold);background:radial-gradient(circle,var(--epaulette-dark-bg) 0,var(--epaulette-neon-green) 100%);border-color:var(--epaulette-gold)}.skill-icon .skill-icon-svg{transition:all .3s ease;filter:drop-shadow(0 0 3px rgba(0,0,0,.8))}.skill-icon:hover .skill-icon-svg{transform:scale(1.1);filter:drop-shadow(0 0 5px rgba(0,0,0,.9))}.skill-icon .skill-icon-img{transition:all .3s ease;filter:drop-shadow(0 0 3px rgba(0,0,0,.8))}.skill-icon:hover .skill-icon-img{transform:scale(1.1);filter:drop-shadow(0 0 5px rgba(0,0,0,.9))}.tooltip{position:absolute!important;background:#fff!important;color:#000!important;padding:8px 12px!important;border:2px solid red!important;border-radius:4px!important;font-size:14px!important;font-family:Arial,sans-serif!important;white-space:nowrap!important;z-index:10000!important;opacity:1!important;pointer-events:none!important;transform:none!important;animation:none!important;text-shadow:none!important;font-weight:700!important;line-height:normal!important;letter-spacing:normal!important}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-50%) scale(.8)}to{opacity:1;transform:translateY(-50%) scale(1)}}.tooltip:before{content:"";position:absolute;width:0;height:0;border:6px solid transparent;top:50%;transform:translateY(-50%)}.tooltip.left{left:calc(100% + 10px)!important;top:50%!important;margin-top:-15px!important}.tooltip.left:before{left:-12px;border-right-color:var(--epaulette-neon-green)}.tooltip.right{right:calc(100% + 10px)!important;top:50%!important;margin-top:-15px!important}.tooltip.right:before{right:-12px;border-left-color:var(--epaulette-neon-green)}.mobile-skills-button{position:fixed;top:20px;right:20px;z-index:1100;background:linear-gradient(135deg,var(--epaulette-neon-green),var(--epaulette-gold));border:none;border-radius:50px;padding:12px 20px;display:flex;align-items:center;gap:8px;color:var(--epaulette-darker-bg);font-weight:700;font-size:14px;cursor:pointer;box-shadow:0 4px 15px rgba(59,255,59,.3),0 0 20px rgba(59,255,59,.2);transition:all .3s ease;animation:pulse 2s infinite,slideInButton 1s ease .5s both}.mobile-skills-button:focus,.mobile-skills-button:hover{transform:scale(1.05);box-shadow:0 6px 20px rgba(59,255,59,.4),0 0 30px rgba(59,255,59,.3);outline:none}.mobile-skills-button:active{transform:scale(.95)}@keyframes pulse{0%,to{box-shadow:0 4px 15px rgba(59,255,59,.3),0 0 20px rgba(59,255,59,.2)}50%{box-shadow:0 6px 25px rgba(59,255,59,.5),0 0 35px rgba(59,255,59,.4)}}.button-icon{font-size:16px;animation:rotate 3s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes slideInButton{0%{transform:translateX(100px);opacity:0}to{transform:translateX(0);opacity:1}}.mobile-skills-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);z-index:1200;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-skills-container{background:linear-gradient(135deg,var(--epaulette-dark-bg),var(--epaulette-darker-bg));border:2px solid var(--epaulette-neon-green);border-radius:20px;padding:24px;max-width:90vw;max-height:80vh;overflow-y:auto;box-shadow:0 10px 40px rgba(59,255,59,.3),inset 0 1px 3px rgba(255,205,56,.2);animation:slideUp .4s cubic-bezier(.25,.46,.45,.94)}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.mobile-skills-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid var(--epaulette-neon-green)}.mobile-skills-header h3{color:var(--epaulette-neon-green);margin:0;font-size:20px;text-shadow:0 0 10px var(--epaulette-neon-green)}.close-button{background:none;border:none;color:var(--epaulette-gold);font-size:24px;cursor:pointer;padding:5px;border-radius:50%;transition:all .3s ease}.close-button:hover{background:var(--epaulette-gold);color:var(--epaulette-darker-bg);transform:scale(1.1)}.mobile-skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:15px;gap:15px}.mobile-skill-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:15px;background:radial-gradient(circle,var(--epaulette-dark-bg),var(--epaulette-darker-bg));border:2px solid var(--epaulette-neon-green);border-radius:15px;transition:all .3s ease;opacity:0;transform:translateY(20px);animation:skillSlideIn .5s ease forwards;box-shadow:0 4px 15px rgba(59,255,59,.2),inset 0 1px 3px rgba(255,205,56,.1)}@keyframes skillSlideIn{to{opacity:1;transform:translateY(0)}}.mobile-skill-item:focus,.mobile-skill-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(59,255,59,.4),inset 0 2px 5px rgba(255,205,56,.2);border-color:var(--epaulette-gold)}.mobile-skill-item span{color:var(--epaulette-neon-green);font-size:12px;font-weight:700;text-align:center;text-shadow:0 0 5px var(--epaulette-neon-green)}@media (max-width:768px){.epaulette-stripe{display:none}.mobile-skills-button{display:flex}}@media (min-width:769px){.mobile-skills-button{display:none}.epaulette-stripe{display:flex;flex-direction:column}}@media (min-width:769px) and (max-width:1024px){.epaulette-stripe{width:60px}.epaulette-left{left:10px}.epaulette-right{right:10px}.skill-icon{width:35px;height:35px}.skill-icon .skill-icon-svg{font-size:18px}}@media (hover:none) and (pointer:coarse){.mobile-skill-item,.mobile-skills-button{-webkit-tap-highlight-color:transparent}.mobile-skill-item:active{transform:scale(.95);transition:transform .1s ease}}@media (max-width:480px){.mobile-skills-button{top:15px;right:15px;padding:10px 16px;font-size:12px}.mobile-skills-container{padding:20px;border-radius:15px}.mobile-skills-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px}.mobile-skill-item{padding:12px}.mobile-skills-header h3{font-size:18px}}