@font-face{font-family:"Press Start 2P";src:url("assets/fonts/PressStart2P-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Space Mono";src:url("assets/fonts/SpaceMono-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Space Mono";src:url("assets/fonts/SpaceMono-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--color-page-background:#07071a;--color-surface:#131334;--color-surface-raised:#1d1d4b;--color-text-primary:#fff6c7;--color-accent-cyan:#52f3ff;--color-accent-pink:#ff54ce;--color-accent-violet:#a479ff;--color-accent-yellow:#ffdb50;--color-accent-lime:#a7ff70;--color-accent-danger:#ff5d70;--color-shadow:#02020a;--font-display:"Press Start 2P",system-ui,sans-serif;--font-body:"Space Mono",ui-monospace,monospace}*{box-sizing:border-box}html,body{background:var(--color-page-background);width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--color-text-primary);font-family:var(--font-body)}button,a{font:inherit}button{-webkit-tap-highlight-color:transparent}.arcade-stage{background:radial-gradient(circle at 50% 15%,#2f1f70 0,#12102d 38%,#05050e 85%);place-items:center;width:100%;height:100dvh;min-height:500px;padding:clamp(4px,1.2vh,14px) clamp(4px,1.5vw,18px);display:grid;position:relative;overflow:hidden}.arcade-stage:before{content:"";opacity:.23;transform-origin:bottom;background-image:linear-gradient(90deg,#0000 49%,#7c4dff 50%,#0000 51%),linear-gradient(#12122e 49%,#2a2057 50%,#0000 51%);background-size:36px 36px;position:absolute;inset:0;transform:perspective(520px)rotateX(60deg)scale(1.65)translateY(35%)}.ambient{filter:blur(90px);opacity:.17;pointer-events:none;border-radius:50%;width:32vmax;height:32vmax;position:absolute}.ambient--one{background:var(--color-accent-pink);top:-15vmax;left:-18vmax}.ambient--two{background:var(--color-accent-cyan);bottom:-18vmax;right:-19vmax}.arcade-cabinet{z-index:1;filter:drop-shadow(0 20px 30px #0000008c);grid-template-rows:auto minmax(0,1fr) auto;width:min(98vw,136.32dvh,1200px);height:min(97dvh,910px);min-height:500px;display:grid;position:relative}.cabinet-top{background:linear-gradient(#4c226e 0%,#1d1748 47%,#0b0a23 100%);border:5px solid #080814;border-radius:20px 20px 4px 4px;flex-direction:column;justify-content:center;gap:5px;min-height:56px;padding:8px 18px 7px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #7d3aa0,inset 0 0 30px #ff54ce6b}.cabinet-top:after{content:"";filter:blur(4px);background:#060610;border-radius:100%;height:12px;position:absolute;bottom:-8px;left:10%;right:10%}.marquee-glow{background:linear-gradient(90deg,transparent,var(--color-accent-pink),var(--color-accent-cyan),transparent);filter:blur(17px);opacity:.7;animation:3s ease-in-out infinite marqueePulse;position:absolute;inset:10% 18%}.marquee{color:var(--color-accent-yellow);font-family:var(--font-display);text-shadow:3px 3px 0 #76215f,0 0 10px var(--color-accent-yellow);letter-spacing:.03em;justify-content:center;align-items:center;gap:clamp(10px,2vw,26px);font-size:clamp(17px,2.8vw,32px);display:flex;position:relative}.marquee span{color:var(--color-accent-cyan);text-shadow:0 0 10px var(--color-accent-cyan);font-size:.7em}.cabinet-top p{text-align:center;color:#e5bfff;font-family:var(--font-display);letter-spacing:.08em;margin:0;font-size:clamp(6px,.75vw,8px);position:relative}.cabinet-body{background:linear-gradient(90deg,#242052 0%,#111131 14%,#15163c 50%,#111131 86%,#242052 100%);border:5px solid #080814;border-top:0;grid-template-rows:minmax(0,1fr) clamp(120px,21vh,174px);gap:clamp(5px,1vh,10px);min-height:0;padding:clamp(7px,1.25vw,14px);display:grid;position:relative}.cabinet-body:after{content:"";pointer-events:none;background:linear-gradient(90deg,#7741ff33,#0000 12% 88%,#ff54ce2b);position:absolute;inset:0}.side-light{z-index:2;width:4px;animation:1.7s infinite alternate lightPulse;position:absolute;top:11%;bottom:25%;box-shadow:0 0 10px 3px}.side-light--left{color:var(--color-accent-cyan);left:9px}.side-light--right{color:var(--color-accent-pink);animation-delay:.5s;right:9px}.screen-shell{z-index:3;background:linear-gradient(145deg,#7479ac,#0a0b19 4%,#141634 93%,#454b78);border:clamp(4px,.6vw,7px) solid #06060e;border-radius:10px;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;padding:clamp(4px,.55vw,7px);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #393d64,0 6px #05050c}.screen-header,.screen-footer{z-index:5;color:#b9d6f4;min-width:0;font-family:var(--font-display);background:#0a0c1d;justify-content:space-between;align-items:center;gap:10px;padding:clamp(5px,.7vw,8px) clamp(7px,1vw,12px);font-size:clamp(5px,.65vw,8px);display:flex}.screen-header{border-bottom:1px solid #394176}.screen-footer{border-top:1px solid #394176}.screen-header>span:nth-child(2){white-space:nowrap;text-overflow:ellipsis;text-align:center;overflow:hidden}.screen-header__live{color:var(--color-accent-lime);white-space:nowrap}.screen-header__live i{background:var(--color-accent-lime);width:6px;height:6px;box-shadow:0 0 8px var(--color-accent-lime);border-radius:50%;margin-right:4px;animation:1s infinite blink;display:inline-block}.sound-toggle{color:var(--color-accent-cyan);font-family:var(--font-display);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:0;font-size:clamp(5px,.6vw,7px)}.sound-toggle:hover{color:var(--color-accent-yellow)}.screen-frame{background:radial-gradient(circle at 30% 10%,#184d7b 0,#092545 33%,#030c20 79%);min-height:0;position:relative;overflow:hidden}#arcade-canvas,.scanlines,.screen-noise{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.scanlines{z-index:2;opacity:.32;mix-blend-mode:overlay;background:repeating-linear-gradient(0deg,#ffffff14 0 1px,#0000 1px 4px)}.screen-noise{z-index:3;opacity:.18;background-image:radial-gradient(circle at 12% 30%,#ffffff26 0 1px,#0000 1px),radial-gradient(circle at 73% 20%,#ffffff2e 0 1px,#0000 1px);background-size:4px 5px,6px 7px;animation:.85s steps(2,end) infinite noiseShift}.screen-content{z-index:4;height:100%;min-height:0;padding:clamp(11px,2.1vh,21px) clamp(13px,2.4vw,30px);position:relative;overflow:hidden}.screen-page{width:100%;height:100%;animation:.3s ease-out both screenIn;overflow:hidden}.screen-page[hidden]{display:none!important}.eyebrow{color:var(--color-accent-cyan);font-family:var(--font-display);text-shadow:0 0 8px #52f3ffb3;margin:0 0 9px;font-size:clamp(6px,.75vw,9px);line-height:1.5}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font-display);font-weight:400}h1{color:#fff8d0;text-shadow:3px 3px #17307a,0 0 16px #52f3ffb3;margin-bottom:clamp(10px,1.8vh,18px);font-size:clamp(19px,3.65vw,45px);line-height:1.25}h2{color:var(--color-accent-yellow);text-shadow:2px 2px #653452;margin-bottom:clamp(10px,1.55vh,18px);font-size:clamp(13px,2.1vw,26px);line-height:1.3}h3{font-size:clamp(8px,.96vw,11px);line-height:1.65}.cursor{color:var(--color-accent-pink);animation:.9s step-end infinite blink}.hero-copy,.profile-copy>p,.contact-layout p{color:#d2e7ff;max-width:55ch;font-size:clamp(10px,1.2vw,15px);line-height:1.5}.home-layout{grid-template-columns:1.2fr .9fr;align-items:center;gap:clamp(14px,3vw,34px);height:calc(100% - 25px);display:grid}.home-title{align-self:center}.home-panels{align-self:center;gap:clamp(8px,1.3vh,12px);display:grid}.pixel-card{clip-path:polygon(0 0,96% 0,100% 13%,100% 100%,4% 100%,0 87%);background:linear-gradient(135deg,#091645e0,#190c42e6);border:2px solid #6683ce;padding:clamp(9px,1.3vw,15px);box-shadow:inset 0 0 0 2px #9b87ff38,0 0 12px #52f3ff29}.pixel-card__label{color:var(--color-accent-pink);font-family:var(--font-display);margin-bottom:11px;font-size:clamp(6px,.65vw,8px)}.status-line{color:var(--color-accent-lime);font-family:var(--font-display);align-items:center;gap:7px;font-size:clamp(6px,.67vw,8px);line-height:1.7;display:flex}.status-dot{background:var(--color-accent-lime);width:8px;height:8px;box-shadow:0 0 9px var(--color-accent-lime);border-radius:50%;flex:none;animation:1.4s infinite blink}.mini-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px;display:grid}.mini-stats div{text-align:center}.mini-stats strong{color:var(--color-accent-yellow);font-family:var(--font-display);font-size:clamp(11px,1.4vw,17px);display:block}.mini-stats span{color:#9bc1ec;font-family:var(--font-display);margin-top:7px;font-size:clamp(5px,.52vw,7px);display:block}.mission-list{gap:9px;margin:0;padding:0;list-style:none;display:grid}.mission-list li{color:#e5ecff;font-family:var(--font-display);font-size:clamp(6px,.68vw,8px);line-height:1.55}.mission-list span{color:var(--color-accent-yellow);margin-right:8px}.command-hint{color:#91a9d4;font-family:var(--font-display);flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:clamp(5px,.55vw,7px);display:flex;position:absolute;bottom:0;left:0;right:0}.command-hint>span:first-child{transform:translateY(8px)}.command-hint__blink{color:var(--color-accent-pink);animation:1s steps(2,end) infinite blink}.profile-layout{grid-template-columns:clamp(100px,18vw,170px) 1fr;align-items:center;gap:clamp(15px,3vw,38px);height:calc(100% - 35px);display:grid}.avatar-pixel{aspect-ratio:1;border:3px solid var(--color-accent-cyan);background:#28376d;grid-template-columns:repeat(4,1fr);align-self:center;gap:2px;width:clamp(100px,14vw,150px);padding:7px;display:grid;box-shadow:0 0 18px #52f3ff66,inset 0 0 0 6px #111840}.avatar-pixel span{background:0 0}.avatar-pixel span:nth-child(2),.avatar-pixel span:nth-child(3),.avatar-pixel span:nth-child(6),.avatar-pixel span:nth-child(7),.avatar-pixel span:nth-child(8),.avatar-pixel span:nth-child(9),.avatar-pixel span:nth-child(10),.avatar-pixel span:nth-child(11),.avatar-pixel span:nth-child(12),.avatar-pixel span:nth-child(14),.avatar-pixel span:nth-child(15){background:var(--color-accent-yellow)}.avatar-pixel span:nth-child(6),.avatar-pixel span:nth-child(7),.avatar-pixel span:nth-child(8),.avatar-pixel span:nth-child(9){background:var(--color-accent-pink)}.avatar-pixel span:nth-child(11),.avatar-pixel span:nth-child(14){background:#0e1439}.terminal-block{border-left:4px solid var(--color-accent-lime);color:var(--color-accent-lime);font-family:var(--font-display);background:#050d24b8;margin-top:clamp(12px,2vh,18px);padding:clamp(10px,1.3vw,14px);font-size:clamp(5px,.6vw,7px);line-height:2}.terminal-block span{display:block}.project-grid{grid-template-columns:1.12fr 1fr 1fr;gap:clamp(7px,1vw,13px);height:calc(100% - 68px);display:grid}.project-card{min-width:0;color:var(--color-text-primary);background:linear-gradient(145deg,#1a2158f0,#090c27f2);border:2px solid #586ac5;flex-direction:column;padding:clamp(11px,1.5vw,17px);text-decoration:none;transition:transform .18s,border-color .18s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.project-card:hover{border-color:var(--color-accent-cyan);transform:translateY(-3px)}.project-card--feature{border-color:var(--color-accent-pink)}.project-card__number{color:var(--color-accent-yellow);font-family:var(--font-display);font-size:clamp(8px,.95vw,12px)}.project-card h3{color:#fff5c7;margin:clamp(11px,1.7vh,18px) 0 10px}.project-card p{color:#bdd5ef;margin-bottom:auto;font-size:clamp(8px,.9vw,11px);line-height:1.5}.tag-row{flex-wrap:wrap;gap:5px;margin-top:12px;display:flex}.tag-row span{color:var(--color-accent-cyan);font-family:var(--font-display);background:#080d2b;border:1px solid #4a6ab3;padding:4px 5px;font-size:clamp(5px,.55vw,6px)}.section-footnote{color:#94a9d5;font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;margin:8px 0 0;font-size:clamp(5px,.56vw,7px);overflow:hidden}.skills-grid{grid-template-columns:repeat(4,1fr);gap:clamp(8px,1vw,14px);height:calc(100% - 52px);display:grid}.skill-card{background:linear-gradient(145deg,#10214d,#18103f);border:2px solid #5c70bf;flex-direction:column;justify-content:space-between;padding:clamp(12px,1.5vw,18px);display:flex}.skill-card:nth-child(2){border-color:var(--color-accent-cyan)}.skill-card:nth-child(3){border-color:var(--color-accent-yellow)}.skill-card:nth-child(4){border-color:var(--color-accent-pink)}.skill-card span{color:var(--color-accent-pink);font-family:var(--font-display);font-size:clamp(7px,.8vw,10px)}.skill-card:nth-child(2) span{color:var(--color-accent-cyan)}.skill-card:nth-child(3) span{color:var(--color-accent-yellow)}.skill-card p{color:#c6d8f2;margin:0;font-size:clamp(8px,.85vw,11px);line-height:1.65}.contact-layout{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(12px,3vw,34px);height:calc(100% - 34px);display:grid}.screen-page--contact{scrollbar-gutter:auto;overflow:hidden auto}.contact-layout h2{font-size:clamp(17px,2.7vw,34px);line-height:1.35}.contact-console{gap:6px;display:grid}.contact-link{min-width:0;color:var(--color-text-primary);text-align:left;cursor:pointer;background:#0a1236;border:2px solid #546fb5;flex-direction:column;gap:7px;padding:clamp(11px,1.5vw,15px);text-decoration:none;transition:transform .16s,border-color .16s;display:flex}.contact-link:hover{border-color:var(--color-accent-cyan);transform:translate(4px)}.contact-link span{color:var(--color-accent-pink);font-family:var(--font-display);font-size:clamp(5px,.6vw,7px)}.contact-link strong{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display);font-size:clamp(6px,.7vw,9px);overflow:hidden}.contact-link--button{width:100%}.about-card{background:linear-gradient(145deg,#0d1a46f2,#150b38f0);border:2px solid #5369b8;flex-direction:column;justify-content:center;min-width:0;padding:clamp(10px,1.45vw,16px);display:flex;overflow:hidden}.about-card--wide{grid-column:span 2}.about-card--accent{border-color:var(--color-accent-pink);background:linear-gradient(145deg,#4c1263f5,#13113cf5)}.about-card--projects{border-color:var(--color-accent-cyan)}.about-card span{color:var(--color-accent-cyan);font-family:var(--font-display);margin-bottom:8px;font-size:clamp(14px,1.6vw,20px)}.about-card--accent span{color:var(--color-accent-yellow)}.about-card strong{color:#fff2be;font-family:var(--font-display);font-size:clamp(7px,.85vw,10px);line-height:1.55}.about-card p{color:#bfd2eb;margin:8px 0 0;font-size:clamp(7px,.75vw,10px);line-height:1.45}.game-intro h2{margin-bottom:8px}.game-intro>p:last-child{color:#c6dbef;font-size:clamp(9px,1vw,12px)}.game-select{grid-template-columns:1fr 1fr;gap:clamp(10px,1.5vw,18px);height:calc(100% - 76px);display:grid}.game-option{min-width:0;color:var(--color-text-primary);text-align:left;border:2px solid var(--color-accent-pink);cursor:pointer;background:linear-gradient(145deg,#40144b,#10113e);grid-template-rows:1fr auto auto;gap:8px;padding:clamp(11px,1.5vw,18px);transition:transform .17s,filter .17s;display:grid;position:relative;overflow:hidden}.game-option:hover{filter:brightness(1.2);transform:translateY(-4px)}.game-option--three{border-color:var(--color-accent-cyan);background:linear-gradient(145deg,#0d3d68,#141348)}.game-option__id{color:var(--color-accent-yellow);font-family:var(--font-display);font-size:clamp(7px,.75vw,9px);position:absolute;top:10px;right:12px}.game-option strong{color:#fff5c7;font-family:var(--font-display);font-size:clamp(8px,.95vw,11px)}.game-option small{color:#b7d2e8;font-family:var(--font-display);font-size:clamp(5px,.55vw,7px);line-height:1.5}.fighter-stage,.three-stage{background:radial-gradient(circle,#ffdb5038,#0000 47%),linear-gradient(#240a38,#080c2c);border:1px solid #ffffff59;min-height:75px;display:block;position:relative;overflow:hidden}.fighter-stage:after{content:"";border-bottom:2px solid var(--color-accent-yellow);box-shadow:0 0 10px var(--color-accent-yellow);position:absolute;bottom:11px;left:0;right:0}.fighter{background:var(--color-accent-pink);width:22px;height:44px;box-shadow:0 0 10px var(--color-accent-pink);clip-path:polygon(35% 0,65% 0,80% 23%,70% 34%,85% 62%,66% 62%,68% 100%,32% 100%,34% 62%,15% 62%,30% 34%,20% 23%);animation:1s ease-in-out infinite alternate fighterBounce;position:absolute;bottom:13px}.fighter--left{left:25%}.fighter--right{background:var(--color-accent-cyan);box-shadow:0 0 10px var(--color-accent-cyan);animation-delay:.3s;right:25%;transform:scaleX(-1)}.fighter-stage b{color:var(--color-accent-yellow);font-family:var(--font-display);text-shadow:0 0 8px var(--color-accent-yellow);font-size:clamp(11px,1.4vw,17px);position:absolute;top:32%;left:50%;transform:translate(-50%)}.three-stage{perspective:180px;background:radial-gradient(circle at 50% 35%,#52f3ff66,#0000 32%),linear-gradient(#061b3b,#160c3d)}.three-stage:after{content:"";opacity:.65;background:repeating-linear-gradient(90deg,#52f3ff99 0 1px,#0000 1px 18px),repeating-linear-gradient(0deg,#52f3ff99 0 1px,#0000 1px 18px);height:90%;position:absolute;bottom:-38%;left:-15%;right:-15%;transform:rotateX(60deg)}.three-stage i{background:var(--color-accent-violet);width:16px;height:16px;box-shadow:0 0 10px var(--color-accent-violet);animation:2s ease-in-out infinite floatCube;position:absolute;transform:rotate(45deg)}.three-stage i:first-child{top:24%;left:25%}.three-stage i:nth-child(2){background:var(--color-accent-cyan);box-shadow:0 0 10px var(--color-accent-cyan);animation-delay:.5s;top:16%;left:59%}.three-stage i:nth-child(3){background:var(--color-accent-yellow);box-shadow:0 0 10px var(--color-accent-yellow);animation-delay:1s;top:51%;left:45%}.three-stage b{z-index:2;font-family:var(--font-display);color:#fff8c3;font-size:clamp(12px,1.6vw,21px);position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.control-panel{z-index:4;background:linear-gradient(150deg,#45357b,#191738 42%,#2c214f);border:4px solid #070711;border-radius:4px 4px 16px 16px;grid-template-columns:.42fr .92fr 2.35fr .55fr .52fr .42fr;align-items:center;gap:clamp(6px,1vw,11px);min-height:0;padding:clamp(8px,1.1vw,13px);display:grid;position:relative;box-shadow:inset 0 0 0 2px #7a62ab,0 7px #05050c}.control-panel:after{content:"";z-index:-1;background:#06060d;border-radius:0 0 18px 18px;height:18px;position:absolute;bottom:-11px;left:5%;right:5%}.speaker{grid-template-columns:repeat(2,1fr);align-content:center;gap:5px;height:62%;padding:4px;display:grid}.speaker i{aspect-ratio:1;background:#060612;border:1px solid #4c4b69;border-radius:50%;width:100%;box-shadow:inset 0 0 0 2px #0d0d20}.joystick-zone{cursor:crosshair;place-items:center;height:100%;min-height:0;display:grid;position:relative}.joystick-label{color:#a9c5e6;font-family:var(--font-display);font-size:clamp(5px,.55vw,7px);position:absolute;top:4px;left:50%;transform:translate(-50%)}.joystick-base{aspect-ratio:1;background:radial-gradient(circle at 35% 28%,#6572a4 0,#292649 30%,#111127 66%,#05050c 100%);border:4px solid #07070e;border-radius:50%;width:clamp(58px,7.5vw,87px);position:relative;box-shadow:inset 0 0 0 4px #4a476b,0 4px #05050d}.joystick-stick{transform-origin:50% 100%;width:clamp(12px,1.3vw,17px);height:clamp(56px,7.2vw,83px);transform:translateX(-50%)rotate(var(--stick-angle,0deg));z-index:2;transition:transform 60ms linear;position:absolute;bottom:44%;left:50%}.joystick-stick:before{content:"";background:linear-gradient(90deg,#0d0d1d,#8786a8 48%,#16162b);border:2px solid #080812;border-radius:8px 8px 0 0;width:100%;height:72%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.joystick-ball{aspect-ratio:1;width:clamp(31px,3.9vw,44px);transform:translateX(calc(-50% + var(--ball-x,0px)))translateY(var(--ball-y,0px));background:radial-gradient(circle at 30% 24%,#ffd3ff 0 7%,#ff64d9 19%,#bb198e 54%,#4d0c53 100%);border:3px solid #100716;border-radius:50%;transition:transform 60ms linear;position:absolute;top:-8px;left:50%;box-shadow:inset -6px -7px 8px #2a00238c,0 0 14px #ff54cecc}.joystick-zone:active .joystick-base{box-shadow:inset 0 0 0 4px #6b5bab,0 2px #05050d}.arcade-buttons{grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:clamp(4px,.6vw,8px);min-width:0;height:100%;display:grid}.arcade-button{color:#fff3cc;cursor:pointer;background:0 0;border:0;align-self:center;justify-items:center;gap:clamp(5px,.6vw,7px);min-width:0;padding:0;transition:transform .1s;display:grid}.arcade-button>span{aspect-ratio:1;width:clamp(25px,3.1vw,38px);font-family:var(--font-display);border:3px solid #090910;border-radius:50%;place-items:center;font-size:clamp(8px,.85vw,10px);display:grid;box-shadow:inset -4px -5px 5px #00000073,0 4px #07070d,0 0 10px}.arcade-button small{white-space:nowrap;text-overflow:ellipsis;color:#b9c9e9;max-width:100%;font-family:var(--font-display);font-size:clamp(4px,.42vw,6px);overflow:hidden}.arcade-button--a{color:var(--color-accent-pink)}.arcade-button--a>span{background:linear-gradient(135deg,#ff9de9,#d01b9f)}.arcade-button--b{color:var(--color-accent-cyan)}.arcade-button--b>span{background:linear-gradient(135deg,#a1fbff,#169cb7)}.arcade-button--c{color:var(--color-accent-yellow)}.arcade-button--c>span{background:linear-gradient(135deg,#fff5a2,#e29c20)}.arcade-button--d{color:var(--color-accent-lime)}.arcade-button--d>span{background:linear-gradient(135deg,#e0ff98,#63bb31)}.arcade-button--e{color:var(--color-accent-violet)}.arcade-button--e>span{background:linear-gradient(135deg,#d8bbff,#773bea)}.arcade-button.is-pressed,.arcade-button:active{transform:translateY(4px)}.arcade-button.is-pressed>span,.arcade-button:active>span{box-shadow:inset 0 3px 7px #000000b3,0 1px #07070d}.start-button{color:#fff1c0;cursor:pointer;background:linear-gradient(#5f5f80,#27263d);border:2px solid #0b0b16;border-radius:4px;place-content:center;gap:7px;min-width:0;height:70%;padding:4px;transition:transform .1s;display:grid;box-shadow:inset 0 0 0 2px #7e7d9f,0 4px #090911}.start-button span,.start-button small{font-family:var(--font-display);text-align:center;font-size:clamp(5px,.58vw,7px)}.start-button small{color:var(--color-accent-cyan);font-size:clamp(4px,.42vw,5px)}.start-button:active{transform:translateY(4px);box-shadow:inset 0 2px 6px #111,0 1px #090911}.coin-slot{color:#ffefbd;cursor:pointer;background:linear-gradient(150deg,#3a394f,#181822);border:2px solid #0b0b15;border-radius:4px;place-content:end center;gap:5px;height:78%;padding:0 5px 7px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #606078,0 4px #07070d}.coin-slot>span:last-child{font-family:var(--font-display);text-align:center;font-size:clamp(4px,.43vw,6px);line-height:1.55}.coin-slot__slot{background:#030308;border-radius:7px;height:6px;position:absolute;top:36%;left:20%;right:20%;transform:translate(-5px);box-shadow:inset 0 1px 2px #808094,0 0 5px #000}.coin-slot__coin{aspect-ratio:1;color:#865b05;width:23px;font-family:var(--font-display);text-shadow:1px 1px #fceaa7;opacity:0;background:radial-gradient(circle at 35% 25%,#fff0a2,#f5b22f 48%,#a56505);border:2px solid #ffdfa1;border-radius:50%;place-items:center;font-size:8px;display:grid;position:absolute;top:-36px;left:50%;transform:translate(-50%)}.coin-slot.is-inserting .coin-slot__coin{animation:.78s cubic-bezier(.3,.7,.35,1) forwards coinInsert}.coin-slot.is-ready{box-shadow:inset 0 0 0 2px #606078,0 4px 0 #07070d,0 0 14px var(--color-accent-yellow)}.cabinet-footer{color:#7881ad;font-family:var(--font-display);background:linear-gradient(#13142e,#070711);border:5px solid #080814;border-top:0;border-radius:0 0 20px 20px;justify-content:space-between;gap:7px;padding:7px 14px;font-size:clamp(4px,.46vw,6px);display:flex}.toast{z-index:20;border:2px solid var(--color-accent-cyan);color:#effffe;max-width:min(92vw,600px);font-family:var(--font-display);opacity:0;pointer-events:none;text-align:center;background:#071432;padding:11px 15px;font-size:clamp(6px,.72vw,8px);line-height:1.6;transition:transform .24s,opacity .24s;position:fixed;bottom:clamp(16px,4vh,40px);left:50%;transform:translate(-50%,130px);box-shadow:0 0 17px #52f3ff59}.toast.is-visible{opacity:1;transform:translate(-50%)}@keyframes marqueePulse{50%{opacity:.35;transform:scale(1.08)}}@keyframes lightPulse{to{opacity:.45;box-shadow:0 0 4px 1px}}@keyframes blink{50%{opacity:.18}}@keyframes noiseShift{to{transform:translate(1px,-1px)}}@keyframes screenIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes fighterBounce{to{translate:0 -7px}}@keyframes floatCube{50%{transform:rotate(225deg)translate(8px,-7px)}}@keyframes coinInsert{0%{opacity:0;transform:translate(-50%,-26px)rotate(0)}10%{opacity:1}72%{opacity:1;transform:translate(-50%,42px)rotate(270deg)}to{opacity:0;transform:translate(-50%,57px)rotate(390deg)}}@media (width<=760px){.arcade-cabinet{width:min(99vw,123.48dvh)}.cabinet-top{padding-inline:8px}.cabinet-top p{display:none}.cabinet-body{grid-template-rows:minmax(0,1fr) clamp(102px,20vh,132px);padding:5px}.screen-content{padding:10px 11px}.home-layout{grid-template-columns:1fr .8fr;gap:10px}.hero-copy{font-size:9px}.project-grid{gap:5px}.project-card{padding:8px}.project-card p{font-size:7px}.skill-card{padding:8px}.contact-layout{gap:8px}.contact-link{padding:9px}.control-panel{grid-template-columns:.22fr .75fr 2.42fr .54fr .49fr .22fr;gap:4px;padding:5px}.speaker{display:none}.arcade-buttons{gap:3px}.joystick-base{width:57px}.arcade-button>span{border-width:2px;width:24px}.arcade-button small,.coin-slot>span:last-child{font-size:3px}.about-grid{gap:5px}.about-card{padding:8px}.about-card p{font-size:6px}}@media (height<=650px){.arcade-cabinet{width:min(98vw,151.9dvh)}.cabinet-top{min-height:43px;padding:5px 10px}.marquee{font-size:15px}.cabinet-body{grid-template-rows:minmax(0,1fr) 105px;gap:5px;padding:5px}.cabinet-footer{padding:5px 9px}.screen-content{padding:8px 12px}.screen-header,.screen-footer{padding:4px 6px}.home-layout{gap:13px}.pixel-card{padding:8px}.mini-stats{margin-top:9px}.profile-layout{gap:12px}.terminal-block{margin-top:8px;padding:7px}.project-grid{height:calc(100% - 52px)}.project-card{padding:8px}.skill-card{padding:9px}.control-panel{padding:5px}.joystick-base{width:52px}.joystick-stick{height:52px}.game-select{height:calc(100% - 56px)}}@media (width<=520px){.arcade-cabinet{width:100vw;height:100dvh}.cabinet-top{border-radius:0}.cabinet-body{border-left-width:3px;border-right-width:3px}.cabinet-footer{border-radius:0;font-size:3px}.screen-header,.screen-footer{font-size:4px}.screen-header__live{display:none}.sound-toggle{font-size:4px}.home-layout{grid-template-columns:1fr}.home-panels{grid-template-columns:1fr 1fr}.hero-copy{display:none}.pixel-card{padding:7px}.home-title h1{font-size:22px}.profile-layout{grid-template-columns:72px 1fr}.avatar-pixel{width:72px}.terminal-block{font-size:4px}.project-card h3{font-size:5px}.project-card p,.tag-row{display:none}.skills-grid{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr)}.contact-layout{grid-template-columns:1fr}.contact-layout h2{font-size:16px}.contact-layout>div:first-child p{display:none}.about-grid{grid-template-columns:1fr 1fr}.about-card--wide{grid-column:span 2}.game-select{gap:7px}.game-option{padding:8px}.control-panel{grid-template-columns:.85fr 2.5fr .55fr .52fr}.joystick-zone{grid-column:1}.arcade-buttons{grid-column:2}.start-button{grid-column:3}.coin-slot{grid-column:4}.speaker{display:none}.arcade-button>span{width:22px}.arcade-button small{display:none}.joystick-label{font-size:4px}}:root{--color-active-accent:var(--color-accent-cyan)}body{transition:background .25s,color .25s}body[data-palette=amber]{--color-active-accent:var(--color-accent-yellow)}body[data-palette=ice]{--color-active-accent:#9db7ff}body[data-palette=lime]{--color-active-accent:var(--color-accent-lime)}body.fx-off .side-light,body.fx-off .tube,body.fx-off .corner-light,body.fx-off .marquee-glow,body.fx-off .marquee-lamps,body.fx-off .ambient{opacity:.14;animation-play-state:paused}body.crt-off .scanlines,body.crt-off .screen-noise,body.crt-off .screen-vignette{display:none}body[data-resolved-theme=light]{--color-page-background:#e9f0ff;--color-surface:#d5defb;--color-surface-raised:#b9c4ee;--color-text-primary:#0e1a44;--color-shadow:#5c6b9c;color:#0e1a44;background:#e9f0ff}body[data-resolved-theme=light] .cabinet-top{background:linear-gradient(#9a79cd 0%,#6956a7 47%,#4e4f8c 100%);border-color:#464779;box-shadow:inset 0 0 0 3px #9f96e5,inset 0 0 30px #ff54ce3d}body[data-resolved-theme=light] .cabinet-body{background:linear-gradient(90deg,#b6c2eb 0%,#9ca9d7 14%,#adb9e6 50%,#9ca9d7 86%,#b6c2eb 100%);border-color:#454b79}body[data-resolved-theme=light] .screen-header,body[data-resolved-theme=light] .screen-footer{color:#243661;background:#eaf2ff}body[data-resolved-theme=light] .hero-copy,body[data-resolved-theme=light] .profile-copy>p,body[data-resolved-theme=light] .contact-layout p{color:#263f6c}body[data-resolved-theme=light] .pixel-card,body[data-resolved-theme=light] .project-card,body[data-resolved-theme=light] .skill-card,body[data-resolved-theme=light] .about-card,body[data-resolved-theme=light] .settings-card{color:#182650;background:linear-gradient(145deg,#ebf4fff2,#beccf3f5)}body[data-resolved-theme=light] .control-panel{background:linear-gradient(150deg,#a7addc,#8b91c9 42%,#9eabd8)}body[data-resolved-theme=light] .cabinet-footer{color:#eaf0ff;background:linear-gradient(#59659a,#373e73)}body[data-resolved-theme=light] .neon-arena{background:linear-gradient(#e8dcff 0%,#bdcbf6 55%,#9ca9e4 100%)}.ambient--three{filter:blur(90px);opacity:.13;background:var(--color-accent-violet);pointer-events:none;border-radius:50%;width:24vmax;height:24vmax;position:absolute;top:-17vmax;right:13vmax}.marquee-lamps{z-index:3;pointer-events:none;justify-content:space-between;display:flex;position:absolute;bottom:5px;left:14%;right:14%}.marquee-lamps i{background:var(--color-accent-yellow);width:5px;height:5px;box-shadow:0 0 7px var(--color-accent-yellow),0 0 12px var(--color-accent-pink);border-radius:50%;animation:1.15s steps(2,end) infinite lampPulse}.marquee-lamps i:nth-child(2n){background:var(--color-accent-cyan);box-shadow:0 0 7px var(--color-accent-cyan),0 0 12px var(--color-accent-violet);animation-delay:.4s}.marquee strong{color:var(--color-accent-yellow);font:inherit}.marquee span{color:var(--color-accent-cyan)}.tube{z-index:2;pointer-events:none;border-radius:999px;animation:1.8s ease-in-out infinite alternate lightPulse;position:absolute}.tube--top{background:linear-gradient(90deg,var(--color-accent-pink),var(--color-accent-yellow),var(--color-accent-cyan),var(--color-accent-pink));height:3px;box-shadow:0 0 7px var(--color-accent-pink),0 0 15px var(--color-accent-cyan);top:11px;left:14%;right:14%}.tube--bottom{background:linear-gradient(90deg,var(--color-accent-pink),var(--color-accent-yellow),var(--color-accent-cyan));height:3px;box-shadow:0 0 8px var(--color-accent-pink),0 0 14px var(--color-accent-cyan);bottom:calc(clamp(120px,21vh,174px) + 8px);left:7%;right:7%}.corner-light{z-index:2;background:var(--color-accent-pink);width:9px;height:9px;box-shadow:0 0 8px var(--color-accent-pink),0 0 16px var(--color-accent-pink);border:1px solid #fff3df;border-radius:50%;animation:1.4s steps(2,end) infinite lampPulse;position:absolute}.corner-light--tl{top:17px;left:17px}.corner-light--tr{background:var(--color-accent-cyan);box-shadow:0 0 8px var(--color-accent-cyan),0 0 16px var(--color-accent-cyan);animation-delay:.2s;top:17px;right:17px}.corner-light--bl{background:var(--color-accent-yellow);box-shadow:0 0 8px var(--color-accent-yellow),0 0 16px var(--color-accent-yellow);animation-delay:.4s;bottom:calc(clamp(120px,21vh,174px) + 16px);left:17px}.corner-light--br{background:var(--color-accent-lime);box-shadow:0 0 8px var(--color-accent-lime),0 0 16px var(--color-accent-lime);animation-delay:.6s;bottom:calc(clamp(120px,21vh,174px) + 16px);right:17px}.screen-header{grid-template-columns:auto minmax(0,1fr) auto;display:grid}.screen-header__middle{text-overflow:ellipsis;white-space:nowrap;text-align:center;overflow:hidden}.screen-header__actions{justify-content:flex-end;align-items:center;gap:7px;display:flex}.mini-action{color:var(--color-active-accent);font-family:var(--font-display);cursor:pointer;white-space:nowrap;background:#06102bb8;border:1px solid #52f3ff80;align-items:center;gap:4px;padding:2px 4px;font-size:clamp(4px,.54vw,6px);display:inline-flex}.mini-action:hover,.mini-action:focus-visible{color:var(--color-accent-yellow);border-color:var(--color-accent-yellow);outline:0;box-shadow:0 0 8px #ffdb508c}.mini-action--gear{justify-content:center;min-width:18px;padding-inline:3px;font-size:10px}.screen-vignette{z-index:3;pointer-events:none;background:radial-gradient(#0000 53%,#00000052 100%);position:absolute;inset:0}.screen-content h1,.screen-content h2,.screen-content .eyebrow{text-shadow-color:var(--color-active-accent)}.screen-content .eyebrow{color:var(--color-active-accent)}.control-panel{grid-template-columns:.42fr .92fr 2.35fr .55fr .52fr .42fr .42fr}.settings-key{min-width:0;height:70%;color:var(--color-accent-cyan);cursor:pointer;font-family:var(--font-display);background:linear-gradient(#57558a,#292544);border:2px solid #0b0b16;border-radius:4px;place-content:center;gap:5px;padding:4px;font-size:clamp(8px,.85vw,10px);transition:transform .1s;display:grid;box-shadow:inset 0 0 0 2px #827eb4,0 4px #090911}.settings-key small{color:#e8ddff;font-family:var(--font-display);font-size:clamp(4px,.42vw,5px)}.settings-key:active,.settings-key.is-pressed{transform:translateY(4px);box-shadow:inset 0 2px 6px #111,0 1px #090911}.coin-fx{z-index:40;opacity:0;pointer-events:none;width:26px;height:26px;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.coin-fx span{color:#8b5d00;width:100%;height:100%;box-shadow:0 0 15px var(--color-accent-yellow);background:radial-gradient(circle at 35% 25%,#fffdea 0 9%,#ffe36c 30%,#be7802 76%);border:2px solid #fff3ad;border-radius:50%;place-items:center;font-size:0;display:grid}.coin-fx.is-inserting{animation:.78s cubic-bezier(.3,.7,.35,1) both coinFly}button.about-card{text-align:left;cursor:pointer;border:2px solid #5d6bc2;width:100%}button.about-card:hover,button.about-card:focus-visible{border-color:var(--color-active-accent);box-shadow:0 0 15px color-mix(in srgb,var(--color-active-accent)50%,transparent);outline:0;transform:translateY(-2px)}.about-modal{z-index:60;opacity:0;visibility:hidden;background:#02030fc7;place-items:center;padding:18px;transition:opacity .18s,visibility .18s;display:grid;position:fixed;inset:0}.about-modal.is-open{opacity:1;visibility:visible}.about-modal__panel{border:3px solid var(--color-active-accent);color:#dbeaff;width:min(92vw,680px);height:min(70dvh,560px);max-height:min(83dvh,700px);box-shadow:0 0 0 5px #ffffff21,0 0 38px color-mix(in srgb,var(--color-active-accent)46%,transparent);background:linear-gradient(145deg,#12153e,#070919);padding:clamp(20px,3vw,34px);transition:transform .18s;position:relative;overflow:auto;transform:translateY(14px)scale(.98)}.about-modal.is-open .about-modal__panel{transform:translateY(0)scale(1)}.about-modal__panel p,.about-modal__panel li{color:#c5d8ee;font-size:clamp(13px,1.15vw,16px);line-height:1.65}.about-modal__panel strong{color:var(--color-accent-yellow)}.about-modal__close{color:#fff;cursor:pointer;background:#0a0d28;border:1px solid #8495d8;width:30px;height:30px;font-size:22px;position:absolute;top:7px;right:9px}.game-intro{height:auto}.game-select{height:calc(100% - 94px)}.game-option{grid-template-rows:minmax(80px,1fr) auto auto auto}.game-launch,.back-key,.fighter-utility{border:2px solid var(--color-active-accent);color:#fff6c7;font-family:var(--font-display);cursor:pointer;background:#131540;padding:9px 10px;font-size:clamp(5px,.6vw,7px);box-shadow:0 3px #060610}.game-launch:hover,.back-key:hover,.fighter-utility:hover{border-color:var(--color-accent-yellow);color:var(--color-accent-yellow);transform:translateY(-1px)}.game-launch--disabled{cursor:not-allowed;opacity:.55}.back-key{margin-top:10px;display:inline-block}.fighter-page-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.fighter-page-head h2{margin-bottom:8px}.fighter-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.fighter-utility{padding:7px 8px}.fight-hud{font-family:var(--font-display);color:var(--color-accent-yellow);grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:4px 0 8px;font-size:clamp(5px,.62vw,7px);display:grid}.fight-hud>strong{color:#fff6c7;white-space:nowrap}.life-card{align-items:center;gap:6px;min-width:0;display:flex}.life-card--cpu{justify-content:flex-end}.life-bar{background:#130e29;border:1px solid #a0b5ff;flex:1;height:10px;overflow:hidden}.life-bar i{background:linear-gradient(90deg,var(--color-accent-lime),var(--color-accent-yellow));width:100%;height:100%;box-shadow:0 0 9px var(--color-accent-lime);transition:width .18s;display:block}.neon-arena{background:linear-gradient(#250853 0%,#111a54 44%,#1b0951 45%,#090a2d 100%);border:2px solid #6a6bc2;height:clamp(210px,40vh,360px);position:relative;overflow:hidden;box-shadow:inset 0 0 30px #ff54ce40}.arena-sun{opacity:.96;background:repeating-linear-gradient(#ffd85c 0 8px,#f25bd7 8px 13px);border-radius:50%;width:120px;height:120px;position:absolute;top:20px;left:50%;transform:translate(-50%);box-shadow:0 0 28px #ff56cf}.arena-city{clip-path:polygon(0 100%,0 44%,5% 44%,5% 25%,12% 25%,12% 65%,18% 65%,18% 22%,26% 22%,26% 58%,33% 58%,33% 14%,44% 14%,44% 62%,53% 62%,53% 31%,60% 31%,60% 56%,68% 56%,68% 22%,79% 22%,79% 64%,86% 64%,86% 33%,93% 33%,93% 54%,100% 54%,100% 100%);opacity:.84;background:linear-gradient(90deg,#040419 0 5%,#0000 5% 10%,#050520 10% 15%,#0000 15% 22%,#050520 22% 29%,#0000 29% 36%,#050520 36% 46%,#0000 46% 54%,#050520 54% 63%,#0000 63% 70%,#050520 70% 77%,#0000 77% 85%,#050520 85% 100%);height:28%;position:absolute;bottom:39%;left:0;right:0}.arena-grid{transform-origin:top;background:repeating-linear-gradient(90deg,#52f3ffb3 0 1px,#0000 1px 26px),repeating-linear-gradient(0deg,#ff54ce9e 0 1px,#0000 1px 26px);height:86%;position:absolute;bottom:-44%;left:-15%;right:-15%;transform:perspective(220px)rotateX(63deg)}.hit-flash{opacity:0;pointer-events:none;background:radial-gradient(circle,#ffffffbf,#ff54ce38 24%,#0000 56%);position:absolute;inset:0}.hit-flash.is-active{animation:.26s ease-out both hitFlash}.neon-arena .fighter{bottom:13%;left:calc(var(--x)*1%);width:42px;height:86px;transform:translateX(-50%)translateY(calc(var(--jump,0)*-1px))scaleX(var(--facing,1));filter:drop-shadow(0 0 10px var(--fighter-glow));clip-path:none;background:0 0;transition:left 80ms linear,transform 80ms linear;animation:none;position:absolute}.fighter--player{--fighter-glow:var(--color-accent-pink)}.fighter--cpu{--fighter-glow:var(--color-accent-cyan)}.fighter__shadow{filter:blur(2px);background:#0000008a;border-radius:50%;height:9px;position:absolute;bottom:-6px;left:3px;right:3px}.fighter__head{background:#ffe5c1;border-radius:50%;width:20px;height:20px;position:absolute;top:0;left:13px;box-shadow:0 0 7px #fff5d3}.fighter__body{background:var(--fighter-glow);width:26px;height:38px;box-shadow:0 0 11px var(--fighter-glow);border:3px solid #170524;position:absolute;top:20px;left:10px}.fighter__arm{background:var(--fighter-glow);transform-origin:top;border:2px solid #170524;width:10px;height:34px;position:absolute;top:25px}.fighter__arm--front{left:33px;transform:rotate(-24deg)}.fighter__arm--back{left:0;transform:rotate(28deg)}.fighter__leg{transform-origin:top;background:#322761;border:2px solid #110b22;width:11px;height:32px;position:absolute;top:55px}.fighter__leg--front{left:23px;transform:rotate(-10deg)}.fighter__leg--back{left:9px;transform:rotate(10deg)}.fighter.is-attacking .fighter__arm--front{animation:.22s ease-out both punch}.fighter.is-hit{animation:.22s ease-out both fighterHit}.fighter.is-ko{filter:grayscale()brightness(.55);transform:translateX(-50%)rotate(78deg)translateY(22px)scaleX(var(--facing,1))}.fight-message{z-index:5;color:#fff6c7;font-family:var(--font-display);text-shadow:3px 3px 0 var(--color-accent-pink),0 0 18px var(--color-accent-yellow);opacity:0;pointer-events:none;font-size:clamp(16px,3vw,34px);position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.fight-message.is-visible{animation:1.3s ease-out both fightMessage}.fight-controls{color:#bed3eb;font-family:var(--font-display);align-items:center;gap:10px;margin-top:8px;font-size:clamp(5px,.56vw,7px);display:flex}.fight-controls>div{gap:5px;margin-left:auto;display:flex}.fight-controls button{color:#fff;min-width:31px;height:28px;font-family:var(--font-display);cursor:pointer;background:#19183b;border:2px solid #6072bc}.settings-layout{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:10px;height:calc(100% - 90px);padding-right:4px;display:grid;overflow:auto}.settings-card{background:linear-gradient(145deg,#1a2158f0,#090c27f2);border:2px solid #586ac5;min-width:0;padding:12px;box-shadow:inset 0 0 0 1px #ffffff14}.settings-card h3{color:var(--color-accent-yellow);font-family:var(--font-display);margin:0 0 10px;font-size:clamp(6px,.74vw,9px)}.segmented{border:1px solid #6880c7;grid-template-columns:repeat(3,1fr);display:grid}.segmented button{color:#b9c9e9;font-family:var(--font-display);cursor:pointer;background:#0d1133;border:0;border-right:1px solid #6880c7;padding:8px 4px;font-size:clamp(4px,.52vw,6px)}.segmented button:last-child{border-right:0}.segmented button.is-selected,.palette-picker button.is-selected{background:color-mix(in srgb,var(--color-active-accent)25%,#0c1031);color:#fff;box-shadow:inset 0 0 10px color-mix(in srgb,var(--color-active-accent)30%,transparent)}.setting-copy{color:#bfd2eb;margin:10px 0 0;font-size:clamp(8px,.8vw,11px);line-height:1.45}.switch-row,.range-row{color:#c7d9ed;justify-content:space-between;align-items:center;gap:8px;min-height:30px;font-size:clamp(8px,.8vw,10px);display:flex;position:relative}.switch-row input{opacity:0;position:absolute}.switch-row i{background:#090c27;border:1px solid #6681c9;border-radius:99px;width:34px;height:17px;position:relative}.switch-row i:after{content:"";background:#8fa5c6;border-radius:50%;width:11px;height:11px;transition:transform .16s,background .16s;position:absolute;top:2px;left:2px}.switch-row input:checked+i{border-color:var(--color-active-accent);box-shadow:0 0 8px color-mix(in srgb,var(--color-active-accent)50%,transparent)}.switch-row input:checked+i:after{background:var(--color-active-accent);transform:translate(16px)}.range-row input{width:52%;accent-color:var(--color-active-accent)}.palette-picker{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.palette-picker button{color:#c5d6ed;min-width:0;font-family:var(--font-display);cursor:pointer;background:#0d1133;border:1px solid #6681c9;align-items:center;gap:6px;padding:7px;font-size:clamp(4px,.5vw,6px);display:flex}.palette-picker i{background:var(--color-accent-cyan);width:8px;height:8px;box-shadow:0 0 7px var(--color-accent-cyan);border-radius:50%;flex:none;display:block}.palette-picker button:nth-child(2) i{background:var(--color-accent-yellow);box-shadow:0 0 7px var(--color-accent-yellow)}.palette-picker button:nth-child(3) i{background:#9db7ff;box-shadow:0 0 7px #9db7ff}.palette-picker button:nth-child(4) i{background:var(--color-accent-lime);box-shadow:0 0 7px var(--color-accent-lime)}.settings-footer{color:#b6cbe4;font-family:var(--font-display);flex-wrap:wrap;align-items:center;gap:7px;margin-top:8px;font-size:clamp(4px,.5vw,6px);display:flex}.settings-footer #cache-status{margin-right:auto}@keyframes lampPulse{50%{opacity:.35;filter:brightness(.55)}}@keyframes coinFly{0%{opacity:0;transform:translate(-50%,-140%)scale(.45)rotate(0)}12%{opacity:1}80%{opacity:1;transform:translate(-50%)scale(.95)rotate(560deg)}to{opacity:0;transform:translate(-50%,20%)scale(.3)rotate(720deg)}}@keyframes punch{48%{transform:rotate(-92deg)translateY(-4px)}to{transform:rotate(-24deg)}}@keyframes fighterHit{50%{filter:brightness(2.4)drop-shadow(0 0 18px #fff)}}@keyframes hitFlash{0%{opacity:0}.35%{opacity:1}to{opacity:0}}@keyframes fightMessage{0%{opacity:0;transform:translate(-50%,-50%)scale(.55)}25%,60%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.2)}}@media (width<=760px){.arcade-cabinet{width:99vw;height:min(97dvh,880px)}.cabinet-body{grid-template-rows:minmax(0,1fr) clamp(105px,19vh,140px)}.tube--bottom{bottom:calc(clamp(105px,19vh,140px) + 8px)}.corner-light--bl,.corner-light--br{bottom:calc(clamp(105px,19vh,140px) + 16px)}.screen-header{grid-template-columns:1fr auto}.screen-header__middle{display:none}.screen-header__actions{grid-column:2}.mini-action span:last-child{display:none}.mini-action{padding:4px}.control-panel{grid-template-columns:.34fr .88fr 2.4fr .62fr .55fr .48fr .34fr;gap:4px;padding:8px}.speaker{display:none}.control-panel{grid-template-columns:.9fr 2.4fr .62fr .55fr .48fr}.joystick-zone{grid-column:1}.arcade-buttons{grid-column:2}.start-button{grid-column:3}.coin-slot{grid-column:4}.settings-key{grid-column:5}.settings-layout{grid-template-columns:1fr;height:calc(100% - 80px)}.settings-card{padding:9px}.settings-footer #cache-status{width:100%}.neon-arena{height:clamp(190px,37vh,260px)}.fight-controls>span{display:none}.fight-controls{justify-content:center}.fight-controls>div{margin-left:0}.about-modal__panel{max-height:88dvh;padding:24px 18px 18px}.game-select{grid-template-columns:1fr;height:calc(100% - 88px);overflow:auto}.game-option{min-height:180px}.back-key{margin-top:7px}}@media (height<=680px) and (width>=800px){.cabinet-body{grid-template-rows:minmax(0,1fr) clamp(98px,18vh,130px)}.tube--bottom{bottom:calc(clamp(98px,18vh,130px) + 8px)}.corner-light--bl,.corner-light--br{bottom:calc(clamp(98px,18vh,130px) + 16px)}.neon-arena{height:190px}}:root{--console-module-height:clamp(8.75rem,19.5vh,11.25rem);--cabinet-module-gap:clamp(.48rem,.95vh,.72rem)}.arcade-cabinet{gap:var(--cabinet-module-gap);filter:drop-shadow(0 22px 30px #00000094);grid-template-rows:clamp(2.55rem,5.6vh,3.5rem) minmax(0,1fr);width:min(99vw,149.38dvh,1360px);height:min(97dvh,910px);min-height:500px}.cabinet-top.marquee-module{clip-path:none;background:linear-gradient(#4c226e 0%,#1d1748 57%,#0b0a23 100%);border:3px solid #080814;border-radius:12px 12px 4px 4px;width:min(92%,1160px);height:100%;min-height:0;padding:.18rem clamp(.7rem,1.6vw,1.4rem);box-shadow:inset 0 0 0 2px #7d3aa0,inset 0 0 18px #ff54ce52,0 5px #0000008c}.cabinet-top.marquee-module:after{display:none}.cabinet-top.marquee-module .marquee-glow{filter:blur(12px);inset:18% 20%}.cabinet-top.marquee-module .marquee-lamps{bottom:.14rem;left:14%;right:14%}.cabinet-top.marquee-module .marquee-lamps i{width:4px;height:4px}.cabinet-top.marquee-module .marquee{height:100%;min-height:0;text-shadow:2px 2px 0 #76215f,0 0 8px var(--color-accent-yellow);background:#080727e6;border-width:1px;border-radius:8px;gap:clamp(.45rem,1.2vw,1rem);padding:.1rem .45rem .34rem;font-size:clamp(.78rem,1.7vw,1.45rem)}.cabinet-top.marquee-module .marquee span{font-size:.64em}.cabinet-top.marquee-module p,.cabinet-top.marquee-module .cabinet-id{display:none!important}.cabinet-body{grid-template-rows:minmax(0,1fr)var(--console-module-height);gap:var(--cabinet-module-gap);min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;display:grid;overflow:visible}.cabinet-body:after{display:none}.screen-module,.control-module{isolation:isolate;min-width:0;position:relative}.screen-module{background:linear-gradient(90deg,#ffffff12 0 1px,#0000 1px 24px),linear-gradient(#332061 0%,#1b1742 54%,#111027 100%);border:4px solid #25194e;border-radius:18px;min-height:0;padding:clamp(.45rem,.9vw,.8rem);display:grid;overflow:hidden;box-shadow:inset 0 2px #ffffff3d,inset 0 -7px #00000061,0 7px #01020c8f,0 0 0 2px #8c75ff4f}.screen-module .screen-shell{z-index:3;border-width:clamp(4px,.5vw,6px);align-self:stretch;width:100%;height:100%;min-height:0}.screen-module .side-light{z-index:6;top:4.1rem;bottom:1.25rem}.screen-module .side-light--left{left:.63rem}.screen-module .side-light--right{right:.63rem}.screen-module .tube--top{z-index:6;top:.75rem;left:10%;right:10%}.screen-module .tube--bottom{z-index:6;bottom:.74rem;left:5%;right:5%}.screen-module .corner-light--tl{z-index:7;top:.88rem;left:.88rem}.screen-module .corner-light--tr{z-index:7;top:.88rem;right:.88rem}.screen-module .corner-light--bl{z-index:7;bottom:.88rem;left:.88rem}.screen-module .corner-light--br{z-index:7;bottom:.88rem;right:.88rem}.control-module{min-height:var(--console-module-height);background:linear-gradient(90deg,#ffffff14 0 1px,#0000 1px 24px),linear-gradient(#493284 0%,#292354 58%,#171537 100%);border:4px solid #25194e;border-radius:16px 16px 22px 22px;padding:clamp(.38rem,.8vw,.7rem) clamp(.52rem,1vw,.92rem) clamp(.52rem,.95vw,.86rem);overflow:visible;box-shadow:inset 0 3px #ffffff2e,inset 0 -7px #00000047,0 9px #03031299,0 0 0 2px #8c75ff4f}.control-module .control-panel{background:linear-gradient(#523b90b8,#1c1941d6);border:0;border-radius:12px 12px 16px 16px;height:100%;min-height:0;margin:0;padding:clamp(.55rem,.9vw,.88rem) clamp(.55rem,1vw,1rem) .48rem;box-shadow:inset 0 3px #ffffff2e,inset 0 -6px #00000042}.control-module .control-panel:after{display:none}.control-module .joystick-zone{z-index:10;overflow:visible}.control-module .joystick-base{width:clamp(4.75rem,6.7vw,6.2rem);overflow:visible}.coin-fx{width:clamp(1.65rem,2.8vw,2.45rem);height:clamp(1.65rem,2.8vw,2.45rem);overflow:visible}.coin-fx span{opacity:0;border-radius:50%;display:block;position:absolute;inset:0}.coin-fx__trail{box-shadow:0 0 16px var(--color-accent-cyan),inset -4px -5px 0 #03285061;background:radial-gradient(circle at 35% 25%,#fff 0 8%,#a6ffff 22%,#32bfd8 63%,#0a4f92 100%);border:3px solid #d9ffff}.coin-fx__token{box-shadow:0 0 16px var(--color-accent-yellow),inset -4px -5px 0 #552d0061;background:radial-gradient(circle at 35% 28%,#ffffe8 0 8%,#ffe76d 27%,#c78603 72%);border:3px solid #fff1a5}.coin-fx.is-inserting .coin-fx__trail{animation:.76s cubic-bezier(.3,.7,.35,1) both coinFlyV10}.coin-fx.is-inserting .coin-fx__token{animation:.76s cubic-bezier(.3,.7,.35,1) .12s both coinFlyV10}@keyframes coinFlyV10{0%{opacity:0;transform:translate(-50%,-150%)scale(.35)rotate(0)}12%{opacity:1}80%{opacity:1;transform:translate(-50%)scale(.95)rotate(560deg)}to{opacity:0;transform:translate(-50%,22%)scale(.3)rotate(720deg)}}.screen-page{scrollbar-width:thin;scrollbar-color:var(--color-active-accent)#00000057}.screen-page::-webkit-scrollbar{width:7px}.screen-page::-webkit-scrollbar-track{background:#02030d7a;border-left:1px solid #ffffff1f}.screen-page::-webkit-scrollbar-thumb{background:var(--color-active-accent);min-height:2.4rem;box-shadow:0 0 8px var(--color-active-accent);border:1px solid #ffffff57}@media (width<=760px){:root{--console-module-height:clamp(8.1rem,20vh,9.4rem)}.arcade-cabinet{grid-template-rows:clamp(2.25rem,5.2vh,2.85rem) minmax(0,1fr);width:99vw;height:min(97dvh,880px)}.cabinet-top.marquee-module{width:94%}.cabinet-top.marquee-module .marquee{font-size:clamp(.66rem,3.5vw,1rem)}.screen-module{padding:.42rem}.screen-module .side-light{top:3.55rem;bottom:.9rem}.control-module{padding:.34rem .42rem .52rem}.control-module .control-panel{padding:.46rem .34rem .3rem}.control-module .joystick-base{width:3.9rem}.control-module .joystick-stick{height:3.45rem}}@media (height<=680px) and (width>=800px){:root{--console-module-height:clamp(7.55rem,18.7vh,9rem)}.arcade-cabinet{grid-template-rows:2.5rem minmax(0,1fr);height:97dvh}.cabinet-top.marquee-module .marquee{font-size:1rem}.screen-module .side-light{top:3.65rem}}:root{--viewport-w:100vw;--viewport-h:100dvh;--stage-inline:clamp(12px,1.35vw,24px);--stage-block:clamp(10px,1.35vh,18px);--cabinet-marquee-height:clamp(43px,5.45vh,58px);--console-module-height:clamp(124px,18.4vh,164px);--cabinet-module-gap:clamp(7px,.9vh,12px)}html,body{min-height:0}.arcade-stage{min-height:0;height:var(--viewport-h);padding:var(--stage-block)var(--stage-inline);align-items:center}.arcade-cabinet{width:min(calc(var(--viewport-w) - (var(--stage-inline)*2)),calc((var(--viewport-h) - (var(--stage-block)*2))*1.58),1360px);height:min(calc(var(--viewport-h) - (var(--stage-block)*2)),900px);grid-template-rows:var(--cabinet-marquee-height)minmax(0,1fr);gap:var(--cabinet-module-gap);min-height:0}.cabinet-top.marquee-module{width:calc(100% - clamp(20px,3.4vw,60px));height:var(--cabinet-marquee-height);place-self:center;min-height:0;margin-inline:auto;padding:0 clamp(.7rem,1.3vw,1.25rem)}.cabinet-top.marquee-module .marquee{padding:.1rem .45rem .38rem;font-size:clamp(.8rem,1.65vw,1.38rem)}.cabinet-top.marquee-module .marquee-lamps{bottom:.18rem}.cabinet-body{grid-template-rows:minmax(0,1fr)var(--console-module-height);gap:var(--cabinet-module-gap);min-height:0;overflow:visible}.screen-module{z-index:2;border-radius:clamp(14px,1.45vw,20px);min-width:0;min-height:0;padding:clamp(6px,.8vw,11px)}.screen-module .screen-shell{min-width:0;height:100%;min-height:0}.control-module{z-index:8;min-width:0;min-height:0;height:var(--console-module-height);border-radius:17px 17px 24px 24px;padding:clamp(6px,.72vw,10px) clamp(8px,.9vw,13px) clamp(11px,1.1vw,15px);overflow:visible;box-shadow:inset 0 3px #ffffff30,inset 0 -9px #00000059,0 8px #030312a8,0 0 0 2px #8c75ff4f}.control-module:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#151332,#05050e);border:1px solid #9787e28c;border-radius:0 0 999px 999px;height:clamp(5px,.55vw,8px);position:absolute;bottom:clamp(4px,.55vw,8px);left:11%;right:11%;box-shadow:inset 0 1px #ffffff29,0 2px #00000080}.control-module .control-panel{z-index:2;border-radius:12px 12px 18px 18px;min-width:0;height:100%;min-height:0;padding:clamp(8px,.85vw,12px) clamp(7px,.85vw,12px) clamp(6px,.65vw,9px);position:relative}.control-module .joystick-zone{z-index:12}.control-module .joystick-base{width:clamp(4.75rem,6.35vw,6rem);margin-top:clamp(.3rem,.55vh,.6rem);overflow:visible}.screen-frame{min-width:0;min-height:0;container-type:inline-size}.screen-content{min-width:0;min-height:0;padding:clamp(10px,1.75cqw,22px) clamp(12px,2.25cqw,28px);overflow:hidden}.screen-page{overscroll-behavior:contain;min-width:0;height:100%;min-height:0;padding-right:clamp(2px,.7cqw,8px);overflow:hidden auto}.screen-page>*,.home-layout>*,.profile-layout>*,.contact-layout>*,.project-grid>*,.about-grid>*{min-width:0}.home-layout{grid-template-columns:minmax(0,1.18fr) minmax(0,.9fr)}.profile-layout{grid-template-columns:minmax(92px,18vw) minmax(0,1fr)}.project-card,.about-card,.skill-card,.pixel-card,.contact-link{overflow-wrap:anywhere}@container (width<=650px){.screen-content{padding:10px 12px}.home-layout{grid-template-columns:1fr;align-content:start;height:auto;min-height:100%}.home-panels{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-layout{grid-template-columns:80px minmax(0,1fr);align-content:start;gap:12px;height:auto;min-height:100%}.avatar-pixel{width:78px}.project-grid,.skills-grid,.about-grid,.settings-layout{height:auto;min-height:100%}.contact-layout{grid-template-columns:1fr;height:auto;min-height:100%}}@container (width<=480px){.screen-header__middle{display:none}.screen-content{padding:8px 9px}.home-panels,.profile-layout{grid-template-columns:1fr}.avatar-pixel{display:none}.screen-page{padding-right:3px}}body[data-screen-density=compact]{--console-module-height:clamp(108px,17.2vh,130px);--cabinet-marquee-height:clamp(40px,5.1vh,48px);--cabinet-module-gap:6px}body[data-screen-density=compact] .screen-module{padding:5px}body[data-screen-density=compact] .screen-content{padding:9px 12px}body[data-screen-density=compact] .control-module{padding:5px 8px 10px}body[data-screen-density=compact] .control-module .joystick-stick{height:3.85rem}@media (height<=760px) and (width>=800px){:root{--stage-block:7px;--stage-inline:10px}.arcade-cabinet{height:min(calc(var(--viewport-h) - 14px),760px)}}@media (width<=760px){:root{--console-module-height:clamp(105px,19vh,132px);--cabinet-marquee-height:42px}.arcade-stage{padding:5px}.arcade-cabinet{width:99vw;height:min(calc(var(--viewport-h) - 10px),880px)}.cabinet-top.marquee-module{width:95%}.control-module .joystick-ball{top:-.84rem}}.screen-page--game{overflow:hidden auto}:root{--cabinet-body-padding:clamp(7px,1.25vw,14px);--console-label:#fbfcff;--console-shadow:#090611}.cabinet-body{padding:var(--cabinet-body-padding)}.cabinet-top.marquee-module{width:calc(100% - (var(--cabinet-body-padding)*2));max-width:none;margin-inline:auto}.screen-notice{z-index:12;opacity:0;border:2px solid var(--color-accent-cyan);color:#f1ffff;width:min(82%,34rem);font-family:var(--font-display);text-align:center;pointer-events:none;background:linear-gradient(135deg,#0a2f5cfa,#071236fa);padding:clamp(8px,1.05cqw,12px) clamp(10px,1.45cqw,16px);font-size:clamp(6px,.72cqw,9px);line-height:1.55;transition:opacity .18s,transform .18s;position:absolute;bottom:clamp(11px,2.2cqw,22px);left:50%;transform:translate(-50%,18px)scale(.97);box-shadow:0 0 0 2px #1378b594,0 0 20px #52f3ff6b}.screen-notice.is-visible{opacity:1;transform:translate(-50%)scale(1)}.toast{z-index:120;border:2px solid var(--color-accent-cyan);color:#efffff;background:linear-gradient(135deg,#0a3c76,#071a45 68%);padding:12px 16px;font-size:clamp(6px,.72vw,9px);bottom:clamp(12px,2.3vh,28px);box-shadow:0 0 0 2px #1465a8c2,0 0 22px #52f3ff7a}.control-module .joystick-zone{overflow:visible}.control-module .joystick-base{border-width:3px;width:clamp(3.75rem,4.9vw,4.6rem);margin-top:clamp(.55rem,1.05vh,.85rem);box-shadow:inset 0 0 0 3px #4a476b,0 3px #05050d}.control-module .joystick-ball{border-width:2px;width:clamp(1.96rem,2.58vw,2.34rem);top:clamp(-.62rem,-.78vw,-.42rem)}.control-module .joystick-label{z-index:18;color:var(--console-label);letter-spacing:.05em;text-shadow:1px 1px 0 var(--console-shadow),0 0 7px #52f3ff94;font-size:clamp(6px,.62vw,8px);line-height:1;top:auto;bottom:clamp(1px,.25vh,4px)}.control-module .arcade-button{gap:clamp(5px,.65vw,8px)}.control-module .arcade-button>span{color:#151022;text-shadow:1px 1px #ffffffa6;width:clamp(2.38rem,3.35vw,3.05rem);font-size:clamp(8px,.9vw,11px)}.control-module .arcade-button small,.control-module .start-button span,.control-module .start-button small,.control-module .coin-slot__label,.control-module .settings-key small{color:var(--console-label);text-shadow:1px 1px 0 var(--console-shadow),0 0 4px #ffffff40;font-size:clamp(5px,.57vw,7.5px);line-height:1.35}.control-module .arcade-button small{text-overflow:clip;overflow:visible}.control-module .start-button{color:#fff7e8;background:linear-gradient(#ff7072 0%,#e4474b 45%,#8f1826 100%);border-color:#3a0d16;box-shadow:inset 0 0 0 2px #ff9a94,inset 0 -5px #3e050d73,0 4px #2a0710,0 0 12px #ff474e57}.control-module .start-button small{color:#fff5cf}.start-button.is-pressed,.start-button:active{transform:translateY(4px);box-shadow:inset 0 4px 8px #34010aad,0 1px #2a0710}.coin-slot.is-pressed{transform:translateY(3px)}.skills-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.skill-card{min-width:0;padding:clamp(9px,1.12vw,13px);position:relative;overflow:hidden}.skill-card__id{color:var(--color-accent-pink);font-family:var(--font-display);font-size:clamp(6px,.64vw,8px);display:block}.skill-card h3{color:#fff4c4;margin:7px 0 8px}.skill-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(5px,.55vw,7px);display:grid}.skill-mini{background:linear-gradient(145deg,#040e2cbf,#221254a3);border:1px solid #9ab8f97a;align-content:center;justify-items:center;gap:4px;min-width:0;min-height:clamp(38px,4.8vw,58px);padding:4px;display:grid;box-shadow:inset 0 0 0 1px #ffffff0d}.skill-mini strong{text-overflow:ellipsis;color:#f4f7ff;width:100%;font-family:var(--font-display);text-align:center;white-space:nowrap;font-size:clamp(4px,.45vw,6px);overflow:hidden}.tech-icon{min-width:clamp(18px,1.75vw,24px);height:clamp(18px,1.75vw,24px);color:var(--color-accent-cyan);font-family:var(--font-display);box-shadow:0 0 8px color-mix(in srgb,currentColor 42%,transparent);border:1px solid;border-radius:5px;place-items:center;padding:2px;font-size:clamp(5px,.55vw,7px);font-style:normal;display:grid}.tech-icon--java{color:#ff7d70}.tech-icon--python{color:#ffe35a}.tech-icon--js{color:#fff07b}.tech-icon--vb{color:#d5a6ff}.tech-icon--react{color:var(--color-accent-cyan)}.tech-icon--tailwind{color:#68d9ff}.tech-icon--html{color:#ff9d6d}.tech-icon--css{color:#83b9ff}.tech-icon--sql{color:var(--color-accent-yellow)}.tech-icon--oracle{color:#ff8e9e}.tech-icon--mysql{color:#77e5ff}.tech-icon--server{color:#b3d4ff}.tech-icon--git{color:#ff8a72}.tech-icon--jira{color:#8fb1ff}.tech-icon--figma{color:#ff8cd9}.tech-icon--uml{color:var(--color-accent-lime)}.contact-console{gap:10px}.contact-link{flex-direction:row;align-items:center;gap:11px;min-height:clamp(54px,6.2vw,72px)}.contact-icon{width:clamp(29px,3.2vw,38px);height:clamp(29px,3.2vw,38px);font-family:var(--font-display);text-transform:none;background:#0b2552;border:1px solid #ffffff80;border-radius:7px;flex:none;place-items:center;display:grid;box-shadow:inset 0 0 0 2px #52f3ff29,0 0 10px #52f3ff38;color:#f6fbff!important;font-size:clamp(7px,.75vw,10px)!important}.contact-icon--mail{background:#5a1c4d;color:#fff4c7!important}.contact-icon--github{background:#242439}.contact-icon--linkedin{text-transform:lowercase;background:#0a5aa7;color:#ecfbff!important;font-size:clamp(11px,1.1vw,15px)!important}.contact-copy{gap:5px;min-width:0;display:grid}.contact-copy em{color:var(--color-accent-pink);font-family:var(--font-display);font-size:clamp(5px,.55vw,7px);font-style:normal}.contact-copy strong{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.contact-modal__panel{width:min(92vw,610px)}.contact-form{gap:13px;display:grid}.contact-form label{color:#eaf7ff;font-family:var(--font-display);gap:6px;font-size:clamp(6px,.7vw,9px);display:grid}.contact-form input,.contact-form textarea{color:#f3fbff;resize:vertical;width:100%;font:14px/1.45 var(--font-body);background:#070d29;border:2px solid #5973c2;outline:0;padding:10px 11px}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--color-active-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-active-accent)25%,transparent)}.contact-form__send{justify-self:start;padding:10px 14px}.about-grid--compact{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:1.2fr 1fr .92fr .82fr}.about-grid--compact .about-card{justify-content:center}.about-grid--compact .about-card span{margin-bottom:8px}.about-grid--compact .about-card strong{font-size:clamp(7px,.83vw,10px)}.about-grid--compact .about-card p{margin-top:7px;font-size:clamp(5px,.6vw,7px)}.about-card--linkedin{text-align:center;background:linear-gradient(145deg,#0c4e8bf2,#0c1543fa);border-color:#178ddd;flex-direction:column;align-items:center;min-width:0;text-decoration:none;display:flex}.about-card--linkedin:hover{border-color:#77eaff;transform:translateY(-2px)}.about-card--linkedin img{border-radius:10px;width:clamp(38px,4vw,56px);height:clamp(38px,4vw,56px);margin:1px 0 7px;box-shadow:0 0 12px #52f3ff75}.about-card--linkedin strong{font-size:clamp(5px,.54vw,7px)!important}.language-accordion{background:#0a1031;border:1px solid #617bc9}.language-accordion summary{cursor:pointer;color:#eaf8ff;font-family:var(--font-display);padding:9px 10px;font-size:clamp(5px,.56vw,7px);list-style:none}.language-accordion summary::-webkit-details-marker{display:none}.language-accordion summary:after{content:"+";float:right;color:var(--color-active-accent)}.language-accordion[open] summary:after{content:"−"}.language-choice-panel{border-top:1px solid #617bc9;grid-template-columns:1fr 1fr;display:grid}.language-choice-panel button{color:#cbdcf5;min-height:33px;font-family:var(--font-display);cursor:pointer;background:#0d1235;border:0;border-right:1px solid #617bc9;font-size:clamp(5px,.55vw,7px)}.language-choice-panel button:last-child{border-right:0}.language-choice-panel button.is-selected{color:#fff;background:color-mix(in srgb,var(--color-active-accent)30%,#0d1235)}@container (width<=700px){.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr));height:auto}.about-grid--compact{grid-template-rows:auto;grid-template-columns:repeat(2,minmax(0,1fr))}.about-grid--compact .about-card--wide{grid-column:span 2}.contact-link{min-height:52px}}@media (height<=760px) and (width>=800px){.control-module .joystick-base{width:3.7rem}.control-module .joystick-stick{height:3.08rem}.control-module .arcade-button small{font-size:4.6px}.skill-mini{min-height:34px}}:root{--marquee-module-height:clamp(30px,3.65vh,39px);--console-module-height:clamp(108px,15.6vh,132px);--cabinet-body-padding:clamp(5px,.62vw,8px);--body-font-scale:1;--title-font-scale:1}.arcade-cabinet{grid-template-rows:var(--marquee-module-height)minmax(0,1fr);gap:0}.cabinet-top.marquee-module{width:calc(100% - (var(--cabinet-body-padding)*2));height:var(--marquee-module-height);z-index:5;border-width:3px;border-radius:11px 11px 2px 2px;min-height:0;margin:0 auto -2px;padding:0 .55rem;box-shadow:inset 0 0 0 1px #7d3aa0,inset 0 0 12px #ff54ce3d,0 3px #00000073}.cabinet-top.marquee-module .marquee{border-radius:6px;gap:.45rem;padding:0 .32rem .13rem;font-size:clamp(.62rem,1.18vw,1.02rem)}.cabinet-top.marquee-module .marquee-lamps,.cabinet-top.marquee-module .marquee-glow{display:none}.cabinet-body{grid-template-rows:minmax(0,1fr)var(--console-module-height);padding:0 var(--cabinet-body-padding)var(--cabinet-body-padding);gap:clamp(3px,.42vh,5px)}.screen-module{border-radius:0 0 15px 15px;padding:clamp(4px,.5vw,6px)}.control-module{min-height:var(--console-module-height);border-radius:12px 12px 18px 18px;padding:3px 6px 6px;box-shadow:inset 0 2px #ffffff26,inset 0 -5px #00000047,0 6px #03031299,0 0 0 1px #8c75ff4f}.control-module .control-panel{padding:5px 7px 4px;box-shadow:inset 0 2px #ffffff24,inset 0 -4px #00000038}.control-module .joystick-stick{height:clamp(2.85rem,4.1vw,3.55rem);bottom:38%}.control-module .arcade-button>span{width:clamp(2.22rem,3.05vw,2.75rem)}.toast{bottom:clamp(16px,3.8vh,50px)}.project-card{cursor:pointer;padding:clamp(10px,1.1vw,14px)}.project-card__summary{min-height:2.9em;margin:0 0 9px}.project-action{color:#eff9ff;min-height:26px;font:clamp(5px,.48vw,7px)var(--font-display);cursor:pointer;background:#0a1b48;border:1px solid #6d89da;justify-content:center;align-items:center;padding:6px 8px;text-decoration:none;display:inline-flex}.project-action:hover,.project-action:focus-visible{border-color:var(--color-active-accent);color:#fff;box-shadow:0 0 10px color-mix(in srgb,var(--color-active-accent)42%,transparent);outline:0}.project-card .tag-row{margin-top:auto}.modal-actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.image-size-buttons{object-fit:contain;flex:none;width:clamp(14px,3.8vw,18px);height:clamp(14px,3.8vw,18px);margin:0 5px 0 0}.skill-mini img{object-fit:contain;filter:drop-shadow(0 0 4px #ffffff2e);width:clamp(18px,1.9vw,26px);height:clamp(18px,1.9vw,26px)}.contact-icon{object-fit:contain;filter:brightness(0)invert();padding:8px}.contact-icon--linkedin{filter:none;background:#fff}.about-portrait{background:0 0;border:0;grid-area:1/4/span 2;grid-template-rows:minmax(0,1fr) auto;align-items:stretch;gap:7px;min-width:0;min-height:0;display:grid;overflow:hidden}.cv-summary p,.cv-summary li{color:#c6dbf0;font-size:clamp(13px,1vw,16px);line-height:1.6}.screen-page p,.screen-page li,.screen-page .setting-copy,.screen-page label,.screen-page .contact-copy strong,.screen-page .contact-copy em,.screen-page small{font-size:calc(1em*var(--body-font-scale))}.screen-page h1,.screen-page h2,.screen-page h3,.screen-page .pixel-card__label{transform:scale(var(--title-font-scale));transform-origin:0 0}@media (height<=760px) and (width>=800px){:root{--marquee-module-height:30px;--console-module-height:104px}.control-module .joystick-base{width:3.28rem}.control-module .joystick-stick{height:2.7rem}.about-grid{height:calc(100% - 30px)}}@media (width<=760px){.about-grid{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}.about-grid .about-card--projects{grid-column:auto}.about-portrait{grid-area:auto}}body[data-screen-density=compact] .control-module .joystick-ball{top:clamp(-.25rem,-.32vw,-.15rem)}@media (width<=760px){.control-module .joystick-ball{top:clamp(-.25rem,-.32vw,-.15rem)}}:root{--cabinet-marquee-height:clamp(24px,2.95vh,31px);--console-module-height:clamp(96px,13.4vh,112px);--cabinet-module-gap:clamp(1px,.22vh,3px)}.arcade-cabinet{grid-template-rows:var(--cabinet-marquee-height)minmax(0,1fr);gap:0;width:min(98vw,154.23dvh,1380px);height:min(98dvh,920px);min-height:480px}.cabinet-top.marquee-module{width:100%;height:var(--cabinet-marquee-height);border-width:2px;border-radius:11px 11px 3px 3px;min-height:0;margin:0;padding:0 10px;box-shadow:inset 0 0 0 1px #7d3aa0,inset 0 0 11px #ff54ce40,0 2px #0000007a}.cabinet-top.marquee-module .marquee{gap:.42rem;height:100%;padding:0 .25rem;font-size:clamp(.54rem,.92vw,.78rem)}.cabinet-top.marquee-module p,.cabinet-top.marquee-module .marquee-lamps,.cabinet-top.marquee-module .marquee-glow{display:none!important}.cabinet-body{grid-template-rows:minmax(0,1fr)var(--console-module-height);gap:var(--cabinet-module-gap);padding:0}.screen-module{border-width:3px;border-radius:0 0 14px 14px;padding:clamp(3px,.38vw,5px)}.screen-module .screen-shell{border-width:clamp(3px,.36vw,5px)}.screen-module .side-light{top:1.85rem;bottom:.52rem}.screen-module .tube--top{top:.36rem}.screen-module .tube--bottom{bottom:.34rem}.screen-module .corner-light--tl,.screen-module .corner-light--tr{top:.38rem}.screen-module .corner-light--bl,.screen-module .corner-light--br{bottom:.38rem}.control-module{min-height:var(--console-module-height);height:var(--console-module-height);border-radius:12px 12px 18px 18px;padding:2px 5px 5px;box-shadow:inset 0 2px #ffffff29,inset 0 -5px #00000052,0 5px #030312a6,0 0 0 1px #8c75ff4f}.control-module .control-panel{border-radius:9px 9px 14px 14px;padding:4px 7px 3px}.control-module:after{height:4px;bottom:3px}.cabinet-footer{display:none}.control-module .joystick-base{width:clamp(3.25rem,4.1vw,3.9rem);margin-top:.38rem}.control-module .joystick-stick{width:clamp(.52rem,.75vw,.66rem);height:clamp(2.14rem,3.08vw,2.66rem);bottom:35%}.control-module .joystick-ball{width:clamp(1.72rem,2.12vw,1.98rem);top:clamp(-.54rem,-.64vw,-.38rem)}.control-module .joystick-label{color:#fff;text-shadow:1px 1px #05050c,0 0 7px #52f3ffbf;font-size:clamp(6px,.6vw,8px);bottom:0}.control-module .arcade-button>span{width:clamp(2.16rem,2.85vw,2.55rem);font-size:clamp(7px,.78vw,9px)}.control-module .arcade-button small,.control-module .start-button span,.control-module .start-button small,.control-module .coin-slot__label,.control-module .settings-key small{font-size:clamp(5px,.52vw,7px)}.control-module .start-button,.control-module .coin-slot,.control-module .settings-key{height:74%}.profile-pixel-portrait{aspect-ratio:1;border:3px solid var(--color-accent-cyan);background:#11183a;align-self:center;width:clamp(102px,15vw,158px);overflow:hidden;box-shadow:0 0 18px #52f3ff66,inset 0 0 0 6px #111840}.profile-pixel-portrait img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;animation:4.8s steps(2,end) infinite portraitFlicker}.project-card{cursor:pointer;min-height:0;padding:clamp(10px,1.05vw,14px)}.project-card>p,.project-card__summary{display:none!important}.project-card h3{margin:8px 0 10px;line-height:1.45}.project-card .tag-row{align-content:flex-start;gap:4px;margin:0 0 auto}.project-card .tag-row span{padding:4px;font-size:clamp(4px,.48vw,6px)}.project-actions{flex-wrap:wrap;gap:5px;margin-top:9px;display:flex}.project-action{min-height:24px;padding:5px 7px;font-size:clamp(4px,.46vw,6px)}.about-grid--expanded{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(7px,.7vw,10px);height:calc(100% - 39px);display:grid}.about-grid--expanded .about-card{text-align:center;place-items:center;min-width:0;padding:8px;display:grid}.about-grid--expanded .about-card span{color:#f5f8ff;font-family:var(--font-display);font-size:clamp(5px,.63vw,8px);line-height:1.45}.about-grid--expanded .about-card strong,.about-grid--expanded .about-card p{display:none}.about-grid--expanded .about-card--projects{grid-column:auto}.about-portrait{background:0 0;border:0;grid-area:1/4/span 2;grid-template-rows:minmax(0,1fr) auto;gap:6px;min-width:0;min-height:0;display:grid;overflow:hidden}.about-portrait img{object-fit:cover;object-position:center 12%;border:0;border-radius:8px;width:100%;height:100%;min-height:0;box-shadow:0 0 14px #52f3ff61}.cv-trigger{border:1px solid var(--color-accent-cyan);color:#effcff;min-height:27px;font:clamp(4px,.48vw,6px)var(--font-display);cursor:pointer;background:#0b2456}.cv-trigger:hover,.cv-trigger:focus-visible{background:#124b85;outline:0}.contact-icon{object-fit:contain;background:0 0;border:0;width:clamp(27px,3vw,35px);height:clamp(27px,3vw,35px);padding:0}.contact-icon--github{filter:brightness(0)invert()}.contact-icon--linkedin{border-radius:4px}.contact-link{min-height:clamp(52px,5.6vw,66px)}.screen-notice{border:0;border-left:3px solid var(--color-accent-lime);width:auto;max-width:min(74%,30rem);color:var(--color-accent-lime);text-align:left;background:#040d1dd1;padding:5px 8px;font-size:clamp(5px,.56cqw,8px);bottom:clamp(8px,1cqw,12px);left:clamp(11px,1.6cqw,22px);transform:translate(-8px);box-shadow:inset 0 0 0 1px #80ff642e,0 0 10px #68ff5c38}.screen-notice:before{content:"> ";color:var(--color-accent-yellow)}.screen-notice.is-visible{transform:translate(0)}.console-toast{z-index:100;left:50%;bottom:calc(var(--console-module-height) - 22px);border:2px solid var(--color-accent-cyan);color:#efffff;max-width:min(84%,36rem);font:clamp(5px,.62vw,8px)var(--font-display);opacity:0;pointer-events:none;text-align:center;background:linear-gradient(135deg,#0a3c76,#071a45 68%);padding:10px 14px;line-height:1.5;transition:transform .24s,opacity .24s;position:absolute;transform:translate(-50%,120px);box-shadow:0 0 0 2px #1465a8b8,0 0 22px #52f3ff73}.console-toast.is-visible{opacity:1;transform:translate(-50%)}.contact-form label{color:#d6e7ff;font:clamp(6px,.62vw,8px)var(--font-display);gap:6px;margin:10px 0;display:grid}.contact-form input,.contact-form textarea{color:#effcff;width:100%;font:14px var(--font-body);resize:vertical;background:#070e2b;border:1px solid #6984d4;padding:9px}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--color-accent-cyan);outline:0;box-shadow:0 0 0 2px #52f3ff2e}.cv-summary p{color:#c6dbf0;font-size:clamp(13px,1vw,16px);line-height:1.6}body[data-resolved-theme=light]{--color-text-primary:#fff6c7;background:var(--color-page-background);color:var(--color-text-primary)}body[data-resolved-theme=light] .arcade-stage{background:radial-gradient(circle at 50% 15%,#2f1f70 0,#12102d 38%,#05050e 85%)}body[data-resolved-theme=light] .arcade-stage:before{opacity:.23}body[data-resolved-theme=light] .cabinet-top.marquee-module{background:linear-gradient(#4c226e 0%,#1d1748 57%,#0b0a23 100%);border-color:#080814}body[data-resolved-theme=light] .screen-module,body[data-resolved-theme=light] .control-module,body[data-resolved-theme=light] .control-panel{filter:none}body[data-resolved-theme=light] .screen-shell{background:linear-gradient(145deg,#f9fcff,#dceaff 4%,#bfd0ed 93%,#90a4ca)}body[data-resolved-theme=light] .screen-frame{background:radial-gradient(circle at 30% 10%,#fbfdff 0,#e4efff 42%,#c5d5ef 100%)}body[data-resolved-theme=light] .screen-header,body[data-resolved-theme=light] .screen-footer{color:#14224a;background:#f6fbff;border-color:#7184ac}body[data-resolved-theme=light] .screen-content{color:#111d3d}body[data-resolved-theme=light] .screen-content h1{color:#13224e;text-shadow:2px 2px #91b7e4}body[data-resolved-theme=light] .screen-content h2,body[data-resolved-theme=light] .screen-content h3{color:#1c3168;text-shadow:none}body[data-resolved-theme=light] .screen-content .eyebrow{color:#0a5470;text-shadow:none}body[data-resolved-theme=light] .screen-content p,body[data-resolved-theme=light] .screen-content li,body[data-resolved-theme=light] .screen-content span{color:#17254a}body[data-resolved-theme=light] .screen-content .pixel-card,body[data-resolved-theme=light] .screen-content .project-card,body[data-resolved-theme=light] .screen-content .skill-card,body[data-resolved-theme=light] .screen-content .about-card,body[data-resolved-theme=light] .screen-content .settings-card,body[data-resolved-theme=light] .screen-content .contact-link{color:#101b3b;background:linear-gradient(145deg,#fff,#dce9fb);border-color:#667fba}body[data-resolved-theme=light] .screen-content .tag-row span,body[data-resolved-theme=light] .screen-content .project-action{color:#122c5d;background:#e9f4ff;border-color:#6684ba}body[data-resolved-theme=light] .screen-content .terminal-block{color:#12331c;background:#dff6e2}body[data-resolved-theme=light] .screen-notice{color:#155725;background:#eefff0eb}@keyframes portraitFlicker{0%,92%,to{filter:saturate(1.06)contrast(1.08)}94%{filter:saturate(.82)brightness(1.18)}}@media (height<=760px) and (width>=800px){:root{--cabinet-marquee-height:24px;--console-module-height:92px}.control-module .joystick-stick{height:2rem}}@media (width<=760px){:root{--console-module-height:104px;--cabinet-marquee-height:28px}.about-grid--expanded{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}.about-portrait{grid-area:auto}}.pixel-card__label{font-size:clamp(6px,.65vw,8px)!important}.mini-stats strong{font-size:clamp(11px,1.4vw,17px)!important}.mini-stats span{font-size:clamp(5px,.52vw,7px)!important}.mission-list li{font-size:clamp(6px,.68vw,8px)!important;line-height:1.55!important}.control-module .joystick-stick{width:clamp(.562rem,.81vw,.713rem);height:clamp(2.311rem,3.326vw,2.873rem)}.skills-grid--detailed{grid-template-columns:repeat(4,minmax(0,1fr))}.about-grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(7px,.72vw,10px);height:calc(100% - 38px);display:grid}.about-grid .about-card{text-align:center;justify-content:center;align-items:center;padding:9px}.about-grid .about-card span{color:#f4f7ff;margin:0;font-size:clamp(6px,.7vw,9px);line-height:1.5}.about-grid .about-card strong,.about-grid .about-card p{display:none}.about-grid .about-card--projects{grid-column:span 2}.tag-row--logos{align-items:center}.tag-row--logos span{align-items:center;gap:4px;display:inline-flex}.tag-row--logos img{object-fit:contain;flex:none;width:12px;height:12px}.profile-pixel-portrait{aspect-ratio:4/5;border:3px solid var(--color-accent-cyan);width:clamp(102px,15vw,158px);image-rendering:pixelated;background:#11183a;align-self:center;overflow:hidden;box-shadow:0 0 18px #52f3ff66,inset 0 0 0 6px #111840}.profile-pixel-portrait img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;animation:4.8s steps(2,end) infinite portraitFlicker;display:block}html,body{min-height:0;overflow:hidden}.arcade-stage{height:100dvh;min-height:0;padding:clamp(4px,.9vh,10px) clamp(5px,1.1vw,14px)}.arcade-cabinet{height:min(100dvh - clamp(8px,1.8vh,20px),910px);min-height:0;max-height:calc(100dvh - clamp(8px,1.8vh,20px))}@media (height<=720px) and (width>=800px){:root{--cabinet-marquee-height:22px;--console-module-height:86px}.control-module .joystick-stick{height:clamp(2.12rem,3.05vw,2.58rem)}}.arcade-stage:before{opacity:.3;transform-origin:bottom;background-image:linear-gradient(90deg,#0000 48.5%,#7c4dffeb 49.2% 50.8%,#0000 51.5%),linear-gradient(#0000 48.5%,#36cdffad 49.2% 50.8%,#0000 51.5%);background-size:36px 36px;transform:perspective(520px)rotateX(60deg)scale(1.65)translateY(35%)}.control-module{overflow:visible}.control-module .console-toast{z-index:40;border:2px solid var(--color-accent-cyan);color:#efffff;width:max-content;max-width:min(84vw,38rem);font-family:var(--font-display);opacity:0;pointer-events:none;text-align:center;background:linear-gradient(135deg,#0a3c76,#071a45 68%);padding:clamp(8px,.92vw,11px) clamp(11px,1.1vw,14px);font-size:clamp(5px,.58vw,8px);line-height:1.55;transition:transform .24s,opacity .24s;position:absolute;bottom:calc(100% + clamp(4px,.7vh,8px));left:50%;transform:translate(-50%,14px)scale(.98);box-shadow:0 0 0 2px #1465a8b8,0 0 22px #52f3ff73}.control-module .console-toast.is-visible{opacity:1;transform:translate(-50%)scale(1)}.control-module .toast{top:auto;left:50%;right:auto}.skills-grid:not(.skills-grid--detailed){grid-template-columns:repeat(4,minmax(0,1fr))}.skills-grid:not(.skills-grid--detailed) .skill-card{min-width:0;padding:clamp(9px,1.12vw,13px);overflow:hidden}.skills-grid:not(.skills-grid--detailed) .skill-card h3{color:#fff4c4;margin:7px 0 8px}.skills-grid:not(.skills-grid--detailed) .skill-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(5px,.55vw,7px);display:grid}.skills-grid:not(.skills-grid--detailed) .skill-mini{background:linear-gradient(145deg,#040e2cbf,#221254a3);border:1px solid #9ab8f97a;align-content:center;justify-items:center;gap:4px;min-width:0;min-height:clamp(38px,4.8vw,58px);padding:4px;display:grid;box-shadow:inset 0 0 0 1px #ffffff0d}.skills-grid:not(.skills-grid--detailed) .skill-mini strong{text-overflow:ellipsis;color:#f4f7ff;width:100%;font-family:var(--font-display);text-align:center;white-space:nowrap;font-size:clamp(4px,.45vw,6px);overflow:hidden}@media (width<=760px){.skills-grid:not(.skills-grid--detailed){grid-template-columns:repeat(2,minmax(0,1fr));height:auto}}.profile-pixel-portrait img{object-fit:cover;object-position:center;image-rendering:auto;animation:none}@media (height<=760px) and (width>=800px){.control-module .joystick-stick{height:clamp(2.2rem,3.17vw,2.77rem)}}.control-module .joystick-stick{height:clamp(2.87rem,4.131vw,3.568rem)!important}@media (height<=760px) and (width>=800px){.control-module .joystick-stick{height:clamp(2.53rem,3.646vw,3.186rem)!important}}.skills-grid.skills-grid--detailed{grid-template-columns:repeat(4,1fr);gap:clamp(8px,1vw,14px);height:calc(100% - 52px);display:grid}.skills-grid.skills-grid--detailed .skill-card{background:linear-gradient(145deg,#10214d,#18103f);border:2px solid #5c70bf;flex-direction:column;justify-content:space-between;padding:clamp(12px,1.5vw,18px);display:flex;overflow:hidden}.skills-grid.skills-grid--detailed .skill-card:nth-child(2){border-color:var(--color-accent-cyan)}.skills-grid.skills-grid--detailed .skill-card:nth-child(3){border-color:var(--color-accent-yellow)}.skills-grid.skills-grid--detailed .skill-card:nth-child(4){border-color:var(--color-accent-pink)}.skills-grid.skills-grid--detailed .skill-card>span{color:var(--color-accent-pink);font-family:var(--font-display);font-size:clamp(7px,.8vw,10px)}.skills-grid.skills-grid--detailed .skill-card:nth-child(2)>span{color:var(--color-accent-cyan)}.skills-grid.skills-grid--detailed .skill-card:nth-child(3)>span{color:var(--color-accent-yellow)}.skills-grid.skills-grid--detailed .skill-card h3{color:#fff3bf;margin:10px 0}.skills-grid.skills-grid--detailed .skill-card p{color:#c6d8f2;margin:0;font-size:clamp(8px,.85vw,11px);line-height:1.65}.skills-grid.skills-grid--detailed .skill-mini-grid,.skills-grid.skills-grid--detailed .skill-mini,.skills-grid.skills-grid--detailed .skill-card__id{display:none!important}@media (width<=760px){.skills-grid.skills-grid--detailed{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);height:auto}}.segmented [data-theme-choice=system]{display:inline-flex!important}.control-module .arcade-button--a>span{background:linear-gradient(135deg,#ffd0f4 0%,#ff52ce 36%,#8f0e78 100%)}.control-module .arcade-button--b>span{background:linear-gradient(135deg,#dcffff 0%,#54f1ff 38%,#078da9 100%)}.control-module .arcade-button--c>span{background:linear-gradient(135deg,#fffbd0 0%,#ffe76a 40%,#d38104 100%)}.control-module .arcade-button--d>span{background:linear-gradient(135deg,#edffd2 0%,#aaff64 40%,#3c9f1c 100%)}.control-module .arcade-button--e>span{background:linear-gradient(135deg,#efe1ff 0%,#ba7eff 40%,#6420cf 100%)}.control-module .start-button{background:linear-gradient(#ff8e82 0%,#f34b4d 42%,#a51525 100%);position:relative;overflow:hidden;box-shadow:inset 0 2px #ffffff6b,inset 0 -6px #41040a80,0 4px #34070d,0 0 16px #ff4d588c}.control-module .start-button:before{content:"";aspect-ratio:1;background:#fff37b;border-radius:50%;width:clamp(5px,.52vw,8px);position:absolute;top:clamp(5px,.55vw,8px);left:50%;transform:translate(-50%);box-shadow:0 0 5px #fff36e,0 0 12px #ffe053f2,inset 0 1px 1px #fffde8}.control-module .start-button:after{content:"";pointer-events:none;border:1px solid #ffdbd25c;border-radius:3px;position:absolute;inset:3px}.control-module .start-button span{margin-top:clamp(4px,.5vw,7px)}.control-module .coin-slot{background:linear-gradient(150deg,#656279 0%,#302e47 44%,#151522 100%);position:relative;overflow:visible;box-shadow:inset 0 2px #ffffff5c,inset 0 0 0 2px #8e8fa8,0 4px #05050b,0 0 11px #7294ff4d}.control-module .coin-slot:before{content:"";z-index:-1;aspect-ratio:1;opacity:.35;background:radial-gradient(circle,#fffbd0 0 10%,#ffe25f 29%,#d38605 66%,#b86e0000 72%);border-radius:50%;width:clamp(18px,2.25vw,30px);transition:opacity .15s,transform .15s;position:absolute;top:41%;left:50%;transform:translate(-50%,-50%)scale(.45);box-shadow:0 0 0 3px #ffe25b47,0 0 20px 9px #ffd23573}.control-module .coin-slot.is-inserting:before{opacity:1;animation:.78s ease-out both coinSlotFlash}.control-module .coin-slot__slot{background:#020207;box-shadow:inset 0 1px 2px #9ea0bc,0 0 8px #70e4ff80,0 0 4px #000}@keyframes coinSlotFlash{0%{opacity:0;transform:translate(-50%,-50%)scale(.35)}16%{opacity:1;transform:translate(-50%,-50%)scale(1.05)}64%{opacity:.9;transform:translate(-50%,-50%)scale(1.7)}to{opacity:0;transform:translate(-50%,-50%)scale(2.4)}}.coin-fx span:after{content:"DEV";color:#845400;font-family:var(--font-display);text-shadow:1px 1px #fffdccc7;border:1px solid #fff5b0c2;border-radius:50%;place-items:center;font-size:clamp(5px,.55vw,8px);line-height:1;display:grid;position:absolute;inset:21%;box-shadow:inset 0 0 0 1px #74480040}.coin-fx__trail:after{content:"DEV";color:#06487c;text-shadow:1px 1px #dcffffd1;border-color:#ceffffc7}.coin-fx__token:after{content:"DEV"}.control-module .coin-slot:before{z-index:0;pointer-events:none}.control-module .coin-slot__slot,.control-module .coin-slot__label{z-index:1;position:relative}.control-module .arcade-button>span{border-color:#090910;box-shadow:inset -4px -5px 5px #00000073,0 4px #07070d,0 0 12px}.control-module .arcade-button--a>span{background:radial-gradient(circle at 35% 30%,#ffd0f4 0 14%,var(--color-accent-pink)43%,#7b0e63 100%);box-shadow:inset -4px -5px 5px #00000073,0 4px 0 #07070d,0 0 12px currentColor,0 0 13px var(--color-accent-pink)}.control-module .arcade-button--b>span{background:radial-gradient(circle at 35% 30%,#d9ffff 0 14%,var(--color-accent-cyan)43%,#057f9c 100%);box-shadow:inset -4px -5px 5px #00000073,0 4px 0 #07070d,0 0 12px currentColor,0 0 13px var(--color-accent-cyan)}.control-module .arcade-button--c>span{background:radial-gradient(circle at 35% 30%,#fff9ca 0 14%,var(--color-accent-yellow)43%,#a76500 100%);box-shadow:inset -4px -5px 5px #00000073,0 4px 0 #07070d,0 0 12px currentColor,0 0 13px var(--color-accent-yellow)}.control-module .arcade-button--d>span{background:radial-gradient(circle at 35% 30%,#efffd8 0 14%,var(--color-accent-lime)43%,#24852c 100%);box-shadow:inset -4px -5px 5px #00000073,0 4px 0 #07070d,0 0 12px currentColor,0 0 13px var(--color-accent-lime)}.control-module .arcade-button--e>span{background:radial-gradient(circle at 35% 30%,#f2eaff 0 14%,var(--color-accent-violet)43%,#40148f 100%);box-shadow:inset -4px -5px 5px #00000073,0 4px 0 #07070d,0 0 12px currentColor,0 0 13px var(--color-accent-violet)}.control-module .arcade-button.is-pressed>span,.control-module .arcade-button:active>span{box-shadow:inset 0 3px 7px #000000b3,0 1px #07070d,0 0 7px}.screen-page[data-page=skills] .skills-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,1vw,14px);height:calc(100% - 52px);display:grid}.screen-page[data-page=skills] .skill-card{background:linear-gradient(145deg,#10214d,#18103f);border:2px solid #5c70bf;flex-direction:column;justify-content:space-between;min-width:0;padding:clamp(9px,1.12vw,13px);display:flex;position:relative;overflow:hidden}.screen-page[data-page=skills] .skill-card:nth-child(2){border-color:var(--color-accent-cyan)}.screen-page[data-page=skills] .skill-card:nth-child(3){border-color:var(--color-accent-yellow)}.screen-page[data-page=skills] .skill-card:nth-child(4){border-color:var(--color-accent-pink)}.screen-page[data-page=skills] .skill-card__id{color:var(--color-accent-pink);font-family:var(--font-display);font-size:clamp(6px,.64vw,8px);display:block}.screen-page[data-page=skills] .skill-card h3{color:#fff4c4;margin:7px 0 8px}.screen-page[data-page=skills] .skill-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(5px,.55vw,7px);display:grid}.screen-page[data-page=skills] .skill-mini{background:linear-gradient(145deg,#040e2cbf,#221254a3);border:1px solid #9ab8f97a;align-content:center;justify-items:center;gap:4px;min-width:0;min-height:clamp(38px,4.8vw,58px);padding:4px;display:grid;box-shadow:inset 0 0 0 1px #ffffff0d}.screen-page[data-page=skills] .skill-mini strong{text-overflow:ellipsis;color:#f4f7ff;width:100%;font-family:var(--font-display);text-align:center;white-space:nowrap;font-size:clamp(4px,.45vw,6px);overflow:hidden}.screen-page[data-page=skills] .tech-icon{min-width:clamp(18px,1.75vw,24px);height:clamp(18px,1.75vw,24px);color:var(--color-accent-cyan);font-family:var(--font-display);box-shadow:0 0 8px color-mix(in srgb,currentColor 42%,transparent);border:1px solid;border-radius:5px;place-items:center;padding:2px;font-size:clamp(5px,.55vw,7px);font-style:normal;display:grid}.screen-page[data-page=skills] .tech-icon--java{color:#ff7d70}.screen-page[data-page=skills] .tech-icon--python{color:#ffe35a}.screen-page[data-page=skills] .tech-icon--js{color:#fff07b}.screen-page[data-page=skills] .tech-icon--vb{color:#d5a6ff}.screen-page[data-page=skills] .tech-icon--react{color:var(--color-accent-cyan)}.screen-page[data-page=skills] .tech-icon--tailwind{color:#68d9ff}.screen-page[data-page=skills] .tech-icon--html{color:#ff9d6d}.screen-page[data-page=skills] .tech-icon--css{color:#83b9ff}.screen-page[data-page=skills] .tech-icon--sql{color:var(--color-accent-yellow)}.screen-page[data-page=skills] .tech-icon--oracle{color:#ff8e9e}.screen-page[data-page=skills] .tech-icon--mysql{color:#77e5ff}.screen-page[data-page=skills] .tech-icon--server{color:#b3d4ff}.screen-page[data-page=skills] .tech-icon--git{color:#ff8a72}.screen-page[data-page=skills] .tech-icon--jira{color:#8fb1ff}.screen-page[data-page=skills] .tech-icon--figma{color:#ff8cd9}.screen-page[data-page=skills] .tech-icon--uml{color:var(--color-accent-lime)}@media (width<=760px){.screen-page[data-page=skills] .skills-grid{grid-template-columns:repeat(2,minmax(0,1fr));height:auto}}.control-module .coin-slot:after{content:"";z-index:0;pointer-events:none;filter:blur(5px);opacity:.72;background:radial-gradient(#ffeb71f5 0%,#ffbc349e 28%,#6ae9ff57 56%,#0000 78%);border-radius:50%;height:13px;transition:opacity .16s,transform .16s;position:absolute;bottom:-8px;left:12%;right:12%;transform:scaleX(.86)}.control-module .coin-slot:hover:after,.control-module .coin-slot:focus-visible:after{opacity:1;transform:scaleX(1.02)}.control-module .coin-slot.is-inserting:after{animation:.78s ease-out both coinUnderGlow}@keyframes coinUnderGlow{0%{opacity:.12;transform:scaleX(.55)}22%{opacity:1;transform:scaleX(1.22)}64%{opacity:.92;transform:scaleX(1.04)}to{opacity:.2;transform:scaleX(.72)}}.skill-inventory{height:100%;min-height:0;display:block}.skill-inventory__eyebrow{color:var(--color-accent-cyan);font-family:var(--font-display);text-shadow:0 0 8px #52f3ffb3;margin:0 0 9px;font-size:clamp(6px,.75vw,9px);line-height:1.5}.skill-inventory__title{color:var(--color-accent-yellow);font-family:var(--font-display);text-shadow:2px 2px #653452;margin:0 0 clamp(10px,1.55vh,18px);font-size:clamp(13px,2.1vw,26px);font-weight:400;line-height:1.3}.skill-inventory__grid{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,1vw,14px);min-height:0;padding-right:4px;display:grid;overflow:hidden auto}.skill-inventory__card{background:linear-gradient(145deg,#10214d,#18103f);border:2px solid #5c70bf;grid-template-rows:auto auto minmax(0,1fr);min-width:0;min-height:0;padding:clamp(9px,1.12vw,13px);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0d}.skill-inventory__card--web{border-color:var(--color-accent-cyan)}.skill-inventory__card--data{border-color:var(--color-accent-yellow)}.skill-inventory__card--build{border-color:var(--color-accent-pink)}.skill-inventory__id{color:var(--color-accent-pink);font-family:var(--font-display);font-size:clamp(6px,.64vw,8px);display:block}.skill-inventory__card--web .skill-inventory__id{color:var(--color-accent-cyan)}.skill-inventory__card--data .skill-inventory__id{color:var(--color-accent-yellow)}.skill-inventory__card h3{color:#fff4c4;font-family:var(--font-display);margin:7px 0 8px;font-size:clamp(8px,.96vw,11px);font-weight:400;line-height:1.65}.skill-inventory__mini-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(5px,.55vw,7px);min-height:0;display:grid}.skill-inventory__mini{background:linear-gradient(145deg,#040e2cbf,#221254a3);border:1px solid #9ab8f97a;align-content:center;justify-items:center;gap:8px;min-width:0;min-height:clamp(38px,4.8vw,58px);padding:4px;display:grid;box-shadow:inset 0 0 0 1px #ffffff0d}.skill-inventory__mini img{object-fit:contain;filter:drop-shadow(0 0 4px #52f3ff4d);width:clamp(19px,2.1vw,29px);max-width:72%;height:clamp(19px,2.1vw,29px);display:block}.skill-inventory__mini strong{color:#f4f7ff;width:100%;font-family:var(--font-display);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(8px,.9vw,12px);font-weight:400;line-height:1.25;overflow:hidden}.skill-inventory__grid::-webkit-scrollbar{width:8px}.skill-inventory__grid::-webkit-scrollbar-track{background:#05081cbf}.skill-inventory__grid::-webkit-scrollbar-thumb{background:var(--color-accent-cyan);box-shadow:0 0 8px var(--color-accent-cyan);border-radius:999px}body[data-resolved-theme=light] .skill-inventory__card{background:linear-gradient(145deg,#fff,#dce9fb);border-color:#667fba}body[data-resolved-theme=light] .skill-inventory__mini{background:linear-gradient(145deg,#ffffffe6,#d1dff7eb);border-color:#425d9575}body[data-resolved-theme=light] .skill-inventory__card h3,body[data-resolved-theme=light] .skill-inventory__mini strong{color:#182650}@media (width<=760px){.skill-inventory{height:auto;min-height:100%}.skill-inventory__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.screen-page[data-page=games]{grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(8px,1.1vh,12px);display:grid}.screen-page[data-page=games] .game-intro{background:linear-gradient(135deg,#0c123af0,#291153c4);border:1px solid #8b96ee7a;min-width:0;padding:clamp(10px,1.1vw,14px) clamp(11px,1.4vw,17px);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f,0 0 16px #675aff29}.screen-page[data-page=games] .game-intro:after{content:"";aspect-ratio:1;filter:blur(4px);pointer-events:none;background:radial-gradient(circle,#ff54ce54,#0000 67%);border-radius:50%;width:42%;position:absolute;bottom:-100%;right:-8%}.screen-page[data-page=games] .game-intro>*{z-index:1;position:relative}.screen-page[data-page=games] .game-intro h2{color:#fff5c7;text-shadow:2px 2px #4b235e,0 0 10px #ff54ce61;margin:0 0 7px}.screen-page[data-page=games] .game-intro>p:last-child{color:#c9d9f1;max-width:65ch;margin:0;font-size:clamp(8px,.86vw,11px);line-height:1.55}.screen-page[data-page=games] .game-select{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1.35vw,17px);height:auto;min-height:0;display:grid}.screen-page[data-page=games] .game-option{--game-accent:var(--color-accent-pink);--game-glow:#ff54ce6b;isolation:isolate;border:2px solid var(--game-accent);min-width:0;min-height:0;color:var(--color-text-primary);text-align:left;box-shadow:inset 0 0 0 1px #ffffff12,inset 0 -24px 38px #0003,0 0 15px var(--game-glow);cursor:pointer;background:linear-gradient(145deg,#3b104cf2,#090b2afa);grid-template-rows:minmax(82px,1fr) auto auto auto;gap:clamp(7px,.75vw,10px);padding:clamp(12px,1.45vw,17px);transition:transform .18s,border-color .18s,filter .18s,box-shadow .18s;display:grid;overflow:hidden}.screen-page[data-page=games] .game-option:before{content:"";z-index:-2;aspect-ratio:1;background:radial-gradient(circle,var(--game-glow),transparent 64%);filter:blur(6px);opacity:.9;border-radius:50%;width:88%;transition:transform .24s,opacity .24s;position:absolute;bottom:-38%;right:-17%}.screen-page[data-page=games] .game-option:after{content:"";z-index:-1;opacity:.28;pointer-events:none;background:repeating-linear-gradient(#ffffff0f 0 1px,#0000 1px 4px),linear-gradient(135deg,#ffffff1a,#0000 34%);position:absolute;inset:0}.screen-page[data-page=games] .game-option--three{--game-accent:var(--color-accent-cyan);--game-glow:#52f3ff61;background:linear-gradient(145deg,#093a64f2,#0f0d3dfa)}.screen-page[data-page=games] .game-option:hover,.screen-page[data-page=games] .game-option:focus-within{filter:brightness(1.1)saturate(1.08);box-shadow:inset 0 0 0 1px #ffffff21,inset 0 -24px 38px #00000029,0 0 22px var(--game-glow);transform:translateY(-4px)}.screen-page[data-page=games] .game-option:hover:before,.screen-page[data-page=games] .game-option:focus-within:before{opacity:1;transform:scale(1.13)}.screen-page[data-page=games] .game-option__id{z-index:2;border:1px solid color-mix(in srgb,var(--game-accent)72%,#fff 28%);color:#fff7cf;box-shadow:0 0 8px var(--game-glow);background:#04071f9e;padding:4px 5px;top:clamp(9px,.8vw,12px);right:clamp(9px,.8vw,12px)}.screen-page[data-page=games] .game-option strong{color:var(--game-accent);font-family:var(--font-display);text-shadow:0 0 8px var(--game-glow);font-size:clamp(8px,.98vw,12px);line-height:1.55}.screen-page[data-page=games] .game-option small{color:#d4e1f6;min-height:2.75em;font-family:var(--font-display);font-size:clamp(5px,.56vw,7px);line-height:1.58}.screen-page[data-page=games] .fighter-stage,.screen-page[data-page=games] .three-stage{border:1px solid color-mix(in srgb,var(--game-accent)65%,#fff 35%);height:100%;min-height:0;box-shadow:inset 0 0 22px #00000059,0 0 12px var(--game-glow)}.screen-page[data-page=games] .fighter-stage{background:radial-gradient(circle at 50% 18%,#ffde6f61,#0000 30%),linear-gradient(#4c1451 0%,#190d44 52%,#090a2d 100%)}.screen-page[data-page=games] .fighter-stage:before{content:"";opacity:.72;transform-origin:top;background:repeating-linear-gradient(90deg,#ff54ceb8 0 1px,#0000 1px 20px),repeating-linear-gradient(0deg,#52f3ff8c 0 1px,#0000 1px 20px);height:80%;position:absolute;bottom:-39%;left:-14%;right:-14%;transform:perspective(190px)rotateX(61deg)}.screen-page[data-page=games] .fighter-stage:after{z-index:1;border-bottom-color:#ffe56d;bottom:13px;box-shadow:0 0 12px #ffe56d,0 0 22px #ff54ce80}.screen-page[data-page=games] .fighter-stage .fighter,.screen-page[data-page=games] .fighter-stage b{z-index:2}.screen-page[data-page=games] .fighter-stage b{color:#fff6c2;text-shadow:2px 2px 0 #811863,0 0 12px var(--color-accent-pink)}.screen-page[data-page=games] .three-stage{background:radial-gradient(circle at 50% 24%,#57edff7a,#0000 33%),linear-gradient(#0d3f70 0%,#10144e 56%,#120a38 100%)}.screen-page[data-page=games] .three-stage:after{opacity:.8}.screen-page[data-page=games] .game-launch{border-color:var(--game-accent);color:#fff9d6;background:linear-gradient(135deg,color-mix(in srgb,var(--game-accent)57%,#28134b),#10113e);min-width:0;box-shadow:inset 0 0 0 1px #ffffff1c,0 3px 0 #060610,0 0 11px var(--game-glow);padding:8px 9px}.screen-page[data-page=games] .game-launch:hover:not(:disabled),.screen-page[data-page=games] .game-launch:focus-visible:not(:disabled){color:#fff8ca;filter:brightness(1.14);border-color:#fff1a2;outline:0}.screen-page[data-page=games] .game-launch--disabled{color:#b7c6dc;box-shadow:none;background:#0a0e2a9e;border-color:#aac2e070}body[data-resolved-theme=light] .screen-page[data-page=games] .game-intro{background:linear-gradient(135deg,#f7fafff5,#dce2f9f5);border-color:#485e9e80}body[data-resolved-theme=light] .screen-page[data-page=games] .game-intro h2{color:#273b72;text-shadow:none}body[data-resolved-theme=light] .screen-page[data-page=games] .game-intro>p:last-child,body[data-resolved-theme=light] .screen-page[data-page=games] .game-option small{color:#2c4676}body[data-resolved-theme=light] .screen-page[data-page=games] .game-option{box-shadow:inset 0 0 0 1px #ffffffc7,0 0 15px var(--game-glow);background:linear-gradient(145deg,#fff6fe,#e6e4ff)}body[data-resolved-theme=light] .screen-page[data-page=games] .game-option--three{background:linear-gradient(145deg,#eafcff,#e4e8ff)}.control-module .joystick-stick:before{transform-origin:bottom}.control-module .joystick-zone.is-clicked .joystick-stick:before{animation:.3s cubic-bezier(.22,.78,.32,1) both joystickStemDip}.control-module .joystick-zone.is-clicked .joystick-ball{animation:.3s cubic-bezier(.22,.78,.32,1) both joystickBallDip}@keyframes joystickStemDip{0%,to{transform:translate(-50%)translateY(0)scaleY(1)}42%{transform:translate(-50%)translateY(.14rem)scaleY(.78)}}@keyframes joystickBallDip{0%,to{margin-top:0}42%{margin-top:.22rem}}@media (width<=760px){.screen-page[data-page=games] .game-select{grid-template-columns:1fr;overflow:auto}.screen-page[data-page=games] .game-option{min-height:175px}}.screen-page[data-page=games]{gap:clamp(5px,.8vh,8px)}.screen-page[data-page=games] .game-intro{padding:clamp(7px,.9vw,11px) clamp(9px,1.1vw,13px)}.screen-page[data-page=games] .game-intro h2{margin-bottom:4px}.screen-page[data-page=games] .game-intro>p:last-child{font-size:clamp(7px,.73vw,10px);line-height:1.45}.screen-page[data-page=games] .game-select{align-items:stretch;height:auto;min-height:0;overflow:hidden}.screen-page[data-page=games] .game-option{grid-template-rows:clamp(58px,9.2vh,82px) auto minmax(2.65em,auto) auto;gap:clamp(5px,.55vw,7px);padding:clamp(9px,1.05vw,12px)}.screen-page[data-page=games] .game-option__status{z-index:3;color:#ffe778;font-family:var(--font-display);white-space:nowrap;background:#05071cc2;border:1px solid;padding:4px 5px;font-size:clamp(4px,.44vw,6px);line-height:1.35;position:absolute;top:clamp(8px,.68vw,10px);left:clamp(8px,.68vw,10px);box-shadow:0 0 8px}.screen-page[data-page=games] .game-option__status--playable{color:var(--color-accent-lime)}.screen-page[data-page=games] .game-option__status--construction{color:var(--color-accent-yellow)}.screen-page[data-page=games] .fighter-stage,.screen-page[data-page=games] .three-stage{height:auto;min-height:0}.screen-page[data-page=games] .game-option strong{min-height:1.55em}.screen-page[data-page=games] .game-option small{min-height:0;margin:0;overflow:visible}.screen-page[data-page=games] .game-launch{border:2px solid var(--color-active-accent);color:#fff6c7;font-family:var(--font-display);cursor:pointer;background:#131540;padding:9px 10px;font-size:clamp(5px,.6vw,7px);box-shadow:0 3px #060610}.screen-page[data-page=games] .game-launch:hover:not(:disabled),.screen-page[data-page=games] .game-launch:focus-visible:not(:disabled){border-color:var(--color-accent-yellow);color:var(--color-accent-yellow);filter:none;background:#131540;outline:0;transform:translateY(-1px);box-shadow:0 3px #060610}.screen-page[data-page=games] .game-launch--disabled{cursor:not-allowed;opacity:.55;border:2px solid var(--color-active-accent);color:#fff6c7;background:#131540;box-shadow:0 3px #060610}@media (width<=760px){.screen-page[data-page=games] .game-select{overflow:auto}.screen-page[data-page=games] .game-option{min-height:205px}}@media (height<=650px) and (width>=761px){.screen-page[data-page=games] .game-option{grid-template-rows:clamp(48px,8.2vh,62px) auto minmax(2.5em,auto) auto;padding:8px}.screen-page[data-page=games] .game-option small{font-size:clamp(4px,.5vw,6px)}}.screen-page[data-page=games]{grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(7px,1vh,10px)}.screen-page[data-page=games] .game-accordion{gap:clamp(7px,.85vw,12px);min-width:0;min-height:0;padding-inline:clamp(1px,.22vw,3px);display:flex;position:relative;overflow:hidden}.screen-page[data-page=games] .game-accordion__panel{--accordion-accent:var(--color-accent-pink);--accordion-glow:#ff54ce6e;isolation:isolate;border:2px solid var(--accordion-accent);min-width:0;min-height:0;color:var(--color-text-primary);background:radial-gradient(circle at 88% 14%,var(--accordion-glow),transparent 34%),linear-gradient(145deg,#3b104cf7,#090b2afc);box-shadow:inset 0 0 0 1px #ffffff14,inset 0 -24px 32px #00000047,0 0 14px var(--accordion-glow);cursor:pointer;flex:0 0 clamp(4rem,10.5%,5.3rem);padding:clamp(9px,1vw,12px);transition:flex-basis .36s cubic-bezier(.22,.72,.25,1),border-color .2s,filter .2s,box-shadow .2s;position:relative;overflow:hidden}.screen-page[data-page=games] .game-accordion__panel--three{--accordion-accent:var(--color-accent-cyan);--accordion-glow:#52f3ff66;background:radial-gradient(circle at 88% 14%,var(--accordion-glow),transparent 34%),linear-gradient(145deg,#093a64f7,#0f0d3dfc)}.screen-page[data-page=games] .game-accordion__panel.is-active{cursor:default;flex:1 1 0}.screen-page[data-page=games] .game-accordion__panel:hover,.screen-page[data-page=games] .game-accordion__panel:focus-visible{filter:brightness(1.08)saturate(1.08);box-shadow:inset 0 0 0 1px #ffffff26,inset 0 -24px 32px #00000038,0 0 22px var(--accordion-glow);outline:0}.screen-page[data-page=games] .game-accordion__panel:before{content:"";z-index:-1;aspect-ratio:1;background:radial-gradient(circle,var(--accordion-glow),transparent 65%);filter:blur(7px);opacity:.85;border-radius:50%;width:88%;position:absolute;bottom:-44%;right:-20%}.screen-page[data-page=games] .game-accordion__id,.screen-page[data-page=games] .game-accordion__status{z-index:3;font-family:var(--font-display);white-space:nowrap;font-size:clamp(4px,.44vw,6px);line-height:1.35;position:absolute}.screen-page[data-page=games] .game-accordion__id{border:1px solid color-mix(in srgb,var(--accordion-accent)72%,#fff 28%);color:#fff7cf;box-shadow:0 0 8px var(--accordion-glow);background:#04071fa3;padding:4px 5px;top:clamp(8px,.68vw,10px);right:clamp(8px,.68vw,10px)}.screen-page[data-page=games] .game-accordion__status{background:#05071cc7;border:1px solid;padding:4px 5px;top:clamp(8px,.68vw,10px);left:clamp(8px,.68vw,10px);box-shadow:0 0 8px}.screen-page[data-page=games] .game-accordion__status--playable{color:var(--color-accent-lime)}.screen-page[data-page=games] .game-accordion__status--construction{color:var(--color-accent-yellow)}.screen-page[data-page=games] .game-accordion__layout{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:stretch;gap:clamp(8px,.95vw,12px);width:100%;min-width:0;height:100%;min-height:0;transition:grid-template-columns .32s;display:grid}.screen-page[data-page=games] .game-accordion__preview{border:1px solid color-mix(in srgb,var(--accordion-accent)66%,#fff 34%);min-width:0;height:100%;min-height:0;box-shadow:inset 0 0 22px #0000005c,0 0 12px var(--accordion-glow);overflow:hidden}.screen-page[data-page=games] .game-accordion__panel--fighters .game-accordion__preview{background:radial-gradient(circle at 50% 18%,#ffde6f61,#0000 30%),linear-gradient(#4c1451 0%,#190d44 52%,#090a2d 100%)}.screen-page[data-page=games] .game-accordion__panel--three .game-accordion__preview{background:radial-gradient(circle at 50% 24%,#57edff7a,#0000 33%),linear-gradient(#0d3f70 0%,#10144e 56%,#120a38 100%)}.screen-page[data-page=games] .game-accordion__content{grid-template-rows:auto minmax(0,1fr) auto;align-content:start;gap:clamp(7px,.72vw,10px);min-width:0;min-height:0;padding-top:clamp(28px,3vw,34px);transition:opacity .2s,transform .24s;display:grid}.screen-page[data-page=games] .game-accordion__content strong{color:var(--accordion-accent);font-family:var(--font-display);text-shadow:0 0 8px var(--accordion-glow);font-size:clamp(8px,.98vw,12px);font-weight:400;line-height:1.55;display:block}.screen-page[data-page=games] .game-accordion__content small{color:#d4e1f6;font-family:var(--font-display);align-self:start;margin:0;font-size:clamp(7px,.75vw,10px);line-height:1.65;display:block}.game-accordion__content strong,.game-accordion__content small{transform:translateY(-20px)}.screen-page[data-page=games] .game-accordion .game-launch{align-self:end;min-width:0}.screen-page[data-page=games] .game-accordion__panel:not(.is-active){padding-inline:clamp(8px,.8vw,10px)}.screen-page[data-page=games] .game-accordion__panel:not(.is-active) .game-accordion__layout{display:block}.screen-page[data-page=games] .game-accordion__panel:not(.is-active) .game-accordion__preview{opacity:.32;filter:saturate(.7)brightness(.72);width:100%;height:100%;box-shadow:none;border:0;position:absolute;inset:0}.screen-page[data-page=games] .game-accordion__panel:not(.is-active) .game-accordion__content{z-index:2;justify-content:center;align-items:center;height:100%;padding:clamp(44px,4vw,52px) 0 clamp(10px,1vw,14px);display:flex;position:relative}.screen-page[data-page=games] .game-accordion__panel:not(.is-active) .game-accordion__content strong{color:#fff7cf;letter-spacing:.08em;writing-mode:vertical-rl;text-align:center;max-height:86%;text-shadow:0 0 8px var(--accordion-glow);font-size:clamp(12px,1.3vw,16px);overflow:hidden;transform:rotate(180deg)}.screen-page[data-page=games] .game-accordion__panel:not(.is-active) .game-accordion__content small,.screen-page[data-page=games] .game-accordion__panel:not(.is-active) .game-launch{display:none}.screen-page[data-page=games] .game-accordion__nav{z-index:8;aspect-ratio:1;color:#fff8c7;width:clamp(22px,2.35vw,30px);font-family:var(--font-display);cursor:pointer;background:#050822cc;border:1px solid #ffffff75;place-items:center;font-size:clamp(7px,.84vw,10px);transition:border-color .18s,color .18s,filter .18s;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 0 11px #020414a6}.screen-page[data-page=games] .game-accordion__nav:hover,.screen-page[data-page=games] .game-accordion__nav:focus-visible{border-color:var(--color-accent-yellow);color:var(--color-accent-yellow);filter:brightness(1.18);outline:0}.screen-page[data-page=games] .game-accordion__nav--previous{left:clamp(4px,.45vw,6px)}.screen-page[data-page=games] .game-accordion__nav--next{right:clamp(4px,.45vw,6px)}body[data-resolved-theme=light] .screen-page[data-page=games] .game-accordion__panel{color:#182650;background:radial-gradient(circle at 88% 14%,color-mix(in srgb,var(--accordion-accent)30%,transparent),transparent 34%),linear-gradient(145deg,#fff8ff,#e8eaff)}body[data-resolved-theme=light] .screen-page[data-page=games] .game-accordion__content small{color:#2c4676}body[data-resolved-theme=light] .screen-page[data-page=games] .game-accordion__nav,body[data-resolved-theme=light] .screen-page[data-page=games] .game-accordion__id,body[data-resolved-theme=light] .screen-page[data-page=games] .game-accordion__status{background:#f4f8ffde}@media (width<=760px){.screen-page[data-page=games]{min-height:100%;overflow:hidden}.screen-page[data-page=games] .game-accordion{scrollbar-width:thin;scrollbar-color:var(--color-active-accent)#00000047;flex-direction:column;gap:6px;padding-right:5px;overflow:hidden auto}.screen-page[data-page=games] .game-accordion::-webkit-scrollbar{width:7px}.screen-page[data-page=games] .game-accordion::-webkit-scrollbar-track{background:#00000047}.screen-page[data-page=games] .game-accordion::-webkit-scrollbar-thumb{background:var(--color-active-accent);box-shadow:0 0 8px var(--color-active-accent);border:1px solid #ffffff59}.screen-page[data-page=games] .game-accordion__panel,.screen-page[data-page=games] .game-accordion__panel:not(.is-active){flex:0 0 44px;min-height:44px;transition:flex-basis .48s cubic-bezier(.22,.78,.24,1),min-height .48s cubic-bezier(.22,.78,.24,1),transform .32s,opacity .32s,filter .32s}.screen-page[data-page=games] .game-accordion__panel.is-active{opacity:1;flex:0 0 175px;min-height:175px;transform:translateY(0)}.screen-page[data-page=games] .game-accordion__panel:not(.is-active){opacity:.82;filter:saturate(.82);transform:scale(.985)}.screen-page[data-page=games] .game-accordion__layout{grid-template-columns:minmax(0,1fr) minmax(0,.86fr);min-height:150px;transition:opacity .3s,transform .3s}.screen-page[data-page=games] .game-accordion__panel:not(.is-active) .game-accordion__layout{opacity:0;transform:translateY(8px)}.screen-page[data-page=games] .game-accordion__panel:not(.is-active) .game-accordion__content{padding:0 clamp(46px,8vw,62px)}.screen-page[data-page=games] .game-accordion__panel:not(.is-active) .game-accordion__content strong{writing-mode:initial;transform:none}}@media (height<=650px) and (width>=761px){.screen-page[data-page=games] .game-accordion__panel{padding:8px}.screen-page[data-page=games] .game-accordion__content{gap:5px;padding-top:27px}.screen-page[data-page=games] .game-accordion__content small{font-size:clamp(6px,.75vw,8px)}}.screen-page[data-page=games]{grid-template-rows:auto minmax(0,1fr)}.screen-page[data-page=games] .game-intro{padding-bottom:clamp(28px,3.1vw,36px);position:relative}.screen-page[data-page=games] .game-intro__return{white-space:nowrap;width:max-content;margin:0;position:absolute;bottom:clamp(7px,.8vw,10px);right:clamp(8px,1vw,13px)}.screen-page[data-page=games] .game-accordion__content{padding-top:clamp(20px,2.15vw,25px)}@media (height<=650px) and (width>=761px){.screen-page[data-page=games] .game-accordion__content{padding-top:20px}}.screen-page[data-page=games] .game-intro{grid-template-columns:minmax(0,1fr) max-content;grid-template-areas:"eyebrow return""title return""copy return";align-items:start;column-gap:clamp(10px,1.25vw,16px);padding-bottom:clamp(10px,1.1vw,14px);display:grid}.screen-page[data-page=games] .game-intro>.eyebrow{grid-area:eyebrow}.screen-page[data-page=games] .game-intro>h2{grid-area:title}.screen-page[data-page=games] .game-intro>p:last-of-type{grid-area:copy;max-width:62ch;margin:0}.screen-page[data-page=games] .game-intro__return{grid-area:return;place-self:end;width:max-content;margin:0;position:static}@media (width<=760px){.screen-page[data-page=games] .game-intro{grid-template-columns:minmax(0,1fr);grid-template-areas:"eyebrow""title""copy""return";row-gap:4px}.screen-page[data-page=games] .game-intro__return{margin-top:4px}}.about-modal__panel{scrollbar-width:thin;scrollbar-color:var(--color-active-accent)#00000042}.about-modal__panel::-webkit-scrollbar{width:7px}.about-modal__panel::-webkit-scrollbar-track{background:#02030d7a;border-left:1px solid #ffffff1f}.about-modal__panel::-webkit-scrollbar-thumb{background:var(--color-active-accent);min-height:2.4rem;box-shadow:0 0 8px var(--color-active-accent);border:1px solid #ffffff57}.about-modal__panel::-webkit-scrollbar-thumb:hover{filter:brightness(1.2)}.mobile-page-controls{display:none}@media (width<=760px){.arcade-buttons{display:none}.mobile-page-controls{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:7px;min-width:0;height:100%;display:grid}.mobile-page-control{border:2px solid var(--color-active-accent);min-width:0;min-height:48px;color:var(--color-text-primary);box-shadow:inset 0 0 0 1px #ffffff21,0 4px 0 #060610,0 0 12px color-mix(in srgb,var(--color-active-accent)45%,transparent);font-family:var(--font-display);cursor:pointer;background:linear-gradient(145deg,#29255f,#11112d);border-radius:8px;place-items:center;font-size:18px;display:grid}.mobile-page-control:active,.mobile-page-control.is-pressed{transform:translateY(3px);box-shadow:inset 0 3px 7px #000000b3,0 1px #060610}.control-panel{grid-template-columns:.78fr 1.25fr .58fr .58fr .42fr}.joystick-zone{grid-column:1}.mobile-page-controls{grid-column:2}.start-button{grid-column:3}.coin-slot{grid-column:4}.settings-key{grid-column:5}.screen-header__actions{align-items:center;gap:6px}.mini-action{place-items:center;min-width:36px;min-height:32px;padding:0;font-size:7px;display:grid}.mini-action span:last-child{display:none}.mini-action span:first-child{place-items:center;width:100%;height:100%;margin:0;font-size:14px;line-height:1;display:grid}.mini-action--gear{place-items:center;min-width:34px;min-height:32px;padding:0;font-size:15px;line-height:1;display:grid}.screen-page[data-page=profile]{scrollbar-gutter:auto;padding-right:0;overflow:hidden auto}.profile-layout{grid-template-columns:minmax(100px,.72fr) minmax(0,1.28fr);grid-template-areas:"title title""portrait copy""terminal terminal";align-items:start;gap:14px 12px;height:auto;min-height:0;display:grid}.profile-copy{display:contents}.profile-copy h2{grid-area:title;margin:0;font-size:clamp(16px,5.2vw,23px);line-height:1.35}.profile-pixel-portrait{grid-area:portrait;align-self:start}.profile-copy>p{grid-area:copy;max-width:none;margin:0;font-size:clamp(11px,3.15vw,14px);line-height:1.58;display:block}.terminal-block{grid-area:terminal;margin-top:0;padding:11px;font-size:clamp(6px,2vw,8px);line-height:1.9}.screen-page[data-page=projects]{padding-right:4px;overflow:hidden auto}.project-grid--featured{grid-template-columns:1fr;gap:10px;height:auto;min-height:100%;padding-bottom:4px;display:grid}.project-card{grid-template-rows:auto auto auto;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:9px 11px;min-height:0;padding:12px;display:grid}.project-card__number{grid-area:1/1;font-size:clamp(9px,3vw,12px)}.project-card h3{grid-area:1/2;margin:0;font-size:clamp(8px,2.7vw,11px);line-height:1.55}.project-card .tag-row{flex-wrap:wrap;grid-area:2/1/auto/-1;gap:4px;margin-top:0;display:flex!important}.project-card .tag-row span{align-items:center;gap:4px;padding:4px 5px;font-size:clamp(4px,1.35vw,6px);display:inline-flex}.project-card .tag-row--logos img{object-fit:contain;width:13px;height:13px}.project-card .project-actions{grid-area:3/1/auto/-1;margin-top:0}.project-card .project-action{min-height:34px;font-size:clamp(6px,2vw,8px)}.skill-inventory__mini strong{font-size:clamp(4px,1.45vw,6px);line-height:1.35}.skill-inventory__mini img{width:clamp(22px,7vw,34px);height:clamp(22px,7vw,34px)}.screen-page[data-page=contact]{padding-right:4px;overflow:hidden auto}.contact-layout{grid-template-columns:1fr;align-items:start;gap:7px;height:auto;min-height:0}.contact-layout>div:first-child p{margin:0 0 4px;font-size:clamp(11px,3vw,14px);line-height:1.5;display:block!important}.contact-console{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.contact-console .contact-link:first-child{text-align:center;grid-column:1/-1;justify-content:center;align-items:center}.contact-console .contact-link:first-child .contact-copy{text-align:center;justify-items:center}.contact-link{min-height:76px;padding:10px}.contact-link strong{white-space:normal;font-size:clamp(6px,2vw,8px);line-height:1.45}.contact-link em{font-size:clamp(5px,1.75vw,7px)}.contact-form label>span{font-size:clamp(7px,2.1vw,9px)}.contact-form input,.contact-form textarea{min-height:42px;font-size:16px}.contact-form textarea{min-height:110px}.screen-page[data-page=about]{padding-right:4px;overflow:hidden auto}.about-grid{grid-template-rows:repeat(3,minmax(112px,auto));grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"experience research""education portrait""certifications projects";gap:8px;height:auto;min-height:100%}.about-grid>.about-card:first-child{grid-area:experience}.about-grid>.about-card:nth-child(2){grid-area:research}.about-grid>.about-card:nth-child(3){grid-area:education}.about-grid>.about-portrait{grid-area:portrait}.about-grid>.about-card:nth-child(5){grid-area:certifications}.about-grid>.about-card:nth-child(6){grid-area:projects}.about-card,.about-portrait{min-height:112px}.about-card span{font-size:clamp(9px,2.8vw,13px)}.screen-page[data-page=home]{padding-right:4px;overflow:hidden auto}.home-layout{grid-template-columns:1fr;gap:12px;height:auto;min-height:auto}.hero-copy{font-size:clamp(11px,3vw,14px);line-height:1.5;display:block}.home-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mini-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:9px}.mini-stats strong{font-size:clamp(10px,3vw,15px)}.mini-stats span{margin-top:5px;font-size:clamp(4px,1.35vw,6px)}.command-hint{margin-top:12px;font-size:clamp(5px,1.55vw,7px);position:static}.settings-card h3{font-size:clamp(8px,2.35vw,10px)}.segmented button,.palette-picker button,.language-choice-panel button{min-height:38px;font-size:clamp(6px,1.85vw,8px)}.switch-row,.range-row{min-height:38px;font-size:clamp(10px,2.75vw,12px)}.switch-row i{width:40px;height:20px}.switch-row i:after{width:14px;height:14px}.switch-row input:checked+i:after{transform:translate(18px)}.screen-page[data-page=games] .game-accordion__nav{border:1px solid var(--color-active-accent);width:38px;height:32px;color:var(--color-active-accent);background:color-mix(in srgb,var(--color-active-accent)12%,#050822e6);box-shadow:0 0 10px color-mix(in srgb,var(--color-active-accent)45%,transparent);border-radius:999px;place-items:center;font-size:0;transition:transform .22s,background .22s,box-shadow .22s,filter .22s;display:grid;left:50%;right:auto;transform:translate(-50%)}.screen-page[data-page=games] .game-accordion__nav:hover,.screen-page[data-page=games] .game-accordion__nav:focus-visible{color:var(--color-active-accent);border-color:var(--color-active-accent);background:color-mix(in srgb,var(--color-active-accent)24%,#050822f2);box-shadow:0 0 16px color-mix(in srgb,var(--color-active-accent)72%,transparent);transform:translate(-50%)scale(1.08)}.screen-page[data-page=games] .game-accordion__nav:before{font-family:var(--font-display);font-size:13px;line-height:1;display:block}.screen-page[data-page=games] .game-accordion[data-active-game=fighters] .game-accordion__nav--previous{display:none}.screen-page[data-page=games] .game-accordion[data-active-game=fighters] .game-accordion__nav--next{display:grid;top:auto;bottom:5px}.screen-page[data-page=games] .game-accordion[data-active-game=fighters] .game-accordion__nav--next:before{content:"▼"}.screen-page[data-page=games] .game-accordion[data-active-game=three] .game-accordion__nav--next{display:none}.screen-page[data-page=games] .game-accordion[data-active-game=three] .game-accordion__nav--previous{display:grid;top:5px}.screen-page[data-page=games] .game-accordion[data-active-game=three] .game-accordion__nav--previous:before{content:"▲"}}.screen-frame,.screen-page,.game-accordion__panel,.about-modal__panel{contain:layout paint}.screen-page[hidden]{content-visibility:hidden}@media (width<=760px){.ambient{filter:blur(64px);opacity:.12}.screen-noise{opacity:.11}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.screen-noise,.scanlines{animation:none!important}}@media (max-width:760px){.fight-controls{display:block;width:100%;margin-top:10px}.fight-controls>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(18px,.45fr) minmax(56px,1.3fr);align-items:stretch;gap:clamp(6px,1.8vw,10px);width:100%;margin-left:0}.fight-controls button{width:100%;min-width:0;height:clamp(42px,12vw,52px);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.fight-controls button[data-game-action="left"]{grid-column:1;grid-row:1}.fight-controls button[data-game-action="jump"]{grid-column:2;grid-row:1}.fight-controls button[data-game-action="right"]{grid-column:3;grid-row:1}.fight-controls button[data-game-action="attack"]{grid-column:5;grid-row:1}}


#project-modal {
  --hud-tint: rgba(74, 255, 168, 0.08);
  --hud-line: rgba(104, 245, 176, 0.34);
  --hud-edge-light: rgba(222, 255, 235, 0.68);
  --hud-edge-dark: rgba(13, 91, 57, 0.9);
  --hud-glow: rgba(92, 246, 167, 0.24);
  --pixel: var(--font-display, "Press Start 2P", monospace);
  --mono: var(--font-body, "Space Mono", monospace);
}

.about-modal__close,
.bento-modal__close {
  display: grid !important;
  width: 30px;
  height: 30px;
  place-items: center;
  padding: 0 !important;
  line-height: 1 !important;
  text-align: center;
  transform: translateZ(0);
  transition: color 150ms ease, border-color 150ms ease, box-shadow 150ms ease, background 150ms ease, text-shadow 150ms ease;
}

.about-modal__close:hover,
.about-modal__close:focus-visible,
.bento-modal__close:hover,
.bento-modal__close:focus-visible {
  border-color: var(--color-active-accent, var(--text-accent, var(--cyan, #52f3ff)));
  color: var(--color-active-accent, var(--text-accent, var(--cyan, #52f3ff)));
  background: color-mix(in srgb, var(--color-active-accent, var(--text-accent, var(--cyan, #52f3ff))) 11%, #070a20);
  box-shadow: 0 0 7px color-mix(in srgb, var(--color-active-accent, var(--text-accent, var(--cyan, #52f3ff))) 76%, transparent), 0 0 17px color-mix(in srgb, var(--color-active-accent, var(--text-accent, var(--cyan, #52f3ff))) 40%, transparent), inset 0 0 9px color-mix(in srgb, var(--color-active-accent, var(--text-accent, var(--cyan, #52f3ff))) 24%, transparent);
  outline: none;
  text-shadow: 0 0 8px currentColor;
}

#project-modal .project-media {
  margin: 0 0 14px;
}

#project-modal .project-media__stage {
  position: relative;
  display: grid;
  min-height: clamp(216px, 26vw, 260px);
  place-items: center;
  overflow: visible;
  isolation: isolate;
  perspective: 980px;
}

#project-modal .project-media__stage::after {
  position: absolute;
  bottom: 10%;
  width: min(46%, 220px);
  height: 16px;
  border-radius: 50%;
  content: "";
  background: rgba(0, 0, 0, 0.76);
  filter: blur(9px);
  pointer-events: none;
  z-index: 0;
}

#project-modal .project-media__track {
  --depth: clamp(150px, 19vw, 190px);
  position: relative;
  width: clamp(140px, 15vw, 170px);
  height: clamp(100px, 10.7vw, 122px);
  transform-style: preserve-3d;
  will-change: transform;
  z-index: 1;
}

#project-modal .project-media__item {
  position: absolute;
  inset: 0;
  display: block;
  margin: 0;
  cursor: pointer;
  outline: none;
  touch-action: manipulation;
  transform: rotateY(var(--angle)) translateZ(var(--depth));
  transform-style: preserve-3d;
}

#project-modal .project-media__surface {
  --hud-notch-depth: 7%;
  --beacon-inset: clamp(1px, 0.16vw, 2px);
  --hud-cut: polygon(0 10%, 8% 0, 38% 0, 44% 7%, 56% 7%, 62% 0, 92% 0, 100% 10%, 100% 90%, 92% 100%, 62% 100%, 56% 93%, 44% 93%, 38% 100%, 8% 100%, 0 90%);
  position: absolute;
  inset: 0;
  display: block;
  padding: 4px;
  overflow: visible;
  background: linear-gradient(135deg, rgba(218, 255, 231, 0.18) 0%, rgba(97, 255, 166, 0.07) 20%, rgba(31, 146, 90, 0.04) 52%, rgba(5, 73, 43, 0.1) 100%), var(--hud-tint);
  box-shadow: inset 0 1px 0 var(--hud-edge-light), inset 1px 0 0 rgba(189, 255, 216, 0.42), inset 0 -1px 0 var(--hud-edge-dark), inset -1px 0 0 rgba(7, 67, 42, 0.82), 0 0 0 1px var(--hud-line), 0 10px 22px rgba(0, 0, 0, 0.42);
  clip-path: var(--hud-cut);
  filter: drop-shadow(0 0 6px rgba(82, 255, 159, 0.11));
  transform-style: preserve-3d;
  backface-visibility: hidden;
  transition: filter 180ms ease, box-shadow 180ms ease;
}

#project-modal .project-media__surface--front { transform: translateZ(1px); }
#project-modal .project-media__surface--back { transform: rotateY(180deg) translateZ(1px); }

#project-modal .project-media__surface::before,
#project-modal .project-media__surface::after {
  position: absolute;
  content: "";
  pointer-events: none;
  z-index: 7;
}

#project-modal .project-media__surface::before {
  inset: 5px;
  border: 1px solid rgba(203, 255, 222, 0.3);
  clip-path: var(--hud-cut);
  box-shadow: inset 0 1px 0 rgba(239, 255, 242, 0.12), inset 0 -1px 0 rgba(9, 82, 48, 0.38);
}

#project-modal .project-media__surface::after {
  inset: 8px;
  border: 1px solid rgba(104, 245, 176, 0.24);
  clip-path: var(--hud-cut);
}

#project-modal .project-media__beacon {
  --beacon-height: clamp(2px, 0.26vw, 2.67px);
  position: absolute;
  left: 50%;
  display: block;
  width: clamp(12px, 9.35%, 18px);
  height: calc(var(--beacon-height) * 0.875);
  visibility: visible;
  opacity: 1;
  background: linear-gradient(180deg, #ffffff 0%, #fbfffc 48%, #dfffe9 100%);
  box-shadow: 0 0 1px rgba(255, 255, 255, 1), 0 0 5px rgba(255, 255, 255, 0.84), 0 0 11px rgba(96, 255, 167, 0.4);
  clip-path: polygon(0 0, 100% 0, 94% 100%, 6% 100%);
  pointer-events: none;
  transform: translateX(-50%) translateZ(8px);
  transform-style: preserve-3d;
  z-index: 20;
  animation: project-media-beacon-glow 2.8s ease-in-out infinite;
}

#project-modal .project-media__beacon::before {
  position: absolute;
  inset: 0 7%;
  content: "";
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.96);
  clip-path: inherit;
}

#project-modal .project-media__beacon::after {
  position: absolute;
  inset: -3px -5px;
  content: "";
  background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.55), transparent 68%);
  filter: blur(2px);
  z-index: -1;
}

#project-modal .project-media__beacon--top { top: calc(var(--hud-notch-depth) + var(--beacon-inset) - 2px); }
#project-modal .project-media__beacon--bottom { bottom: calc(var(--hud-notch-depth) + var(--beacon-inset) - 2px); transform: translateX(-50%) translateZ(8px) rotate(180deg); }

#project-modal .project-media__visual {
  position: absolute;
  inset: 4px;
  overflow: hidden;
  background: rgba(5, 24, 20, 0.32);
  clip-path: var(--hud-cut);
  isolation: isolate;
}

#project-modal .project-media__visual::before {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(118deg, rgba(202, 255, 222, 0.13), rgba(78, 231, 157, 0.03) 42%, rgba(221, 255, 233, 0.08)), radial-gradient(circle at 64% 33%, rgba(245, 255, 247, 0.08), transparent 34%);
  mix-blend-mode: screen;
  pointer-events: none;
  z-index: 2;
}

#project-modal .project-media__visual::after {
  position: absolute;
  inset: 0;
  content: "";
  background-image: repeating-linear-gradient(180deg, rgba(184, 255, 216, 0.13) 0 1px, transparent 1px 4px), linear-gradient(90deg, rgba(82, 244, 162, 0.07), transparent 18%, transparent 82%, rgba(82, 244, 162, 0.07));
  background-position: 0 0, 0 0;
  background-size: 100% 4px, 100% 100%;
  mix-blend-mode: screen;
  opacity: 0.52;
  pointer-events: none;
  will-change: background-position;
  z-index: 3;
  animation: project-media-scanline-flow 8.5s linear infinite;
}

