@keyframes marquee{0%{transform:translateZ(0);will-change:transform}to{transform:translate3d(calc(-100% - var(--gap)),0,0);will-change:transform}}@keyframes marquee-rtl{0%{transform:translateZ(0);will-change:transform}to{transform:translate3d(calc(100% + var(--gap)),0,0);will-change:transform}}@keyframes marquee-vertical{0%{transform:translateZ(0);will-change:transform}to{transform:translate3d(0,calc(-100% - var(--gap)),0);will-change:transform}}@keyframes marquee-vertical-rtl{0%{transform:translate3d(0,calc(-100% - var(--gap)),0);will-change:transform}to{transform:translate3d(0,calc(-100%*var(--gap)),0);will-change:transform}}.marquee-gradient[data-v-b274da55]{--marquee-gradient-color:#f3fdff}.dark{--marquee-gradient-color:#1a1a1a}.marquee-gradient[data-v-b274da55] *{--marquee-gradient-start:var(--marquee-gradient-color);--marquee-gradient-end:transparent}.skills-section[data-v-e6e312cb]{padding:2rem 1rem}.skills-container[data-v-e6e312cb]{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin:2rem auto;max-width:800px;padding:0 1rem}@media (min-width:640px){.skills-container[data-v-e6e312cb]{gap:.875rem;grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}@media (min-width:1024px){.skills-container[data-v-e6e312cb]{grid-template-columns:repeat(5,1fr)}}.skill-tile[data-v-e6e312cb]{align-items:center;animation:fadeInUp-e6e312cb .5s ease-out forwards;aspect-ratio:1;border:none;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;cursor:pointer;display:flex;justify-content:center;opacity:0;padding:1rem;text-align:center;transition:all .3s ease}.skill-tile[data-v-e6e312cb]:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-4px) scale(1.05)}.skill-tile.selected[data-v-e6e312cb]{box-shadow:0 0 0 3px #ffffff80;transform:scale(1.08)}.skill-tile[data-v-e6e312cb]:focus{outline:none}.skill-tile[data-v-e6e312cb]:focus-visible{outline:2px solid #fff;outline-offset:2px}.skill-tile-name[data-v-e6e312cb]{color:#fff;font-size:.8125rem;font-weight:600;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.2)}.skill-detail-panel[data-v-e6e312cb]{border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;grid-column:1/-1;overflow:hidden}.skill-detail-content[data-v-e6e312cb]{padding:1.5rem}.skill-detail-header[data-v-e6e312cb]{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.close-button[data-v-e6e312cb]{background:transparent;border:none;border-radius:.375rem;cursor:pointer;flex-shrink:0;padding:.25rem;transition:all .2s}.skill-detail-body[data-v-e6e312cb]{margin-top:.75rem}.expand-enter-active[data-v-e6e312cb],.expand-leave-active[data-v-e6e312cb]{max-height:500px;transition:all .3s ease}.expand-enter-from[data-v-e6e312cb],.expand-leave-to[data-v-e6e312cb]{max-height:0;opacity:0}.expand-enter-to[data-v-e6e312cb],.expand-leave-from[data-v-e6e312cb]{max-height:500px;opacity:1}@keyframes fadeInUp-e6e312cb{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.skill-tile[data-v-e6e312cb]{padding:.75rem}.skill-tile-name[data-v-e6e312cb]{font-size:.75rem}.skill-detail-content[data-v-e6e312cb]{padding:1rem}}