:root{color-scheme:dark;--bg:#101312;--surface:#1b201d;--ink:#eff3e9;--muted:#a3ada5;--accent:#c7fb72}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 system-ui,sans-serif}a{color:inherit;text-decoration:none}button,.button{font:inherit;cursor:pointer}button{color:inherit;background:transparent;border:1px solid #53604d;padding:10px 18px;border-radius:30px}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}header,main,footer{max-width:1200px;margin:auto;padding:0 36px}header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #30362f;gap:24px}.brand{font-size:27px;font-weight:750;letter-spacing:-1px}.brand-dot{color:var(--accent);margin-left:12px}nav{display:flex;gap:30px;font-size:14px}.languages{display:flex;gap:10px;font-size:13px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;padding:88px 0 100px;align-items:center}.eyebrow{color:var(--accent);letter-spacing:2px;font-size:11px;font-weight:650}h1{font-size:clamp(44px,5.5vw,76px);line-height:1.04;letter-spacing:-4px;margin:25px 0}h2{font-size:clamp(30px,3.6vw,46px);letter-spacing:-1.5px;line-height:1.15;margin:15px 0 28px}.intro{max-width:470px;color:var(--muted);font-size:18px;margin-bottom:35px}.button{display:inline-block;border:1px solid #53604d;border-radius:30px;padding:12px 24px}.primary{background:var(--accent);color:#16210d;border:0;font-weight:650}.art{height:370px;position:relative;overflow:hidden;background:#20281f;border-radius:12px;background-image:linear-gradient(#35402a55 1px,transparent 1px),linear-gradient(90deg,#35402a55 1px,transparent 1px);background-size:32px 32px}.orbit{width:245px;height:245px;border:1px solid #8daf61;border-radius:50%;position:absolute;top:45px;left:70px;transform:rotate(-20deg);box-shadow:0 0 0 25px #728d3822,0 0 0 50px #728d3811}.pixel{position:absolute;width:85px;height:85px;background:var(--accent);box-shadow:22px 22px 0 #88b64b;transform:rotate(-14deg)}.p1{top:103px;left:135px}.p2{width:35px;height:35px;top:73px;right:65px;background:#e7efda}.p3{width:45px;height:45px;bottom:77px;left:73px;background:#4e6550}.art-label{position:absolute;bottom:22px;left:24px;font:11px monospace;letter-spacing:2px;color:#c3d4b5}.cross{position:absolute;top:15px;left:20px;font-size:25px}section:not(.hero){padding:60px 0;border-top:1px solid #30362f}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.filters{display:flex;gap:8px}.filters button{padding:6px 16px;font-size:13px}.filters [aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.card{background:var(--surface);border:1px solid #35402f;border-radius:12px;overflow:hidden}.cover{height:220px;position:relative;display:grid;place-items:center;overflow:hidden;background:#263925;color:var(--accent);font:900 clamp(28px,3vw,42px)/1 monospace;letter-spacing:-2px}.cover:before{content:'';position:absolute;border:1px solid #96ba6555;width:180px;height:180px;transform:rotate(35deg)}.cover.next{background:#25263b;color:#c0b4ec}.card-body{padding:26px}.meta{display:flex;justify-content:space-between;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.status{color:var(--accent)}h3{font-size:24px;margin:16px 0 8px}.card p{color:var(--muted);min-height:52px}.disabled{color:#a3ada5;font-size:14px}.about{display:grid;grid-template-columns:1fr 1fr;gap:60px}.about p{max-width:530px}.muted{color:var(--muted)}#metrics{border-left:3px solid var(--accent);padding:10px 24px;color:var(--muted)}.business{background:var(--accent);color:#172010;margin:30px 0 60px!important;padding:40px!important;border-radius:12px}.business .eyebrow{color:#3f532e}.business p{max-width:700px}.business .button{border-color:#263e19}footer{padding-bottom:40px;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;color:var(--muted);font-size:13px}footer button{border:0;padding:5px 9px;font-size:13px}footer small{width:100%}dialog{background:#1b201d;color:var(--ink);border:1px solid #657657;border-radius:14px;max-width:650px;width:calc(100% - 32px);padding:32px}dialog::backdrop{background:#000b}.close{float:right;border:0;font-size:24px}.consent-actions{display:flex;gap:12px;flex-wrap:wrap}.skip{position:absolute;top:-100px}.skip:focus{top:5px;background:var(--bg);z-index:5}@media(max-width:760px){header,main,footer{padding-left:22px;padding-right:22px}header{height:auto;padding-top:22px;padding-bottom:22px;flex-wrap:wrap}nav{order:3;width:100%;gap:20px;font-size:12px}.hero{grid-template-columns:1fr;padding:48px 0;gap:32px}h1{letter-spacing:-2px}.art{height:280px}.cards,.about{grid-template-columns:1fr}.section-heading{align-items:flex-start;flex-direction:column;margin-bottom:24px}.filters{flex-wrap:wrap}.business{padding:25px!important}.about{gap:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* ALTEK: colorful worlds, quiet motion and readable surfaces. */
:root{--bg:#101c30;--surface:#192c43;--ink:#f3f7ff;--muted:#c2d0e3;--accent:#a9f3b0;--sky:#8dddff;--lavender:#c4b6ff}
body{background:radial-gradient(ellipse at 85% 12%,#26496988,transparent 46%),radial-gradient(ellipse at 10% 55%,#37355d66,transparent 42%),linear-gradient(160deg,#142638,#151e38 62%,#122d35);isolation:isolate}
header,main,footer{position:relative;z-index:1}header{border-bottom-color:#a1c2df33}.brand{font-family:'Trebuchet MS',system-ui,sans-serif;letter-spacing:1px;color:#fff}.brand-dot{color:#93e8f5;text-shadow:0 0 20px #93e8f577}nav a:hover{color:var(--sky)}
h1,h2,h3{font-family:'Trebuchet MS',system-ui,sans-serif}h1{font-weight:800;letter-spacing:-2.8px;line-height:1.1;background:linear-gradient(110deg,#fff 15%,#b9edff 60%,#d3c0ff);background-clip:text;color:transparent;text-shadow:0 6px 28px #0002}h2{letter-spacing:-1px}h3{letter-spacing:-.4px}.eyebrow{color:var(--sky);font-size:12px}.intro{max-width:520px;line-height:1.8}.button{border-color:#91b7d777}.primary{background:linear-gradient(115deg,#a9f3b0,#8ee3f1);color:#102d31;box-shadow:0 8px 26px #81e2d21c}.button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}.button,button{transition:transform .2s,background .2s}button:hover{background:#ffffff12}.filters [aria-pressed=true]{background:#b4e8fa;color:#102432;border-color:#b4e8fa}
.art{height:390px;border:1px solid #83b6d644;border-radius:30px;background:radial-gradient(circle at 68% 20%,#91adff33,transparent 45%),linear-gradient(145deg,#254268,#214650 65%,#1d383f);box-shadow:0 24px 70px #0002}.orbit{border-color:#b6eaf080;box-shadow:0 0 0 25px #8bddeb0c,0 0 0 50px #8bddeb08;left:calc(50% - 123px);top:40px}.p1{background:#c0f2ab;box-shadow:20px 20px 0 #6cb991;left:calc(50% - 45px);top:115px;border-radius:12px;animation:hero-float 9s ease-in-out infinite}.p2{background:#dbc4ff;box-shadow:12px 12px 0 #9380ca;border-radius:7px;animation:hero-float 12s ease-in-out infinite reverse}.p3{background:#88dcf5;box-shadow:12px 12px 0 #4898b7;border-radius:7px;animation:hero-float 11s ease-in-out infinite}.mini-land{position:absolute;bottom:48px;left:0;right:0;height:85px;background:linear-gradient(145deg,#82cda4,#367b80);clip-path:polygon(0 55%,12% 45%,23% 57%,36% 10%,48% 36%,62% 22%,78% 62%,90% 45%,100% 60%,100% 100%,0 100%);opacity:.65}.mini-moon{position:absolute;right:32px;top:30px;width:35px;height:35px;border-radius:50%;background:#f5e5ab;box-shadow:0 0 35px #ffeaab33}.art-label{color:#e0f4f0;font-size:10px}.cross{color:#badcff}
section:not(.hero){border-top-color:#a1c2df33}.card{border-color:#8faac144;background:linear-gradient(135deg,#21374deF,#1b2b44f5);border-radius:22px;box-shadow:0 12px 35px #0002}.cover{background:radial-gradient(circle at 70% 25%,#9dddc055,transparent 40%),linear-gradient(135deg,#2e6765,#284365);color:#e3ffdc;text-shadow:0 3px 0 #193e4b;letter-spacing:1px}.cover:before{border-color:#b4eff544;border-radius:35px}.cover.next{background:radial-gradient(circle at 20% 20%,#e4b9fd44,transparent 40%),linear-gradient(140deg,#52578c,#393759);color:#f0e4ff}.cover.next:before{border-radius:50%;border-color:#d4c5ff55}.status{color:#b8f4c4}.disabled{color:var(--muted)}.business{background:linear-gradient(120deg,#b7eed0,#a7dff2 65%,#c9c4f4);color:#163445;border-radius:24px;box-shadow:0 15px 45px #0002}.business .eyebrow{color:#284960}.business .button{border-color:#335e70;background:#ffffff55;font-weight:650}.contact-email{font-size:14px;overflow-wrap:anywhere}.about p{line-height:1.85}dialog{background:#1b3047;border-color:#91b7d777}
.floating-worlds{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}.world,.spark{position:absolute;display:block;animation:drift 18s ease-in-out infinite}.world{border:1px solid #aadeff44;border-radius:50%;box-shadow:inset -12px -10px 20px #0002}.w1{width:150px;height:150px;right:-40px;top:12%;background:radial-gradient(circle at 30% 30%,#6ba8c055,#405b8b22);animation-duration:23s}.w2{width:80px;height:80px;left:-30px;top:42%;background:#ae8dde25;border-color:#c1a7ff44;animation-delay:-7s}.w3{width:55px;height:55px;right:7%;top:69%;border-radius:13px;background:#8ce4ba22;transform:rotate(20deg);animation-delay:-4s}.w4{width:110px;height:110px;left:4%;top:85%;background:#77d8dd18;animation-duration:27s}.spark{color:#bdd8ff66;font-size:26px}.s1{left:6%;top:17%;animation-delay:-3s}.s2{right:9%;top:43%;color:#d2b9ff77}.s3{left:15%;top:70%;color:#c3f6dd77;animation-delay:-9s}
@keyframes drift{0%,100%{translate:0 0;rotate:-8deg}50%{translate:12px -25px;rotate:8deg}}@keyframes hero-float{0%,100%{translate:0 0}50%{translate:0 -15px}}
@media(max-width:760px){h1{font-size:clamp(39px,10.4vw,65px);letter-spacing:-1.8px}.art{height:310px}.hero{padding-top:44px}.eyebrow{font-size:10px;letter-spacing:1.5px}nav{font-size:13px;gap:16px}.world{opacity:.6}.card-body{padding:24px}.intro{font-size:17px}.business{padding:28px!important}}
@media(prefers-reduced-motion:reduce){.world,.spark,.pixel{animation:none!important}.button,button{transition:none}.button:hover{transform:none}}
@media(max-width:760px){button,.button,.languages a{min-height:44px}.languages a{display:inline-flex;align-items:center}.filters button{padding-block:10px}footer button{padding:10px}.hero>div{min-width:0}h1{overflow-wrap:normal}nav{flex-wrap:wrap}}
/* Enriched game covers and comfortable editorial panels. */
.hero{padding-top:70px;padding-bottom:76px}.hero h1{font-size:clamp(42px,5vw,68px);max-width:680px}.art{border-radius:24px;box-shadow:0 22px 75px #0005,inset 0 1px 0 #ffffff22;background-size:32px 32px;background-image:linear-gradient(#9ce9ff0a 1px,transparent 1px),linear-gradient(90deg,#9ce9ff0a 1px,transparent 1px),radial-gradient(circle at 70% 20%,#8874cb55,transparent 60%),linear-gradient(140deg,#234a64,#204751)}
.cards{gap:28px}.card{position:relative;transition:border-color .2s,box-shadow .2s}.card:hover{border-color:#95e5f08c;box-shadow:0 18px 45px #0004}.cover{height:275px;display:flex;align-items:flex-start;padding:30px;isolation:isolate}.cover-title{position:relative;z-index:2;max-width:85%;font-family:'Trebuchet MS',system-ui,sans-serif;font-size:clamp(28px,3vw,40px);line-height:1.1;letter-spacing:-1px}.cover:before{width:260px;height:260px;right:-35px;top:35px;z-index:-1}.cover-caption{position:absolute;bottom:24px;left:30px;font:11px/1.5 ui-monospace,monospace;letter-spacing:2px;color:#edf8ff}.cover-scene{position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent 65%,#0c233c66)}.scene-pixel{position:absolute;width:44px;height:44px;background:#b6edc4;box-shadow:12px 12px 0 #438889;transform:rotate(-12deg);border-radius:5px}.tile-0{right:65px;top:110px;width:66px;height:66px}.tile-1{right:160px;top:150px;background:#83d8ed}.tile-2{right:18px;top:210px;width:28px;height:28px}.tile-3{left:40px;top:125px;width:14px;height:14px;background:#ece2b7;box-shadow:none}.tile-4{left:110px;top:160px;width:18px;height:18px;background:#8be5e9;box-shadow:none}.tile-5{right:155px;top:85px;width:12px;height:12px;background:#fff1c0;box-shadow:none}.tile-6{right:95px;top:225px;width:20px;height:20px;background:#e5cbff}.next .scene-pixel{border-radius:50%;background:#c9baff;box-shadow:10px 10px 0 #737ac0}.next .tile-0{width:88px;height:88px;box-shadow:0 0 0 14px #c9baff20,0 0 0 29px #c9baff10}.card-body{padding:30px}.card h3{font-size:28px}.card p{line-height:1.8;min-height:84px}.meta{gap:10px;align-items:center}.status{background:#a9f3b014;padding:6px 10px;border:1px solid #a9f3b030;border-radius:8px}.card .button{background:#a9f3b015;border-radius:12px;font-weight:650;min-height:48px}.about{background:#20364b88;padding:38px!important;border:1px solid #8faac133!important;border-radius:24px;margin-top:42px;gap:40px}#stats{margin-top:36px}#metrics{background:#21364a88;border-radius:0 16px 16px 0;padding:24px;line-height:1.85}.business{padding:44px!important}.business h2{max-width:750px}.business p{font-size:17px;line-height:1.8}.intro{color:#d0ddef}nav a{padding-block:10px}.cursor-trail{position:fixed;inset:0;pointer-events:none;z-index:20}.cursor-trail i{position:absolute;width:7px;height:7px;background:#c8b8ff;box-shadow:0 0 10px #8deaff77;animation:pixel-fade .65s ease-out forwards}@keyframes pixel-fade{to{opacity:0;translate:0 14px;scale:.3}}
@media(hover:hover) and (pointer:fine){body,a,button,.button{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='32' viewBox='0 0 28 32'%3E%3Cpath d='M3 2v23l6-6 5 10 5-3-5-9h10z' fill='%238deaff' stroke='%2311233b' stroke-width='2'/%3E%3C/svg%3E") 3 2,auto}}
@media(max-width:760px){.hero{padding-top:42px;padding-bottom:48px}.hero h1{font-size:clamp(37px,9.5vw,56px)}.cover{height:250px;padding:24px}.cover-title{font-size:31px}.cover-caption{left:24px}.card-body{padding:24px}.card p{min-height:0}.about{padding:26px!important;gap:12px}.business{padding:28px!important}.cursor-trail{display:none}}
@media(prefers-reduced-motion:reduce){.cursor-trail{display:none}.card{transition:none}}
.cover.illustrated{padding:0;height:auto;aspect-ratio:5/3;display:block}.cover.illustrated:before{display:none}.cover.illustrated img{display:block;width:100%;height:100%;object-fit:cover}.brand{font-family:'Trebuchet MS',Arial,sans-serif;font-weight:900;letter-spacing:3px;font-size:29px}h1,h2,h3{font-family:'Trebuchet MS',Arial,sans-serif;font-weight:800}h1{color:#eaf4ff;background:none;text-shadow:none}body{font-family:system-ui,'Segoe UI',sans-serif}.card p{font-size:16px;color:#d0ddef}.cursor-trail i{animation:none}
/* Softer, more colorful backdrop; reading surfaces stay opaque. */
body{background:radial-gradient(ellipse at 3% 13%,#426da8b3,transparent 44%),radial-gradient(ellipse at 94% 21%,#7050ba99,transparent 43%),radial-gradient(ellipse at 12% 57%,#207d9299,transparent 44%),radial-gradient(ellipse at 94% 73%,#b3638266,transparent 43%),linear-gradient(145deg,#183d58,#26355c 48%,#194b53)}
.floating-worlds:before,.floating-worlds:after{content:'';position:absolute;width:clamp(260px,45vw,650px);height:clamp(260px,45vw,650px);border-radius:44% 56% 64% 36% / 53% 43% 57% 47%;filter:blur(45px);opacity:.24;animation:drift 30s ease-in-out infinite}.floating-worlds:before{background:linear-gradient(130deg,#66f0d7,#7789ff);top:8%;left:-14%}.floating-worlds:after{background:linear-gradient(145deg,#d59bff,#ffb29b);right:-18%;top:52%;animation-delay:-15s}.world{border-color:#c3efff55;box-shadow:inset -14px -12px 30px #18234433,0 0 50px #b4dfff18}.w1{background:radial-gradient(circle at 30% 30%,#9feaf28c,#8977d74d);width:180px;height:180px}.w2{background:radial-gradient(circle at 30% 30%,#ffc3dd77,#9e79d14d);width:110px;height:110px}.w3{background:linear-gradient(130deg,#c2f6b855,#74dcce55);border-radius:36% 64% 53% 47%;width:90px;height:90px}.w4{background:radial-gradient(circle at 30% 30%,#ffc99d66,#dd8aba22);border-color:#ffdeb544}.spark{color:#dcefff99}.s2{color:#f6c9ffa6}.s3{color:#c3ffdda6}.card{background:linear-gradient(140deg,#21374dfc,#202e47fc)}.about{background:#20364bef}#metrics{background:#21364aef}
@media(prefers-reduced-motion:reduce){.floating-worlds:before,.floating-worlds:after{animation:none}}
@media(max-width:760px){.floating-worlds:before,.floating-worlds:after{filter:blur(28px);opacity:.2}.world{opacity:.7}}
/* Distinct portfolio navigation with small decorative emblems. */
nav a{display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:15px;letter-spacing:.2px;padding:9px 12px;border:1px solid #acdcec33;border-radius:12px;background:#102f435c}nav a:before{display:inline-grid;place-items:center;width:23px;height:23px;font-family:system-ui,sans-serif;font-size:16px;border-radius:7px;background:#ffffff12;flex-shrink:0}nav a[href='#projects']{color:#bdf6d2;border-color:#a6e6bc44}nav a[href='#projects']:before{content:'▦';background:#a6e6bc1a}nav a[href='#about']{color:#c2e8ff;border-color:#9cdafa44}nav a[href='#about']:before{content:'◈';background:#9cdafa1a}nav a[href='#business']{color:#e6ceff;border-color:#d0b1f544}nav a[href='#business']:before{content:'✦';background:#d0b1f51a}nav a:hover{color:#fff;background:#ffffff15;border-color:currentColor}nav a:focus-visible{outline:3px solid #efffff;outline-offset:4px}
@media(max-width:760px){nav{gap:9px}nav a{font-size:13px;padding:9px 10px;min-height:44px}nav a:before{width:21px;height:21px;font-size:15px}}
#new-game .cover.illustrated img{transform-origin:center;animation:microvia-cover 9s ease-in-out infinite}@keyframes microvia-cover{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}}@media(prefers-reduced-motion:reduce){#new-game .cover.illustrated img{animation:none}}
/* Gentle living motion, no layout shifts; touch keeps stable controls. */
@media(prefers-reduced-motion:no-preference){.brand-dot{display:inline-block;animation:brand-pulse 6s ease-in-out infinite}.mini-moon{animation:moon-glow 7s ease-in-out infinite}.orbit{animation:orbit-breathe 10s ease-in-out infinite}.art .cross{animation:spark-turn 14s ease-in-out infinite}.floating-worlds .world{animation-duration:15s}.floating-worlds .w1{animation-duration:21s}.floating-worlds .w4{animation-duration:24s}.primary{animation:button-glow 6s ease-in-out infinite}nav a{transition:transform .2s ease,background .2s,border-color .2s,box-shadow .2s;transform-origin:center}nav a:focus-visible{transform:scale(1.055)}.card{transition:transform .25s ease,border-color .25s,box-shadow .25s}.card:focus-within{transform:translateY(-3px)}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){nav a:hover{transform:scale(1.075) translateY(-2px);box-shadow:0 8px 24px #9fdce51c}.card:hover{transform:translateY(-5px)}}
@keyframes brand-pulse{0%,100%{transform:rotate(0deg) scale(1);opacity:.8}50%{transform:rotate(12deg) scale(1.12);opacity:1}}@keyframes moon-glow{0%,100%{box-shadow:0 0 25px #ffe9ab25}50%{box-shadow:0 0 48px #ffe9ab60}}@keyframes orbit-breathe{0%,100%{transform:rotate(-20deg) scale(1)}50%{transform:rotate(-13deg) scale(1.04)}}@keyframes spark-turn{0%,100%{transform:rotate(0)}50%{transform:rotate(35deg)}}@keyframes button-glow{0%,100%{box-shadow:0 8px 26px #81e2d21c}50%{box-shadow:0 8px 32px #81e2d245}}
@media(prefers-reduced-motion:reduce){.brand-dot,.mini-moon,.orbit,.art .cross,.primary,.floating-worlds:before,.floating-worlds:after{animation:none!important}nav a,.card{transition:none!important}nav a:hover,nav a:focus-visible,.card:hover,.card:focus-within{transform:none!important}}
#pixeltesk .cover.illustrated{background:url('covers/pixeltesk-terrain.webp') center/cover no-repeat #315d63}#pixeltesk .cover.illustrated img{background:transparent}
.brand{display:inline-flex;align-items:center;gap:12px}.brand-emblem{width:52px;height:52px;flex:none;display:block}@media(max-width:760px){.brand-emblem{width:44px;height:44px}}

.music-toggle{font:inherit;font-size:.8rem;border:1px solid #9bbdbd;border-radius:999px;padding:.6rem .8rem;background:#253846;color:#f1ffff;cursor:pointer}.music-toggle[aria-pressed="true"]{background:#b9e4d6;color:#14303a}@media(max-width:650px){.music-toggle{order:4;margin-left:auto;font-size:.75rem}}