#project-modal .project-media__item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(0.92) brightness(0.91) contrast(1.05);
}

#project-modal .project-media__scan {
  position: absolute;
  inset: 8px;
  border: 1px solid rgba(211, 255, 223, 0.22);
  clip-path: polygon(2% 13%, 9% 3%, 39% 3%, 45% 10%, 55% 10%, 61% 3%, 91% 3%, 98% 13%, 98% 87%, 91% 97%, 61% 97%, 55% 90%, 45% 90%, 39% 97%, 9% 97%, 2% 87%);
  pointer-events: none;
  z-index: 4;
}

#project-modal .project-media__reticle {
  position: absolute;
  top: 50%;
  left: 23%;
  width: 12px;
  height: 12px;
  border: 1px solid rgba(232, 255, 238, 0.9);
  border-radius: 50%;
  box-shadow: 0 0 8px rgba(121, 255, 180, 0.75);
  transform: translate(-50%, -50%);
  z-index: 5;
}

#project-modal .project-media__reticle::before,
#project-modal .project-media__reticle::after {
  position: absolute;
  inset: 50% auto auto 50%;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  content: "";
  background: #e5ffec;
  box-shadow: 0 0 5px #e5ffec;
  transform: translate(-50%, -50%);
}

#project-modal .project-media__reticle::after {
  width: 20px;
  height: 1px;
  border-radius: 0;
  background: linear-gradient(90deg, rgba(225, 255, 234, 0), rgba(225, 255, 234, 0.92));
  transform: translate(0, -50%);
}

