@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--ff-bg-darkest: #6888fc;--ff-bg-dark: #5878e8;--ff-bg-mid: #88a8fc;--ff-bg-light: #a8c8fc;--ff-box-top: #000000;--ff-box-bottom: #000000;--ff-border-hi: #fcfcfc;--ff-border-mid: #e86010;--ff-border-lo: #a84000;--ff-border-outer: #000000;--ff-text: #fcfcfc;--ff-text-dim: #f8d878;--ff-text-yellow: #f8d878;--ff-text-cyan: #00e8d8;--ff-text-green: #00a800;--ff-text-red: #e84040;--ff-text-grey: #d8b878;--ff-gold: #f8d878;--ff-pixel: "Press Start 2P", monospace;--ff-body: system-ui, -apple-system, "Segoe UI", sans-serif;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--ff-body);background-color:var(--ff-bg-darkest);color:var(--ff-text);min-height:100vh;line-height:1.7;overflow-x:hidden}img{max-width:100%;height:auto;display:block}.pixel,[data-pixel]{image-rendering:pixelated;image-rendering:crisp-edges}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#4868c8}::-webkit-scrollbar-thumb{background:var(--ff-border-mid);border-radius:0}.ff-box{background:#000;border:4px solid #fcfcfc;border-radius:0;outline:none;padding:var(--sp-4) var(--sp-5);color:var(--ff-text);position:relative}.ff-box--flush{padding:0}.ff-menu{list-style:none;display:flex;flex-direction:column;gap:var(--sp-1)}.ff-menu-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);font-family:var(--ff-pixel);font-size:11px;color:var(--ff-text);text-decoration:none;cursor:pointer;transition:color .1s;position:relative;line-height:1.6}.ff-menu-item:before{content:"";display:inline-block;width:12px;height:14px;flex-shrink:0;background:url(/images/smb3/items/coin.gif) center/contain no-repeat;image-rendering:pixelated;opacity:0;transition:opacity .12s}.ff-menu-item:hover,.ff-menu-item:focus-visible{color:var(--ff-text-yellow);outline:none}.ff-menu-item:hover:before,.ff-menu-item:focus-visible:before{opacity:1}.ff-menu-item:active{color:var(--ff-text-green)}.ff-menu-label{flex:1}.ff-menu-sub{font-size:9px;color:var(--ff-text-dim)}h1,h2,h3,h4{font-family:var(--ff-pixel);line-height:1.5;color:var(--ff-text)}h1{font-size:14px;letter-spacing:1px}h2{font-size:12px;color:var(--ff-text-red)}h3{font-size:10px;color:var(--ff-text-yellow)}h4{font-size:10px;color:var(--ff-text-dim)}@media(min-width:768px){h1{font-size:18px}h2{font-size:14px}h3{font-size:12px}}p{margin-bottom:var(--sp-3)}p:last-child{margin-bottom:0}a{color:var(--ff-text-green);text-decoration:none;transition:color .12s}a:hover{color:var(--ff-text-yellow)}hr{border:none;height:4px;background:url(/images/smb3/items/brick-block.png) repeat-x center/16px 16px;image-rendering:pixelated;margin:var(--sp-6) 0;opacity:.6}.container{max-width:880px;margin:0 auto;padding:var(--sp-4)}.stack>*+*{margin-top:var(--sp-4)}.stack-sm>*+*{margin-top:var(--sp-2)}.stack-lg>*+*{margin-top:var(--sp-6)}.text-center{text-align:center}.text-dim{color:var(--ff-text-dim)}.text-yellow{color:var(--ff-text-yellow)}.text-cyan{color:var(--ff-text-cyan)}.text-pixel{font-family:var(--ff-pixel)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.starfield{position:fixed;inset:0;z-index:-1;overflow:hidden;background:linear-gradient(180deg,#3848a8,#6888fc 35%,#88a8fc 60%,#a8d8a8 90%,#58a028)}.starfield:before{content:"";position:absolute;inset:0;background-image:radial-gradient(ellipse 80px 32px at 100px 80px,#fcfcfc,transparent),radial-gradient(ellipse 100px 38px at 140px 75px,#fcfcfc,transparent),radial-gradient(ellipse 60px 28px at 80px 85px,#fcfcfc,transparent),radial-gradient(ellipse 70px 30px at 420px 120px,#fcfcfc,transparent),radial-gradient(ellipse 90px 35px at 455px 115px,#fcfcfc,transparent),radial-gradient(ellipse 55px 25px at 700px 70px,#fcfcfc,transparent),radial-gradient(ellipse 75px 30px at 730px 65px,#fcfcfc,transparent),radial-gradient(ellipse 65px 28px at 680px 72px,#fcfcfc,transparent);background-size:900px 220px;animation:cloud-drift 80s linear infinite}.starfield:after{content:"";position:absolute;inset:0;background-image:radial-gradient(ellipse 50px 22px at 250px 140px,#e0e8fc,transparent),radial-gradient(ellipse 65px 26px at 280px 136px,#e0e8fc,transparent),radial-gradient(ellipse 45px 20px at 560px 160px,#e0e8fc,transparent),radial-gradient(ellipse 60px 24px at 585px 156px,#e0e8fc,transparent);background-size:800px 280px;animation:cloud-drift 120s linear infinite;opacity:.7}@keyframes cloud-drift{0%{transform:translate(0)}to{transform:translate(-200px)}}@keyframes drift{0%{transform:translateY(0)}to{transform:translateY(-100px)}}@keyframes twinkle{0%{opacity:.5}to{opacity:1}}.site-nav{position:sticky;top:0;z-index:50;background:#000;border-bottom:4px solid #fcfcfc;padding:var(--sp-2) var(--sp-4);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.site-nav a{font-family:var(--ff-pixel);font-size:9px;color:var(--ff-text);text-decoration:none;padding:var(--sp-1) var(--sp-2)}.site-nav a:hover{color:var(--ff-text-yellow)}.nav-back{display:flex;align-items:center;gap:var(--sp-2)}.nav-back:before{content:"◀";font-size:8px}.nav-title{font-family:var(--ff-pixel);font-size:10px;color:var(--ff-text-yellow);text-transform:uppercase;letter-spacing:1px}.landing{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:var(--sp-6) var(--sp-4);gap:var(--sp-6)}.hero-sprites{display:flex;justify-content:center;align-items:flex-end;gap:var(--sp-4);padding:var(--sp-8) 0 var(--sp-4);min-height:100px}.hero-sprite{image-rendering:pixelated;image-rendering:crisp-edges;transform:scale(2.5);transform-origin:bottom center;filter:drop-shadow(2px 2px 0 #000000);animation:hero-float 2.5s ease-in-out infinite}.hero-sprite--title{transform:scale(1.2);animation:none;filter:drop-shadow(3px 3px 0 #000000)}.hero-sprite--mog{animation-delay:.5s;filter:drop-shadow(2px 2px 0 #000000)}@keyframes hero-float{0%,to{transform:scale(2.5) translateY(0)}50%{transform:scale(2.5) translateY(-6px)}}.menu-sprite{width:32px;height:32px;image-rendering:pixelated;image-rendering:crisp-edges;flex-shrink:0;filter:drop-shadow(1px 1px 0 #000000);transition:filter .15s,transform .15s}.ff-menu-item:hover .menu-sprite,.ff-menu-item:focus-visible .menu-sprite{filter:drop-shadow(0 0 4px rgba(248,216,120,.6));transform:scale(1.1)}.ff-menu-text{display:flex;align-items:baseline;gap:var(--sp-2);flex:1}.ff-menu-text .ff-menu-label{flex:none}.ff-menu-text .ff-menu-sub{font-size:9px}.ff-divider{width:100%;max-width:280px;margin:0 auto;height:16px;background:url(/images/smb3/items/brick-block.png) repeat-x center/16px 16px;image-rendering:pixelated;position:relative}.ff-divider:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;background:url(/images/smb3/items/question-block.png) center/contain no-repeat;image-rendering:pixelated}.menu-icon{flex-shrink:0;image-rendering:pixelated;image-rendering:crisp-edges;opacity:.65;transition:opacity .15s,filter .15s}.ff-menu-item:hover .menu-icon,.ff-menu-item:focus-visible .menu-icon{opacity:1;filter:drop-shadow(0 0 4px var(--ff-text-yellow))}.sparkle-field{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.sparkle{position:absolute;width:8px;height:10px;background:url(/images/smb3/items/coin.gif) center/contain no-repeat;image-rendering:pixelated;border-radius:0;opacity:0;animation:sparkle-drift 6s ease-in-out infinite}.sparkle:after{display:none}.sparkle.s1{left:12%;top:18%;animation-delay:0s;animation-duration:5.5s}.sparkle.s2{left:72%;top:30%;animation-delay:1.4s;animation-duration:7s}.sparkle.s3{left:38%;top:55%;animation-delay:2.8s;animation-duration:6s}.sparkle.s4{left:85%;top:12%;animation-delay:3.5s;animation-duration:8s}.sparkle.s5{left:22%;top:78%;animation-delay:.8s;animation-duration:5s}.sparkle.s6{left:55%;top:70%;animation-delay:4.2s;animation-duration:6.5s}@keyframes sparkle-drift{0%{opacity:0;transform:translateY(0) scale(1)}20%{opacity:.8;transform:translateY(-12px) scale(1.2)}40%{opacity:.3;transform:translateY(-24px) scale(1)}60%{opacity:.9;transform:translateY(-36px) scale(1.3)}80%{opacity:.2;transform:translateY(-48px) scale(.8)}to{opacity:0;transform:translateY(-64px) scale(0)}}.social-inventory{max-width:500px;width:100%}.social-inventory .inventory-title{font-family:var(--ff-pixel);font-size:9px;color:var(--ff-text-red);margin-bottom:var(--sp-2);letter-spacing:1px}.social-inventory .ff-menu-item{padding:var(--sp-2) var(--sp-3);font-size:10px}.item-icon{width:24px;height:24px;flex-shrink:0;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges;opacity:.9;transition:opacity .12s,transform .12s}.ff-menu-item:hover .item-icon,.ff-menu-item:focus-visible .item-icon{opacity:1;transform:scale(1.15)}.press-start{font-family:var(--ff-pixel);font-size:8px;color:var(--ff-text-dim);text-align:center;letter-spacing:1px;animation:blink-slow 2.5s ease-in-out infinite;padding-top:var(--sp-2)}@keyframes blink-slow{0%,to{opacity:.35}50%{opacity:1}}.intro-box{max-width:600px;width:100%;text-align:center;position:relative}.intro-box h1{margin-bottom:var(--sp-2);text-shadow:2px 2px 0 #e84040,4px 4px 0 #000000;letter-spacing:2px;color:#fcfcfc}.intro-box:before,.intro-box:after{content:"";position:absolute;width:16px;height:16px;background:url(/images/smb3/items/question-block.png) center/contain no-repeat;image-rendering:pixelated;opacity:.5;pointer-events:none}.intro-box:before{top:8px;left:8px}.intro-box:after{bottom:8px;right:8px}.intro-subtitle{font-family:var(--ff-pixel);font-size:9px;color:var(--ff-text-dim);margin-bottom:var(--sp-4);letter-spacing:1px}.intro-text{font-size:15px;line-height:1.7;color:var(--ff-text-dim)}.world-nav{max-width:500px;width:100%}.world-nav .ff-box{padding:var(--sp-2) var(--sp-3)}.quote-box{max-width:500px;width:100%;text-align:center}.quote{font-family:var(--ff-pixel);font-size:8px;line-height:2;color:var(--ff-text-dim);font-style:italic}.quote-attr{font-family:var(--ff-pixel);font-size:7px;color:var(--ff-text-grey);margin-top:var(--sp-2)}.social-row{display:flex;justify-content:center;gap:var(--sp-4);flex-wrap:wrap}.social-link{font-family:var(--ff-pixel);font-size:8px;color:var(--ff-text-grey);text-decoration:none;padding:var(--sp-1);transition:color .12s}.social-link:hover{color:var(--ff-text-yellow)}.desktop-hint{font-family:var(--ff-pixel);font-size:7px;color:var(--ff-text-grey);opacity:.6;padding-top:var(--sp-4)}.world-map-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;background:url(/images/smb3/worlds/world-1-grass.gif) center / cover no-repeat;opacity:.22;filter:saturate(1.3);image-rendering:pixelated}@media(min-width:1024px){.landing{padding:0;gap:0;position:relative;min-height:100vh;justify-content:center}.landing-content{display:flex;flex-direction:column;align-items:center;gap:var(--sp-6);padding:var(--sp-8)}.intro-box{max-width:700px}.intro-box h1{font-size:22px}.hero-sprite{transform:scale(3.5)}.hero-sprite--title{transform:scale(1.5)}@keyframes hero-float{0%,to{transform:scale(3.5) translateY(0)}50%{transform:scale(3.5) translateY(-6px)}}.hero-sprites{min-height:120px;gap:var(--sp-8)}.menu-sprite{width:40px;height:40px}.world-nav{max-width:550px}.ff-menu-item{font-size:13px;padding:var(--sp-4) var(--sp-5)}.ff-menu-sub{font-size:10px}.ff-divider{max-width:360px}.social-inventory .ff-menu-item{font-size:11px}}.page-content{padding:var(--sp-6) var(--sp-4) var(--sp-12)}.page-header{text-align:center;margin-bottom:var(--sp-8)}.page-header h1{margin-bottom:var(--sp-2)}.page-header-sub{font-family:var(--ff-pixel);font-size:8px;color:var(--ff-text-dim)}.resume-section{margin-bottom:var(--sp-8)}.resume-section h2{margin-bottom:var(--sp-4);padding-bottom:var(--sp-2);border-bottom:4px solid #fcfcfc}.exp-entry{padding:var(--sp-4) 0}.exp-entry+.exp-entry{border-top:2px solid rgba(248,216,120,.2)}.exp-header{margin-bottom:var(--sp-2)}.exp-title{font-family:var(--ff-pixel);font-size:10px;color:var(--ff-text-yellow);line-height:1.6}.exp-company{font-size:15px;color:var(--ff-text-green)}.exp-dates{font-family:var(--ff-pixel);font-size:8px;color:var(--ff-text-grey);margin-top:var(--sp-1)}.exp-highlights{list-style:none;padding:0;margin-top:var(--sp-2)}.exp-highlights li{padding-left:var(--sp-5);position:relative;margin-bottom:var(--sp-2);font-size:14px;line-height:1.6;color:var(--ff-text-dim)}.exp-highlights li:before{content:"★";position:absolute;left:var(--sp-2);color:var(--ff-text-yellow);font-size:10px}.edu-entry{padding:var(--sp-3) 0}.edu-entry+.edu-entry{border-top:2px solid rgba(248,216,120,.15)}.edu-degree{font-family:var(--ff-pixel);font-size:10px;color:var(--ff-text-yellow);line-height:1.6}.edu-school{font-size:14px;color:var(--ff-text-green)}.edu-year{font-family:var(--ff-pixel);font-size:8px;color:var(--ff-text-grey)}.edu-details{font-size:13px;color:var(--ff-text-dim);margin-top:var(--sp-1)}.skills-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-4)}@media(min-width:600px){.skills-grid{grid-template-columns:1fr 1fr}}.skill-category h3{margin-bottom:var(--sp-2)}.skill-tags{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.skill-tag{background:#f8d87826;border:2px solid var(--ff-text-yellow);border-radius:0;padding:var(--sp-1) var(--sp-2);font-size:12px;color:var(--ff-text-dim)}.fun-facts{list-style:none;padding:0}.fun-fact{display:flex;align-items:baseline;gap:var(--sp-3);padding:var(--sp-2) 0;font-size:14px;color:var(--ff-text-dim)}.fun-fact-icon{font-family:var(--ff-pixel);font-size:10px;color:var(--ff-text-yellow);flex-shrink:0}.feed-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-4)}@media(min-width:600px){.feed-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.feed-grid{grid-template-columns:repeat(3,1fr)}}.feed-card{background:#000;border:3px solid #fcfcfc;border-radius:0;outline:none;overflow:hidden;transition:transform .15s,border-color .15s}.feed-card:hover{transform:translateY(-2px);border-color:var(--ff-text-yellow)}.feed-card a{display:block;text-decoration:none;color:var(--ff-text)}.feed-card-img{width:100%;height:180px;object-fit:cover;border-bottom:3px solid #fcfcfc}.feed-card-body{padding:var(--sp-3)}.feed-card-title{font-family:var(--ff-pixel);font-size:9px;line-height:1.6;margin-bottom:var(--sp-1);color:var(--ff-text)}.feed-card-meta{font-size:12px;color:var(--ff-text-dim)}.feed-card-rating{font-family:var(--ff-pixel);font-size:10px;color:var(--ff-text-yellow);margin-top:var(--sp-1)}.feed-card-review{font-size:12px;line-height:1.6;color:var(--ff-text-dim);margin-top:var(--sp-2);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.feed-card-desc{font-size:12px;line-height:1.6;color:var(--ff-text-dim);margin-top:var(--sp-2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.feed-card-date{font-family:var(--ff-pixel);font-size:7px;color:var(--ff-text-grey);margin-top:var(--sp-1)}.feed-empty{text-align:center;padding:var(--sp-8);color:var(--ff-text-grey)}.feed-empty p{font-family:var(--ff-pixel);font-size:10px;line-height:2}.creation-section{margin-bottom:var(--sp-8)}.creation-section h2{margin-bottom:var(--sp-4)}.video-embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:0;border:3px solid #fcfcfc;outline:none}.video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.page-404{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;padding:var(--sp-6) var(--sp-4);text-align:center}.zozo-title{font-family:var(--ff-pixel);font-size:32px;color:var(--ff-text-red);margin-bottom:var(--sp-2);text-shadow:3px 3px 0 #400000}.zozo-subtitle{font-family:var(--ff-pixel);font-size:11px;color:var(--ff-text-dim);margin-bottom:var(--sp-6);line-height:2}.zozo-dialog{max-width:500px;width:100%;margin-bottom:var(--sp-6)}.zozo-dialog p{font-family:var(--ff-pixel);font-size:10px;line-height:2.2;color:var(--ff-text)}.audio-toggle{position:fixed;bottom:var(--sp-4);right:var(--sp-4);z-index:100;background:#000;border:3px solid #fcfcfc;border-radius:0;outline:none;padding:var(--sp-2) var(--sp-3);color:var(--ff-text);font-family:var(--ff-pixel);font-size:8px;cursor:pointer;display:flex;align-items:center;gap:var(--sp-2);transition:border-color .12s}.audio-toggle:hover{border-color:var(--ff-text-yellow)}.audio-toggle[data-playing=true]{color:var(--ff-text-green)}.audio-icon{font-size:12px;line-height:1}@keyframes reveal{0%{max-width:0}to{max-width:100%}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fade-in .6s ease-out both}.fade-in-delay-1{animation-delay:.15s}.fade-in-delay-2{animation-delay:.3s}.fade-in-delay-3{animation-delay:.45s}.fade-in-delay-4{animation-delay:.6s}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cursor-blink:after{content:"▼";font-size:8px;margin-left:var(--sp-2);animation:blink 1s steps(1) infinite;color:var(--ff-text)}@media(max-width:480px){h1{font-size:12px;word-break:break-word}h2{font-size:10px}.page-header-sub{font-size:7px}.ff-menu-item{font-size:9px;padding:var(--sp-2) var(--sp-3)}.ff-menu-sub{font-size:7px}.exp-title{font-size:9px}.exp-company{font-size:13px}.exp-dates{font-size:7px}.exp-highlights li{font-size:13px;padding-left:var(--sp-4)}.edu-degree{font-size:9px}.edu-school{font-size:13px}.edu-details{font-size:12px}.skill-tag{font-size:11px}.contact-bar{font-size:12px;line-height:2}.contact-bar .separator{display:none}.contact-bar a,.contact-bar span{display:block}.site-nav{padding:var(--sp-2) var(--sp-3)}.site-nav a,.nav-title,.feed-card-title{font-size:8px}.zozo-title{font-size:24px}.zozo-dialog p{font-size:9px}.hero-sprite{transform:scale(2)}.hero-sprite--title{transform:scale(1)}@keyframes hero-float{0%,to{transform:scale(2) translateY(0)}50%{transform:scale(2) translateY(-4px)}}.hero-sprites{min-height:56px;gap:var(--sp-2)}.menu-sprite{width:24px;height:24px}.ff-menu-text .ff-menu-sub{font-size:7px}.social-inventory .ff-menu-item{font-size:9px;padding:var(--sp-1) var(--sp-2)}.press-start{font-size:7px}.ff-divider{max-width:200px}}@media(min-width:768px){.container{padding:var(--sp-6) var(--sp-8)}.page-content{padding:var(--sp-8) var(--sp-6) var(--sp-12)}.exp-title{font-size:11px}.exp-highlights li{font-size:15px}}
