:root{--color-bg: #0a0a12;--color-surface: #1a1a2e;--color-panel: #16213e;--color-border: #4a4e69;--color-accent-1: #e94560;--color-accent-2: #0f3460;--color-accent-3: #ffd700;--color-text: #e0e0e0;--color-text-dim: #7a7a9a;--color-scanline: rgba(0, 0, 0, .13);--cabinet-body: #1c1c1c;--cabinet-trim: #2d2d2d;--cabinet-screen: #000;--cabinet-bezel: #111;--px: 4px;--sprite-move-ms: .42s;--lightbox-ms: .18s;font-family:"Press Start 2P",monospace;image-rendering:pixelated;image-rendering:crisp-edges}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);background-image:url(/bg-texture-ltrgray.webp);background-repeat:repeat;background-size:auto;color:var(--color-text)}img{display:block;max-width:100%}button{cursor:pointer;font-family:inherit}.layout-columns{display:grid;grid-template-columns:160px 1fr 200px;gap:20px;width:100%;padding:16px;align-items:start;box-sizing:border-box}.layout-left,.layout-right{padding-top:56px}.layout-center{display:flex;flex-direction:column;min-width:0}.site-bio{display:flex;flex-direction:column;gap:10px}.site-bio-name{font-size:clamp(8px,.9vw,11px);color:#1a1a2e;letter-spacing:.04em;word-break:break-word}.site-bio-role,.site-bio-location{font-size:clamp(6px,.65vw,8px);color:#1a1a2e;letter-spacing:.04em;word-break:break-word}.site-bio-work{font-size:clamp(6px,.65vw,8px);color:#1a1a2e;letter-spacing:.03em;margin-top:4px;line-height:2;word-break:break-word}.site-bio-work a{color:#1a1a2e;text-decoration:underline;text-underline-offset:3px}.site-bio-work a:hover{opacity:.7}.site-about{display:flex;flex-direction:column;gap:16px}.site-about p{font-size:clamp(7px,.75vw,10px);color:#1a1a2e;line-height:2.2;letter-spacing:.03em}.footer-wrap{width:100%;margin-top:96px}.site-footer{width:100%;padding:24px 32px;display:flex;flex-wrap:wrap;gap:20px 48px;border-top:1px solid rgba(26,26,46,.2)}.site-footer-group{display:flex;flex-direction:column;gap:8px}.site-footer-label{font-size:7px;color:#1a1a2e;opacity:.5;letter-spacing:.1em}.site-footer-value{font-size:7px;color:#1a1a2e;text-decoration:none;letter-spacing:.04em}.site-footer-value:hover{text-decoration:underline;text-underline-offset:3px}.site-footer-links{display:flex;align-items:center;gap:8px}.site-footer-divider{font-size:7px;color:#1a1a2e;opacity:.4}@media (max-width: 900px){.layout-columns{grid-template-columns:1fr}.layout-left,.layout-right{display:none}.layout-left,.layout-right{padding-top:0}}.pixel-btn{font-family:"Press Start 2P",monospace;font-size:clamp(7px,1.1vw,12px);color:var(--color-text);background:var(--color-surface);border:none;padding:calc(var(--px) * 2) calc(var(--px) * 3);image-rendering:pixelated;box-shadow:0 calc(var(--px) * -1) 0 0 #5a5a7a,calc(var(--px) * 1) 0 0 0 #5a5a7a,0 calc(var(--px) * 1) 0 0 #111,calc(var(--px) * -1) 0 0 0 #111,calc(var(--px) * 2) calc(var(--px) * 2) 0 0 #000;transition:transform 60ms,box-shadow 60ms;white-space:nowrap}.pixel-btn:hover{color:var(--color-accent-3)}.pixel-btn:active{transform:translate(calc(var(--px) * 1),calc(var(--px) * 1));box-shadow:0 0 #5a5a7a,0 0 #5a5a7a,0 0 #111,0 0 #111,0 0 #000}.pixel-btn:focus-visible{outline:2px solid var(--color-accent-3);outline-offset:3px}.btn-select{background:var(--color-accent-2);color:var(--color-accent-3)}.btn-select:disabled{opacity:.4;cursor:not-allowed}.site-header{width:100%;padding:12px 24px;display:flex;justify-content:center;border-bottom:var(--px) solid var(--color-border);background:var(--color-surface);margin-bottom:32px}.site-logo{height:clamp(36px,6vw,64px);width:auto;image-rendering:auto}.game-viewport{width:100%;padding:0;display:flex;align-items:center;justify-content:center}.game-screen{position:relative;width:100%;aspect-ratio:1376 / 768;background-image:url(/screen.webp);background-size:100% 100%;background-repeat:no-repeat;border:none;-webkit-user-select:none;user-select:none;overflow:hidden}.sprite-wrapper{position:absolute;left:23.6%;top:29%;transform:translate(-50%);height:11%;width:auto;transition:left var(--sprite-move-ms) ease-in-out,top var(--sprite-move-ms) ease-in-out;z-index:10;pointer-events:none}.sprite-wrapper:after{content:"▼";position:absolute;top:-18px;left:50%;transform:translate(-50%);font-size:9px;color:var(--color-accent-3);opacity:0;transition:opacity .15s}.sprite-wrapper.is-idle:after{opacity:1}.game-sprite{height:100%;width:auto;image-rendering:pixelated}.waypoint-target{position:absolute;width:9%;height:14%;background:transparent;border:none;cursor:pointer;transform:translate(-50%,-50%);z-index:20}.waypoint-target[data-waypoint=start]{left:23.6%;top:34.5%}.waypoint-target[data-waypoint=web]{left:51.8%;top:34.5%}.waypoint-target[data-waypoint=app]{left:32.5%;top:68%}.waypoint-target[data-waypoint=logo]{left:74.9%;top:68%}.waypoint-target.is-active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid #6A8AC6;animation:blink-border 1.6s step-end infinite;pointer-events:none}.waypoint-target:hover:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffd70014}.game-viewport{flex-direction:column}.game-ui-buttons{width:100%;max-width:1376px;display:flex;justify-content:space-between;padding:0 4.5%;margin-top:calc(-4.5vw - 8px);position:relative;z-index:30}.game-screen-container{position:relative;width:100%;max-width:1376px}.coinbox-wrapper{position:absolute;top:-52px;left:0;width:48px;z-index:200;overflow:visible}@media (max-width: 600px){.coinbox-wrapper{width:38px;top:-42px}}.coin-counter{position:absolute;top:-52px;right:0;display:flex;flex-direction:column;align-items:flex-end;gap:4px;z-index:200}.coin-counter-display{display:flex;align-items:center;gap:5px}.coin-counter-img{width:28px;height:28px;image-rendering:pixelated;object-fit:contain}.coin-counter-value{font-family:"Press Start 2P",monospace;font-size:11px;color:var(--color-accent-3);text-shadow:2px 2px 0 #000,-1px -1px 0 #000;white-space:nowrap}.coin-counter-label{font-family:"Press Start 2P",monospace;font-size:5px;color:var(--color-text-dim);white-space:nowrap;letter-spacing:.04em}@media (max-width: 600px){.coin-counter{top:-46px}.coin-counter-img{width:22px;height:22px}.coin-counter-value{font-size:9px}.coin-counter-label{font-size:4px}}.keyboard-hint{font-size:8px;color:var(--color-text-dim);text-align:center;padding:10px 16px 0;letter-spacing:.04em;animation:blink-text 1.8s step-end infinite;margin-top:16px;margin-bottom:12px}@media (pointer: coarse){.keyboard-hint{display:none}}@media (max-width: 900px){.game-viewport{order:0}.keyboard-hint{order:1;margin-top:8px;margin-bottom:0}}@media (max-width: 600px){.site-header{margin-bottom:0}.keyboard-hint{margin-top:8px;margin-bottom:0}}@media (max-width: 600px){.game-viewport{padding:8px;align-items:center}.game-screen{background-image:url(/screen-vertical.jpg);aspect-ratio:572 / 1024;max-width:min(100%,calc(100dvh * 572 / 1024));margin:0 auto}.sprite-wrapper{height:9%}.sprite-wrapper:after{font-size:7px;top:-14px}.waypoint-target{width:28%;height:10%}.waypoint-target[data-waypoint=start]{left:50%;top:20%}.waypoint-target[data-waypoint=web]{left:48.9%;top:41%}.waypoint-target[data-waypoint=app]{left:47.2%;top:62.5%}.waypoint-target[data-waypoint=logo]{left:62.1%;top:83.5%}.game-ui-buttons{margin-top:6px;padding:0 4px}.pixel-btn{font-size:7px;padding:8px 10px}}.arcade-card{flex-shrink:0;width:clamp(240px,28vw,320px)}.arcade-card--wide{width:clamp(320px,44vw,560px)}.arcade-card--tall{width:clamp(200px,20vw,260px)}.arcade-card--wide,.arcade-card--tall{display:flex;flex-direction:column;scroll-snap-align:center;background:var(--cabinet-body);border-radius:8px 8px 4px 4px;box-shadow:0 0 0 3px var(--cabinet-trim),0 0 0 6px #222,6px 6px 0 6px #000}.cabinet-marquee{background:linear-gradient(180deg,#c0392b,#7b241c 55%,#3d0f0f);padding:7px 10px 6px;text-align:center;font-size:clamp(7px,1vw,10px);color:#fff;letter-spacing:.08em;border-bottom:3px solid #000;border-radius:8px 8px 0 0;text-shadow:1px 1px 0 #000,-1px -1px 0 #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cabinet-outer{background:linear-gradient(160deg,#282828,#1a1a1a);padding:10px 14px 0;border-left:4px solid #333;border-right:4px solid #0d0d0d}.cabinet-bezel{background:var(--cabinet-bezel);padding:10px;border-radius:4px;position:relative;box-shadow:inset 3px 3px #050505,inset -3px -3px #444,inset 6px 6px #000}.cabinet-bezel:before,.cabinet-bezel:after{content:"";position:absolute;width:5px;height:5px;background:var(--color-accent-1);border-radius:50%}.cabinet-bezel:before{top:5px;left:5px}.cabinet-bezel:after{top:5px;right:5px}.cabinet-screen{position:relative;width:100%;aspect-ratio:4 / 3}.arcade-card--tall .cabinet-screen{aspect-ratio:9 / 16}.arcade-card--wide .cabinet-screen{aspect-ratio:16 / 7;background:#050510;overflow:hidden;border-radius:2px;box-shadow:inset 3px 3px 6px #000c,inset -2px -2px 4px #ffffff0a}.cabinet-screen-img{width:100%;height:100%;object-fit:cover;image-rendering:auto;display:block}.cabinet-screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(180deg,transparent 0px,transparent 2px,var(--color-scanline) 2px,var(--color-scanline) 4px);pointer-events:none;z-index:2}.cabinet-screen:before{content:"";position:absolute;top:-30%;left:-15%;width:55%;height:55%;background:radial-gradient(ellipse at center,rgba(255,255,255,.07) 0%,transparent 70%);transform:rotate(-25deg);pointer-events:none;z-index:3}.cabinet-panel{background:linear-gradient(180deg,#222,#191919);padding:8px 14px;display:flex;align-items:center;gap:6px;border-top:3px solid #444;border-bottom:3px solid #000;margin-top:10px}.cabinet-panel:before{content:"● ●";font-size:7px;color:gold;letter-spacing:3px;flex-shrink:0}.cabinet-panel:after{content:"";width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#555,#222);border:2px solid #444;margin-left:auto;flex-shrink:0}.cabinet-panel-buttons{display:flex;gap:5px;margin-left:8px}.cabinet-panel-btn{width:10px;height:10px;border-radius:50%;border:2px solid rgba(0,0,0,.5);box-shadow:0 2px #0006}.cabinet-panel-btn.red{background:#e94560}.cabinet-panel-btn.blue{background:#00c8ff}.cabinet-info{background:#111;padding:12px 14px 14px;border-top:2px solid #333;border-radius:0 0 4px 4px;flex:1}.cabinet-info-title{display:block;font-size:clamp(7px,.9vw,10px);color:var(--color-accent-3);margin-bottom:8px;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cabinet-info-link{text-decoration:none;cursor:pointer}.cabinet-info-link:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}.cabinet-info-desc{font-size:clamp(6px,.75vw,8px);color:#aaa;line-height:1.9}.cabinet-like{display:flex;align-items:center;gap:6px;margin-top:10px}.cabinet-like-btn{background:transparent;border:none;font-size:22px;color:#555;cursor:pointer;padding:0;line-height:1;transition:color .12s,transform .12s}.cabinet-like-btn:hover:not(.is-liked){color:#e94560;transform:scale(1.2)}.cabinet-like-btn.is-liked{color:#e94560;cursor:default}.cabinet-like-count{font-size:10px;color:#777;letter-spacing:.05em}.cabinet-screen-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#050518;color:#333;font-size:8px;text-align:center}.cabinet-screen-placeholder:before{content:"▓▓▓▓▓▓▓▓▓▓▓▓";display:block;font-size:10px;letter-spacing:2px;animation:blink-text 1.2s step-end infinite;color:#1a1a3a}@media (max-width: 600px){.arcade-card{width:clamp(200px,72vw,260px)}.arcade-card--wide{width:clamp(260px,88vw,380px)}.arcade-card--tall{width:clamp(160px,55vw,220px)}.cabinet-marquee{font-size:7px}}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity var(--lightbox-ms) step-end}.lightbox-overlay.is-open{opacity:1;pointer-events:all;transition:opacity var(--lightbox-ms) step-start}.lightbox-window{background:var(--color-surface);width:min(96vw,1300px);max-height:92dvh;display:flex;flex-direction:column;box-shadow:3px 3px #6a6a8a,-3px -3px #111,6px 6px #444,-6px -6px #090909,10px 10px #000}.lightbox-titlebar{background:linear-gradient(90deg,var(--color-accent-2) 0%,#1a1a3e 100%);padding:10px 14px;display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid #000;flex-shrink:0}.lightbox-title{font-size:clamp(9px,1.6vw,15px);color:var(--color-accent-3);text-shadow:2px 2px 0 #000;letter-spacing:.1em}.lightbox-close{background:var(--color-accent-1);color:#fff;font-size:12px;padding:5px 9px;box-shadow:0 calc(var(--px) * -1) 0 0 #ff8080,calc(var(--px) * 1) 0 0 0 maroon,0 calc(var(--px) * 1) 0 0 #600000,calc(var(--px) * -1) 0 0 0 maroon,calc(var(--px) * 2) calc(var(--px) * 2) 0 0 #000}.lightbox-body{display:flex;align-items:center;gap:8px;padding:20px 12px;overflow:hidden;flex:1;min-height:0}.slider-track-wrap{flex:1;overflow:hidden;min-width:0}.slider-container{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:8px 4px 12px;align-items:flex-start;scrollbar-width:none;-ms-overflow-style:none}.slider-container::-webkit-scrollbar{display:none}.slider-arrow{font-size:clamp(14px,2.5vw,24px);background:var(--color-surface);color:var(--color-accent-3);border:none;padding:14px 8px;flex-shrink:0;box-shadow:2px 2px #555,-2px -2px #111,4px 4px #000;transition:transform 60ms,box-shadow 60ms}.slider-arrow:hover{color:#fff}.slider-arrow:active{transform:translate(2px,2px);box-shadow:0 0 #000}.slider-arrow:disabled{opacity:.25;cursor:not-allowed}.lightbox-footer{padding:8px 16px;text-align:center;font-size:9px;color:var(--color-text-dim);border-top:3px solid #000;flex-shrink:0}@media (max-width: 600px){.lightbox-overlay{padding:0;align-items:flex-end}.lightbox-window{width:100vw;max-height:95dvh;box-shadow:none}.lightbox-body{padding:12px 6px;gap:4px}.slider-container{gap:16px}.slider-arrow{padding:10px 5px;font-size:14px}}.project-list-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity var(--lightbox-ms) step-end}.project-list-overlay.is-open{opacity:1;pointer-events:all;transition:opacity var(--lightbox-ms) step-start}.project-list-window{background:var(--color-surface);width:min(96vw,420px);max-height:80dvh;display:flex;flex-direction:column;box-shadow:3px 3px #6a6a8a,-3px -3px #111,6px 6px #444,-6px -6px #090909,10px 10px #000}.project-list-body{overflow-y:auto;padding:14px 16px 18px;display:flex;flex-direction:column}.project-list-heading{font-size:8px;color:var(--color-accent-3);padding:14px 0 6px;letter-spacing:.1em}.project-list-heading:first-child{padding-top:4px}.project-list-item{background:transparent;border:none;color:var(--color-text);font-family:inherit;font-size:7px;text-align:left;padding:9px 10px;cursor:pointer;letter-spacing:.05em;border-left:2px solid transparent;transition:background 80ms,color 80ms,border-color 80ms}.project-list-item:hover{background:var(--color-accent-2);color:var(--color-accent-3);border-left-color:var(--color-accent-3)}@media (max-width: 600px){.project-list-overlay{padding:0;align-items:flex-end}.project-list-window{width:100vw;max-height:85dvh;box-shadow:none}}.contact-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity var(--lightbox-ms) step-end}.contact-overlay.is-open{opacity:1;pointer-events:all;transition:opacity var(--lightbox-ms) step-start}.contact-window{background:var(--color-surface);width:min(96vw,460px);display:flex;flex-direction:column;box-shadow:3px 3px #6a6a8a,-3px -3px #111,6px 6px #444,-6px -6px #090909,10px 10px #000}.contact-form{display:flex;flex-direction:column;gap:14px;padding:20px 18px 16px}.contact-field{display:flex;flex-direction:column;gap:6px}.contact-label{font-size:7px;color:var(--color-text-dim);letter-spacing:.1em}.contact-required{color:var(--color-accent-1)}.contact-input{font-family:Arial,sans-serif;font-size:13px;color:var(--color-text);background:#0a0a14;border:none;padding:10px 12px;letter-spacing:.02em;outline:none;width:100%;box-sizing:border-box;box-shadow:inset 2px 2px #000,inset -2px -2px #3a3a5a,0 0 0 2px #1a1a2e;transition:box-shadow 80ms}.contact-input::placeholder{color:#3a3a5a}.contact-input:focus{box-shadow:inset 2px 2px #000,inset -2px -2px #3a3a5a,0 0 0 2px var(--color-accent-3)}.contact-textarea{resize:vertical;min-height:80px;line-height:1.8}.contact-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:4px}.contact-status{font-size:7px;letter-spacing:.06em;flex:1}.contact-status[data-type=success]{color:#4cff91}.contact-status[data-type=error]{color:var(--color-accent-1)}.contact-submit{flex-shrink:0}@media (max-width: 600px){.contact-overlay{padding:0;align-items:flex-end}.contact-window{width:100vw;box-shadow:none}.contact-form{padding:16px 14px 12px;gap:12px}}@keyframes sprite-walk{0%{transform:translate(-50%) translateY(0) rotate(0)}25%{transform:translate(-50%) translateY(-4px) rotate(-1.5deg)}50%{transform:translate(-50%) translateY(0) rotate(0)}75%{transform:translate(-50%) translateY(-4px) rotate(1.5deg)}to{transform:translate(-50%) translateY(0) rotate(0)}}.sprite-wrapper.is-moving{animation:sprite-walk .22s steps(1) infinite}@keyframes blink-border{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes blink-text{0%,49%{opacity:1}50%,to{opacity:.25}}@keyframes crt-flicker{0%{opacity:0}8%{opacity:.9}12%{opacity:.1}20%{opacity:1}22%{opacity:.6}25%{opacity:1}to{opacity:1}}.game-screen{animation:crt-flicker .7s steps(1) forwards}@keyframes lightbox-open{0%{transform:scale(.7);opacity:0}33%{transform:scale(.85);opacity:.5}66%{transform:scale(.96);opacity:.9}to{transform:scale(1);opacity:1}}.lightbox-overlay.is-open .lightbox-window{animation:lightbox-open .2s steps(3) forwards}@keyframes sprite-idle{0%,to{transform:translate(-50%) scaleY(1)}50%{transform:translate(-50%) scaleY(.97)}}.sprite-wrapper.is-idle{animation:sprite-idle 1.4s ease-in-out infinite}@keyframes wp-pulse{0%,to{box-shadow:0 0 #ffd70066}50%{box-shadow:0 0 0 6px #ffd70000}}@keyframes coinbox-bump{0%{transform:translateY(0)}25%{transform:translateY(-30%)}55%{transform:translateY(4%)}75%{transform:translateY(-10%)}to{transform:translateY(0)}}@keyframes coin-fly{0%{opacity:1;transform:translate(-50%) translateY(0)}40%{opacity:1;transform:translate(-50%) translateY(-80%)}41%{opacity:1;transform:translate(-50%) translateY(-80%)}to{opacity:1;transform:translate(-50%) translateY(0)}}.coinbox-img{image-rendering:pixelated;width:100%;height:auto;display:block;cursor:pointer}.coinbox-wrapper.is-bumping .coinbox-img{animation:coinbox-bump .28s ease-out forwards}.coinbox-coin{position:absolute;bottom:95%;left:50%;transform:translate(-50%) translateY(0);width:75%;opacity:0;pointer-events:none;image-rendering:pixelated}.coinbox-wrapper.is-bumping .coinbox-coin{animation:coin-fly .9s ease-in-out forwards}