#project-modal .project-media__caption {
  position: absolute;
  top: 14%;
  right: 8%;
  display: grid;
  gap: 4px;
  min-width: 57px;
  padding: 5px 7px;
  border: 1px solid rgba(218, 255, 225, 0.74);
  color: #e9ffec;
  background: rgba(6, 37, 24, 0.76);
  clip-path: polygon(12% 0, 100% 0, 100% 78%, 88% 100%, 0 100%, 0 22%);
  font-size: 7px;
  line-height: 1.2;
  letter-spacing: 0.08em;
  pointer-events: none;
  text-transform: uppercase;
  z-index: 6;
}

#project-modal .project-media__watch { color: #afffc1; font-family: var(--pixel); font-size: 6px; }
#project-modal .project-media__label { max-width: 84px; overflow: hidden; color: #ecfff0; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
#project-modal .project-media__index { position: absolute; bottom: 9%; left: 10%; color: rgba(225, 255, 232, 0.9); font-family: var(--pixel); font-size: 7px; letter-spacing: 0.12em; pointer-events: none; text-shadow: 0 0 8px rgba(87, 255, 151, 0.72); z-index: 6; }
#project-modal .project-media__back-label { position: absolute; right: 9%; bottom: 12%; display: grid; gap: 2px; padding: 4px 6px; border: 1px solid rgba(210, 255, 225, 0.52); color: rgba(225, 255, 232, 0.9); background: rgba(3, 41, 23, 0.62); font-family: var(--pixel); font-size: 5px; line-height: 1.2; letter-spacing: 0.08em; text-align: right; z-index: 6; }
#project-modal .project-media__back-label strong { color: #d6ffe2; font-size: 9px; }

