@import"https://fonts.googleapis.com/css2?family=Anton&family=Bricolage+Grotesque:opsz,wdth,wght@12..96,75..100,200..800&family=Unbounded:wght@400;500;600;700;800&display=swap";@import"https://cdn.jsdelivr.net/gh/devicons/devicon@v2.16.0/devicon.min.css";:root{font-family:Bricolage Grotesque,sans-serif;color:#f2f1e9;background:#030504;font-synthesis:none}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:#030504}button,a{font:inherit}.world{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;touch-action:none;background:radial-gradient(circle at 50% 50%,#09341c 0,transparent 44%),linear-gradient(#07130c 1px,transparent 1px),linear-gradient(90deg,#07130c 1px,transparent 1px);background-size:auto,42px 42px,42px 42px}.vortex{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.66;animation:vortex-in .8s ease both}.vortex canvas{width:100%;height:100%;display:block}.vortex[data-failed=true]{background:radial-gradient(circle,#2aff7f22,transparent 56%)}.board{position:absolute;left:50%;top:50%;width:2400px;height:1350px;transform-origin:center;will-change:transform;transition:filter .3s}.panel{position:absolute;background:#090c0aeb;border:2px solid #2aff7f;overflow:hidden;filter:drop-shadow(7px 7px 0 #2aff7f);animation:slam .68s cubic-bezier(.2,.8,.2,1) backwards;animation-delay:calc(var(--i,0)*35ms);clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,0 100%)}.panel:nth-child(3n){clip-path:polygon(0 0,100% 0,100% 100%,26px 100%,0 calc(100% - 26px));--i:4}.panel:nth-child(4n+1){clip-path:polygon(24px 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) 100%,0 100%,0 24px)}.panel:nth-child(5n){clip-path:polygon(0 22px,22px 0,100% 0,100% 100%,0 100%)}.panel:nth-child(2n){--i:2}.panel:focus-visible{outline:6px solid #f2f1e9;outline-offset:4px;z-index:3}.panel:hover{z-index:2;filter:drop-shadow(7px 7px 0 #f2f1e9)}.panel-chrome{height:42px;border-bottom:2px solid #2aff7f;display:flex;align-items:stretch;text-transform:uppercase;font:700 15px Unbounded,sans-serif;cursor:zoom-in}.panel-chrome .coord{display:flex;align-items:center;padding:0 15px 0 12px;background:#2aff7f;color:#020302;letter-spacing:.04em;clip-path:polygon(0 0,100% 0,calc(100% - 11px) 100%,0 100%)}.panel-chrome .ptitle{flex:1;display:flex;align-items:center;padding:0 6px 0 13px;letter-spacing:.16em;color:#f2f1e9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-chrome .focus-btn{display:flex;align-items:center;justify-content:center;width:42px;flex:none;border-left:2px solid #2aff7f;background:#0d1510;color:#2aff7f;cursor:zoom-in;transition:background .15s,color .15s}.focus-glyph{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:square}.panel:hover .focus-btn,.panel:focus-visible .focus-btn{background:#2aff7f;color:#020302}.panel-content{height:calc(100% - 42px);padding:23px 25px;overflow:hidden}.panel-content p{font-size:19px;line-height:1.35;margin:10px 0}.eyebrow,.meta,small{font:600 14px/1.4 Unbounded,sans-serif;text-transform:uppercase;color:#2aff7f}.hero{display:flex;flex-direction:column}.hero h1{font-family:Anton,sans-serif;font-weight:400;font-size:116px;line-height:.84;letter-spacing:.005em;text-transform:uppercase;margin:10px 0 18px;-webkit-text-stroke:0;text-shadow:5px 5px 0 #020302}.hero h1 span{display:block;color:#2aff7f}.hero>p:last-of-type{font-size:24px;max-width:900px;margin:auto 0}.ticker{margin:20px -25px -23px;padding:13px 25px;background:#2aff7f;color:#020302;white-space:nowrap;font:700 16px Unbounded,sans-serif}.panel h2{font-family:Anton,sans-serif;font-size:52px;line-height:.9;text-transform:uppercase;letter-spacing:.01em;margin:8px 0}.featured h2{font-size:84px;color:#2aff7f;text-shadow:4px 4px 0 #020302}.panel h3{font-size:22px;line-height:1.1;margin:9px 0}.panel ul{padding:0;margin:13px 0;list-style:none}.panel li{font-size:16px;line-height:1.35;padding:4px 0 4px 18px;border-bottom:1px solid #2aff7f55}.panel li:before{content:"↳";color:#2aff7f;margin-left:-18px;margin-right:6px}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #2aff7f;margin:16px 0}.stats div{padding:10px;border-right:1px solid #2aff7f}.stats strong{display:block;font-size:30px;color:#2aff7f}.stats span{font:11px/1.2 Unbounded,sans-serif;text-transform:uppercase}.tags{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0}.tags span{border:1px solid #2aff7f;padding:5px 8px;font:11px Unbounded,sans-serif;text-transform:uppercase}.action,.links a{display:inline-block;background:#2aff7f;color:#020302;padding:10px 15px;font:700 13px Unbounded,sans-serif;text-transform:uppercase;text-decoration:none;translate:var(--mag-x,0) var(--mag-y,0);transition:translate .2s,background .2s}.action:hover,.links a:hover{background:#f2f1e9}.controls{display:grid;grid-template-columns:1fr auto;padding:10px;gap:6px}.controls button,.controls a{border:1px solid #2aff7f;background:#090c0a;color:#2aff7f;text-decoration:none;display:grid;place-items:center;font:700 20px Unbounded,sans-serif;cursor:pointer}.controls button:hover,.controls a:hover{background:#2aff7f;color:#030504}.controls small{align-self:center;padding:8px}.project p{font-size:16px}.project h2{font-size:48px}.links{display:flex;gap:7px}.cleta-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:25px}.yt-embed{position:relative;width:100%;aspect-ratio:16/9;border:2px solid #2aff7f;background:#050705;padding:0;overflow:hidden;align-self:center}.yt-embed img,.yt-embed iframe{width:100%;height:100%;display:block;border:0;object-fit:cover;filter:grayscale(1) contrast(1.2)}.yt-play{position:absolute;left:50%;top:50%;translate:-50% -50%;display:grid;place-items:center;width:70px;height:70px;background:#2aff7f;color:#000;font-size:28px}.panel-skills .panel-content{padding:16px 18px}.skill-grid{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:7px;height:100%}.skill-group{border:1px solid #2aff7f;padding:7px 9px;display:flex;flex-direction:column;gap:5px;min-height:0;overflow:hidden}.skill-group h3{color:#2aff7f;text-transform:uppercase;font-size:12px;letter-spacing:.04em;margin:0}.skill-items{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:4px;align-content:flex-start}.skill-items li{display:flex;align-items:center;gap:4px;border:1px solid #2aff7f44;padding:3px 5px;font:600 10px Unbounded,sans-serif;text-transform:uppercase;line-height:1}.skill-items li:before{content:none;display:none}.skill-items li i{font-size:12px;color:#2aff7f;line-height:1}.skill-dot{width:6px;height:6px;background:#2aff7f;rotate:45deg}.education{display:flex;flex-direction:column;gap:2px}.education h3{font-size:17px;line-height:1.08;margin:7px 0 1px}.education h3:first-child{margin-top:0}.education article{border-bottom:2px solid #2aff7f;padding-bottom:7px;margin-bottom:8px}.education p{font-size:13px;line-height:1.25;margin:2px 0}.education small{font-size:11px}.education .cert{border-bottom:1px solid #2aff7f44;padding:3px 0;margin:0}.repo-list{display:grid;grid-template-rows:repeat(6,1fr);gap:8px;padding:14px}.repo{border:1px solid #2aff7f;color:#f2f1e9;text-decoration:none;padding:9px 10px;display:flex;flex-direction:column;justify-content:center;transition:.2s;min-height:0;overflow:hidden}.repo:hover{background:#2aff7f;color:#020302}.repo b{font-size:19px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.repo span{font-size:13px;line-height:1.2;margin:3px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.repo small{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skeleton{background:linear-gradient(90deg,#101a13,#1a3b25,#101a13);background-size:200%;animation:pulse 1s linear infinite}.contact{display:flex;flex-direction:column;gap:10px}.contact p{font-size:15px}.email{display:flex;align-items:center;gap:8px;width:100%;border:1px dashed #2aff7f;background:#0a0f0c;color:#2aff7f;padding:9px 10px;font:700 12px Unbounded,sans-serif;cursor:pointer;text-align:left;transition:.15s}.email:before{content:">";color:#2aff7f;font-weight:700}.email:after{content:"COPY";margin-left:auto;background:#2aff7f;color:#020302;padding:2px 6px;font-size:10px;letter-spacing:.06em}.email:hover{background:#2aff7f;color:#020302}.email:hover:before{color:#020302}.email:hover:after{background:#020302;color:#2aff7f}.social{display:flex;flex-wrap:wrap;gap:8px}.social a{color:#f2f1e9;font:12px Unbounded,sans-serif}.hud-legend{position:fixed;left:16px;bottom:14px;z-index:10;display:flex;align-items:center;gap:11px;pointer-events:none;color:#2aff7f;padding:9px 34px 9px 10px;background:#050705cc;border:1px solid #2aff7f55;clip-path:polygon(0 0,100% 0,100% 100%,9px 100%,0 calc(100% - 9px));transition:padding .28s cubic-bezier(.2,.8,.2,1)}.hl-toggle{position:absolute;top:5px;right:5px;pointer-events:auto;display:grid;place-items:center;width:20px;height:20px;padding:0;border:1px solid #2aff7f55;background:#0b130ee6;color:#2aff7f;cursor:pointer;transition:background .18s,color .18s,box-shadow .2s}.hl-toggle:hover{background:#2aff7f;color:#020302;box-shadow:0 0 12px #2aff7f55}.hl-toggle:focus-visible{outline:2px solid #f2f1e9;outline-offset:2px}.hl-toggle svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.hud-legend.collapsed{gap:0;padding:5px}.hud-legend.collapsed .mouse,.hud-legend.collapsed ul{display:none}.hud-legend.collapsed .hl-toggle{position:static;width:26px;height:26px}.hud-legend .mouse{width:24px;height:38px;fill:none;stroke:#2aff7f;stroke-width:2;flex:none}.hud-legend .wheel{fill:#2aff7f;stroke:none;animation:wheel 1.7s cubic-bezier(.5,0,.5,1) infinite}@keyframes wheel{0%,to{transform:translateY(0);opacity:1}55%{transform:translateY(7px);opacity:.15}}.hud-legend ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.hud-legend li{display:flex;align-items:baseline;gap:7px;white-space:nowrap}.hud-legend b{display:inline-block;min-width:52px;background:#2aff7f;color:#020302;padding:1px 6px;font:700 10px Unbounded,sans-serif;text-transform:uppercase;letter-spacing:.08em}.hud-legend span{font:600 10px Unbounded,sans-serif;text-transform:uppercase;letter-spacing:.05em;opacity:.8}.zoom-dock{position:fixed;left:50%;bottom:8px;translate:-50% 0;z-index:12;display:flex;flex-direction:column;align-items:center;animation:dock-in .6s cubic-bezier(.2,.8,.2,1) both;animation-delay:.35s}.zd-panel{position:relative;z-index:1;display:flex;align-items:center;gap:8px;padding:7px 10px;background:linear-gradient(#0b130ee6,#050705f2);border:1.5px solid #2aff7f55;border-radius:999px;backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);box-shadow:0 10px 30px #000c,0 0 0 1px #2aff7f22 inset,0 0 22px #2aff7f2b;transition:max-height .32s cubic-bezier(.2,.8,.2,1),opacity .26s ease,transform .32s cubic-bezier(.2,.8,.2,1);transform-origin:bottom center;max-height:80px;overflow:hidden}.zd-toggle{position:relative;z-index:0;width:44px;height:16px;margin-top:-4px;padding-top:3px;border-radius:0 0 999px 999px;background:linear-gradient(#0b130ee6,#08110bf2);color:#2aff7f;border:1.5px solid #2aff7f55;border-top:0;box-shadow:0 4px 12px #2aff7f22;transition:width .28s,height .28s,margin .28s,border-radius .28s}.zd-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:rotate .28s ease}.zoom-dock.collapsed .zd-panel{max-height:0;padding-top:0;padding-bottom:0;opacity:0;transform:scale(.8) translateY(14px);pointer-events:none;border-width:0}.zoom-dock.collapsed .zd-toggle{margin-top:0;padding-top:0;width:54px;height:24px;border-top:1.5px solid #2aff7f55;border-radius:999px}.zoom-dock.collapsed .zd-toggle svg{rotate:180deg}.zoom-dock button{border:0;cursor:pointer;font-family:Unbounded,sans-serif;display:grid;place-items:center;-webkit-tap-highlight-color:transparent;transition:transform .14s ease,background .2s,color .2s,box-shadow .25s}.zoom-dock button:active{transform:scale(.88)}.zoom-dock button:focus-visible{outline:2px solid #f2f1e9;outline-offset:3px}.zd-btn{width:40px;height:40px;border-radius:50%;background:#0e1913;color:#2aff7f;font-size:24px;font-weight:600;line-height:0;border:1px solid #2aff7f3d}.zd-btn:hover{background:#14311f;box-shadow:0 0 16px #2aff7f5c}.zd-home{position:relative;width:50px;height:50px;border-radius:50%;background:radial-gradient(circle at 32% 26%,#63ffa6,#2aff7f 70%);color:#031008;box-shadow:0 7px 18px #2aff7f4d,0 0 0 4px #2aff7f1f,0 2px #0006 inset}.zd-home:hover{box-shadow:0 9px 26px #2aff7f80,0 0 0 5px #2aff7f30,0 2px #0006 inset}.zd-home svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}@keyframes dock-in{0%{opacity:0;translate:-50% 26px}to{opacity:1;translate:-50% 0}}.skip{position:fixed;z-index:99;top:-100px;left:10px;background:#2aff7f;color:#000;padding:12px}.skip:focus{top:10px}.panel-experience .panel-content{padding:18px 20px}.panel-experience h2{font-size:38px;margin:4px 0}.panel-experience h3{font-size:18px;margin:5px 0}.panel-experience .meta{font-size:12px}.panel-experience ul{margin:9px 0}.panel-experience li{font-size:14px;line-height:1.28;padding:3px 0 3px 16px}.panel-experience li:before{margin-left:-16px}.panel-freecam .panel-content{padding:16px 18px}.panel-freecam h2{font-size:34px;margin:3px 0}.panel-freecam h3{font-size:16px;margin:4px 0}.panel-freecam p{font-size:13px;line-height:1.28;margin:6px 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.panel-freecam .tags{margin:8px 0}.panel-freecam .links{margin-top:4px}.panel-cleta h2{font-size:40px;margin:4px 0}.panel-cleta h3{font-size:18px;margin:6px 0}.panel-cleta .project p{font-size:14px;line-height:1.3;margin:7px 0}.panel-cleta li{font-size:14px;line-height:1.28;padding:3px 0 3px 16px}.panel-cleta li:before{margin-left:-16px}.panel-falta-uno .panel-content{padding:18px 22px;display:flex;flex-direction:column}.featured h2{font-size:64px}.panel-falta-uno h3{font-size:19px;margin:5px 0}.panel-falta-uno .panel-content>p{font-size:15px;line-height:1.3;margin:8px 0}.panel-falta-uno .stats{margin:11px 0}.panel-falta-uno .stats strong{font-size:26px}.panel-falta-uno ul{margin:9px 0}.panel-falta-uno li{font-size:14px;line-height:1.28;padding:3px 0 3px 16px}.panel-falta-uno li:before{margin-left:-16px}.panel-falta-uno .tags{margin:9px 0}.panel-falta-uno .action{margin-top:auto;align-self:flex-start}@keyframes slam{0%{opacity:0;translate:80px -60px;rotate:3deg}to{opacity:1;translate:0;rotate:0}}@keyframes vortex-in{0%{opacity:0}to{opacity:.66}}@keyframes pulse{to{background-position:-200%}}@media (max-width:1023px),(pointer:coarse){html,body,#root{min-height:100%;overflow:auto}.world{position:relative;min-height:100dvh;overflow:visible;touch-action:auto;padding:12px}.vortex{position:fixed;opacity:.22;pointer-events:none}.board{position:relative;left:auto;top:auto;width:auto;height:auto;transform:none!important;display:grid;grid-template-columns:1fr 1fr;gap:12px}.panel{position:relative!important;left:auto!important;top:auto!important;width:auto!important;height:auto!important;min-height:300px;box-shadow:4px 4px #2aff7f;animation:none}.panel-content{height:auto;overflow:visible}.panel-identity,.panel-falta-uno,.panel-cleta,.panel-skills{grid-column:1/-1}.panel-controls{grid-row:1}.hud-legend,.zoom-dock{display:none}.hero h1{font-size:clamp(58px,12vw,100px)}.featured h2{font-size:60px}.cleta-grid{grid-template-columns:1fr 1fr}}@media (max-width:650px){.world{padding:8px}.board{grid-template-columns:1fr}.panel,.panel-identity,.panel-falta-uno,.panel-cleta,.panel-skills{grid-column:1}.panel{min-height:0}.panel-controls{grid-row:auto}.panel-content{padding:19px}.hero h1{font-size:58px}.hero>p:last-of-type{font-size:18px}.featured h2{font-size:52px}.stats{grid-template-columns:1fr 1fr}.stats div:nth-child(2){border-right:0}.cleta-grid,.skill-grid{grid-template-columns:1fr}.panel-chrome{grid-template-columns:80px 1fr 45px}.repo-list{grid-template-rows:none}.repo{min-height:100px}}@media (min-width:1024px) and (pointer:fine){.world{-webkit-user-select:none;user-select:none}}.panel-skills .panel-content,.panel-identity .panel-content{height:calc(100% - 58px);margin-block:8px;padding:20px 28px}.panel-identity .panel-content{height:calc(100% - 72px);margin-block:8px 22px}.panel-skills .skill-grid{grid-auto-rows:minmax(0,1fr);column-gap:7px;row-gap:10px}@media (max-width:650px){.panel-skills .panel-content,.panel-identity .panel-content{height:auto;margin-block:0;padding:19px}.panel-skills .skill-grid{height:auto;grid-auto-rows:auto;row-gap:12px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.vortex canvas{display:none}.vortex{background:radial-gradient(circle,#2aff7f22,transparent 58%)}}@supports ((-webkit-background-clip:text) or (background-clip:text)){.hero h1{line-height:.9}.hero h1,.hero h1 span,.featured h2{color:transparent;-webkit-text-fill-color:transparent;text-shadow:none;-webkit-text-stroke:1px rgba(42,255,127,.72);background-color:#f2f1e9;background-image:url(/type-texture-circuit-grit-white.png);background-size:720px 720px;background-position:50% 44%;background-clip:text;-webkit-background-clip:text}.hero h1 span{background-position:76% 70%}.featured h2{background-position:30% 58%}}.vortex{background:radial-gradient(ellipse at 20% 25%,#2aff7f38 0,transparent 42%),radial-gradient(ellipse at 80% 75%,#087d3d55 0,transparent 48%),#030504}.vortex:before{content:"";position:absolute;top:-25%;right:-25%;bottom:-25%;left:-25%;background:conic-gradient(from 30deg at 50% 50%,transparent,#2aff7f18,transparent 35%,#087d3d24,transparent 70%);animation:vortex-fallback 18s linear infinite;transform-origin:center}.vortex canvas{position:relative;opacity:1;transition:opacity .3s}.vortex[data-failed=true] canvas{opacity:0}@keyframes vortex-fallback{to{transform:rotate(360deg) scale(1.08)}}@media (prefers-reduced-motion: reduce){.vortex:before{animation:none;transform:rotate(18deg) scale(1.08)}}