:root{--yellow:#ffdc00;--yellow-glow:#ffdc0066;--bg-dark:#07070a;--glass-bg:#14141e66;--glass-bg-hover:#1e1e2d99;--glass-border:#ffffff14;--glass-border-hover:#ffdc004d;--text-primary:#f0f0f5;--text-secondary:#a0a0b0;--nav-height:70px;--sidebar-width:364px;--gap:1.5rem;--radius-lg:24px;--radius-md:16px;--radius-sm:10px;--transition:.3s cubic-bezier(.25, .8, .25, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-dark);color:var(--text-primary);font-family:Outfit,system-ui,-apple-system,sans-serif;overflow:hidden}canvas#bg{z-index:0;pointer-events:none;opacity:.6;width:100vw;height:100vh;position:fixed;top:0;left:0}#app{z-index:1;grid-template-columns:var(--sidebar-width) auto 1fr;grid-template-rows:1fr;gap:clamp(1rem,2vw,2rem);width:100vw;height:100vh;margin:0;display:grid;position:relative}.divider{background:linear-gradient(to bottom, transparent, var(--glass-border), transparent);width:1px;height:100%}#sidebar{scrollbar-width:none;flex-direction:column;gap:1.5rem;height:100%;padding:0 0 0 4rem;display:flex;overflow-y:auto}#sidebar:before,#sidebar:after{content:"";flex-shrink:0;height:0;margin-top:auto;margin-bottom:auto;display:block}#sidebar .tilt-wrap{height:auto}#sidebar::-webkit-scrollbar{display:none}.me-header{align-items:center;gap:1.2rem;margin-bottom:1.2rem;display:flex}.me-avatar{border-radius:var(--radius-md);border:2px solid var(--yellow-glow);width:60px;height:60px;color:var(--yellow);background:#111;flex-shrink:0;justify-content:center;align-items:center;font-size:1.8rem;display:flex;overflow:hidden;box-shadow:0 8px 32px #ffdc0026}.me-avatar img{object-fit:cover;width:100%;height:100%}.me-info{text-align:left}.me-info h1{color:var(--yellow);letter-spacing:.5px;margin-bottom:.1rem;font-size:1.4rem}.me-info .handle{color:var(--text-secondary);font-size:.8rem}.me-bio{color:var(--text-secondary);text-align:left;margin-bottom:1.2rem;font-size:.9rem;line-height:1.5}.me-tags{flex-wrap:wrap;justify-content:flex-start;gap:.4rem;display:flex}.tag{color:var(--text-dim);background:#ffffff0d;border-radius:50px;align-items:center;gap:6px;padding:.4rem .8rem;font-size:.85rem;transition:all .3s;display:flex}.pan-tag-flag{background:linear-gradient(#ff218c 33.33%,#ffd800 33.33% 66.66%,#21b1ff 66.66%);border-radius:1px;flex-shrink:0;width:14px;height:9px;display:inline-block}.socials-grid{grid-template-columns:repeat(4,1fr);gap:.8rem;display:grid}.social{aspect-ratio:1;border-radius:var(--radius-sm);color:#fff;justify-content:center;align-items:center;font-size:1.2rem;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}.social:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 8px 15px #00000080}.s-discord{background:#5865f2}.s-reddit{background:#ff4500}.s-tiktok{background:#111;border:1px solid #444}.s-twitch{background:#9146ff}.s-twitter{background:#000}.s-youtube{background:red}.s-github{background:#161b22}.s-spotify{background:#1db954}.s-telegram{background:#26a5e4}.s-roblox{background:#c00}.s-steam{background:#1b2838}.s-email{background:#ea4335}#content{perspective:1200px;padding:4rem 4rem 4rem 0;position:relative;overflow:hidden auto}#content::-webkit-scrollbar{width:6px}#content::-webkit-scrollbar-track{background:0 0}#content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}#content:after{content:"";pointer-events:none;width:100%;height:8rem;display:block}#content::-webkit-scrollbar-thumb:hover{background:var(--glass-border-hover)}.page-enter{animation:.4s forwards fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transition:all .6s cubic-bezier(.22,1,.36,1);transform:translateY(20px)}.reveal.visible{opacity:1;transform:translateY(0)}#navbar{-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-border);z-index:100;white-space:nowrap;background:#0f0f14bf padding-box padding-box;border-radius:40px;gap:.5rem;padding:.5rem;transition:width .4s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;bottom:2rem;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 10px 30px #00000080}.nav-indicator{background:var(--yellow);z-index:-1;pointer-events:none;opacity:0;border-radius:30px;height:calc(100% - 1rem);transition:all .4s cubic-bezier(.22,1,.36,1);position:absolute;top:.5rem;left:.5rem}.nav-item{color:var(--text-secondary);cursor:pointer;transition:var(--no-transition,var(--transition));z-index:1;background:0 0;border:none;border-radius:30px;align-items:center;gap:0;padding:.8rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.nav-item i{flex-shrink:0;font-size:1.2rem}.nav-item span{opacity:0;white-space:nowrap;max-width:0;transition:var(--no-transition,var(--transition));font-family:inherit;font-size:.9rem;font-weight:600}.nav-item:hover{color:var(--text-primary);background:#ffffff0d}.nav-item.active{color:#000;background:0 0;padding:.8rem 1.2rem}.nav-item.active span{opacity:1;max-width:100px;margin-left:.5rem}.label{letter-spacing:2px;text-transform:uppercase;color:#ffdc0080;margin-bottom:1.2rem;font-size:.75rem}.page-title{color:var(--text-primary);margin-bottom:2.5rem;scroll-margin-top:2rem;font-size:3rem;display:inline-block;position:relative}.section-title{color:var(--yellow);align-items:center;gap:.8rem;margin:2.5rem 0 1.5rem;font-size:1.5rem;display:flex}.glass-card{flex-direction:column;height:100%;display:flex}.sidebar-card{height:auto}.glass-panel{height:fit-content}.glass-card,.glass-panel{-webkit-backdrop-filter:blur(16px)saturate(180%);will-change:transform;background:#14141e99 padding-box padding-box;border:1px solid #ffdc0026;border-radius:20px;padding:1.8rem;transition:border-color .3s,background .3s,box-shadow .3s}.glass-card,.tilt-element{transform-style:preserve-3d}.glass-card:hover,.glass-panel:hover{-webkit-backdrop-filter:blur(20px)saturate(200%);background:#1e1e2db3;border-color:#ffdc0073;box-shadow:0 15px 40px #00000080}.tilt-wrap{transform-style:preserve-3d;z-index:1;width:100%;height:auto;position:relative;overflow:visible!important}.tilt-wrap:hover,.tilt-wrap:focus-within{z-index:10}.grid-2{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.lang-list{flex-direction:column;display:flex}.lang-row{border-bottom:1px solid #ffffff0d;align-items:center;padding:.8rem 0;display:flex}.lang-row:last-child{border-bottom:none}.lang-flag{margin-right:.8rem;font-size:1.3rem}.lang-name{color:var(--text-primary);flex:1;font-size:1rem;font-weight:500}.lang-level{color:var(--yellow);text-transform:uppercase;letter-spacing:.5px;background:#ffdc001a;border:1px solid #ffdc0033;border-radius:6px;padding:2px 8px;font-size:.7rem;font-weight:700}.bday-wrap{flex-direction:column;gap:.8rem;display:flex}.bday-units{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:clamp(.4rem,1vw,.6rem);display:flex}.bday-unit{background:#0000004d;border:1px solid #ffdc0033;border-radius:12px;flex-direction:column;flex:1;align-items:center;min-width:65px;max-width:85px;padding:.6rem .4rem;display:flex;box-shadow:inset 0 0 10px #ffdc000d}.bday-unit span{color:var(--yellow);font-variant-numeric:tabular-nums;text-shadow:0 0 12px var(--yellow-glow);font-size:1.7rem;font-weight:800;line-height:1}.bday-unit small{opacity:.6;text-transform:uppercase;letter-spacing:1px;color:var(--text-primary);margin-top:.4rem;font-size:.75rem;font-weight:700}.bday-sep{display:none}.bday-date{opacity:.7;color:var(--yellow);letter-spacing:.5px;margin-top:1rem;font-size:1rem;font-weight:600}.tz-wrap{flex-direction:column;gap:1rem;margin-top:.5rem;display:flex}.tz-time{color:var(--yellow);font-variant-numeric:tabular-nums;letter-spacing:1px;text-shadow:0 0 15px var(--yellow-glow);white-space:nowrap;font-size:2.6rem;font-weight:800;line-height:1.2}.tz-label{opacity:.7;font-size:.9rem;font-weight:500}.project-card{flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden}.project-card.is-archived{opacity:.7;filter:grayscale(.6);transition:all .3s}.project-card.is-archived:hover{opacity:.9;filter:grayscale(.2)}.archived-badge{z-index:10;color:#fff;text-transform:uppercase;letter-spacing:1px;pointer-events:none;background:linear-gradient(135deg,#ff4b2b,#8b0000);border-radius:6px;padding:.4rem .8rem;font-size:.75rem;font-weight:700;position:absolute;top:1rem;right:1rem;box-shadow:0 4px 10px #0000004d}.project-banner{aspect-ratio:16/9;border-bottom:1px solid var(--glass-border);background:#0000004d;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.project-banner img{object-fit:cover;width:100%;height:100%}.project-banner i{color:#ffffff1a;font-size:3rem}.project-content{flex-direction:column;flex:1;padding:1.5rem;display:flex}.project-content h3{color:var(--yellow);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1.2rem;display:flex}.project-content p{color:var(--text-secondary);flex:1;margin-bottom:1.5rem;font-size:.9rem;line-height:1.5}.project-links{flex-wrap:wrap;gap:.8rem;display:flex}.btn{transition:var(--transition);border:1px solid #0000;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;text-decoration:none;display:flex}.btn-primary{color:var(--yellow);background:#ffdc001a;border-color:#ffdc0033}.btn-primary:hover{background:var(--yellow);color:#000}.btn-secondary{color:var(--text-primary);border-color:var(--glass-border);background:#ffffff0d}.btn-secondary:hover{background:#ffffff1a}.gear-card{align-items:center;gap:1.5rem;display:flex}.gear-img{border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:#111;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex;overflow:hidden}.gear-img i{color:var(--text-secondary);opacity:.5;font-size:2rem}.gear-details{flex:1}.gear-details h3{margin-bottom:.3rem;font-size:1.1rem}.gear-meta{color:var(--text-secondary);gap:1rem;margin-bottom:.5rem;font-size:.85rem;display:flex}.gear-meta span i{color:var(--yellow);margin-right:.3rem}.badge{text-transform:uppercase;letter-spacing:1px;background:#ffffff1a;border-radius:12px;margin-bottom:.8rem;padding:.2rem .6rem;font-size:.7rem;display:inline-block}.games-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1rem;display:grid}.game-item{aspect-ratio:2/3;border-radius:var(--radius-sm);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px)saturate(180%);background:#14141e99 padding-box padding-box;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;box-shadow:0 4px 10px #0000004d}.game-item:hover{border-color:var(--yellow);z-index:2;box-shadow:0 15px 30px #0009,0 0 15px #ffdc0026}.game-item img{object-fit:cover;width:100%;height:100%}.game-fav-badge{background:var(--yellow);color:#000;z-index:3;border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 4px 10px #00000080}.game-name{text-align:center;opacity:0;pointer-events:none;z-index:4;background:linear-gradient(#0000,#000000f2);padding:2.5rem .5rem .8rem;font-size:.85rem;font-weight:600;transition:all .3s cubic-bezier(.22,1,.36,1);position:absolute;bottom:0;left:0;right:0;transform:translateY(10px)}.game-item.is-hovered .game-name{opacity:1;transform:translateY(0)}@media (width<=1400px){#app{height:auto;min-height:100vh;padding-bottom:2rem;display:block;overflow-y:visible}.divider{display:none}body{overflow-y:auto}#sidebar{flex-flow:wrap;justify-content:center;align-items:stretch;gap:1.5rem;width:100%;height:auto;margin-bottom:0;padding:1.5rem;display:flex}#sidebar:before,#sidebar:after{display:none}#sidebar .tilt-wrap{flex:1;min-width:300px;display:flex}#sidebar .sidebar-card{width:100%;height:100%}.socials-grid{flex:1;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));align-content:space-evenly;gap:1rem;margin-top:1rem;display:grid}.social{aspect-ratio:1;border-radius:var(--radius-md);width:100%;font-size:1.2rem}@media (width>=1012px){#sidebar{gap:2rem;padding:1.5rem}#sidebar .tilt-wrap{min-width:450px}#sidebar .sidebar-card{padding:2.5rem}.me-avatar{width:90px;height:90px;font-size:2.5rem}.me-info h1{font-size:2rem}.me-bio{font-size:1.1rem;line-height:1.6}.socials-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:1.2rem}.social{font-size:1.8rem}}#content{width:100%;margin-bottom:0;padding:1.5rem 1.5rem 2rem;overflow-y:visible}.grid-2,.grid-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr))!important}.grid-2>.tilt-wrap:last-child:nth-child(odd),.grid-3>.tilt-wrap:last-child:nth-child(odd){grid-column:1/-1}.games-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.project-card{padding:0!important}.glass-card,.glass-panel{padding:1.2rem}#navbar{width:max-content;left:50%}}.gear-separator{grid-column:1/-1;align-items:center;gap:.75rem;margin:.5rem 0;display:flex}.gear-separator:before,.gear-separator:after{content:"";background:linear-gradient(90deg,#0000,#ffdc0040);flex:1;height:1px}.gear-separator:after{background:linear-gradient(270deg,#0000,#ffdc0040)}.gear-separator span{color:var(--text-secondary);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;flex-shrink:0;font-size:.7rem;font-weight:600}.glass-card.gear-card{flex-direction:row;align-items:center;gap:1.25rem;padding:1rem 100px 1rem 1rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.gear-btn{-webkit-backdrop-filter:blur(8px);width:90px;color:var(--yellow);background:#ffdc001f;border-left:1px solid #ffdc0040;border-radius:0 19px 19px 0;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:.8rem;font-weight:700;text-decoration:none;transition:background .2s,box-shadow .2s;display:flex;position:absolute;top:0;bottom:0;right:0}.gear-btn i{font-size:1.1rem}.gear-btn:hover{background:#ffdc0033;box-shadow:inset 0 0 20px #ffdc001a}.gear-img{border:1px solid var(--glass-border);background:#0000004d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:90px;height:90px;display:flex;overflow:hidden}.gear-img img{object-fit:contain;width:100%;height:100%}.gear-img i{color:#ffffff26;font-size:2.5rem}.gear-details{flex:1;min-width:0}.gear-details h3{white-space:nowrap;text-overflow:ellipsis;margin:0 0 .4rem;font-size:1rem;font-weight:700;overflow:hidden}.gear-meta{opacity:.65;flex-wrap:wrap;gap:1rem;margin-bottom:.5rem;font-size:.8rem;display:flex}.gear-meta span{align-items:center;gap:4px;display:flex}.gear-review{opacity:.6;margin:.3rem 0 .5rem;font-size:.8rem;font-style:italic;line-height:1.4}@media (width<=375px){.me-header{text-align:center;flex-direction:column}.me-info{text-align:center}.nav-item span{display:none}.nav-item.active span{display:inline-block}}@media (width<=550px){.glass-card.gear-card{text-align:left!important;flex-direction:column!important;align-items:stretch!important;gap:.75rem!important;min-height:auto!important;padding:1rem!important}.gear-img{aspect-ratio:16/9!important;border-radius:12px!important;width:100%!important;height:auto!important;margin-bottom:.5rem!important}.gear-details{width:100%!important;margin:0!important}.gear-btn{writing-mode:horizontal-tb!important;width:100%!important;height:auto!important;min-height:80px!important;color:var(--yellow)!important;background:#ffdc000d!important;border:1px solid #ffdc0033!important;border-radius:12px!important;flex-direction:column!important;justify-content:center!important;align-self:stretch!important;align-items:center!important;gap:.4rem!important;margin-top:1rem!important;padding:1rem!important;font-size:.85rem!important;font-weight:700!important;display:flex!important;position:relative!important;top:auto!important;bottom:auto!important;right:auto!important}.gear-btn i{font-size:1.4rem!important}}