#project-modal .project-media__item:hover .project-media__surface--front,
#project-modal .project-media__item:focus-visible .project-media__surface--front {
  box-shadow: inset 0 1px 0 rgba(224, 255, 233, 0.84), inset 1px 0 0 rgba(210, 255, 223, 0.64), inset 0 -1px 0 rgba(7, 83, 47, 0.96), inset -1px 0 0 rgba(6, 67, 40, 0.98), 0 0 0 1px rgba(225, 255, 235, 0.66), 0 0 16px rgba(55, 255, 145, 0.38), 0 12px 22px rgba(0, 0, 0, 0.62);
}

#project-modal .project-media__item.is-selected .project-media__surface--front {
  filter: brightness(1.05) saturate(1.1) drop-shadow(0 0 2px rgba(243, 255, 247, 0.72)) drop-shadow(0 0 11px rgba(102, 255, 170, 0.66)) drop-shadow(0 0 24px rgba(59, 255, 142, 0.38));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), inset 1px 0 0 rgba(225, 255, 232, 0.68), inset 0 -2px 0 rgba(3, 44, 28, 0.88), inset -2px 0 0 rgba(13, 118, 66, 0.72), 0 0 0 1px rgba(238, 255, 243, 0.76), 0 0 14px rgba(102, 255, 170, 0.54), 0 0 30px rgba(54, 255, 137, 0.36), 0 12px 22px rgba(0, 0, 0, 0.62);
  animation: project-media-selected-pulse 1.1s ease-in-out infinite;
}

