.main-header[data-v-cb9aad05]{z-index:1000;-webkit-backdrop-filter:blur();backdrop-filter:blur();background-color:#0a0b0e00;border:1px solid #fff0;border-radius:24px;width:100%;max-width:1400px;transition:all .5s cubic-bezier(.4,0,.2,1);position:fixed;top:20px;left:50%;transform:translate(-50%)}.main-header.minimized[data-v-cb9aad05]{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background-color:#161616e6;border:2px solid #8484841f;border-radius:18px;width:90%;max-width:800px;top:15px;box-shadow:0 10px 15px -3px #0003}.main-header[data-show=false][data-v-cb9aad05]{transform:translate(-50%,-120px)}.main-header[data-show=true][data-v-cb9aad05]{transform:translate(-50%)}.nav-container[data-v-cb9aad05]{justify-content:space-between;align-items:center;padding:20px 80px;transition:padding .5s;display:flex}.main-header.minimized .nav-container[data-v-cb9aad05]{padding:2px 20px}.nav-left[data-v-cb9aad05]{align-items:center;gap:20px;display:flex}.glass-nav[data-v-cb9aad05]{align-items:center;gap:8px;display:flex}.glass-btn[data-v-cb9aad05]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;padding:6px 14px;font-size:.85rem;font-weight:400;transition:all .3s;display:inline-flex;color:#fffc!important;text-decoration:none!important}.glass-btn[data-v-cb9aad05]:hover{background:#ffffff1f;border-color:#ffffff4d;transform:translateY(-1px);color:#fff!important}.nav-name-link[data-v-cb9aad05]{align-items:center;gap:6px;transition:opacity .3s;display:inline-flex;text-decoration:none!important}.nav-name-link[data-v-cb9aad05]:hover{opacity:.75}.nav-name[data-v-cb9aad05]{color:#fff;letter-spacing:-.03em;font-size:1.4rem;font-weight:700;line-height:1}.nav-right[data-v-cb9aad05]{align-items:center;gap:10px;display:flex}.nav-icon[data-v-cb9aad05]{border-radius:999px;justify-content:center;align-items:center;padding:8px;transition:transform .3s,box-shadow .3s,background-color .3s;display:inline-flex}.nav-icon[data-v-cb9aad05]:hover{background-color:#94a3b81f;transform:translateY(-1px)}.nav-icon svg[data-v-cb9aad05]{width:26px;height:26px;display:block}.nav-left a[data-v-cb9aad05],.nav-item[data-v-cb9aad05],.nav-link-item[data-v-cb9aad05]{text-decoration:none!important}@media (width<=650px){.nav-name[data-v-cb9aad05]{display:none!important}.nav-container[data-v-cb9aad05]{justify-content:space-between!important;padding:10px 16px!important}.nav-left[data-v-cb9aad05]{gap:0!important}.glass-nav[data-v-cb9aad05]{gap:8px!important}.glass-btn[data-v-cb9aad05]{background:#ffffff14!important;padding:8px 14px!important;font-size:.8rem!important}.nav-right[data-v-cb9aad05]{gap:12px!important}.nav-icon svg[data-v-cb9aad05]{width:22px!important;height:22px!important}}.main-footer[data-v-f1d67b3a]{flex-direction:column;align-items:center;width:100%;margin-top:40px;padding-bottom:20px;display:flex}.footer-line[data-v-f1d67b3a]{background:#ffffff1a;width:90%;max-width:1200px;height:1px;margin-bottom:20px}.main-footer p[data-v-f1d67b3a]{color:#64748b;letter-spacing:.5px;font-size:.85rem}.home[data-v-4723f854]{flex-direction:column;align-items:center;width:100%;display:flex}.above-fold[data-v-4723f854]{box-sizing:border-box;width:100%;min-height:calc(100vh - var(--nav-height));flex-direction:column;justify-content:flex-start;align-items:center;gap:20px;padding:4px 40px 0;display:flex}.hero-block[data-v-4723f854]{opacity:0;flex-direction:column;align-items:center;gap:12px;transition:opacity .7s,transform .7s;display:flex;transform:translateY(20px)}.loaded .hero-block[data-v-4723f854]{opacity:1;transform:translateY(0)}.avatar-wrap[data-v-4723f854]{justify-content:center;align-items:center;width:190px;height:190px;display:flex;position:relative}.avatar-img[data-v-4723f854]{object-fit:cover;z-index:2;border:3px solid #ffffff1f;border-radius:50%;width:140px;height:140px;position:relative;box-shadow:0 0 40px #3a7bd54d}.avatar-ring[data-v-4723f854]{border:1px solid #0000;border-radius:50%;animation:linear infinite spin-ring-4723f854;position:absolute}.ring-1[data-v-4723f854]{border-color:#5a9eff59 #5a9eff0d #5a9eff0d #5a9eff59;width:165px;height:165px;animation-duration:8s}.ring-2[data-v-4723f854]{border-color:#15e0d626 #15e0d60a;width:185px;height:185px;animation-duration:14s;animation-direction:reverse}.avatar-glow[data-v-4723f854]{z-index:1;background:radial-gradient(circle,#3a7bd540 0%,#0000 70%);border-radius:50%;width:140px;height:140px;animation:3s ease-in-out infinite glow-pulse-4723f854;position:absolute}.name-title[data-v-4723f854]{letter-spacing:-.03em;text-align:center;background:linear-gradient(130deg,#5a9eff 0%,#15e0e0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(36px,6vw,56px);font-weight:900;line-height:1}.hero-tag[data-v-4723f854]{color:#64a8ff;letter-spacing:.04em;background:#3a7bd524;border:1px solid #3a7bd570;border-radius:100px;align-items:center;gap:8px;padding:6px 14px;font-size:12px;font-weight:500;display:inline-flex}.snake-wrap[data-v-4723f854]{opacity:0;width:min(100%,900px);transition:opacity .7s .3s,transform .7s .3s;transform:translateY(16px)}.loaded .snake-wrap[data-v-4723f854]{opacity:1;transform:translateY(0)}.snake-image[data-v-4723f854]{width:100%}.scroll-cue[data-v-4723f854]{z-index:100;transition:opacity .5s,transform .5s;position:fixed;bottom:28px;left:50%}.scroll-cue-bounce[data-v-4723f854]{animation:2s ease-in-out infinite bounce-cue-4723f854}.content-wrap[data-v-4723f854]{opacity:0;gap:20px;margin-top:24px;padding-bottom:60px;transition:opacity .6s .5s,transform .6s .5s;transform:translateY(20px)}.loaded .content-wrap[data-v-4723f854]{opacity:1;transform:translateY(0)}@keyframes spin-ring-4723f854{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glow-pulse-4723f854{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}@keyframes bounce-cue-4723f854{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@media (width<=700px){.above-fold[data-v-4723f854]{padding:32px 20px 16px}.name-title[data-v-4723f854]{font-size:clamp(30px,8vw,44px)}.avatar-img[data-v-4723f854]{width:110px;height:110px}.ring-1[data-v-4723f854]{width:128px;height:128px}.ring-2[data-v-4723f854]{width:145px;height:145px}.avatar-wrap[data-v-4723f854]{width:160px;height:160px}.about-section .repo-button-grid[data-v-4723f854]{grid-template-columns:1fr}}.arcade-title[data-v-9e3e11f8]{margin-top:20px;margin-bottom:4px;font-size:72px}.content-wrap[data-v-9e3e11f8]{padding-bottom:60px}.arcade-subtitle[data-v-9e3e11f8]{color:#94a3b8;margin-bottom:24px;font-size:1.05rem;font-weight:400}.arcade-grid[data-v-9e3e11f8]{grid-template-rows:repeat(2,auto);grid-template-columns:repeat(4,250px);justify-content:center;gap:21px;width:100%;max-width:900px;margin:0 auto;display:grid}.arcade-card[data-v-9e3e11f8]{-webkit-backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;height:210px;transition:all .3s;display:flex;overflow:hidden}.arcade-card[data-v-9e3e11f8]:hover{border-color:#fff3;transform:translateY(-4px)}.arcade-card-top[data-v-9e3e11f8]{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;display:flex}.arcade-icon[data-v-9e3e11f8]{font-size:2.5rem}.arcade-name[data-v-9e3e11f8]{color:#fff;margin:0;font-size:1.25rem;font-weight:700}.arcade-card-bottom[data-v-9e3e11f8]{text-transform:uppercase;letter-spacing:1px;border-top:1px solid #ffffff0d;justify-content:center;align-items:center;height:50px;font-size:.75rem;font-weight:800;transition:all .3s;display:flex;text-decoration:none!important}.red-btn[data-v-9e3e11f8]{color:#ff4757;background:#ff47570d}.red-btn[data-v-9e3e11f8]:hover{color:#fff;background:#ff4757}.blue-btn[data-v-9e3e11f8]{color:#00a2ff;background:#00a2ff0d}.blue-btn[data-v-9e3e11f8]:hover{color:#fff;background:#00a2ff}.yellow-btn[data-v-9e3e11f8]{color:gold;background:#ffd7000d}.yellow-btn[data-v-9e3e11f8]:hover{color:#000;background:gold}.green-btn[data-v-9e3e11f8]{color:#2ed573;background:#2ed5730d}.green-btn[data-v-9e3e11f8]:hover{color:#fff;background:#2ed573}@media (width<=900px){.arcade-grid[data-v-9e3e11f8]{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.arcade-grid[data-v-9e3e11f8]{grid-template-columns:1fr}}.projects-page[data-v-43f5d96b]{flex-direction:column;align-items:center;width:min(92%,980px);padding:12px 0 56px;display:flex}.projects-title[data-v-43f5d96b]{margin-top:12px;margin-bottom:6px;font-size:clamp(2.2rem,7vw,3.8rem);line-height:1;animation:.55s cubic-bezier(.22,1,.36,1) both pull-up-43f5d96b}.projects-subtitle[data-v-43f5d96b]{color:#94a3b8;text-align:center;margin-bottom:20px;font-size:1.02rem;animation:.55s cubic-bezier(.22,1,.36,1) 60ms both pull-up-43f5d96b}.projects-tools[data-v-43f5d96b]{justify-content:center;width:100%;margin-bottom:20px;animation:.55s cubic-bezier(.22,1,.36,1) .12s both pull-up-43f5d96b;display:flex}.search-box[data-v-43f5d96b]{width:min(100%,560px);position:relative}.sr-only[data-v-43f5d96b]{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.search-icon[data-v-43f5d96b]{color:#64748b;pointer-events:none;width:17px;height:17px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input[data-v-43f5d96b]{color:#f8fafc;background:#ffffff08;border:1px solid #ffffff21;border-radius:12px;width:100%;height:42px;padding:0 14px 0 40px;font-size:.95rem}.search-input[data-v-43f5d96b]::placeholder{color:#64748b}.search-input[data-v-43f5d96b]:focus{border-color:#94a3b873;outline:none}.project-list[data-v-43f5d96b]{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;display:grid}.project-row[data-v-43f5d96b]{background:#ffffff08;border:1px solid #94a3b833;border-radius:14px;flex-direction:column;gap:12px;width:100%;min-height:220px;padding:16px;transition:border-color .25s,box-shadow .25s,transform .25s;animation:.55s cubic-bezier(.22,1,.36,1) both pull-up-43f5d96b;display:flex}.project-row[data-v-43f5d96b]:first-child{animation-delay:.18s}.project-row[data-v-43f5d96b]:nth-child(2){animation-delay:.24s}.project-row[data-v-43f5d96b]:nth-child(3){animation-delay:.3s}.project-row[data-v-43f5d96b]:nth-child(4){animation-delay:.36s}.project-row[data-v-43f5d96b]:hover{border-color:#94a3b859;transform:translateY(-2px);box-shadow:0 10px 24px #03061040}.project-main[data-v-43f5d96b]{align-items:flex-start;gap:12px;display:flex}.project-logo[data-v-43f5d96b]{object-fit:cover;border-radius:10px;flex-shrink:0;width:40px;height:40px}.project-meta[data-v-43f5d96b]{min-width:0}.project-kicker[data-v-43f5d96b]{text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;margin:0;font-size:.74rem}.project-name[data-v-43f5d96b]{color:#fff;margin:3px 0 6px;font-size:1.15rem;line-height:1.25}.project-desc[data-v-43f5d96b]{color:#cbd5f5;margin:0;font-size:.95rem;line-height:1.55}.project-btn[data-v-43f5d96b]{color:#8fbeff;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;background:#5a9eff17;border:1px solid #5a9eff73;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:auto;padding:10px 12px;font-size:.8rem;font-weight:700;text-decoration:none;transition:background .2s,border-color .2s,color .2s,transform .2s;display:inline-flex}.project-btn[data-v-43f5d96b]:hover{color:#fff;background:#5a9eff;border-color:#5a9eff;transform:translateY(-1px)}.project-btn[data-v-43f5d96b]:focus-visible{outline:none;box-shadow:0 0 0 3px #5a9eff4d}.project-btn-label[data-v-43f5d96b]{transition:transform .22s}.project-btn-arrow[data-v-43f5d96b]{opacity:.8;width:15px;height:15px;transition:transform .22s,opacity .22s;transform:translate(0)}.project-btn:hover .project-btn-label[data-v-43f5d96b]{transform:translate(-1px)}.project-btn:hover .project-btn-arrow[data-v-43f5d96b]{opacity:1;transform:translate(3px)}.no-results[data-v-43f5d96b]{text-align:center;color:#94a3b8;margin-top:18px;animation:.45s both pull-up-43f5d96b}@keyframes pull-up-43f5d96b{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.projects-title[data-v-43f5d96b],.projects-subtitle[data-v-43f5d96b],.projects-tools[data-v-43f5d96b],.project-row[data-v-43f5d96b],.no-results[data-v-43f5d96b]{animation:none!important}}@media (width<=860px){.project-list[data-v-43f5d96b]{grid-template-columns:1fr}.project-row[data-v-43f5d96b]{min-height:0}}@media (width<=640px){.projects-page[data-v-43f5d96b]{width:min(95%,980px);padding-bottom:44px}.project-btn[data-v-43f5d96b]{text-align:center}}*{box-sizing:border-box;margin:0;padding:0}:root{--scrollbar-thumb-bg:#2a548e;--nav-height:90px}body::-webkit-scrollbar{height:0}::-webkit-scrollbar{background:0 0;width:6px!important;height:6px!important}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-bg);border:2px solid var(--scrollbar-thumb-bg);opacity:.5;border-radius:999px}::-webkit-scrollbar-thumb:hover{background-color:#436eb4;border-color:#436eb4}html{background-color:#1a1c24;height:100%;overflow-y:auto}body{color:#fff;flex-direction:column;min-height:100vh;margin:0;font-family:Satoshi,sans-serif;display:flex;background:0 0!important}#app{flex-direction:column;min-height:100vh;display:flex}html:before{content:"";z-index:-1;background-color:#1a1c24;background-image:radial-gradient(farthest-side at 0 0,#337ce240 0,#0000 100%),radial-gradient(farthest-side at 100% 0,#1e90ff40 0,#0000 100%),radial-gradient(farthest-side at 50% 0,#799fe12e 0,#0000 100%),radial-gradient(farthest-side,#3a7bd51f 0,#0000 100%),radial-gradient(farthest-side at 0 100%,#007bff12 0,#0000 100%),radial-gradient(farthest-side at 100% 100%,#3a7bd512 0,#0000 100%);background-size:cover;background-attachment:fixed;width:100vw;height:100vh;position:fixed;top:0;left:0}main{padding-top:calc(var(--nav-height) + 40px);flex-direction:column;flex:1;align-items:center;gap:16px;display:flex}main:has(.home){padding-top:var(--nav-height)}.content-wrap{text-align:center;flex-direction:column;align-items:center;gap:16px;width:min(90%,800px);display:flex}.name-title{color:#fafafa;letter-spacing:-.5px;font-size:30px;font-weight:700;line-height:36px}.location-text{color:#94a3b8;margin-top:-8px;font-size:16px;font-weight:400}.snake-wrap{justify-content:center;width:100%;margin:4px 0 8px;display:flex}.snake-image{filter:drop-shadow(0 16px 30px #03061080);opacity:.95;width:min(100%,900px);height:auto;display:block}a.repo-link{color:#87cefa;text-decoration:none}a.repo-link:hover{text-decoration:underline}.about-section{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:left;background:#ffffff08;border:1px solid #94a3b833;border-radius:24px;grid-template-columns:minmax(140px,200px) minmax(0,1fr);gap:24px;width:100%;margin-top:20px;padding:28px 32px;display:grid;box-shadow:0 24px 50px #04061073}.about-title h2{letter-spacing:-.02em;font-size:20px;font-weight:700}.about-title span{color:#94a3b8;letter-spacing:.08em;text-transform:uppercase;margin-top:8px;font-size:14px;display:block}.about-body{flex-direction:column;gap:12px;display:flex}.about-body p{color:#cbd5f5;font-size:16px;line-height:1.7}.contact-list{flex-direction:column;gap:8px;margin:8px 0 0;padding:0;display:flex}.contact-row{background:#ffffff06;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:14px;min-width:0;padding:12px 16px;text-decoration:none;transition:background .25s,border-color .25s,transform .25s cubic-bezier(.23,1,.32,1);display:flex;overflow:hidden}.contact-row:hover{background:#ffffff0b;border-color:#87cefa33;transform:translate(4px)}.contact-row-icon{color:#4a5e7a;flex-shrink:0;width:20px;height:20px;transition:color .25s}.contact-row:hover .contact-row-icon{color:#87cefa}.contact-row-label{color:#94a3b8;min-width:68px;font-size:15px;font-weight:600;transition:color .25s}.contact-row:hover .contact-row-label{color:#cbd5f5}.contact-row-value{color:#87cefa;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:15px;overflow:hidden}.contact-row-arrow{color:#3a4f6a;opacity:0;font-size:14px;transition:opacity .25s,transform .25s,color .25s;transform:translate(-6px)}.contact-row:hover .contact-row-arrow{opacity:1;color:#87cefa;transform:translate(0)}.about-section .repo-button-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;align-items:stretch;gap:14px;width:100%;margin-top:8px;display:grid}.about-section .repo-btn{box-sizing:border-box;transform-origin:0 100%;background:#ffffff06;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:12px;height:100%;padding:16px 36px 16px 16px;text-decoration:none;transition:transform .4s cubic-bezier(.23,1,.32,1),box-shadow .4s cubic-bezier(.23,1,.32,1),border-color .35s,background .35s;display:flex;position:relative}.about-section .repo-btn:hover{background:#5a9eff08;border-color:#5a9eff2e;transform:rotate(-1.5deg);box-shadow:3px -4px 16px -4px #3a7bd526,0 2px 6px #0000001a}.about-section .repo-logo{object-fit:cover;border-radius:50%;flex-shrink:0;width:26px;height:26px}.about-section .repo-btn-name{color:#cbd5f5;letter-spacing:.01em;font-size:14px;font-weight:500;transition:color .3s}.about-section .repo-btn:hover .repo-btn-name{color:#e2eaff}.about-section .repo-info{flex-direction:column;gap:3px;display:flex}.about-section .repo-desc{color:#94a3b8;margin:0;font-size:12px;line-height:1.3}.repo-arrow{color:#4a5e7a;font-size:13px;transition:color .3s,transform .3s;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.repo-btn:hover .repo-arrow{color:#5a9eff;transform:translateY(-50%)translate(3px)}@media (width<=720px){.about-section{text-align:center;grid-template-columns:1fr;padding:24px 18px}.about-title span{letter-spacing:.04em}.contact-row{gap:10px;padding:10px 12px}.contact-row-label{min-width:0}.contact-row-value{font-size:14px}}@media (width<=420px){.contact-row-value{display:none}.contact-row-label{flex:1}}@media (width<=650px){.about-section .repo-button-grid{grid-template-columns:1fr}}.mobile-msg{display:none}.desktop-game{display:block}@media (width<=850px){.desktop-game{display:none!important}.mobile-msg{text-align:center;flex-direction:column;align-items:center;width:100%;padding:0 20px;display:flex!important}}.page-enter-active,.page-leave-active{transition:opacity .15s,transform .15s}.page-enter-from{opacity:0;transform:translateY(8px)}.page-leave-to{opacity:0}.game-page-wrapper,.tetris-wrapper,.game2048-wrapper,.pong-container,.mines-wrapper,.flappy-wrapper,.hangman-wrapper,.stickman-wrapper{text-align:center;background:0 0;flex-direction:column;align-items:center;width:100%;min-height:85vh;display:flex}.game-wrapper,.game-layout{justify-content:center;align-items:flex-start;gap:30px;display:flex}.left-section{background:#1a1a1a;border:1px solid #ffffff1a;border-radius:16px;padding:12px;position:relative;box-shadow:0 25px 60px #0009}.right-section{text-align:left;flex-direction:column;gap:15px;width:240px;display:flex}.game-title{letter-spacing:-4px;color:#fff;text-align:left;margin:0 0 10px;font-size:72px;font-weight:900;line-height:1}.info-box{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:10px;display:flex}.score-box{background:linear-gradient(135deg,#ffd7000d,#ffd70003);border:1px solid #ffd7004d;width:100%;min-height:120px;box-shadow:0 10px 30px #0003}.label{color:#94a3b8;text-transform:uppercase;letter-spacing:1px;text-align:center;width:100%;margin-bottom:8px;font-size:10px;font-weight:700}.score-label{color:gold;margin-bottom:4px}.value{color:#fff;word-break:break-all;font-size:20px;font-weight:900;line-height:1}.score-value{color:#fff;text-shadow:0 0 20px #ffd70033;font-size:42px}.score-divider{background:#ffffff1a;width:100%;height:1px;margin:8px 0}.overlay-msg,.overlay{z-index:10;background:#000000d9;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.menu-title{color:#fff;margin-bottom:20px;font-size:32px}.retry-btn,.menu-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:4px;padding:10px 20px;font-weight:700}.menu-btn{min-width:140px;margin:5px;padding:12px 24px;font-weight:800}.row{gap:15px;width:100%;display:flex}.game-iframe,canvas{border-radius:4px;display:block}.high-score-label{color:#94a3b8;margin-bottom:2px;font-size:11px}.high-score-value{color:gold;text-shadow:0 0 10px #ffd70033;font-size:24px}