:root{--bg:#1a1c2c;--bg2:#24283e;--panel:#29366f;--panel-dark:#1f2a56;--ink:#f4f4f4;--ink-dim:#94b0c2;--yellow:#ffcd75;--blue:#41a6f6;--green:#38b764;--red:#ff004d;--purple:#a074c4;--font-pixel:"Press Start 2P", monospace;--font-body:"VT323", monospace;--shadow-2:4px 4px 0 #0000008c;--shadow-4:6px 6px 0 #0000008c}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);image-rendering:pixelated;font-size:22px;line-height:1.4;overflow-x:hidden}::selection{background:var(--yellow);color:var(--bg)}body:before{content:"";pointer-events:none;z-index:9999;background:repeating-linear-gradient(#00000024 0 1px,#0000 1px 3px);position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:-1;background-image:linear-gradient(#41a6f612 1px,#0000 1px),linear-gradient(90deg,#41a6f612 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0}h1,h2,h3,h4{font-family:var(--font-pixel);text-transform:uppercase;line-height:1.6}a{color:var(--blue);text-decoration:none}img{image-rendering:pixelated;max-width:100%}.wrap{max-width:1080px;margin:0 auto;padding:0 24px}section{padding:96px 0}.sec-title{color:var(--yellow);text-shadow:3px 3px #0000008c;align-items:center;gap:16px;margin-bottom:48px;font-size:clamp(16px,3vw,24px);display:flex}.sec-title .num{color:var(--red);font-size:.7em}.sec-title:after{content:"";background:repeating-linear-gradient(to right, var(--panel) 0 8px, transparent 8px 12px);flex:1;height:4px}.panel{background:var(--panel);border:4px solid var(--ink);box-shadow:var(--shadow-4);padding:24px}.panel-dark{background:var(--panel-dark)}.px-btn{font-family:var(--font-pixel);color:var(--bg);background:var(--yellow);border:4px solid var(--ink);box-shadow:var(--shadow-2);cursor:pointer;-webkit-user-select:none;user-select:none;padding:16px 24px;font-size:12px;transition:none;display:inline-block}.px-btn:hover{background:var(--ink)}.px-btn:active{box-shadow:none;transform:translate(4px,4px)}.px-btn.ghost{background:var(--panel);color:var(--ink)}.px-btn.ghost:hover{background:var(--blue);color:var(--bg)}.reveal{opacity:0;transition:opacity .45s steps(6,end),transform .45s steps(6,end);transform:translateY(24px)}.reveal.on{opacity:1;transform:none}.nav{z-index:100;background:var(--panel-dark);border-bottom:4px solid var(--ink);position:fixed;top:0;left:0;right:0}.nav-inner{justify-content:space-between;align-items:center;max-width:1080px;height:64px;margin:0 auto;padding:0 24px;display:flex}.nav-logo{font-family:var(--font-pixel);color:var(--yellow);align-items:center;gap:10px;font-size:13px;display:flex}.nav-logo .heart{width:22px;height:22px;animation:1.2s steps(2,end) infinite heartbeat}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.nav-links{align-items:center;gap:6px;list-style:none;display:flex}.nav-links a{font-family:var(--font-pixel);color:var(--ink);padding:10px 12px;font-size:10px}.nav-links a:hover{color:var(--yellow)}.nav-links a.active{color:var(--bg);background:var(--yellow);box-shadow:2px 2px #0000008c}.nav-hp{font-family:var(--font-pixel);color:var(--ink-dim);align-items:center;gap:8px;font-size:8px;display:flex}.hp-bar{border:2px solid var(--ink);background:var(--bg);gap:2px;width:80px;height:14px;padding:2px;display:flex}.hp-bar i{background:var(--green);flex:1}.nav-burger{border:4px solid var(--ink);box-shadow:var(--shadow-2);color:var(--yellow);font-family:var(--font-pixel);cursor:pointer;background:0 0;padding:8px 12px;font-size:14px;display:none}.hero{align-items:center;min-height:100vh;padding-top:64px;display:flex;position:relative}.hero-kicker{font-family:var(--font-pixel);color:var(--green);margin-bottom:24px;font-size:12px;animation:1.2s steps(2,end) infinite blink}@keyframes blink{50%{opacity:0}}.hero h1{color:var(--ink);text-shadow:5px 5px 0 var(--red), 10px 10px 0 #0006;margin-bottom:24px;font-size:clamp(28px,7vw,56px)}.hero-type{font-family:var(--font-body);color:var(--blue);min-height:1.4em;margin-bottom:32px;font-size:clamp(26px,4vw,36px)}.hero-type .caret{background:var(--blue);width:.6em;animation:.8s steps(2,end) infinite blink;display:inline-block}.hero-sub{color:var(--ink-dim);max-width:560px;margin-bottom:48px;font-size:24px}.hero-cta{flex-wrap:wrap;gap:24px;display:flex}.hero-sprites{align-items:flex-end;gap:32px;display:flex;position:absolute;bottom:12%;right:4%}.sprite{image-rendering:pixelated;font-size:44px;animation:2.4s steps(4,end) infinite float}.sprite:nth-child(2){font-size:32px;animation-delay:.6s}.sprite:nth-child(3){animation-delay:1.2s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.scroll-hint{font-family:var(--font-pixel);color:var(--ink-dim);font-size:10px;animation:1.4s steps(2,end) infinite bounce;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}@keyframes bounce{50%{transform:translate(-50%,8px)}}.about-grid{grid-template-columns:300px 1fr;align-items:start;gap:40px;display:grid}.char-card{text-align:center}.char-face{background:var(--bg);border:4px solid var(--ink);width:128px;height:128px;box-shadow:inset 0 0 0 4px var(--panel-dark);place-items:center;margin:8px auto 20px;font-size:72px;display:grid}.char-name{font-family:var(--font-pixel);color:var(--yellow);margin-bottom:12px;font-size:13px}.char-stats{text-align:left;border-top:3px dashed var(--ink-dim);color:var(--ink-dim);flex-direction:column;gap:6px;margin-top:16px;padding-top:14px;font-size:20px;display:flex}.char-stats b{color:var(--ink)}.skill-list{flex-direction:column;gap:18px;display:flex}.skill-row{grid-template-columns:220px 1fr 56px;align-items:center;gap:16px;display:grid}.skill-name{color:var(--ink);font-size:21px}.skill-bar{border:3px solid var(--ink);background:var(--bg);height:22px;box-shadow:var(--shadow-2);padding:3px}.skill-fill{width:0;height:100%;transition:width 1s steps(12,end)}.skill-lv{font-family:var(--font-pixel);color:var(--ink-dim);text-align:right;font-size:10px}.about-bio{color:var(--ink-dim);max-width:640px;margin-top:32px;font-size:23px}.about-bio p{margin-bottom:10px}.proj-grid{grid-template-columns:repeat(2,1fr);gap:28px;display:grid}.proj-card{background:var(--panel);border:4px solid var(--ink);box-shadow:var(--shadow-4);flex-direction:column;gap:14px;padding:24px;transition:none;display:flex;position:relative}.proj-card:hover{transform:translate(-3px,-3px);box-shadow:9px 9px #0000008c}.proj-card .quest-tag{font-family:var(--font-pixel);background:var(--red);color:var(--ink);border:3px solid var(--ink);padding:6px 10px;font-size:8px;position:absolute;top:-16px;left:16px}.proj-emoji{background:var(--bg);border:3px solid var(--ink);place-items:center;width:72px;height:72px;font-size:40px;display:grid}.proj-card h3{color:var(--yellow);font-size:14px}.proj-card p{color:var(--ink-dim);flex:1;font-size:21px}.proj-tags{flex-wrap:wrap;gap:8px;display:flex}.proj-tags span{font-family:var(--font-pixel);background:var(--panel-dark);border:2px solid var(--ink-dim);color:var(--ink-dim);padding:6px 8px;font-size:8px}.proj-links{font-family:var(--font-pixel);gap:16px;font-size:9px;display:flex}.proj-links a{color:var(--blue);border-bottom:3px solid #0000;padding:4px 0}.proj-links a:hover{color:var(--yellow);border-bottom-color:var(--yellow)}.tl{padding-left:40px;position:relative}.tl:before{content:"";background:repeating-linear-gradient(to bottom, var(--ink) 0 8px, transparent 8px 16px);width:4px;position:absolute;top:8px;bottom:8px;left:8px}.tl-item{padding-bottom:40px;position:relative}.tl-item:last-child{padding-bottom:0}.tl-item:before{content:"";background:var(--yellow);border:4px solid var(--ink);width:20px;height:20px;position:absolute;top:6px;left:-40px;box-shadow:2px 2px #0000008c}.tl-item:last-child:before{background:var(--red)}.tl-lv{font-family:var(--font-pixel);color:var(--green);margin-bottom:8px;font-size:9px}.tl-item h3{color:var(--ink);margin-bottom:4px;font-size:14px}.tl-place{color:var(--blue);margin-bottom:8px;font-size:21px}.tl-item p{color:var(--ink-dim);max-width:640px;font-size:21px}.contact{text-align:center}.contact h2{justify-content:center}.contact-box{max-width:640px;margin:0 auto}.contact-box .dialog{color:var(--ink);margin-bottom:40px;font-size:26px}.contact-box .dialog em{color:var(--yellow);font-style:normal}.link-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:40px;display:grid}.link-card{background:var(--panel);border:4px solid var(--ink);box-shadow:var(--shadow-2);text-align:left;color:var(--ink);padding:18px 20px;display:block}.link-card:hover{background:var(--blue);color:var(--bg);transform:translate(-2px,-2px);box-shadow:6px 6px #0000008c}.link-card:active{box-shadow:none;transform:translate(2px,2px)}.link-card .lk-label{font-family:var(--font-pixel);color:var(--green);margin-bottom:6px;font-size:9px;display:block}.link-card:hover .lk-label{color:var(--bg)}.link-card .lk-value{font-size:22px}.footer{border-top:4px solid var(--ink);background:var(--panel-dark);text-align:center;font-family:var(--font-pixel);color:var(--ink-dim);padding:28px 0;font-size:9px;line-height:2}.footer .co{color:var(--yellow)}@media (width<=860px){.about-grid,.proj-grid,.link-grid{grid-template-columns:1fr}.skill-row{grid-template-columns:1fr;gap:8px}.skill-lv{text-align:left}.hero-sprites,.nav-hp{display:none}.nav-burger{display:block}.nav-links{background:var(--panel-dark);border:4px solid var(--ink);box-shadow:var(--shadow-4);flex-direction:column;align-items:stretch;padding:12px;display:none;position:fixed;top:68px;right:16px}.nav-links.open{display:flex}.nav-links a{padding:14px 16px;display:block}section{padding:72px 0}}