#project-modal .project-media__item.is-selected::after {
  --selected-cut: polygon(0 10%, 8% 0, 38% 0, 44% 7%, 56% 7%, 62% 0, 92% 0, 100% 10%, 100% 90%, 92% 100%, 62% 100%, 56% 93%, 44% 93%, 38% 100%, 8% 100%, 0 90%);
  position: absolute;
  inset: -6px;
  border: 1px solid rgba(234, 255, 241, 0.68);
  content: "";
  clip-path: var(--selected-cut);
  box-shadow: 0 0 8px rgba(155, 255, 199, 0.58), 0 0 19px rgba(67, 255, 148, 0.34);
  pointer-events: none;
  transform: translateZ(4px);
  z-index: 12;
  animation: project-media-selected-frame 1.1s ease-in-out infinite;
}

#project-modal .project-media__item.is-selected .project-media__surface--front::before { border-color: rgba(239, 255, 244, 0.72); box-shadow: inset 0 0 12px rgba(104, 255, 163, 0.14), 0 0 8px rgba(129, 255, 183, 0.38); }
#project-modal .project-media__item.is-selected .project-media__surface--front::after { border-color: rgba(164, 255, 195, 0.62); box-shadow: inset 0 0 14px rgba(95, 255, 156, 0.1); }
#project-modal .project-media__item.is-selected .project-media__surface--front .project-media__visual::before { opacity: 0.72; background: linear-gradient(118deg, rgba(216, 255, 228, 0.24), rgba(65, 255, 141, 0.06) 42%, rgba(226, 255, 235, 0.12)), radial-gradient(circle at 64% 33%, rgba(246, 255, 249, 0.12), transparent 34%); }
#project-modal .project-media__item.is-selected .project-media__surface--front .project-media__visual::after { opacity: 0.44; }
#project-modal .project-media__item.is-selected .project-media__surface--front .project-media__beacon { box-shadow: 0 0 4px rgba(255, 255, 255, 0.78), 0 0 12px rgba(101, 255, 171, 0.66), 0 0 22px rgba(101, 255, 171, 0.42); }
#project-modal .project-media__item:focus-visible { outline: 2px solid #fff6c8; outline-offset: 5px; }

