html,body,#root{width:100%;height:100%;overflow:hidden}canvas{display:block}html,body{background:#1a0e05;height:100%;position:fixed;overflow:hidden}#root,.app-root{width:100%;height:100vh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:relative;top:0;left:0;overflow:hidden}@font-face{font-family:Django;src:url(/assets/The-Django-BAB2CBFU.ttf)format("truetype");font-weight:400;font-style:normal}*{box-sizing:border-box;margin:0;padding:0}.app-root{background:#2a1a0a;width:100vw;height:100dvh;position:fixed;overflow:hidden}.hud{z-index:10;justify-content:space-between;align-items:center;padding:0;display:flex;position:fixed;top:18px;left:28px;right:28px}.hud-brand{align-items:center;gap:8px;display:flex}.hud-star{color:#b68d4c;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.hud-star img{object-fit:contain;filter:drop-shadow(0 0 6px #d4a03099);width:100%;height:100%}.hud-name{letter-spacing:3px;color:#f0d080;text-shadow:2px 2px #000c,0 0 20px #d4a03066;align-items:center;font-family:Django,serif;font-size:32px;line-height:1;display:flex}.hud-title{color:#a07840;letter-spacing:3px;text-transform:uppercase;margin-top:2px;font-family:Cinzel,serif;font-size:11px}.hud-nav{gap:8px;display:flex}.hud-nav-btn{letter-spacing:2.5px;text-transform:uppercase;color:#dcbe78b3;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #0000;padding:6px 14px;font-family:Django,serif;font-size:25px;transition:all .3s}.hud-nav-btn:hover,.hud-nav-btn.active{color:#f0d080;text-shadow:0 0 12px #d4a03080;border-bottom-color:#d4a030}.section-title-wrap{z-index:10;animation:.7s cubic-bezier(.16,1,.3,1) both fadeSlideUp;position:fixed;bottom:180px;left:48px}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section-eyebrow{letter-spacing:4px;color:#d4a030;text-transform:uppercase;text-shadow:0 2px 8px #000c;margin-bottom:8px;font-family:Cinzel,serif;font-size:10px}.section-heading{color:#f5e0a0;text-shadow:3px 3px #00000080,0 0 40px #d4a0304d;letter-spacing:2px;font-family:Django,serif;font-size:clamp(36px,5vw,64px);line-height:1}.section-line{background:linear-gradient(90deg,#d4a030,#0000);width:80px;height:2px;margin-top:12px}.scroll-hint{z-index:10;opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:8px;transition:opacity .5s;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.scroll-hint.visible{opacity:1}.scroll-horse{color:#d4a030b3;font-size:20px;animation:1.5s infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.scroll-hint span{letter-spacing:3px;color:#d4a03099;text-transform:uppercase;font-family:Cinzel,serif;font-size:10px}.progress-wrap{z-index:10;flex-direction:column;align-items:center;gap:12px;display:flex;position:fixed;top:50%;right:32px;transform:translateY(-50%)}.progress-track{display:none}.progress-dot{background:#d4a03040;border:1px solid #d4a0304d;border-radius:50%;width:6px;height:6px;transition:all .4s}.progress-dot.active{background:#d4a030;transform:scale(1.4);box-shadow:0 0 10px #d4a03099}.projects-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:4px;display:grid}.project-card{cursor:pointer;color:inherit;border:1px solid #0000;border-radius:8px;padding:24px 28px;text-decoration:none;transition:all .6s cubic-bezier(.16,1,.3,1);position:relative}.project-card:active{transform:translateY(0)scale(.99);box-shadow:0 2px 4px -1px #000000e6,inset 0 1px #ffffff05}.project-num{color:#a07830;letter-spacing:2px;margin-bottom:8px;font-family:Cinzel,serif;font-size:10px}.project-name{color:#f0d080;letter-spacing:.5px;margin-bottom:6px;font-family:Cinzel,serif;font-size:13px;font-weight:600}.project-desc{color:#c8aa6eb3;margin-bottom:10px;font-family:IM Fell English,serif;font-size:12px;line-height:1.5}.project-tech{letter-spacing:1.5px;color:#a07830;text-transform:uppercase;font-family:Cinzel,serif;font-size:9px}.project-name,.project-desc{transition:color .4s,transform .4s cubic-bezier(.16,1,.3,1)}.skills-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.skill-category{border-left:2px solid #d4a0304d;padding-left:16px}.skill-cat-name{letter-spacing:3px;color:#d4a030;text-transform:uppercase;margin-bottom:12px;font-family:Cinzel,serif;font-size:11px}.skill-item{color:#dcc38ccc;border-bottom:1px solid #d4a03014;padding:4px 0;font-family:IM Fell English,serif;font-size:14px}.contact-link{color:#dcbe78d9;background:0 0;border:1px solid #d4a03026;border-radius:6px;align-items:center;gap:16px;padding:14px 20px;font-family:Cinzel,serif;font-size:13px;text-decoration:none;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.contact-icon{color:#d4a030;text-align:center;width:20px;font-size:16px;transition:all .5s cubic-bezier(.16,1,.3,1)}.contact-link:hover{color:#fff3c7;background:linear-gradient(145deg,#d4a03014 0%,#0000 100%);border-color:#d4a0304d;transform:translateY(-3px)scale(1.01);box-shadow:0 8px 16px -4px #000000e6,0 4px 8px -2px #000000b3,inset 0 1px #ffffff0d}.contact-link:hover .contact-icon{color:#fada80;filter:drop-shadow(0 0 8px #d4a03099);transform:scale(1.2)rotate(-5deg)}.contact-link:active{background:#d4a0300a;transform:translateY(0)scale(.99);box-shadow:0 2px 4px -1px #000000e6,inset 0 1px #ffffff05}.contact-link:active .contact-icon{transform:scale(.95)}.panel-card::-webkit-scrollbar{width:4px}.panel-card::-webkit-scrollbar-track{background:#0003}.panel-card::-webkit-scrollbar-thumb{background:#d4a0304d;border-radius:2px}.app-root:after{content:"";pointer-events:none;z-index:5;background:radial-gradient(#0000 55%,#0a0500a6 100%);position:absolute;inset:0}.more-btn{letter-spacing:2px;text-transform:uppercase;border:1px solid #d4a03066;padding:10px 18px;font-family:Cinzel,serif;font-size:11px;text-decoration:none;transition:all .3s;display:inline-block;color:#d4a030!important}.more-btn:hover{background:#d4a03026;border-color:#d4a030cc;box-shadow:0 0 12px #d4a03066;color:#f0d080!important}@media (width<=600px){.hud{padding:16px 20px}.hud-name{letter-spacing:2px;font-size:28px}.hud-nav-btn{padding:5px 8px;font-size:9px}.section-title-wrap{bottom:200px;left:20px}.building-hint{padding:8px 14px;font-size:10px;bottom:130px;left:20px}.projects-grid,.skills-grid{grid-template-columns:1fr}.panel-card{padding:40px 24px 32px}.panel-title{font-size:26px}}.loading-screen{color:#f0d080;z-index:999;background:#1a0e05;flex-direction:column;justify-content:center;align-items:center;font-family:Cinzel,serif;display:flex;position:fixed;inset:0}.mobile-nav,.hamburger,.mobile-menu{display:none}@media (width<=768px){.hud{justify-content:flex-start;padding:16px 20px;display:flex}.hud-nav{display:none}.mobile-nav{z-index:999999;flex-direction:column;gap:10px;display:flex;position:fixed;top:50%;right:12px;transform:translateY(-50%)}.mobile-nav button{color:#f0d080;background:#000c;border:1px solid #d4a030;border-radius:8px;padding:10px}.hamburger{z-index:999999;color:#f0d080;background:#000c;border:1px solid #d4a030;padding:10px;font-size:18px;display:block;position:fixed;top:16px;right:16px}.mobile-menu{z-index:999999;flex-direction:column;gap:10px;display:flex;position:fixed;top:60px;right:16px}}.mobile-nav{display:flex!important}.theme-toggle{z-index:999999;color:#fada80;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#2b1d12 0%,#110a05 100%);border:2px solid #a37c27;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;bottom:24px;right:32px;box-shadow:0 6px 12px #0009,inset 0 2px 4px #ffffff14,inset 0 -3px 6px #000c}.theme-toggle svg,.theme-toggle img,.theme-toggle i{z-index:2;filter:invert(50%)sepia(40%)saturate(150%)hue-rotate(5deg)brightness(80%)drop-shadow(0 2px 2px #000c);width:26px;height:26px;transition:all .5s cubic-bezier(.4,0,.2,1)}.theme-toggle:hover{border-color:#d4a030;transform:scale(1.08)translateY(-2px);box-shadow:0 8px 16px #000000b3,inset 0 2px 4px #ffffff1a}.theme-toggle.active{background:linear-gradient(135deg,#3a2615 0%,#1a110a 100%);border-color:#fada80;animation:3s infinite alternate themeGlow}.theme-toggle.active svg,.theme-toggle.active img,.theme-toggle.active i{filter:invert(85%)sepia(40%)saturate(400%)hue-rotate(5deg)brightness(110%)drop-shadow(0 0 8px #fada8099);transform:scale(1.1)rotate(180deg)}.theme-toggle.active:hover{box-shadow:0 0 30px #d4a030cc,0 8px 15px #0009,inset 0 0 15px #d4a03066}@keyframes themeGlow{0%{box-shadow:0 0 15px #d4a0304d,inset 0 0 10px #d4a0301a,0 6px 12px #0009}to{box-shadow:0 0 25px #d4a03099,inset 0 0 20px #d4a0304d,0 6px 12px #0009}}@media (width<=768px){.theme-toggle{width:60px;height:60px;bottom:22px;right:32px}}.cowboy-icon{-webkit-mask:url(/cowboy.png) 50%/contain no-repeat;filter:drop-shadow(0 0 6px #b68d4c99);background-color:#d4a030;width:22px;height:22px;-webkit-mask:url(/cowboy.png) 50%/contain no-repeat;mask:url(/cowboy.png) 50%/contain no-repeat}.dark .cowboy-icon{filter:drop-shadow(0 0 8px #d4a030e6)drop-shadow(0 0 16px #d4a03080);background-color:#d4a030}.music-toggle{z-index:999999;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#2b1d12 0%,#110a05 100%);border:2px solid #a37c27;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;bottom:24px;left:32px;box-shadow:0 6px 12px #0009,inset 0 2px 4px #ffffff14,inset 0 -3px 6px #000c}.music-toggle img,.music-toggle svg{z-index:2;filter:invert(50%)sepia(40%)saturate(150%)hue-rotate(5deg)brightness(80%)drop-shadow(0 2px 2px #000c);width:26px;height:26px;transition:all .4s}.music-toggle:after{content:"";z-index:3;opacity:.8;background:#c9982e;border-radius:2px;width:2px;height:36px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;transform:rotate(45deg)scale(1);box-shadow:0 0 4px #000c}.music-toggle:hover{border-color:#d4a030;transform:scale(1.08)translateY(-2px);box-shadow:0 8px 16px #000000b3,inset 0 2px 4px #ffffff1a}.music-toggle.active{background:linear-gradient(135deg,#3a2615 0%,#1a110a 100%);animation:3s infinite alternate westernGlow}.music-toggle.active:after{opacity:0;transform:rotate(45deg)scale(0)}.music-toggle.active img,.music-toggle.active svg{filter:invert(85%)sepia(40%)saturate(400%)hue-rotate(5deg)brightness(110%)drop-shadow(0 0 8px #fada8099);transform:scale(1.1)}.music-toggle.active:hover{box-shadow:0 0 30px #d4a030cc,0 8px 15px #0009,inset 0 0 15px #d4a03066}@keyframes westernGlow{0%{box-shadow:0 0 15px #d4a0304d,inset 0 0 10px #d4a0301a,0 6px 12px #0009}to{box-shadow:0 0 25px #d4a03099,inset 0 0 20px #d4a0304d,0 6px 12px #0009}}.building-hint{z-index:10;letter-spacing:3px;color:#fada80;text-transform:uppercase;text-shadow:-1px -1px #000c,1px 1px #ffffff1a;cursor:pointer;transform-origin:top;background:linear-gradient(#5c3a21 0%,#3b2210 100%);border:1px solid #1a0f07;border-radius:4px;padding:14px 40px;font-family:Cinzel,serif;font-size:13px;font-weight:700;transition:all .2s cubic-bezier(.34,1.56,.64,1);position:fixed;bottom:110px;left:48px;box-shadow:inset 0 1px 1px #ffffff26,inset 0 -2px 4px #00000080,0 6px #1f1006,0 10px 20px #000000b3}.building-hint:hover{color:#ffebd6;text-shadow:0 0 8px #ff9100cc,-1px -1px #000000e6;background:linear-gradient(#6d4629 0%,#472b15 100%);animation:2s ease-in-out infinite saloonCreak;box-shadow:inset 0 1px 2px #ffffff4d,inset 0 -2px 4px #0009,0 8px #1f1006,0 16px 25px #000000e6}.building-hint:active{color:#d4a030;text-shadow:-1px -1px #000c;animation:none;transform:translateY(6px)rotate(0);box-shadow:inset 0 4px 8px #000000e6,0 0 #1f1006,0 2px 5px #000c}.building-hint:before,.building-hint:after{content:"";background:radial-gradient(circle at 30% 30%,#7a7a7a,#1a1a1a);border-radius:50%;width:8px;height:8px;transition:all .3s;position:absolute;top:50%;transform:translateY(-50%);box-shadow:inset 1px 1px 2px #000c,1px 1px 1px #ffffff1a}.building-hint:before{left:14px}.building-hint:after{right:14px}.building-hint:hover:before,.building-hint:hover:after{background:radial-gradient(circle at 40% 40%,#b8b8b8,#1a1a1a);box-shadow:inset 1px 1px 2px #000c,0 0 4px #fff3}.hint-bracket{color:#a36b35;opacity:.8;text-shadow:none;margin:0 8px;transition:color .3s}.building-hint:hover .hint-bracket{color:#d49530}@keyframes saloonCreak{0%{transform:translateY(-2px)rotate(0)}25%{transform:translateY(-2px)rotate(-1.5deg)}75%{transform:translateY(-2px)rotate(1.5deg)}to{transform:translateY(-2px)rotate(0)}}@media (width<=768px){.building-hint{letter-spacing:1.2px;white-space:nowrap;width:max-content;margin:0 auto;padding:10px 18px;font-size:9.5px;bottom:110px;left:0;right:0}.building-hint:before{left:8px}.building-hint:after{right:8px}}.panel-overlay{z-index:100;-webkit-backdrop-filter:blur(10px);background:#030201d9;justify-content:center;align-items:center;padding:32px;animation:.5s cubic-bezier(.16,1,.3,1) both cinematicFadeIn;display:flex;position:fixed;inset:0}@keyframes cinematicFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.panel-card{background:linear-gradient(145deg,#180e07 0%,#080402 100%);border-radius:8px;width:min(900px,90%);height:auto;max-height:none;animation:.7s cubic-bezier(.16,1,.3,1) both slideInPremium;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff0d,0 40px 80px #000000f2,inset 0 10px 30px #d4a0300d}@keyframes slideInPremium{0%{opacity:0;transform:translate(60px)scale(.98)}to{opacity:1;transform:translate(0)scale(1)}}.panel-border-frame{border:1px solid #d4a03026;border-radius:4px;flex-direction:column;height:100%;max-height:none;margin:6px;display:flex;position:relative}.panel-scroll-area{scrollbar-width:thin;scrollbar-color:#d4a03066 transparent;padding:60px 50px;overflow:visible}.panel-scroll-area::-webkit-scrollbar{width:4px}.panel-scroll-area::-webkit-scrollbar-track{background:0 0;margin:20px 0}.panel-scroll-area::-webkit-scrollbar-thumb{background:#d4a03066;border-radius:4px}.panel-scroll-area::-webkit-scrollbar-thumb:hover{background:#d4a030}.panel-close{color:#d4a030;cursor:pointer;z-index:20;background:linear-gradient(135deg,#1c1008 0%,#0a0502 100%);border:1px solid #d4a03066;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:24px;right:24px;box-shadow:0 4px 12px #00000080}.panel-close .close-icon{font-size:14px;transition:transform .4s}.panel-close:hover{color:#0a0502;background:#d4a030;transform:scale(1.1);box-shadow:0 0 20px #d4a03066}.panel-close:hover .close-icon{transform:rotate(90deg)}.panel-eyebrow{letter-spacing:5px;color:#d4a030b3;text-transform:uppercase;align-items:center;gap:12px;margin-bottom:16px;font-family:Cinzel,serif;font-size:10px;display:flex}.panel-eyebrow:before{content:"";background:#d4a03080;width:24px;height:1px}.panel-title{color:#fada80;background:linear-gradient(#fff3c7 0%,#d4a030 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px #000c);-webkit-background-clip:text;margin-bottom:24px;font-family:Django,serif;font-size:38px;line-height:1.1}.panel-divider{background:linear-gradient(90deg,#0000 0%,#d4a0304d 50%,#0000 100%);justify-content:center;align-items:center;width:100%;height:1px;margin:32px 0;display:flex;position:relative}.panel-divider:after{content:"";background:#d4a030;width:6px;height:6px;position:absolute;transform:rotate(45deg);box-shadow:0 0 8px #d4a030cc}.panel-body{color:#e6d2aad9;text-shadow:0 1px 2px #000c;margin-bottom:16px;font-family:IM Fell English,serif;font-size:16px;line-height:1.8}.skills-panel{width:min(1200px,95%)}.skills-panel .skills-grid{grid-template-columns:repeat(3,1fr);gap:30px}@media (width<=900px){.skills-panel .skills-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.panel-overlay{justify-content:center;align-items:flex-end;padding:0}.panel-card{border-bottom:none;border-radius:20px 20px 0 0;width:100%;max-height:90vh;animation:.6s cubic-bezier(.16,1,.3,1) both slideUpMobile}.panel-border-frame{border:none;border-top:1px solid #d4a0304d;border-radius:20px 20px 0 0;margin:0}.panel-scroll-area{padding:40px 24px 80px}.panel-close{background:0 0;border-color:#0000;top:16px;right:16px}@keyframes slideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.panel-card,.panel-border-frame{max-height:90vh}.panel-scroll-area{overflow-y:auto}}.theme-toggle,.music-toggle{transition:all .3s}.hide-ui{opacity:0;pointer-events:none;transform:translateY(20px)scale(.8)}.projects-more{justify-content:flex-start;margin-top:24px;margin-left:28px;display:flex}@media (width<=768px){.projects-more{justify-content:center;margin-top:32px;margin-left:0}}@media (hover:hover) and (pointer:fine){.hud-nav-btn:hover{color:#f0d080;text-shadow:0 0 12px #d4a03080;border-bottom-color:#d4a030}.contact-link:hover{color:#fff3c7;border-color:#d4a0304d;transform:translateY(-3px)scale(1.01)}.contact-link:hover .contact-icon{transform:scale(1.2)rotate(-5deg)}.more-btn:hover{background:#d4a03026}.theme-toggle:hover,.music-toggle:hover{transform:scale(1.08)translateY(-2px)}}*{-webkit-tap-highlight-color:transparent}button,a,div{touch-action:manipulation}html:not(.dark) .scroll-hint span{color:#2c1805b3}html:not(.dark) .scroll-horse{color:#291707}.shimmer{background:linear-gradient(120deg,#0000,#ffd7a026,#0000);animation:1.5s infinite shimmerMove}@keyframes shimmerMove{0%{transform:translate(-100%)}to{transform:translate(100%)}}.project-card:hover .project-content{opacity:.25}.project-content{transition:opacity .3s}@media (hover:none){.project-card:hover .project-content{opacity:1}}.project-card:hover button{opacity:1!important}html,body{overscroll-behavior:none;background:#1a0e05;overflow:hidden auto}.loading-overlay{z-index:99999;background-color:#c8a55e;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .8s cubic-bezier(.65,0,.35,1);display:flex;position:fixed;top:0;left:0}.loading-overlay.fade-out{opacity:0;pointer-events:none}.neoleaf-container{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.text-wrapper{text-align:center;display:inline-block;position:relative}.text-bg,.text-fill{text-transform:uppercase;letter-spacing:-2px;white-space:nowrap;margin:0;padding:0;font-family:Impact,Arial Black,sans-serif;font-size:10vw;line-height:1}.text-bg{color:#0000;-webkit-text-stroke:2px #5c3a1e4d}.text-fill{color:#5c3a1e;width:100%;transition:clip-path .3s ease-out;position:absolute;top:0;left:0}.progress-bar-container{color:#5c3a1e;letter-spacing:2px;justify-content:space-between;width:100%;max-width:600px;margin-top:20px;font-family:Cinzel,serif;font-size:1.2rem;font-weight:700;display:flex}.loading-percentage{font-variant-numeric:tabular-nums}@media (width<=768px){.text-bg,.text-fill{font-size:14vw}.progress-bar-container{width:80%}}