:root{--blue-primary: #0066ff;--blue-vibrant: #0077ff;--blue-deep: #00224d;--blue-dark: #040915;--blue-card: #091224;--blue-glow: #00d4ff;--cyan-accent: #00f0ff;--cyan-muted: #38bdf8;--yellow-accent: #ffe600;--black: #06070c;--white: #f4f8fd;--ink: #070a12;--hud-border: rgba(0, 229, 255, .45);--glass-bg: rgba(7, 13, 26, .85)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%}body{background:var(--blue-dark);color:var(--white);font-family:Barlow Condensed,Rajdhani,Arial Narrow,Arial,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}.display{font-family:Archivo Black,Impact,Arial Black,sans-serif}#bg{position:fixed;top:-8vmax;right:-8vmax;bottom:-8vmax;left:-8vmax;z-index:0;pointer-events:none}.bg-layer{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform}#bg-stripes{background:repeating-linear-gradient(115deg,var(--blue-primary) 0 46px,var(--blue-deep) 46px 54px,var(--blue-primary) 54px 120px,#0044bb 120px 128px);animation:stripeDrift 24s linear infinite;opacity:.92}@keyframes stripeDrift{0%{background-position:0 0}to{background-position:520px 0}}#bg-halftone{background-image:radial-gradient(circle,rgba(0,240,255,.3) 1.6px,transparent 1.7px);background-size:15px 15px;mix-blend-mode:screen;animation:halftoneDrift 35s linear infinite;opacity:.65}@keyframes halftoneDrift{0%{background-position:0 0}to{background-position:-150px 150px}}#bg-vignette{background:radial-gradient(ellipse at 32% 40%,transparent 20%,rgba(4,9,21,.85) 100%)}#bg-scanline{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#12101000 50%,#00000040 50%);background-size:100% 4px;pointer-events:none;opacity:.4}.bg-star{position:absolute;opacity:.2;animation:spin 70s linear infinite;transform-origin:center;filter:drop-shadow(0 0 12px var(--blue-glow))}.bg-star.s2{animation-duration:100s;animation-direction:reverse;opacity:.12}@keyframes spin{to{transform:rotate(360deg)}}#slash{position:fixed;z-index:1;top:0;right:0;bottom:0;left:0;pointer-events:none;background:var(--black);clip-path:polygon(56% 0,100% 0,100% 100%,38% 100%,50% 62%,43% 60%,58% 24%,49% 22%);transition:clip-path .8s cubic-bezier(.8,0,.15,1);box-shadow:-15px 0 35px #06f6}body[data-screen]:not([data-screen=home]) #slash{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 62%,0 60%,0 24%,0 22%)}#shell{position:relative;z-index:2;height:100%;display:flex;flex-direction:column}#hud-top{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:16px 28px 0;letter-spacing:.12em;font-weight:600;gap:16px}.hud-group{display:flex;align-items:center;gap:10px;flex-shrink:0}.hud-tag{background:var(--black);color:var(--white);padding:5px 14px;transform:skew(-12deg);font-size:13px;text-transform:uppercase;box-shadow:3px 3px 0 var(--blue-primary);border:1px solid rgba(0,240,255,.3);display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.hud-tag.alt{background:var(--blue-primary);color:var(--white);transform:skew(-12deg);box-shadow:3px 3px 0 var(--black)}.hud-right-group{display:flex;align-items:center;gap:12px;margin-left:auto}.hud-clock-widget{background:#040915f2;border:2px solid var(--blue-glow);padding:5px 12px;display:flex;align-items:center;gap:8px;transform:skew(-10deg);box-shadow:4px 4px #0066ff80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;flex-shrink:0}.hud-clock-badge-label{background:var(--blue-primary);color:var(--white);padding:2px 6px;font-size:11px;font-weight:700;letter-spacing:.12em;border-radius:2px}.hud-clock-time{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:16px;letter-spacing:.12em;color:var(--cyan-accent);text-shadow:0 0 10px var(--blue-glow)}.hud-clock-location{font-size:11px;color:var(--cyan-muted);font-weight:700;letter-spacing:.1em}.bgm-widget{background:#040915f2;border:2px solid var(--blue-glow);padding:5px 14px;display:flex;align-items:center;gap:12px;transform:skew(-10deg);box-shadow:4px 4px #0066ff80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;flex-shrink:0}.bgm-widget button{background:var(--blue-primary);color:var(--white);border:none;padding:4px 10px;font-family:inherit;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:6px}.bgm-widget button:hover{background:var(--cyan-accent);color:var(--black)}.bgm-bars{display:flex;align-items:flex-end;gap:3px;height:14px}.bgm-bars span{width:3px;background:var(--cyan-accent);height:4px;border-radius:1px;transition:height .2s}.bgm-playing .bgm-bars span:nth-child(1){animation:barHop .6s infinite ease-in-out}.bgm-playing .bgm-bars span:nth-child(2){animation:barHop .8s infinite ease-in-out .15s}.bgm-playing .bgm-bars span:nth-child(3){animation:barHop .5s infinite ease-in-out .3s}.bgm-playing .bgm-bars span:nth-child(4){animation:barHop .7s infinite ease-in-out .2s}@keyframes barHop{0%,to{height:3px}50%{height:14px}}.bgm-title{font-size:12px;letter-spacing:.1em;color:var(--cyan-muted);max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#hud-bottom{padding:10px 28px max(14px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:13px;letter-spacing:.18em;text-transform:uppercase;background:linear-gradient(to top,rgba(4,9,21,.96) 60%,transparent);position:relative;z-index:25;pointer-events:auto}.hud-keys{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.hud-btn{background:transparent;border:1px solid transparent;color:var(--white);font-family:inherit;font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;display:inline-flex;align-items:center;gap:4px;padding:5px 10px;cursor:pointer;border-radius:2px;transition:transform .15s ease,background .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.hud-btn:hover,.hud-btn:focus-visible{background:#00d4ff26;border-color:#00d4ff80;color:var(--cyan-accent);transform:translateY(-1px)}.hud-btn:active{transform:scale(.94) translateY(1px);background:#00d4ff4d}.hud-btn .key{display:inline-block;background:var(--cyan-accent);color:var(--black);padding:2px 8px;margin-right:6px;font-weight:800;transform:skew(-12deg);border-radius:2px;box-shadow:1px 1px 0 var(--blue-deep);transition:transform .15s ease,background .15s ease,box-shadow .15s ease,color .15s ease}.hud-btn:hover .key,.hud-btn:focus-visible .key{background:var(--white);color:var(--black);box-shadow:0 0 10px var(--cyan-glow)}.hud-btn:active .key{transform:skew(-12deg) scale(.95)}body[data-screen=projects] #hud-btn-back,body[data-screen=skills] #hud-btn-back,body[data-screen=about] #hud-btn-back,body[data-screen=contact] #hud-btn-back{border-color:var(--cyan-accent);color:var(--cyan-accent);background:#00d4ff2e;box-shadow:0 0 12px #00d4ff59;animation:p3rPulseBack 2s infinite ease-in-out}@keyframes p3rPulseBack{0%,to{box-shadow:0 0 6px #00d4ff4d}50%{box-shadow:0 0 14px #00d4ffb3}}body:not([data-screen=home]) #hud-btn-select,body:not([data-screen=home]) #hud-btn-confirm{opacity:.5}body:not([data-screen=home]) #hud-btn-select:hover,body:not([data-screen=home]) #hud-btn-confirm:hover{opacity:1}.hud-clock-badge{display:inline-flex;align-items:center;gap:6px;background:#001e50b3;border:1px solid var(--blue-glow);padding:4px 12px;transform:skew(-10deg);box-shadow:2px 2px 0 var(--blue-deep);color:var(--cyan-accent);font-weight:700;letter-spacing:.12em;white-space:nowrap}#stage{flex:1;position:relative;overflow:hidden}.screen{position:absolute;top:0;right:0;bottom:0;left:0;padding:2vh 4vw;display:none;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--blue-primary) transparent}.screen.active{display:block}.screen::-webkit-scrollbar{width:8px}.screen::-webkit-scrollbar-thumb{background:var(--blue-primary);border-radius:4px}#screen-home{display:none;padding:0 4vw}#screen-home.active{display:flex;align-items:center;justify-content:space-between}.home-content{max-width:580px;z-index:3;display:flex;flex-direction:column;justify-content:center}#intro-eyebrow{font-size:clamp(14px,1.6vw,20px);letter-spacing:.5em;text-transform:uppercase;margin-bottom:1.2vh;font-weight:700;color:var(--cyan-accent);text-shadow:2px 2px 0 var(--black)}#big-name{line-height:.94;margin-bottom:2vh;cursor:pointer;max-width:100%}#big-name .ransom{font-size:clamp(36px,5vw,76px);display:block;letter-spacing:-.01em}#tagline{max-width:540px;font-size:clamp(15px,1.4vw,19px);line-height:1.45;background:var(--black);color:#e2e8f0;padding:14px 20px;transform:rotate(-1deg) skew(-4deg);box-shadow:6px 6px 0 var(--blue-primary);border-left:4px solid var(--cyan-accent)}#menu{margin-top:3.5vh;display:flex;flex-direction:column;align-items:flex-start;gap:.8vh}.menu-item{background:none;border:0;cursor:pointer;color:var(--white);text-align:left;position:relative;padding:4px 18px 4px 8px;transform:translate(-60px);opacity:0;transition:transform .2s cubic-bezier(.2,1.2,.3,1)}.menu-item .ransom{font-size:clamp(26px,3.8vw,52px)}.loaded .menu-item{animation:menuIn .55s cubic-bezier(.2,1.2,.3,1) forwards}.menu-item:nth-child(1){animation-delay:.15s}.menu-item:nth-child(2){animation-delay:.25s}.menu-item:nth-child(3){animation-delay:.35s}.menu-item:nth-child(4){animation-delay:.45s}@keyframes menuIn{to{transform:translate(0);opacity:1}}.menu-item:before{content:"";position:absolute;left:-4%;top:15%;height:75%;width:0;background:var(--black);transform:skew(-16deg);z-index:-1;border-left:5px solid var(--blue-glow);transition:width .2s cubic-bezier(.7,0,.3,1)}.menu-item.sel:before{width:110%;background:#091226}.menu-item.sel{transform:translate(18px)!important}.menu-item.sel .ch{color:var(--white)}.menu-item.sel .ch.box{background:var(--blue-primary);color:var(--white)}.menu-item.sel .ch.boxw{background:var(--cyan-accent);color:var(--black)}.menu-item:focus-visible{outline:3px dashed var(--cyan-accent);outline-offset:4px}.cursor-mark{position:absolute;right:-48px;top:50%;transform:translateY(-50%) rotate(8deg);font-size:clamp(18px,2.4vw,30px);opacity:0;transition:opacity .12s;color:var(--cyan-accent);text-shadow:0 0 10px var(--blue-glow)}.menu-item.sel .cursor-mark{opacity:1;animation:pulse .9s ease-in-out infinite}@keyframes pulse{0%,to{transform:translateY(-50%) rotate(8deg) scale(1)}50%{transform:translateY(-50%) rotate(8deg) scale(1.22)}}#hero-parallax-stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;clip-path:polygon(56% 0,100% 0,100% 100%,38% 100%,50% 62%,43% 60%,58% 24%,49% 22%);transition:clip-path .8s cubic-bezier(.8,0,.15,1),transform .8s cubic-bezier(.8,0,.15,1),opacity .5s;background:var(--black)}body[data-screen]:not([data-screen=home]) #hero-parallax-stage{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 62%,0 60%,0 24%,0 22%);transform:translate(35%) skew(-6deg);opacity:0;pointer-events:none}.canvas-wrapper{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;width:calc(100% + 20px);height:calc(100% + 20px);display:flex;align-items:flex-end;justify-content:flex-end;background:#06132b}#video-canvas{width:100%;height:100%;display:block}.ransom{display:inline-block;white-space:nowrap}.ransom .ch{display:inline-block;line-height:1;padding:0 .01em;transition:transform .15s}.ransom .ch.box{background:var(--black);color:var(--white);padding:.04em .1em;margin:0 .04em;box-shadow:3px 3px 0 var(--blue-primary)}.ransom .ch.boxw{background:var(--white);color:var(--black);padding:.04em .1em;margin:0 .04em;box-shadow:3px 3px 0 var(--black)}.ransom .ch.blue{color:var(--cyan-accent);text-shadow:0 0 10px rgba(0,240,255,.7),3px 3px 0 var(--black)}.ransom .ch.yellow{color:var(--yellow-accent);text-shadow:3px 3px 0 var(--black)}.menu-item:hover .ch,.menu-item.sel .ch,#big-name:hover .ch{animation:jitter .35s ease both}.menu-item:hover .ch:nth-child(odd),#big-name:hover .ch:nth-child(odd){animation-delay:.03s}.menu-item:hover .ch:nth-child(3n),#big-name:hover .ch:nth-child(3n){animation-delay:.06s}@keyframes jitter{0%{transform:var(--t) translateY(0)}35%{transform:var(--t) translateY(-6px) rotate(3deg)}70%{transform:var(--t) translateY(2px) rotate(-2deg)}to{transform:var(--t) translateY(0)}}.sub{background:transparent}.sub .screen-head{margin:1vh 0 3.5vh;position:relative;display:inline-block}.sub .screen-head .ransom{font-size:clamp(38px,6vw,84px)}.sub .screen-head:after{content:"";position:absolute;left:-6px;bottom:-10px;height:10px;width:105%;background:var(--blue-primary);box-shadow:0 0 12px var(--blue-glow);transform:skew(-24deg)}.back-hint{display:inline-block;margin-left:22px;vertical-align:middle;font-size:13px;letter-spacing:.2em;text-transform:uppercase;background:var(--white);color:var(--black);padding:5px 12px;transform:skew(-10deg) rotate(-2deg);cursor:pointer;border:0;font-weight:700;font-family:inherit;transition:all .15s}.back-hint:hover{background:var(--cyan-accent);color:var(--black);transform:skew(-10deg) scale(1.06)}.grid-label{font-size:clamp(14px,1.4vw,17px);font-weight:800;letter-spacing:.22em;text-transform:uppercase;display:flex;align-items:center;gap:12px;margin:36px 0 8px;color:var(--white);text-shadow:2px 2px 0 var(--black)}.grid-label:first-of-type{margin-top:8px}.grid-label .bar{display:inline-block;width:18px;height:8px;background:var(--cyan-accent);transform:skew(-14deg);box-shadow:2px 2px 0 var(--black)}#repo-status{font-size:15px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:2vh;opacity:.85;color:var(--cyan-muted)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:36px 36px;padding-top:18px;margin-bottom:48px}#screen-projects{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;overflow-y:auto;overflow-x:hidden;padding:2vh 4vw 14vh;background:radial-gradient(circle at 75% 20%,#04091573,#040915d1 80%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.projects-geo-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.p3r-geo-slash{position:absolute;pointer-events:none}.p3r-geo-slash.g1{right:-8vw;top:-15vh;width:48vw;height:140vh;background:linear-gradient(135deg,#0066ff3d,#040915b3);transform:skew(-14deg);border-left:3px solid rgba(0,240,255,.45);box-shadow:-12px 0 40px #0066ff59;animation:geoSlashDrift 14s ease-in-out infinite alternate}.p3r-geo-slash.g2{right:32vw;top:-15vh;width:16vw;height:140vh;background:#00e5ff0f;transform:skew(-14deg);border-left:1px dashed rgba(0,240,255,.35);animation:geoSlashDrift 18s ease-in-out infinite alternate-reverse}@keyframes geoSlashDrift{0%{transform:skew(-14deg) translate(0)}to{transform:skew(-14deg) translate(25px)}}.p3r-geo-dots{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(0,240,255,.24) 1.6px,transparent 1.7px);background-size:16px 16px;opacity:.65;animation:halftoneDrift 30s linear infinite}.p3r-geo-gridlines{position:absolute;bottom:0;left:0;right:0;height:45vh;background:repeating-linear-gradient(90deg,transparent 0,transparent 48px,rgba(0,240,255,.12) 48px,rgba(0,240,255,.12) 50px),linear-gradient(to top,rgba(0,102,255,.3),transparent);transform:perspective(350px) rotateX(45deg);transform-origin:bottom center;pointer-events:none;opacity:.7}.p3r-geo-chevrons{position:absolute;bottom:12%;right:4vw;display:flex;flex-direction:column;gap:6px;font-family:Archivo Black,Arial Black,Impact,sans-serif;font-size:32px;color:#00f0ff38;letter-spacing:.25em;transform:skew(-14deg);animation:chevronSlide 4s ease-in-out infinite alternate;-webkit-user-select:none;user-select:none}@keyframes chevronSlide{0%{transform:skew(-14deg) translate(0);opacity:.2}to{transform:skew(-14deg) translate(20px);opacity:.55}}#feat-grid,#repo-grid,.grid-label{position:relative;z-index:3}#repo-grid{padding-bottom:6vh;margin-bottom:0}.card{color:var(--white);position:relative;padding:24px 24px 20px;cursor:pointer;text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(var(--tilt)) translateY(24px);opacity:0;transition:transform .18s cubic-bezier(.7,0,.3,1),filter .18s;filter:drop-shadow(7px 7px 0 rgba(0,0,0,.6));min-height:220px}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--blue-card);border:2px solid rgba(0,229,255,.3);clip-path:polygon(0 6%,3% 0,100% 0,100% 88%,97% 100%,0 100%)}.card>*{position:relative}.screen.active .card{animation:cardIn .5s cubic-bezier(.2,1.1,.3,1) forwards;animation-delay:var(--d)}@keyframes cardIn{to{transform:rotate(var(--tilt)) translateY(0);opacity:1}}.card:hover{transform:rotate(0) scale(1.03)!important;filter:drop-shadow(10px 10px 0 var(--blue-primary)) drop-shadow(0 0 16px rgba(0,240,255,.4));z-index:3}.card .lang{display:inline-flex;align-items:center;align-self:flex-start;background:#040915f2;color:var(--cyan-accent);font-weight:700;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;padding:4px 10px;transform:skew(-8deg);border:1.5px solid var(--blue-glow);box-shadow:2px 2px 0 var(--black);margin-bottom:10px;width:fit-content;max-width:100%}.card .lang:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--lc, var(--cyan-accent));margin-right:7px;flex-shrink:0;box-shadow:0 0 6px var(--lc, var(--cyan-accent))}.card h3{font-family:Archivo Black,Arial Black,Impact,sans-serif;font-size:20px;line-height:1.15;text-transform:uppercase;margin-top:4px;margin-bottom:12px;word-break:break-word}.card h3 em{font-style:normal;color:var(--cyan-accent)}.card p{font-size:14.5px;line-height:1.45;min-height:50px;color:#cbd5e1;margin-bottom:14px;flex:1}.card .meta{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;padding-top:10px;border-top:1px solid rgba(0,102,255,.2)}.card .meta .go{background:var(--blue-primary);color:var(--white);padding:4px 12px;transform:skew(-10deg);transition:background .15s}.card:hover .meta .go{background:var(--cyan-accent);color:var(--black)}.card.feat{color:var(--white);filter:drop-shadow(7px 7px 0 var(--blue-deep))}.card.feat:before{background:#060b17;border:2px solid var(--cyan-accent)}.card.feat:hover{filter:drop-shadow(10px 10px 0 var(--blue-primary)) drop-shadow(0 0 20px rgba(0,240,255,.5))}.card.feat p{color:#e2e8f0}.card.feat .lang{background:var(--blue-primary)}.card.feat .meta .go{background:var(--cyan-accent);color:var(--black)}.card.feat:hover .meta .go{background:var(--white);color:var(--blue-primary)}.live-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#0fa;box-shadow:0 0 8px #0fa;margin-right:7px;animation:liveBlink 1.1s ease-in-out infinite}@keyframes liveBlink{0%,to{opacity:1}50%{opacity:.25}}.grid-label{font-family:Archivo Black,Arial Black,Impact,sans-serif;font-size:clamp(15px,1.7vw,20px);text-transform:uppercase;letter-spacing:.12em;margin:3.5vh 0 2vh;text-shadow:2px 2px 0 var(--black)}.grid-label .bar{display:inline-block;width:34px;height:12px;background:var(--cyan-accent);transform:skew(-24deg);margin-right:12px;vertical-align:baseline}.skill-group{margin-bottom:4.5vh;max-width:920px}.skill-group h3{display:inline-block;background:var(--cyan-accent);color:var(--black);font-family:Archivo Black,Arial Black,Impact,sans-serif;font-size:clamp(18px,2.2vw,26px);text-transform:uppercase;padding:6px 18px;transform:skew(-12deg) rotate(-1.5deg);margin-bottom:2.4vh;box-shadow:5px 5px 0 var(--black)}.skill-row{display:flex;align-items:center;gap:18px;margin-bottom:12px}.skill-row .name{width:220px;flex-shrink:0;font-size:17px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-shadow:1px 1px 0 var(--black)}.skill-bar{flex:1;height:22px;background:#040915d9;border:1.5px solid rgba(0,229,255,.45);position:relative;transform:skew(-18deg);overflow:hidden;max-width:520px;box-shadow:inset 0 0 10px #000000e6,0 0 8px #06f3}.skill-bar .fill{display:block;position:absolute;top:0;left:0;bottom:0;height:100%;background-color:var(--cyan-accent);background:repeating-linear-gradient(90deg,transparent 0px,transparent 18px,rgba(4,9,21,.8) 18px,rgba(4,9,21,.8) 22px),linear-gradient(90deg,#04e,#00b4d8,#00f0ff);box-shadow:0 0 16px #00f0ff99;border-right:3px solid #ffffff;transition:width .9s cubic-bezier(.16,1,.3,1);will-change:width}.skill-bar .fill:after{content:"";position:absolute;right:0;top:0;bottom:0;width:5px;background:#fff;box-shadow:0 0 8px #fff,0 0 16px #00f0ff}.skill-row .lv{font-family:Archivo Black,Arial Black,Impact,sans-serif;font-size:16px;width:70px;text-align:right;color:var(--cyan-accent);text-shadow:2px 2px 0 var(--black)}.skills-backdrop-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:1;pointer-events:none;overflow:hidden;mask-image:linear-gradient(to right,transparent 0%,transparent 22%,rgba(0,0,0,.35) 44%,rgba(0,0,0,.85) 65%,black 82%,black 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,transparent 22%,rgba(0,0,0,.35) 44%,rgba(0,0,0,.85) 65%,black 82%,black 100%)}.skills-art-flip{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:scaleX(-1)}.skills-fullscreen-art{width:100%;height:100%;object-fit:cover;object-position:center center;filter:contrast(1.08) saturate(1.15);opacity:.95}.skills-art-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 85% 45%,transparent 35%,rgba(4,9,21,.45) 100%);pointer-events:none}#screen-skills{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;overflow-y:auto;overflow-x:hidden;padding:2vh 4vw 14vh}#skills-body{position:relative;z-index:3;max-width:min(720px,54vw)}@media(max-width:960px){.skills-backdrop-wrapper{opacity:.4}#skills-body{max-width:100%}}.paper{position:relative;max-width:min(720px,52vw);background-color:#f5f3ec;background-image:linear-gradient(135deg,rgba(255,255,255,.45) 0%,transparent 12%,rgba(0,0,0,.04) 22%,rgba(255,255,255,.35) 30%,transparent 46%,rgba(0,0,0,.045) 60%,rgba(255,255,255,.4) 72%,transparent 100%),linear-gradient(90deg,transparent 46px,rgba(0,200,255,.3) 46px,rgba(0,200,255,.3) 48px,transparent 48px),repeating-linear-gradient(180deg,transparent 0,transparent 31px,rgba(0,102,255,.14) 31px,rgba(0,102,255,.14) 32px);background-size:100% 100%,100% 100%,100% 32px;background-position:0 0,0 0,0 8px;color:var(--ink);padding:34px 38px 34px 44px;font-size:17.5px;line-height:32px;clip-path:polygon(0 3%,1.5% 0,98.5% .6%,100% 2.5%,99% 94%,97.5% 100%,1% 99%,0 96%);transform:rotate(-.6deg);box-shadow:10px 10px 0 var(--blue-deep),12px 12px #0009;margin-bottom:30px}.paper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(120deg,transparent 18%,rgba(0,0,0,.045) 22%,rgba(255,255,255,.5) 24%,transparent 29%),linear-gradient(38deg,transparent 40%,rgba(0,0,0,.04) 44%,rgba(255,255,255,.45) 46%,transparent 52%),linear-gradient(168deg,transparent 62%,rgba(0,0,0,.05) 67%,rgba(255,255,255,.4) 70%,transparent 76%),radial-gradient(ellipse at 25% 25%,rgba(255,255,255,.25) 0%,transparent 60%),radial-gradient(ellipse at 80% 75%,rgba(0,0,0,.035) 0%,transparent 60%);pointer-events:none;mix-blend-mode:multiply}.paper strong{color:var(--blue-primary);font-weight:800}.paper .stamp{display:inline-block;background:var(--black);color:var(--white);padding:2px 8px;transform:rotate(-2deg);font-weight:700}.paper a{color:var(--blue-primary);font-weight:700}.paper a:hover{background:var(--blue-primary);color:var(--white);text-decoration:none}.paper .quote em{display:inline;background:var(--black);color:var(--white);font-style:italic;padding:1px 6px;box-decoration-break:clone;-webkit-box-decoration-break:clone;line-height:1.7}.contact-list{display:flex;flex-wrap:wrap;gap:20px;padding-bottom:6vh}.contact-chip{background:var(--blue-card);color:var(--white);text-decoration:none;font-family:Archivo Black,Arial Black,Impact,sans-serif;font-size:clamp(16px,2vw,22px);text-transform:uppercase;padding:14px 26px;transform:skew(-10deg) rotate(-1deg);border:2px solid rgba(0,229,255,.4);transition:transform .15s,background .15s,color .15s;box-shadow:6px 6px 0 var(--black)}.contact-chip span{display:inline-block;transform:skew(10deg)}.contact-chip:hover{background:var(--cyan-accent);color:var(--black);transform:skew(-10deg) rotate(0) scale(1.06);box-shadow:8px 8px 0 var(--blue-primary)}.about-backdrop-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:1;pointer-events:none;overflow:hidden;display:flex;justify-content:flex-end}.about-fullscreen-art{position:absolute;right:-3vw;top:0;width:min(60vw,1050px);height:100%;object-fit:cover;object-position:center top;transform:translate(6vw);filter:contrast(1.08) saturate(1.1);mask-image:linear-gradient(to right,transparent 0%,transparent 10%,rgba(0,0,0,.3) 28%,rgba(0,0,0,.8) 50%,black 72%,black 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,transparent 10%,rgba(0,0,0,.3) 28%,rgba(0,0,0,.8) 50%,black 72%,black 100%);opacity:.95}.about-art-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 85% 40%,transparent 40%,rgba(4,9,21,.45) 100%);pointer-events:none}#screen-about{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;overflow-y:auto;overflow-x:hidden;padding:2vh 4vw 14vh}#screen-about .paper{position:relative;z-index:3;max-width:min(720px,52vw);margin-bottom:28px}.contact-backdrop-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:1;pointer-events:none;overflow:hidden}.contact-fullscreen-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:right 25%;filter:contrast(1.08) saturate(1.1);mask-image:linear-gradient(to right,transparent 0%,transparent 40%,rgba(0,0,0,.35) 54%,rgba(0,0,0,.85) 68%,black 82%,black 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,transparent 40%,rgba(0,0,0,.35) 54%,rgba(0,0,0,.85) 68%,black 82%,black 100%);opacity:.95}.contact-art-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 85% 40%,transparent 40%,rgba(4,9,21,.45) 100%);pointer-events:none}#screen-contact{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;overflow-y:auto;overflow-x:hidden;padding:2vh 4vw 14vh}#screen-contact .paper,#screen-contact .contact-list{position:relative;z-index:3;max-width:min(640px,48vw)}@media(max-width:960px){.about-backdrop-wrapper,.contact-backdrop-wrapper{width:100%;opacity:.45}.about-fullscreen-art,.contact-fullscreen-art{position:relative;right:0;width:100%;transform:none;object-position:center center}#screen-about .paper,#screen-contact .paper,#screen-contact .contact-list{max-width:100%}}.about-photo{float:right;width:min(230px,35%);margin:0 0 14px 22px;background:#fff;border:1px solid #ddd;padding:8px 8px 30px;transform:rotate(3deg);box-shadow:6px 6px #00000059;position:relative}.about-photo img{width:100%;height:auto;aspect-ratio:4 / 5;object-fit:cover;object-position:center 15%;display:block;filter:contrast(1.05)}.about-photo:before{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%) rotate(-4deg);width:80px;height:24px;background:var(--cyan-accent);opacity:.95;clip-path:polygon(4% 0,96% 8%,100% 92%,0 100%);box-shadow:2px 2px #0003}.about-photo figcaption{text-align:center;margin-top:8px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:12px;color:var(--ink)}.cv-btn{display:inline-block;margin-bottom:6vh;text-decoration:none;background:var(--blue-primary);color:var(--white);font-family:Archivo Black,Arial Black,Impact,sans-serif;font-size:clamp(17px,2.2vw,24px);text-transform:uppercase;letter-spacing:.06em;padding:16px 32px;transform:skew(-10deg) rotate(-1deg);box-shadow:7px 7px 0 var(--black);border:2px solid var(--cyan-accent);transition:transform .15s,background .15s,color .15s,box-shadow .15s}.cv-btn span{display:inline-block;transform:skew(10deg)}.cv-btn:hover{background:var(--cyan-accent);color:var(--black);transform:skew(-10deg) rotate(0) scale(1.05);box-shadow:10px 10px 0 var(--blue-deep)}.cv-btn:active{transform:skew(-10deg) scale(.97)}#contact-form{width:100%}.form-head{font-family:Archivo Black,Arial Black,Impact,sans-serif;font-size:clamp(18px,2.2vw,24px);text-transform:uppercase;margin-bottom:18px;position:relative;display:inline-block}.form-head:after{content:"";position:absolute;left:0;bottom:-6px;height:7px;width:100%;background:var(--cyan-accent);transform:skew(-24deg)}.field{display:block;margin-bottom:14px}.field span{display:block;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:12px;margin-bottom:5px;color:var(--cyan-muted)}.field input,.field textarea{width:100%;border:2px solid rgba(0,229,255,.4);background:#050a17;color:var(--white);padding:10px 14px;font-family:inherit;font-size:16px;transform:skew(-2deg);transition:border-color .15s,box-shadow .15s}.field input:focus,.field textarea:focus{outline:none;border-color:var(--cyan-accent);box-shadow:0 0 12px var(--blue-glow)}.field textarea{resize:vertical;min-height:110px}.form-foot{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:6px}.form-send{border:0;cursor:pointer;margin-bottom:0;font-size:17px;padding:12px 26px}.form-send:disabled{opacity:.55;cursor:wait}#form-status{font-weight:700;letter-spacing:.08em;font-size:13px;text-transform:uppercase;color:var(--cyan-accent)}.paper a{color:var(--cyan-accent);font-weight:700}.paper a:hover{background:var(--cyan-accent);color:var(--black);text-decoration:none}.paper .quote em{display:inline;background:var(--blue-primary);color:var(--white);font-style:italic;padding:1px 6px;box-decoration-break:clone;-webkit-box-decoration-break:clone;line-height:1.7}#wipe{position:fixed;top:-10%;right:-10%;bottom:-10%;left:-10%;z-index:50;pointer-events:none}#wipe .pane{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-130%) skew(-14deg)}#wipe .p1{background:var(--blue-primary)}#wipe .p2{background:var(--black)}#wipe .p3{background:var(--cyan-accent)}#wipe.go .pane{animation:wipeAcross .7s cubic-bezier(.75,0,.2,1) forwards}#wipe.go .p2{animation-delay:.06s}#wipe.go .p1{animation-delay:.12s}@keyframes wipeAcross{0%{transform:translate(-130%) skew(-14deg)}45%{transform:translate(0) skew(-14deg)}55%{transform:translate(0) skew(-14deg)}to{transform:translate(130%) skew(-14deg)}}#wipe .flash{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--white);opacity:0}#wipe.go .flash{animation:flash .7s linear forwards}@keyframes flash{0%,44%{opacity:0}48%{opacity:1}56%{opacity:0}to{opacity:0}}@media(pointer:fine){body.cursor-on,body.cursor-on *{cursor:none!important}}#cursor{position:fixed;left:0;top:0;width:48px;height:48px;z-index:9999;pointer-events:none;display:none;background-repeat:no-repeat;background-position:0 0;background-image:url(./normal-BCpRfA7q.png);filter:hue-rotate(200deg) brightness(1.2) drop-shadow(0 0 8px rgba(0,229,255,.9));margin:-3px 0 0 -4px}#cursor.link{background-image:url(./link-DSUwlcrs.png);filter:hue-rotate(200deg) brightness(1.3) drop-shadow(0 0 10px rgba(0,240,255,1));margin:-6px 0 0 -6px}.card .thumb{margin:-20px -22px 14px;height:150px;overflow:hidden;position:relative;clip-path:polygon(0 0,100% 0,100% 82%,0 100%);background:var(--black)}.card .thumb img{width:100%;height:100%;object-fit:cover;filter:grayscale(.8) contrast(1.15);transition:filter .2s,transform .3s}.card:hover .thumb img{filter:grayscale(0) contrast(1.05);transform:scale(1.05)}.card .thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 78%,var(--blue-primary) 78.5%)}@media(max-width:900px){#bg-stripes{animation:none!important;background-position:0 0!important}#bg-halftone{animation:none!important;mix-blend-mode:normal!important;opacity:.22!important}.bg-star{animation:none!important;filter:none!important}#stage,.screen,#hero-parallax-stage,.canvas-wrapper{-webkit-overflow-scrolling:touch;transform:translateZ(0);backface-visibility:hidden}.card,.paper{contain:content}#shell{overflow-x:hidden}#hud-top{padding:8px 12px;gap:8px;display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box}.hud-group{flex-shrink:0;max-width:48vw;overflow:hidden}.hud-tag{font-size:11px;padding:3px 8px;text-overflow:ellipsis;overflow:hidden}.hud-tag.alt{display:none}.hud-right-group{display:flex;align-items:center;gap:6px;flex-shrink:0;margin-left:auto}.hud-clock-widget{padding:3px 7px;gap:4px;display:flex;align-items:center}.hud-clock-badge-label{font-size:9px;padding:1px 3px}.hud-clock-time{font-size:12px}.hud-clock-location{font-size:9px}.bgm-widget{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;gap:0!important;transform:none!important;display:flex!important;align-items:center;z-index:20}.bgm-widget button{background:var(--blue-primary);color:var(--white);border:1px solid var(--blue-glow);padding:4px 10px;font-size:13px;font-weight:800;cursor:pointer;transform:skew(-10deg);box-shadow:2px 2px 0 var(--black);border-radius:2px;display:flex;align-items:center;justify-content:center;min-width:32px;min-height:26px;transition:background .15s,color .15s}.bgm-widget button:active{background:var(--cyan-accent);color:var(--black)}#bgm-status,.bgm-title,.bgm-bars{display:none!important}#screen-home.active{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 4vw;height:100%;overflow-y:hidden}.home-content{max-width:min(56vw,300px);width:auto;z-index:3}#big-name{font-size:clamp(26px,7.5vw,40px);margin-bottom:8px;line-height:1.1}#tagline{font-size:12.5px;line-height:1.4;max-width:100%;margin-bottom:14px}#menu{gap:8px}.menu-item{font-size:clamp(17px,4.8vw,24px);padding:4px 10px}#hero-parallax-stage{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:1;pointer-events:none;clip-path:polygon(56% 0,100% 0,100% 100%,38% 100%,50% 62%,43% 60%,58% 24%,49% 22%);background:var(--black);border:none;box-shadow:none;margin:0}body[data-screen]:not([data-screen=home]) #hero-parallax-stage{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 62%,0 60%,0 24%,0 22%);transform:translate(35%) skew(-6deg);opacity:0;pointer-events:none}.canvas-wrapper{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;width:calc(100% + 20px);height:calc(100% + 20px);display:flex;align-items:flex-end;justify-content:flex-end;background:#06132b}.screen.sub{padding:2vh 4vw 14vh}.paper,#screen-about .paper,#screen-contact .paper{max-width:100%!important;width:100%!important;padding:24px 20px;font-size:16px;line-height:28px;margin-bottom:20px}.contact-list,#screen-contact .contact-list{display:grid!important;grid-template-columns:1fr 1fr;gap:12px;width:100%!important;max-width:100%!important;padding-bottom:4vh}.contact-chip{width:100%;padding:12px 8px;font-size:14px;text-align:center;display:flex;justify-content:center;align-items:center}#contact-form{width:100%!important;max-width:100%!important}.grid{grid-template-columns:1fr!important;gap:24px 0!important;padding-top:10px!important;margin-bottom:36px}.card{min-height:auto;margin-top:0!important;padding:20px 18px 18px}.card .lang{font-size:10.5px;padding:3px 8px;max-width:100%;margin-bottom:8px}#skills-body{max-width:100%!important;width:100%!important}.skill-group{max-width:100%;margin-bottom:3.5vh}.skill-row{display:flex;flex-direction:column;align-items:stretch;gap:6px;margin-bottom:18px;width:100%}.skill-row .name{width:100%;font-size:15px;font-weight:700;line-height:1.2;text-transform:uppercase}.skill-bar{flex:none!important;width:100%!important;max-width:100%!important;height:22px!important;min-height:22px!important;display:block!important;background:#040915f2!important;border:1.5px solid rgba(0,229,255,.5)!important;position:relative!important;transform:skew(-14deg)!important;overflow:hidden!important;box-shadow:inset 0 0 10px #000000e6,0 0 8px #06f3!important}.skill-bar .fill{display:block!important;position:absolute!important;top:0!important;left:0!important;bottom:0!important;height:100%!important;background-color:var(--cyan-accent)!important;background:repeating-linear-gradient(90deg,transparent 0px,transparent 14px,rgba(4,9,21,.85) 14px,rgba(4,9,21,.85) 18px),linear-gradient(90deg,#04e,#00b4d8,#00f0ff)!important;box-shadow:0 0 14px #00f0ffcc!important;border-right:3px solid #ffffff!important}.skill-bar .fill:after{content:""!important;position:absolute!important;right:0!important;top:0!important;bottom:0!important;width:5px!important;background:#fff!important;box-shadow:0 0 8px #fff,0 0 16px #00f0ff!important}.skill-row .lv{align-self:flex-end;font-size:14px;font-weight:800;color:var(--cyan-accent);margin-top:2px}.about-photo{float:none;width:min(220px,75%);margin:10px auto 20px;display:block}.about-backdrop-wrapper,.contact-backdrop-wrapper,.skills-backdrop-wrapper,.projects-backdrop-wrapper{opacity:.18}#hud-bottom{padding:8px 10px max(10px,env(safe-area-inset-bottom));font-size:11px;gap:6px;flex-wrap:wrap;justify-content:center;align-items:center;background:#040915f7;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid rgba(0,212,255,.2);z-index:25}.hud-keys{gap:6px;font-size:11px;display:flex;justify-content:center;align-items:center;width:100%}.hud-btn{padding:6px 8px;min-height:38px;font-size:11px;letter-spacing:.12em;touch-action:manipulation}.hud-btn .key{padding:2px 6px;font-size:10px;margin-right:4px}.hud-clock-badge{font-size:10.5px;padding:3px 6px;margin:0 auto}}@media(max-width:600px){.contact-list,#screen-contact .contact-list,.grid{grid-template-columns:1fr}#hud-bottom{flex-direction:row;justify-content:center;align-items:center;gap:4px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.hud-keys{justify-content:space-evenly;gap:4px;width:100%}.hud-clock-badge{margin:0 auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}}