#project-modal .project-media__details { display: grid; gap: 16px; margin-top: 12px; }
#project-modal .project-media__details--with-demo { grid-template-columns: minmax(0, 1fr) minmax(180px, 0.78fr); align-items: start; }
#project-modal .project-media__text { display: grid; gap: 11px; }
#project-modal .project-media__copy,
#project-modal .project-media__summary p { margin: 0; color: #c4d9ee; font-family: var(--mono); font-size: clamp(12px, 1.15vw, 15px); line-height: 1.65; }
#project-modal .project-media__summary { display: grid; gap: 7px; }
#project-modal .project-media__summary strong { color: var(--yellow, #ffdb50); }
#project-modal .project-media__demo { --video-cut: polygon(0 10%, 8% 0, 38% 0, 44% 7%, 56% 7%, 62% 0, 92% 0, 100% 10%, 100% 90%, 92% 100%, 62% 100%, 56% 93%, 44% 93%, 38% 100%, 8% 100%, 0 90%); position: relative; padding: 3px; overflow: hidden; background: linear-gradient(135deg, rgba(203, 255, 220, 0.68), rgba(73, 219, 128, 0.42) 26%, rgba(8, 85, 53, 0.56) 70%, rgba(155, 242, 180, 0.56)); clip-path: var(--video-cut); box-shadow: 0 0 16px rgba(70, 255, 148, 0.2), 0 12px 24px rgba(0, 0, 0, 0.36); }
#project-modal .project-media__demo iframe,
#project-modal .project-media__demo video { display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; background: #020807; clip-path: var(--video-cut); }

