:root{--grass-top:#7cbd56;--grass-side:#6a9e42;--dirt:#866043;--dirt-dark:#5c4130;--stone:#7f7f7f;--stone-dark:#565656;--cobble:#8a8a8a;--diamond:#4aedd9;--diamond-dark:#2ba598;--gold:#fcdb05;--redstone:#d13636;--sky:#7ec0ee;--sky-2:#a4d8f0;--night:#1d1f2b;--panel:#c6c6c6;--panel-dark:#373737;--text-light:#fff;--text-dark:#3f3f3f;--shadow:#00000059;--font-pixel:"Press Start 2P", monospace;--font-body:"VT323", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--text-light);background:var(--night);image-rendering:pixelated;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 7 7' shape-rendering='crispEdges'%3E%3Crect x='0' y='0' width='1' height='1' fill='white'/%3E%3Crect x='0' y='1' width='1' height='1' fill='white'/%3E%3Crect x='1' y='1' width='1' height='1' fill='black'/%3E%3Crect x='0' y='2' width='1' height='1' fill='white'/%3E%3Crect x='1' y='2' width='1' height='1' fill='black'/%3E%3Crect x='2' y='2' width='1' height='1' fill='black'/%3E%3Crect x='0' y='3' width='1' height='1' fill='white'/%3E%3Crect x='1' y='3' width='1' height='1' fill='black'/%3E%3Crect x='2' y='3' width='1' height='1' fill='black'/%3E%3Crect x='3' y='3' width='1' height='1' fill='black'/%3E%3Crect x='0' y='4' width='1' height='1' fill='white'/%3E%3Crect x='1' y='4' width='1' height='1' fill='black'/%3E%3C/svg%3E") 0 0,auto;font-size:22px;line-height:1.5;overflow-x:hidden}h1,h2,h3,.pixel{font-family:var(--font-pixel);letter-spacing:1px;line-height:1.4}a{color:var(--diamond);text-decoration:none}.mc-border{image-rendering:pixelated;border:4px solid #00000059;border-color:#ffffff59 #00000059 #00000059 #ffffff59}.mc-btn{font-family:var(--font-pixel);color:#fff;cursor:inherit;text-transform:uppercase;background:#7d7d7d;border:3px solid #000;padding:14px 20px;font-size:12px;transition:transform 50ms,filter .15s;display:inline-block;box-shadow:inset -4px -4px #00000059,inset 4px 4px #ffffff59}.mc-btn:hover{filter:brightness(1.15)}.mc-btn:active{transform:translateY(3px);box-shadow:inset 4px 4px #00000059,inset -4px -4px #fff3}.mc-btn.primary{background:var(--diamond-dark)}.mc-btn.green{background:var(--grass-side)}.mc-btn.gold{background:#c79b0f}::-webkit-scrollbar{width:14px}::-webkit-scrollbar-track{background:var(--panel-dark)}::-webkit-scrollbar-thumb{background:var(--stone);border:3px solid var(--panel-dark)}.container{width:min(1100px,92vw);margin:0 auto}.section{padding:90px 0;position:relative}.section-title{color:#fff;text-shadow:3px 3px 0 var(--shadow);text-align:center;margin-bottom:40px;font-size:24px}.section-title small{font-family:var(--font-body);color:var(--diamond);letter-spacing:0;margin-top:14px;font-size:22px;display:block}@media (width<=640px){body{font-size:20px}.section-title{font-size:18px}.mc-btn{font-size:10px}}.bg-stone{background:repeating-linear-gradient(45deg,#6f6f6f,#6f6f6f 20px,#767676 20px 40px)}.bg-dirt{background:var(--dirt-dark)}.bg-dark{background:var(--night)}.bg-deepslate{background:#0d0f1a8c;box-shadow:inset 0 8px #00000040,inset 0 -8px #00000040}.panel{background:var(--panel-dark);border:4px solid #000;padding:26px;box-shadow:inset -5px -5px #0006,inset 5px 5px #ffffff1f}.footer{text-align:center;color:#9a9a9a;background:#111;border-top:4px solid #000;padding:30px 20px;font-size:18px}.footer .heart{color:var(--redstone)}.world{z-index:-1;pointer-events:none;image-rendering:pixelated;transition:background 1.2s;position:fixed;inset:0;overflow:hidden}.world.day{background:linear-gradient(#7ec0ee 0%,#a4d8f0 45%,#bfe4f2 60%)}.world.night{background:linear-gradient(#0b1030 0%,#141a3a 45%,#1d2450 60%)}.sun{width:120px;height:120px;animation:120s linear infinite spin;position:absolute;top:12%;left:14%}.sun:before,.sun:after{content:"";background: conic-gradient(from 0deg, #ffec78e6 0 6deg, transparent 6deg 30deg, #ffec78e6 30deg 36deg, transparent 36deg 60deg, #ffec78e6 60deg 66deg, transparent 66deg 90deg, #ffec78e6 90deg 96deg, transparent 96deg 120deg, #ffec78e6 120deg 126deg, transparent 126deg 150deg, #ffec78e6 150deg 156deg, transparent 156deg 180deg, #ffec78e6 180deg 186deg, transparent 186deg 210deg, #ffec78e6 210deg 216deg, transparent 216deg 240deg, #ffec78e6 240deg 246deg, transparent 246deg 270deg, #ffec78e6 270deg 276deg, transparent 276deg 300deg, #ffec78e6 300deg 306deg, transparent 306deg 330deg, #ffec78e6 330deg 336deg, transparent 336deg 360deg);position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 32%,#000 33%);mask:radial-gradient(circle,#0000 32%,#000 33%)}.sun-core{image-rendering:pixelated;background:#ffd93b;position:absolute;inset:30%;box-shadow:0 0 30px #ffd93bb3}.moon{width:84px;height:84px;image-rendering:pixelated;background:#eef1ff;position:absolute;top:12%;left:15%;box-shadow:0 0 28px #dce4ff8c,inset -22px -6px #a0aadc8c}.stars{position:absolute;inset:0}.star{opacity:.85;background:#fff;animation:4s ease-in-out infinite twinkle;position:absolute}@keyframes twinkle{0%,to{opacity:.2}50%{opacity:.95}}.shooting-star{opacity:0;background:linear-gradient(90deg,#0000,#fff);width:120px;height:2px;animation:16s ease-in infinite shoot;position:absolute;top:14%;left:-10%;transform:rotate(18deg)}@keyframes shoot{0%,88%{opacity:0;transform:translate(0)rotate(18deg)}90%{opacity:1}to{opacity:0;transform:translate(70vw,26vh)rotate(18deg)}}.clouds{position:absolute;inset:0}.cloud{opacity:.9;background:#fff;width:46px;height:22px;animation-name:drift;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;left:-12%;box-shadow:22px 0 #fff,44px 0 #fff,22px -18px #fff,66px 2px #fff}.world.night .cloud{opacity:.35;background:#c9cfe6;box-shadow:22px 0 #c9cfe6,44px 0 #c9cfe6,22px -18px #c9cfe6,66px 2px #c9cfe6}@keyframes drift{0%{transform:translate(0)}to{transform:translate(128vw)}}.range{will-change:transform;height:42%;position:absolute;bottom:16%;left:-4%;right:-4%}.range-far{opacity:.55;clip-path:polygon(0 100%,10% 55%,22% 78%,38% 40%,52% 72%,68% 48%,82% 70%,100% 46%,100% 100%);background:#5a7a8c}.range-near{opacity:.9;clip-path:polygon(0 100%,14% 60%,30% 84%,46% 52%,60% 80%,74% 58%,90% 82%,100% 62%,100% 100%);background:#4b5d3a;height:34%;bottom:16%}.world.night .range-far{background:#263042}.world.night .range-near{background:#22301f}.blocks{position:absolute;inset:0}.float-block{width:46px;height:46px;image-rendering:pixelated;opacity:.9;animation:6s ease-in-out infinite floaty;position:absolute}@keyframes floaty{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-22px)rotate(8deg)}}.bee{filter:drop-shadow(2px 2px #00000040);font-size:26px;position:absolute;top:0;left:0}.ground{background:linear-gradient(#6a9e42 0 18%,#866043 18%,#5c4130);height:16%;position:absolute;bottom:0;left:0;right:0}.grass-row{align-items:flex-end;gap:4px;height:34px;padding:0 2%;display:flex;position:absolute;bottom:15%;left:0;right:0}.blade{transform-origin:bottom;background:linear-gradient(#8fcf5a,#5f9a37);flex:auto;height:100%;animation:5s ease-in-out infinite sway}@keyframes sway{0%,to{transform:skew(-6deg)}50%{transform:skew(6deg)}}.world.night .ground{filter:brightness(.5)}.world.night .blade{filter:brightness(.55)}.dust{position:absolute;inset:0}.mote{opacity:.5;background:#fff;animation-name:rise;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;bottom:16%}@keyframes rise{0%{opacity:0;transform:translateY(0)}15%{opacity:.55}85%{opacity:.45}to{opacity:0;transform:translateY(-70vh)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.sun,.cloud,.float-block,.blade,.mote,.star,.shooting-star{animation:none!important}}.steve-corner{z-index:1000;flex-direction:column;align-items:flex-end;display:flex;position:fixed;top:18px;right:18px}.steve-head{width:64px;height:64px;image-rendering:pixelated;filter:drop-shadow(3px 3px #0006);cursor:inherit;animation:2.2s ease-in-out infinite bob}.steve-corner:hover .steve-head{animation:.5s ease-in-out infinite wobble}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes wobble{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}.steve-bubble{color:#fff;font-family:var(--font-pixel);white-space:nowrap;opacity:0;pointer-events:none;background:#141414d9;border:3px solid #000;margin-top:10px;padding:12px 14px;font-size:11px;transition:opacity .15s,transform .15s;position:relative;transform:translateY(-8px)scale(.9);box-shadow:inset -3px -3px #00000080,inset 3px 3px #ffffff26}.steve-bubble:before{content:"";border-bottom:10px solid #000;border-left:8px solid #0000;border-right:8px solid #0000;position:absolute;top:-10px;right:24px}.steve-corner:hover .steve-bubble{opacity:1;transform:translateY(0)scale(1)}@media (width<=720px){.steve-head{width:52px;height:52px}.steve-bubble{font-size:9px}}.navbar-zone{z-index:900;justify-content:center;height:18px;display:flex;position:fixed;top:0;left:0;right:0}.navbar-tab{font-family:var(--font-pixel);color:var(--text-dark);text-transform:uppercase;background:#d4d4d4;border:3px solid #000;border-top:none;padding:5px 16px 6px;font-size:9px;transition:opacity .2s,transform .2s;position:absolute;top:0;box-shadow:inset -3px -3px #00000047,inset 3px 3px #ffffffb3}.navbar-zone:hover .navbar-tab{opacity:0;pointer-events:none;transform:translateY(-100%)}.navbar{opacity:0;background:linear-gradient(#eaeaea,#cfcfcf);border-bottom:4px solid #000;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:12px;transition:transform .28s,opacity .28s;display:flex;position:absolute;top:0;left:0;right:0;transform:translateY(-100%);box-shadow:0 6px #00000040}.navbar-zone:hover .navbar{opacity:1;transform:translateY(0)}.nav-link{font-family:var(--font-pixel);color:var(--text-dark);text-transform:uppercase;background:#e8e8e8;border:3px solid #000;padding:10px 14px;font-size:10px;transition:filter .12s,transform 50ms,background .12s;box-shadow:inset -4px -4px #00000047,inset 4px 4px #fffc}.nav-link:hover{background:var(--grass-top);color:#16340a;filter:brightness(1.05)}.nav-link:active{transform:translateY(3px);box-shadow:inset 4px 4px #00000047,inset -4px -4px #fff9}.hero{text-align:center;background:0 0;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:120px 20px 60px;display:flex;position:relative;overflow:hidden}.hero-content{z-index:2;flex-direction:column;align-items:center;display:flex}.daynight-toggle{z-index:3;background:#1414148c;padding:10px 14px;font-size:10px;position:absolute;top:84px;left:20px}.hero-name{color:#fff;text-shadow:4px 4px 0 var(--shadow), 0 0 20px #4aedd966;margin-bottom:20px;font-size:clamp(28px,6vw,58px)}.hero-title{color:#fff;background:#00000073;border:3px solid #0006;padding:12px 18px;font-size:clamp(16px,3vw,22px);display:inline-block}.hero-tagline{color:#fffbe6;text-shadow:2px 2px 0 var(--shadow);margin:22px 0 34px;font-size:26px}.hero-cta{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.about-section{padding:110px 0}.about-grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}.about-card{background:#373737d1;border:4px solid #000;padding:30px 28px;transition:transform .15s,filter .15s;box-shadow:inset -5px -5px #0006,inset 5px 5px #ffffff1f}.about-card:hover{filter:brightness(1.12);transform:translateY(-4px)}.about-card h3{color:var(--gold);text-shadow:2px 2px 0 var(--shadow);margin-bottom:14px;font-size:15px}.about-card p{color:#eaeaea;font-size:26px;line-height:1.45}@media (width<=720px){.about-grid{grid-template-columns:1fr}.about-section{padding:80px 0}.about-card p{font-size:23px}}.timeline{flex-direction:column;gap:22px;display:flex}.exp-card{transition:transform .15s}.exp-card:hover{transform:translate(8px)}.exp-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.exp-role{color:var(--gold);font-size:14px}.exp-org{color:var(--diamond);font-size:22px}.exp-period{font-family:var(--font-pixel);color:#cbeee9;background:var(--diamond-dark);padding:6px 8px;font-size:9px}.exp-points{flex-direction:column;gap:8px;margin-top:14px;list-style:none;display:flex}.exp-points li{color:#e4e4e4;padding-left:22px;position:relative}.exp-points li:before{content:"▪";color:var(--grass-top);position:absolute;left:4px}.skill-group{margin-bottom:30px}.skill-group-title{font-family:var(--font-pixel);color:var(--gold);margin-bottom:14px;font-size:12px}.hotbar{flex-wrap:wrap;gap:10px;display:flex}.slot{color:#1c1c1c;text-align:center;background:#8b8b8b;border:3px solid #373737;min-width:84px;padding:12px 14px;font-size:20px;transition:transform .1s,background .15s;box-shadow:inset -3px -3px #00000059,inset 3px 3px #fff6}.slot:hover{background:var(--gold);transform:translateY(-4px)scale(1.05)}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.project-card{flex-direction:column;transition:transform .15s,box-shadow .15s;display:flex}.project-card:hover{transform:translateY(-8px);box-shadow:0 12px #0006,inset -5px -5px #0006,inset 5px 5px #ffffff1f}.project-icon{margin-bottom:10px;font-size:40px}.project-name{color:var(--gold);margin-bottom:6px;font-size:14px}.project-sub{color:var(--diamond);margin-bottom:14px;font-size:20px}.project-points{flex-direction:column;gap:7px;margin-bottom:16px;list-style:none;display:flex}.project-points li{color:#e0e0e0;padding-left:18px;font-size:19px;position:relative}.project-points li:before{content:"▸";color:var(--grass-top);position:absolute;left:0}.project-tags{flex-wrap:wrap;gap:6px;margin-top:auto;margin-bottom:14px;display:flex}.tag{font-family:var(--font-pixel);background:var(--diamond-dark);color:#eafffb;padding:5px 7px;font-size:8px}.ach-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}.ach-card{border-left:6px solid var(--gold);align-items:flex-start;gap:16px;display:flex}.ach-icon{font-size:34px}.ach-title{color:#fff;margin-bottom:8px;font-size:12px;line-height:1.5}.ach-detail{color:#d9d9d9}.ach-date{color:var(--gold);margin-top:6px;font-size:18px}.contact-grid{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.contact-btn{flex-direction:column;align-items:center;gap:8px;min-width:160px;display:flex}.contact-btn .big{font-size:30px}.contact-btn .lbl{font-family:var(--font-pixel);font-size:9px}.contact-btn .val{color:#eafffb;word-break:break-all;font-size:18px}