@keyframes project-media-scanline-flow { to { background-position: 0 -64px, 0 0; } }
@keyframes project-media-selected-pulse { 0%, 100% { filter: brightness(1.02) saturate(1.06) drop-shadow(0 0 3px rgba(243, 255, 247, 0.62)) drop-shadow(0 0 9px rgba(105, 255, 171, 0.58)) drop-shadow(0 0 21px rgba(58, 255, 141, 0.34)); } 50% { filter: brightness(1.08) saturate(1.14) drop-shadow(0 0 4px rgba(255, 255, 255, 0.76)) drop-shadow(0 0 13px rgba(139, 255, 190, 0.72)) drop-shadow(0 0 27px rgba(64, 255, 145, 0.46)); } }
@keyframes project-media-selected-frame { 0%, 100% { opacity: 0.7; } 50% { opacity: 1; } }
@keyframes project-media-beacon-glow { 0%, 100% { opacity: 0.78; box-shadow: 0 0 1px rgba(255, 255, 255, 0.92), 0 0 3px rgba(255, 255, 255, 0.58), 0 0 7px rgba(96, 255, 167, 0.24); } 50% { opacity: 1; box-shadow: 0 0 1px rgba(255, 255, 255, 1), 0 0 5px rgba(255, 255, 255, 0.84), 0 0 11px rgba(96, 255, 167, 0.42); } }

@media (max-width: 680px) { #project-modal .project-media__details--with-demo { grid-template-columns: 1fr; } }
@media (max-width: 560px) { #project-modal .project-media__stage { min-height: 210px; overflow: hidden; } #project-modal .project-media__track { --depth: 130px; width: 122px; height: 88px; } #project-modal .project-media__caption { min-width: 48px; padding: 4px 5px; } #project-modal .project-media__watch { font-size: 5px; } #project-modal .project-media__label, #project-modal .project-media__index { font-size: 6px; } #project-modal .project-media__beacon { --beacon-height: 2px; height: calc(var(--beacon-height) * 0.875); } }
@media (prefers-reduced-motion: reduce) { #project-modal .project-media__visual::after, #project-modal .project-media__beacon, #project-modal .project-media__item.is-selected .project-media__surface--front { animation: none !important; } }

@media (min-width:761px){.screen-page[data-page="projects"]{overflow:hidden}.screen-page[data-page="projects"] .project-grid--featured{--project-card-gap:clamp(7px,1vw,13px);height:calc(100% - 68px);min-height:0;display:grid;grid-auto-flow:column;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,35%) minmax(0,31%) minmax(0,31%);grid-auto-columns:minmax(0,31%);gap:var(--project-card-gap);overflow-x:auto;overflow-y:hidden;padding:0 0 8px;scroll-behavior:smooth;scroll-snap-type:x proximity;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--cyan) rgba(5,10,34,.68)}.screen-page[data-page="projects"] .project-grid--featured>.project-card{min-width:0;min-height:0;height:100%;scroll-snap-align:start}.screen-page[data-page="projects"] .project-grid--featured::-webkit-scrollbar{height:7px}.screen-page[data-page="projects"] .project-grid--featured::-webkit-scrollbar-track{background:rgba(5,10,34,.68);box-shadow:inset 0 0 0 1px rgba(140,166,255,.2)}.screen-page[data-page="projects"] .project-grid--featured::-webkit-scrollbar-thumb{border:1px solid rgba(234,248,255,.72);background:var(--cyan);box-shadow:0 0 8px color-mix(in srgb,var(--cyan) 58%,transparent)}}@media (max-width:760px){.screen-page[data-page="projects"]{overflow:hidden;padding-right:0}.screen-page[data-page="projects"] .project-grid--featured{height:calc(100% - 52px);min-height:0;display:grid;grid-auto-flow:column;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,82%);grid-auto-columns:minmax(0,82%);gap:10px;overflow-x:auto;overflow-y:hidden;padding:0 10px 8px 0;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--cyan) rgba(5,10,34,.68)}.screen-page[data-page="projects"] .project-grid--featured>.project-card{min-width:0;min-height:0;height:100%;scroll-snap-align:start}.screen-page[data-page="projects"] .project-grid--featured::-webkit-scrollbar{height:6px}.screen-page[data-page="projects"] .project-grid--featured::-webkit-scrollbar-track{background:rgba(5,10,34,.68)}.screen-page[data-page="projects"] .project-grid--featured::-webkit-scrollbar-thumb{border:1px solid rgba(234,248,255,.72);background:var(--cyan)}}@media (min-width:761px){.screen-page[data-page="projects"]{overflow-x:hidden;overflow-y:auto;padding-right:4px}.screen-page[data-page="projects"] .project-grid--featured{--project-card-gap:clamp(7px,1vw,13px);height:auto;min-height:calc(100% - 68px);display:grid;grid-auto-flow:row;grid-template-columns:1.12fr 1fr 1fr;grid-auto-rows:clamp(210px,27vh,280px);align-content:start;gap:var(--project-card-gap);overflow:visible;padding:0 0 8px;scroll-behavior:auto;scroll-snap-type:none;scrollbar-gutter:auto}.screen-page[data-page="projects"] .project-grid--featured>.project-card{min-width:0;min-height:0;height:auto;scroll-snap-align:none}}@media (max-width:760px){.screen-page[data-page="about"] .about-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-template-rows:minmax(92px,auto) minmax(104px,auto) minmax(72px,auto)!important;grid-template-areas:"experience experience experience research research research" "portrait portrait portrait portrait portrait portrait" "education education certifications certifications projects projects"!important;gap:7px!important;align-content:start;min-height:auto!important}.screen-page[data-page="about"] .about-card[data-about="experience"],.screen-page[data-page="about"] .about-card[data-about="research"]{min-height:92px!important}.screen-page[data-page="about"] .about-card[data-about="education"],.screen-page[data-page="about"] .about-card[data-about="certifications"],.screen-page[data-page="about"] .about-card[data-about="projects"]{min-height:72px!important;padding-inline:6px!important}.screen-page[data-page="about"] .about-card[data-about="education"]{grid-area:education!important}.screen-page[data-page="about"] .about-card[data-about="certifications"]{grid-area:certifications!important}.screen-page[data-page="about"] .about-card[data-about="projects"]{grid-area:projects!important}.screen-page[data-page="about"] .about-portrait{grid-area:portrait!important;min-height:104px!important;max-height:116px;grid-template-rows:minmax(0,1fr) auto!important;gap:5px!important}.screen-page[data-page="about"] .about-portrait img{max-height:86px;object-fit:cover;object-position:center 15%}.screen-page[data-page="about"] .cv-trigger{min-height:24px!important}.screen-page[data-page="about"] .about-card span{font-size:clamp(6px,2.15vw,10px)!important;line-height:1.35!important}}@media (max-width:760px){.screen-page[data-page="about"] .about-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-template-rows:minmax(82px,auto) minmax(104px,auto) minmax(72px,auto)!important;grid-template-areas:"certifications certifications certifications portrait portrait portrait" "projects projects projects portrait portrait portrait" "education education experience experience research research"!important;gap:7px!important;align-content:start;min-height:auto!important}.screen-page[data-page="about"] .about-card[data-about="certifications"]{grid-area:certifications!important;min-height:82px!important}.screen-page[data-page="about"] .about-card[data-about="projects"]{grid-area:projects!important;min-height:104px!important}.screen-page[data-page="about"] .about-portrait{grid-area:portrait!important;min-height:186px!important;max-height:206px!important;grid-template-rows:minmax(0,1fr) auto!important;gap:5px!important}.screen-page[data-page="about"] .about-card[data-about="education"]{grid-area:education!important;min-height:72px!important}.screen-page[data-page="about"] .about-card[data-about="experience"]{grid-area:experience!important;min-height:72px!important}.screen-page[data-page="about"] .about-card[data-about="research"]{grid-area:research!important;min-height:72px!important}.screen-page[data-page="about"] .about-portrait img{max-height:164px!important;object-fit:cover;object-position:center 14%}}@media (max-width:760px){html[lang=es] .screen-page[data-page=about] .about-grid{grid-template-rows:minmax(82px,auto) minmax(104px,auto) minmax(72px,auto) minmax(72px,auto)!important;grid-template-areas:"certifications certifications certifications portrait portrait portrait" "projects projects projects portrait portrait portrait" "education education experience experience . ." "research research research research . ."!important}html[lang=es] .screen-page[data-page=about] .about-card[data-about=research]{grid-area:research!important;min-height:72px!important}}


@media (max-width: 760px) {
  html[lang="es"] .screen-page[data-page="about"] .about-grid,
  html[lang^="es-"] .screen-page[data-page="about"] .about-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    grid-template-rows:
      minmax(82px, auto)
      minmax(104px, auto)
      minmax(72px, auto)
      minmax(72px, auto) !important;
    grid-template-areas:
      "certifications certifications certifications portrait portrait portrait"
      "projects projects projects portrait portrait portrait"
      "education education education experience experience experience"
      "research research research cv cv cv" !important;
  }

  html[lang="es"] .screen-page[data-page="about"] .about-card[data-about="education"],
  html[lang^="es-"] .screen-page[data-page="about"] .about-card[data-about="education"] {
    grid-area: education !important;
    min-height: 72px !important;
  }

  html[lang="es"] .screen-page[data-page="about"] .about-card[data-about="experience"],
  html[lang^="es-"] .screen-page[data-page="about"] .about-card[data-about="experience"] {
    grid-area: experience !important;
    min-height: 72px !important;
  }

  html[lang="es"] .screen-page[data-page="about"] .about-card[data-about="research"],
  html[lang^="es-"] .screen-page[data-page="about"] .about-card[data-about="research"] {
    grid-area: research !important;
    min-height: 72px !important;
  }

  html[lang="es"] .screen-page[data-page="about"] .about-portrait,
  html[lang^="es-"] .screen-page[data-page="about"] .about-portrait {
    display: contents !important;
  }

  html[lang="es"] .screen-page[data-page="about"] .about-portrait img,
  html[lang^="es-"] .screen-page[data-page="about"] .about-portrait img {
    grid-area: portrait !important;
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    min-height: 186px !important;
    object-fit: cover;
    object-position: center 14%;
  }

  html[lang="es"] .screen-page[data-page="about"] .cv-trigger,
  html[lang^="es-"] .screen-page[data-page="about"] .cv-trigger {
    grid-area: cv !important;
    align-self: stretch;
    width: 100%;
    min-height: 72px !important;
  }
}


@media (max-width: 760px) {
  html[lang="es"] .screen-page[data-page="about"] .about-grid,
  html[lang^="es-"] .screen-page[data-page="about"] .about-grid {
    grid-template-rows:
      minmax(78px, auto)
      minmax(98px, auto)
      minmax(66px, auto)
      minmax(66px, auto) !important;
    gap: 6px !important;
  }

  html[lang="es"] .screen-page[data-page="about"] .about-card[data-about="certifications"],
  html[lang^="es-"] .screen-page[data-page="about"] .about-card[data-about="certifications"] {
    min-height: 78px !important;
  }

  html[lang="es"] .screen-page[data-page="about"] .about-card[data-about="projects"],
  html[lang^="es-"] .screen-page[data-page="about"] .about-card[data-about="projects"] {
    min-height: 98px !important;
  }

  html[lang="es"] .screen-page[data-page="about"] .about-card[data-about="education"],
  html[lang^="es-"] .screen-page[data-page="about"] .about-card[data-about="education"],
  html[lang="es"] .screen-page[data-page="about"] .about-card[data-about="experience"],
  html[lang^="es-"] .screen-page[data-page="about"] .about-card[data-about="experience"],
  html[lang="es"] .screen-page[data-page="about"] .about-card[data-about="research"],
  html[lang^="es-"] .screen-page[data-page="about"] .about-card[data-about="research"] {
    min-height: 66px !important;
  }

  html[lang="es"] .screen-page[data-page="about"] .about-portrait img,
  html[lang^="es-"] .screen-page[data-page="about"] .about-portrait img {
    min-height: 182px !important;
  }

  html[lang="es"] .screen-page[data-page="about"] .cv-trigger,
  html[lang^="es-"] .screen-page[data-page="about"] .cv-trigger {
    min-height: 66px !important;
    display: grid !important;
    place-items: center !important;
    padding: 7px 8px !important;
    font: clamp(8px, 2.55vw, 11px) var(--pixel) !important;
    line-height: 1.2 !important;
    letter-spacing: .02em !important;
    text-align: center !important;
  }
}


@media (max-width: 760px) {
  html[lang="es"] .screen-page[data-page="about"] .about-grid,
  html[lang^="es-"] .screen-page[data-page="about"] .about-grid {
    grid-template-rows:
      minmax(72px, auto)
      minmax(92px, auto)
      minmax(66px, auto)
      minmax(66px, auto) !important;
  }

  html[lang="es"] .screen-page[data-page="about"] .about-card[data-about="certifications"],
  html[lang^="es-"] .screen-page[data-page="about"] .about-card[data-about="certifications"] {
    min-height: 72px !important;
  }

  html[lang="es"] .screen-page[data-page="about"] .about-card[data-about="projects"],
  html[lang^="es-"] .screen-page[data-page="about"] .about-card[data-about="projects"] {
    min-height: 92px !important;
  }

  html[lang="es"] .screen-page[data-page="about"] .about-portrait img,
  html[lang^="es-"] .screen-page[data-page="about"] .about-portrait img {
    min-height: 170px !important;
  }
}


@media (max-width: 760px) {
  html[lang="es"] .screen-page[data-page="about"] .about-grid,
  html[lang^="es-"] .screen-page[data-page="about"] .about-grid {
    grid-template-rows:
      minmax(68px, auto)
      minmax(84px, auto)
      minmax(60px, auto)
      minmax(60px, auto) !important;
    gap: 5px !important;
  }

  html[lang="es"] .screen-page[data-page="about"] .about-card[data-about="certifications"],
  html[lang^="es-"] .screen-page[data-page="about"] .about-card[data-about="certifications"] {
    min-height: 68px !important;
  }

  html[lang="es"] .screen-page[data-page="about"] .about-card[data-about="projects"],
  html[lang^="es-"] .screen-page[data-page="about"] .about-card[data-about="projects"] {
    min-height: 84px !important;
  }

  html[lang="es"] .screen-page[data-page="about"] .about-card[data-about="education"],
  html[lang^="es-"] .screen-page[data-page="about"] .about-card[data-about="education"],
  html[lang="es"] .screen-page[data-page="about"] .about-card[data-about="experience"],
  html[lang^="es-"] .screen-page[data-page="about"] .about-card[data-about="experience"],
  html[lang="es"] .screen-page[data-page="about"] .about-card[data-about="research"],
  html[lang^="es-"] .screen-page[data-page="about"] .about-card[data-about="research"],
  html[lang="es"] .screen-page[data-page="about"] .cv-trigger,
  html[lang^="es-"] .screen-page[data-page="about"] .cv-trigger {
    min-height: 60px !important;
  }

  html[lang="es"] .screen-page[data-page="about"] .about-card,
  html[lang^="es-"] .screen-page[data-page="about"] .about-card {
    padding-block: 5px !important;
  }

  html[lang="es"] .screen-page[data-page="about"] .about-portrait img,
  html[lang^="es-"] .screen-page[data-page="about"] .about-portrait img {
    min-height: 156px !important;
  }

  html[lang="es"] .screen-page[data-page="about"] .cv-trigger,
  html[lang^="es-"] .screen-page[data-page="about"] .cv-trigger {
    padding-block: 5px !important;
    font-size: clamp(8.5px, 2.75vw, 11.5px) !important;
  }
}


@media (max-width: 760px) {
  html[lang="es"] .screen-page[data-page="about"] .about-grid,
  html[lang^="es-"] .screen-page[data-page="about"] .about-grid {
    grid-template-rows:
      minmax(58px, auto)
      minmax(74px, auto)
      minmax(60px, auto)
      minmax(60px, auto) !important;
  }

  html[lang="es"] .screen-page[data-page="about"] .about-card[data-about="certifications"],
  html[lang^="es-"] .screen-page[data-page="about"] .about-card[data-about="certifications"] {
    min-height: 58px !important;
  }

  html[lang="es"] .screen-page[data-page="about"] .about-card[data-about="projects"],
  html[lang^="es-"] .screen-page[data-page="about"] .about-card[data-about="projects"] {
    min-height: 74px !important;
  }

  html[lang="es"] .screen-page[data-page="about"] .about-portrait img,
  html[lang^="es-"] .screen-page[data-page="about"] .about-portrait img {
    min-height: 146px !important;
  }
}


@media (max-width: 760px) {
  html[lang="es"] .screen-page[data-page="about"] .about-grid,
  html[lang^="es-"] .screen-page[data-page="about"] .about-grid {
    grid-template-rows:
      minmax(53px, auto)
      minmax(69px, auto)
      minmax(55px, auto)
      minmax(55px, auto) !important;
    gap: 5px !important;
  }

  html[lang="es"] .screen-page[data-page="about"] .about-card[data-about="certifications"],
  html[lang^="es-"] .screen-page[data-page="about"] .about-card[data-about="certifications"] {
    min-height: 53px !important;
  }

  html[lang="es"] .screen-page[data-page="about"] .about-card[data-about="projects"],
  html[lang^="es-"] .screen-page[data-page="about"] .about-card[data-about="projects"] {
    min-height: 69px !important;
  }

  html[lang="es"] .screen-page[data-page="about"] .about-card[data-about="education"],
  html[lang^="es-"] .screen-page[data-page="about"] .about-card[data-about="education"],
  html[lang="es"] .screen-page[data-page="about"] .about-card[data-about="experience"],
  html[lang^="es-"] .screen-page[data-page="about"] .about-card[data-about="experience"],
  html[lang="es"] .screen-page[data-page="about"] .about-card[data-about="research"],
  html[lang^="es-"] .screen-page[data-page="about"] .about-card[data-about="research"],
  html[lang="es"] .screen-page[data-page="about"] .cv-trigger,
  html[lang^="es-"] .screen-page[data-page="about"] .cv-trigger {
    min-height: 55px !important;
  }

  html[lang="es"] .screen-page[data-page="about"] .about-card,
  html[lang^="es-"] .screen-page[data-page="about"] .about-card {
    padding-block: 4px !important;
  }

  html[lang="es"] .screen-page[data-page="about"] .about-portrait img,
  html[lang^="es-"] .screen-page[data-page="about"] .about-portrait img {
    min-height: 141px !important;
  }

  html[lang="es"] .screen-page[data-page="about"] .cv-trigger,
  html[lang^="es-"] .screen-page[data-page="about"] .cv-trigger {
    padding-block: 4px !important;
    font-size: clamp(8.5px, 2.75vw, 11.5px) !important;
  }
}

body[data-resolved-theme="light"] .screen-page[data-page="skills"] img[src$="github.svg"],body[data-resolved-theme="light"] .skills-v13-standalone__mini img[src$="github.svg"]{content:url("assets/tech/github-black.svg");filter:none!important;opacity:1!important}body[data-resolved-theme="light"] .screen-page[data-page="contact"] img[src$="gmail.svg"],body[data-resolved-theme="light"] img.contact-icon--mail{content:url("assets/icons/gmail-black.svg");filter:none!important;opacity:1!important}body[data-resolved-theme="light"] .screen-page[data-page="about"] .cv-trigger{color:#3f2f10;border-color:#b8984d;background:linear-gradient(135deg,#fffbed,#f3dfaa 62%,#dfc27b);box-shadow:0 0 12px rgba(174,130,41,.22),inset 0 0 0 1px rgba(255,255,255,.72),inset 0 -2px 0 rgba(143,102,25,.2);text-shadow:none}body[data-resolved-theme="light"] .screen-page[data-page="about"] .cv-trigger:hover,body[data-resolved-theme="light"] .screen-page[data-page="about"] .cv-trigger:focus-visible{color:#251b08;border-color:#8f6f22;background:linear-gradient(135deg,#fff9e8,#f1d78d);box-shadow:0 0 16px rgba(174,130,41,.34),inset 0 0 0 1px rgba(255,255,255,.76)}body[data-resolved-theme="light"] #about-modal,body[data-resolved-theme="light"] #cv-modal,body[data-resolved-theme="light"] #contact-modal{background:rgba(226,236,252,.78)}body[data-resolved-theme="light"] #about-modal .about-modal__panel,body[data-resolved-theme="light"] #cv-modal .about-modal__panel,body[data-resolved-theme="light"] #contact-modal .about-modal__panel{color:#111d3d;border-color:#667fba;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(234,243,255,.96) 48%,rgba(210,224,248,.98));box-shadow:0 0 0 5px rgba(24,38,80,.12),0 20px 44px rgba(60,75,119,.3),inset 0 0 0 1px rgba(255,255,255,.72);scrollbar-color:#6f86bb rgba(255,255,255,.42)}body[data-resolved-theme="light"] #about-modal .about-modal__panel p,body[data-resolved-theme="light"] #about-modal .about-modal__panel li,body[data-resolved-theme="light"] #cv-modal .about-modal__panel p,body[data-resolved-theme="light"] #cv-modal .about-modal__panel li,body[data-resolved-theme="light"] #contact-modal .about-modal__panel p,body[data-resolved-theme="light"] #contact-modal .about-modal__panel li,body[data-resolved-theme="light"] #contact-modal .contact-form label{color:#1d2e58}body[data-resolved-theme="light"] #about-modal .about-modal__panel h2,body[data-resolved-theme="light"] #cv-modal .about-modal__panel h2,body[data-resolved-theme="light"] #contact-modal .about-modal__panel h2{color:#172a5c;text-shadow:2px 2px 0 rgba(145,183,228,.7)}body[data-resolved-theme="light"] #about-modal .about-modal__panel h3,body[data-resolved-theme="light"] #about-modal .eyebrow,body[data-resolved-theme="light"] #cv-modal .eyebrow,body[data-resolved-theme="light"] #contact-modal .eyebrow,body[data-resolved-theme="light"] #cv-modal .cv-summary strong{color:#0a5470;text-shadow:none}body[data-resolved-theme="light"] #about-modal .about-modal__close,body[data-resolved-theme="light"] #cv-modal .about-modal__close,body[data-resolved-theme="light"] #contact-modal .about-modal__close{color:#122c5d;border-color:#667fba;background:rgba(234,244,255,.96);text-shadow:none}body[data-resolved-theme="light"] #about-modal .project-action,body[data-resolved-theme="light"] #cv-modal .project-action,body[data-resolved-theme="light"] #contact-modal .project-action,body[data-resolved-theme="light"] #contact-modal .contact-form button,body[data-resolved-theme="light"] #contact-modal button[type="submit"]{color:#3f2f10;border-color:#b8984d;background:linear-gradient(135deg,#fffbed,#f3dfaa 62%,#dfc27b);box-shadow:0 0 12px rgba(174,130,41,.2),inset 0 0 0 1px rgba(255,255,255,.72);text-shadow:none}body[data-resolved-theme="light"] #contact-modal .contact-form input,body[data-resolved-theme="light"] #contact-modal .contact-form textarea{color:#122c5d;border-color:#667fba;background:#f7fbff;box-shadow:inset 0 0 0 1px rgba(102,127,186,.14);text-shadow:none}body[data-resolved-theme="light"] .screen-page[data-page="games"] .game-accordion__nav,body[data-resolved-theme="light"] .mobile-page-control{color:#111827;border-color:#b8984d;background:linear-gradient(135deg,#fffbed,#f3dfaa 62%,#dfc27b);text-shadow:none}body[data-resolved-theme="light"] .screen-page[data-page="games"] .game-accordion__nav::before,body[data-resolved-theme="light"] .mobile-page-control::before,body[data-resolved-theme="light"] .mobile-page-control::after{color:#111827;text-shadow:none}body[data-resolved-theme="light"] .skill-inventory__mini img[src$="github.svg"],body[data-resolved-theme="light"] .skill-mini img[src$="github.svg"],body[data-resolved-theme="light"] .tag-row--logos img[src$="github.svg"]{content:url("assets/tech/github-black.svg");filter:none !important;}body[data-resolved-theme="light"] .contact-icon--mail,body[data-resolved-theme="light"] img[src$="gmail.svg"]{content:url("assets/icons/gmail-black.svg");filter:none !important;}.project-action__arrow{display:inline-block;margin-left:.18em;color:currentColor;font-size:1.3em;line-height:.8;transform:translateY(-.05em);}body[data-resolved-theme="light"] .screen-content .project-action,body[data-resolved-theme="light"] .screen-content .project-action:visited,body[data-resolved-theme="light"] .screen-content .project-action .project-action__arrow{color:#111827 !important;}body[data-resolved-theme="light"] .bento-modal__panel strong,body[data-resolved-theme="light"] .bento-modal__panel .highlight,body[data-resolved-theme="light"] .bento-card--accent span{color:#7a4b05;text-shadow:none;}body[data-resolved-theme="light"] .screen-page[data-page="games"] .game-option__status,body[data-resolved-theme="light"] .screen-page[data-page="games"] .game-accordion__status{background:rgba(255,250,236,.9);border-color:currentColor;box-shadow:0 0 6px rgba(80,62,16,.18);}body[data-resolved-theme="light"] .screen-page[data-page="games"] .game-option__status--playable,body[data-resolved-theme="light"] .screen-page[data-page="games"] .game-accordion__status--playable{color:#0b5f3d;}body[data-resolved-theme="light"] .screen-page[data-page="games"] .game-option__status--construction,body[data-resolved-theme="light"] .screen-page[data-page="games"] .game-accordion__status--construction{color:#7a4b05;}body[data-resolved-theme="light"] .screen-module,body[data-resolved-theme="light"] .control-module{background:linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 24px),linear-gradient(180deg,#493284 0%,#292354 58%,#171537 100%) !important;border-color:#25194e !important;box-shadow:inset 0 2px 0 rgba(255,255,255,.16),inset 0 -5px 0 rgba(0,0,0,.32),0 5px 0 rgba(3,3,18,.65),0 0 0 1px rgba(140,117,255,.31) !important;}body[data-resolved-theme="light"] .control-module .control-panel{background:linear-gradient(180deg,rgba(129,135,194,.92),rgba(103,111,174,.9) 48%,rgba(98,108,168,.94)) !important;box-shadow:inset 0 3px 0 rgba(255,255,255,.24),inset 0 -6px 0 rgba(32,31,84,.32),0 0 0 1px rgba(37,25,78,.52) !important;}body[data-resolved-theme="light"] .screen-module .screen-shell{background:linear-gradient(145deg,#eef7ff,#d8e7ff 42%,#9fb7dc 100%) !important;}body[data-resolved-theme="light"] .control-module,body[data-resolved-theme="light"] .control-module .control-panel,body[data-resolved-theme="light"] .screen-module{background-clip:padding-box;}body[data-resolved-theme="light"] .screen-page[data-page="about"] .bento-card--accent span,body[data-resolved-theme="light"] .screen-page[data-page="about"] .bento-card span[style*="yellow"],body[data-resolved-theme="light"] .bento-modal__panel strong,body[data-resolved-theme="light"] .bento-modal__panel .highlight{color:#efc143!important;text-shadow:none!important}
body[data-resolved-theme="light"] .screen-page[data-page="about"] .bento-grid .bento-card--accent span,body[data-resolved-theme="light"] .screen-page[data-page="about"] .bento-grid .bento-card [style*="yellow"],body[data-resolved-theme="light"] .screen-page[data-page="about"] .bento-grid .bento-card [style*="#ffdb50"],body[data-resolved-theme="light"] .screen-page[data-page="about"] .bento-grid .bento-card .highlight,body[data-resolved-theme="light"] .bento-modal__panel strong,body[data-resolved-theme="light"] .bento-modal__panel .highlight{color:rgb(239,193,67)!important;text-shadow:none!important}



.screen-page[data-page="projects"] .project-card {
  contain: layout paint;
}

@supports (content-visibility: auto) {
  .screen-page[data-page="projects"] .project-card {
    content-visibility: auto;
    contain-intrinsic-size: 220px 280px;
  }

  @media (max-width: 760px) {
    .screen-page[data-page="projects"] .project-card {
      contain-intrinsic-size: 142px 276px;
    }
  }
}

@media (max-width: 760px) {
  .screen-page[data-page="projects"] {
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }

  .screen-page[data-page="projects"] .project-grid--featured {
    touch-action: pan-y;
  }

  .project-card:hover {
    transform: none;
  }
}
@media (min-width:761px){.screen-page[data-page=about] .about-grid{height:calc(100% - 42px);gap:clamp(5px,.58vw,8px);align-content:stretch}.screen-page[data-page=about] .about-card{min-height:0;padding:clamp(7px,.82vw,11px)}.screen-page[data-page=about] .about-card span{font-size:clamp(5px,.56vw,8px);line-height:1.35}.screen-page[data-page=about] .about-portrait{gap:5px}.screen-page[data-page=about] .cv-trigger{min-height:23px}}