@font-face{font-family:Press Start\ 2P;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/dbbdd2d89d2ef0ef-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Press Start\ 2P;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/a06229eb79a83cfc-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Press Start\ 2P;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/c9e224327ce7933e-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Press Start\ 2P;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/d85064eaed4b8683-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Press Start\ 2P;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/db234bd00cda6a96-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Press Start\ 2P Fallback;src:local("Arial");ascent-override:44.58%;descent-override:0.00%;line-gap-override:0.00%;size-adjust:224.32%}.__className_6d0c14{font-family:Press Start\ 2P,Press Start\ 2P Fallback;font-weight:400;font-style:normal}.__variable_6d0c14{--font-pixel:"Press Start 2P","Press Start 2P Fallback"}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary:#ffffff;--bg-secondary:#f5f5f5;--text-primary:#222222;--text-secondary:#666666;--accent-blue:#3b5dc9;--accent-red:#e74c3c;--accent-yellow:#f1c40f;--accent-green:#27ae60;--accent-purple:#9b59b6;--border:#222222;--shadow:rgba(0,0,0,0.1);--font-pixel:"Press Start 2P",cursive;--font-mono:"Courier New",monospace}body{font-family:var(--font-mono);background:var(--bg-primary);color:var(--text-primary);line-height:1.8;image-rendering:pixelated}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.02) 0,rgba(0,0,0,.02) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(0,0,0,.02) 0,rgba(0,0,0,.02) 4px);z-index:-1;pointer-events:none}.pixel-font{font-family:var(--font-pixel)}.container{max-width:1000px;margin:0 auto;padding:0 2rem}header{padding:3rem 0 2rem;border-bottom:4px solid var(--border);background:var(--bg-primary);margin-bottom:3rem}.header-content{display:flex;align-items:center;gap:2rem}.profile-container{position:relative}.profile-image{width:120px;height:120px;border:4px solid var(--border);image-rendering:pixelated;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;font-size:3rem;animation:float 3s ease-in-out infinite;overflow:hidden}.profile-image img{width:100%;height:100%;object-fit:cover}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.level-badge{position:absolute;bottom:-12px;right:-12px;background:var(--accent-yellow);border:4px solid var(--border);padding:.25rem .75rem;font-size:.6rem;box-shadow:4px 4px 0 var(--shadow)}.header-text h1,.level-badge{font-family:var(--font-pixel)}.header-text h1{font-size:1.5rem;margin-bottom:1rem;color:var(--accent-blue);line-height:1.5;text-shadow:3px 3px 0 var(--shadow)}.header-text h1 a{color:inherit;text-decoration:none}.tagline{font-size:.95rem;color:var(--text-secondary);margin-bottom:1rem;line-height:1.6}.stats-bar{display:flex;gap:2rem;margin-top:1rem;flex-wrap:wrap}.stat{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.stat-icon{width:20px;height:20px;background:var(--accent-red);border:2px solid var(--border);display:inline-block}.stat-icon.blue{background:var(--accent-blue)}.stat-icon.green{background:var(--accent-green)}.stat-icon.yellow{background:var(--accent-yellow)}.stat-icon.purple{background:var(--accent-purple)}.skill-bars{margin-top:1.5rem;display:flex;flex-direction:column;gap:.5rem}.skill-bar-container{display:flex;align-items:center;gap:.75rem}.skill-label{font-family:var(--font-pixel);font-size:.55rem;min-width:100px;color:var(--text-primary)}.skill-bar{flex:1 1;max-width:300px;height:24px;border:3px solid var(--border);background:var(--bg-secondary);position:relative;box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}.skill-fill{height:100%;background:var(--accent-green);position:relative;transition:width 2s ease-out;background-image:repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(255,255,255,.2) 0,rgba(255,255,255,.2) 6px)}.skill-fill.blue{background-color:var(--accent-blue)}.skill-fill.purple{background-color:var(--accent-purple)}.skill-fill:after{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(180deg,rgba(255,255,255,.3),transparent)}.skill-value{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-family:var(--font-pixel);font-size:.5rem;color:white;text-shadow:1px 1px 0 var(--border);z-index:1}.social-links{display:flex;gap:1rem;margin-top:1rem;flex-wrap:wrap}.social-btn{padding:.5rem 1rem;background:var(--bg-secondary);border:3px solid var(--border);color:var(--text-primary);text-decoration:none;font-size:.75rem;font-weight:700;transition:all .1s;position:relative;text-transform:uppercase}.social-btn:hover{background:var(--accent-blue);color:white;transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--border)}.social-btn:active{transform:translate(0);box-shadow:none}.achievements{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.achievement{width:32px;height:32px;border:3px solid var(--border);background:var(--accent-yellow);display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:transform .2s;cursor:pointer;position:relative}.achievement:hover{transform:scale(1.2)}.achievement:after{content:attr(data-title);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:var(--text-primary);color:white;padding:.25rem .5rem;font-size:.6rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s;font-family:var(--font-pixel);margin-bottom:8px}.achievement:hover:after{opacity:1}main{padding:2rem 0}.section-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.section-title{font-family:var(--font-pixel);font-size:1.2rem;color:var(--accent-blue);text-shadow:2px 2px 0 var(--shadow)}.pixel-line{flex:1 1;height:4px;background:repeating-linear-gradient(90deg,var(--border) 0,var(--border) 8px,transparent 8px,transparent 16px)}.featured-quest{background:linear-gradient(135deg,#fff9c4,#fff59d);border:4px solid var(--border);padding:2rem;margin-bottom:3rem;position:relative;box-shadow:8px 8px 0 var(--shadow);text-decoration:none;display:block;color:inherit;transition:all .15s ease-out}.featured-quest:hover{animation:powerup .3s ease-in-out;transform:translate(-2px,-2px);box-shadow:10px 10px 0 var(--shadow)}@keyframes powerup{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.quest-badge{position:absolute;top:-12px;left:1rem;background:var(--accent-yellow);border:3px solid var(--border);padding:.25rem 1rem;font-family:var(--font-pixel);font-size:.6rem}.featured-quest h2{font-family:var(--font-pixel);font-size:1rem;margin-bottom:1rem;line-height:1.6;color:var(--text-primary)}.quest-meta{display:flex;gap:1rem;margin-bottom:1rem;font-size:.8rem;color:var(--text-secondary);flex-wrap:wrap}.tag{background:var(--bg-primary);border:2px solid var(--border);padding:.25rem .75rem;font-size:.7rem;font-weight:700;text-transform:uppercase}.tag.python{color:var(--accent-blue)}.tag.entertainment{color:var(--accent-red)}.tag.design{color:var(--accent-green)}.tags{display:flex;gap:.5rem;flex-wrap:wrap}.featured-quest .blog-excerpt{margin-bottom:1.5rem}.read-btn{background:var(--accent-blue);color:white;border:3px solid var(--border);padding:.5rem 1rem;font-weight:700;text-transform:uppercase;transition:all .1s;cursor:pointer;white-space:nowrap;font-size:.75rem;display:inline-block}.read-btn:hover{background:var(--accent-red)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:2rem;gap:2rem;margin-top:2rem}.blog-card{background:var(--bg-primary);border:4px solid var(--border);padding:1.5rem;transition:all .15s ease-out;position:relative;cursor:pointer;box-shadow:6px 6px 0 var(--shadow);text-decoration:none;color:inherit;display:flex;flex-direction:column}.blog-card:before{content:"";position:absolute;top:-4px;right:-4px;width:16px;height:16px;background:var(--accent-green);border:2px solid var(--border);opacity:0;transition:opacity .2s}.blog-card:hover:before{opacity:1;animation:ping .5s ease-out}@keyframes ping{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.blog-card:hover{transform:translate(-4px,-4px);box-shadow:10px 10px 0 var(--shadow)}.blog-card:active{transform:translate(0);box-shadow:4px 4px 0 var(--shadow)}.card-number{position:absolute;top:-12px;right:1rem;background:var(--border);color:white;border:3px solid var(--border);padding:.25rem .75rem;font-size:.6rem}.blog-card h2,.card-number{font-family:var(--font-pixel)}.blog-card h2{font-size:.75rem;margin-bottom:1rem;line-height:1.5;color:var(--text-primary)}.blog-excerpt{color:var(--text-secondary);font-size:.85rem;line-height:1.6;margin-bottom:1.5rem}.card-footer{display:flex;justify-content:space-between;align-items:flex-end;font-size:.75rem;gap:.5rem;margin-top:auto}.blog-date{color:var(--text-secondary)}.coin-counter{display:inline-flex;align-items:center;gap:.5rem;border:3px solid var(--border);padding:.5rem 1rem;font-family:var(--font-pixel);font-size:.7rem;box-shadow:4px 4px 0 var(--shadow)}.coin,.coin-counter{background:var(--accent-yellow)}.coin{width:16px;height:16px;border:2px solid var(--border);border-radius:50%;position:relative;animation:spin 2s linear infinite}@keyframes spin{0%,to{transform:scaleX(1)}50%{transform:scaleX(.3)}}.coin:before{content:"¢";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.7rem;font-weight:700}footer{border-top:4px solid var(--border);padding:2rem 0;margin-top:4rem;text-align:center}.footer-content{font-size:.85rem;color:var(--text-secondary)}.footer-pixel-text{margin-top:1rem;font-family:var(--font-pixel);font-size:.6rem;color:var(--text-secondary)}.footer-pixel-text.start-game-btn{cursor:pointer;transition:all .2s ease;display:inline-block;padding:.5rem 1rem;border:2px solid transparent;border-radius:0}.footer-pixel-text.start-game-btn:hover{color:var(--accent-red);text-shadow:0 0 10px var(--accent-red),0 0 20px var(--accent-red);border-color:var(--accent-red);background:rgba(231,76,60,.1);animation:glow 1s ease-in-out infinite alternate}@keyframes glow{0%{box-shadow:0 0 5px var(--accent-red),0 0 10px var(--accent-red)}to{box-shadow:0 0 10px var(--accent-red),0 0 20px var(--accent-red),0 0 30px var(--accent-red)}}.heart{display:inline-block;transform:rotate(45deg);margin:0 .25rem;position:relative;animation:heartbeat 1.5s infinite;vertical-align:middle}.heart,.heart:after,.heart:before{width:12px;height:12px;background:var(--accent-red)}.heart:after,.heart:before{content:"";position:absolute;border-radius:50%}.heart:before{top:-6px;left:0}.heart:after{left:-6px;top:0}@keyframes heartbeat{0%,to{transform:rotate(45deg) scale(1)}50%{transform:rotate(45deg) scale(1.1)}}.cursor{display:inline-block;width:10px;height:16px;background:var(--text-primary);animation:blink 1s infinite;margin-left:4px;vertical-align:middle}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.blog-post-page{padding:2rem 0}.blog-post{background:var(--bg-primary);border:4px solid var(--border);padding:2rem;box-shadow:8px 8px 0 var(--shadow);margin-bottom:2rem}.blog-post header{border-bottom:4px solid var(--border);padding-bottom:1.5rem;background:transparent;margin-bottom:2rem}.blog-post header h1{font-family:var(--font-pixel);font-size:1.2rem;line-height:1.6;color:var(--accent-blue);text-shadow:2px 2px 0 var(--shadow);margin-bottom:1rem}.blog-post header p{font-family:var(--font-pixel);font-size:.7rem;color:var(--text-secondary)}.blog-post section{font-size:1rem;line-height:1.8}.blog-post section h2{font-family:var(--font-pixel);font-size:.9rem;color:var(--accent-blue);margin:2rem 0 1rem;padding-bottom:.5rem;border-bottom:2px dashed var(--border)}.blog-post section h3{font-size:.8rem;color:var(--accent-purple)}.blog-post section h3,.blog-post section h4{font-family:var(--font-pixel);margin:1.5rem 0 1rem}.blog-post section h4{font-size:.7rem;color:var(--text-primary)}.blog-post section p{margin-bottom:1.5rem}.blog-post section ol,.blog-post section ul{margin:1rem 0 1.5rem 1.5rem}.blog-post section li{margin-bottom:.5rem}.blog-post section img{max-width:100%;height:auto;border:4px solid var(--border);box-shadow:4px 4px 0 var(--shadow);margin:1.5rem 0;display:block}.blog-post section a{color:var(--accent-blue);text-decoration:none;border-bottom:2px solid var(--accent-blue);transition:all .1s}.blog-post section a:hover{background:var(--accent-blue);color:white}.blog-post section blockquote{background:var(--bg-secondary);border-left:4px solid var(--accent-blue);padding:1rem 1.5rem;margin:1.5rem 0;font-style:italic}.blog-post section pre{background:#1e1e1e;color:#d4d4d4;border:4px solid var(--border);padding:1.5rem;margin:1.5rem 0;overflow-x:auto;box-shadow:4px 4px 0 var(--shadow);font-size:.9rem;line-height:1.6}.blog-post section code{font-family:var(--font-mono);font-size:.9em}.blog-post section :not(pre)>code{background:var(--bg-secondary);border:2px solid var(--border);padding:.1rem .4rem;font-size:.85em}.blog-post hr{border:none;border-top:4px dashed var(--border);margin:2rem 0}.blog-post footer{border-top:none;margin-top:0;padding-top:0;text-align:left}.blog-post-nav{background:var(--bg-secondary);border:4px solid var(--border);padding:1.5rem;box-shadow:4px 4px 0 var(--shadow)}.blog-post-nav ul{margin:0;padding:0;list-style:none}.blog-post-nav a{color:var(--accent-blue);text-decoration:none;font-weight:700;transition:all .1s;display:inline-block;padding:.5rem 1rem;background:var(--bg-primary);border:3px solid var(--border)}.blog-post-nav a:hover{background:var(--accent-blue);color:white;transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--border)}.blog-post .bio{background:var(--bg-secondary);border:4px solid var(--border);padding:1.5rem;margin-top:2rem}.bio{display:flex;gap:1rem;align-items:center;margin-bottom:1.5rem}.bio-avatar{width:50px;height:50px;border:3px solid var(--border);border-radius:0!important;image-rendering:pixelated}.bio p{margin:0;font-size:.85rem;line-height:1.6}.bio a{color:var(--accent-blue);text-decoration:none;border-bottom:2px solid var(--accent-blue)}.bio a:hover{background:var(--accent-blue);color:white}@media (max-width:768px){.container{padding:0 1rem}.header-content{flex-direction:column;text-align:center}.header-text h1{font-size:1rem}.section-title{font-size:.9rem}.section-header{flex-wrap:wrap;justify-content:center}.blog-grid{grid-template-columns:1fr}.social-links,.stats-bar{justify-content:center}.social-links{flex-wrap:wrap}.skill-bar-container{flex-direction:column;align-items:flex-start}.skill-bar{width:100%;max-width:100%}.skill-label{min-width:auto}.achievements{justify-content:center}.blog-post{padding:1.5rem}.blog-post header h1{font-size:.9rem}.featured-quest{padding:1.5rem}.featured-quest h2{font-size:.8rem}}.back-link{display:inline-block;margin-bottom:2rem;padding:.5rem 1rem;background:var(--bg-secondary);border:3px solid var(--border);color:var(--text-primary);text-decoration:none;font-weight:700;text-transform:uppercase;font-size:.75rem;transition:all .1s}.back-link:hover{background:var(--accent-blue);color:white;transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--border)}.projects-page{padding:2rem 0}.projects-intro{font-size:1rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.projects-grid{display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem;margin-top:2rem}.project-card{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:4px solid var(--border);padding:2rem;position:relative;box-shadow:8px 8px 0 var(--shadow);text-decoration:none;display:block;color:inherit;transition:all .15s ease-out}.project-card:hover{transform:translate(-4px,-4px);box-shadow:12px 12px 0 var(--shadow)}.project-card:active{transform:translate(0);box-shadow:4px 4px 0 var(--shadow)}.project-number{position:absolute;top:-12px;right:1rem;background:var(--accent-green);color:white;border:3px solid var(--border);padding:.25rem .75rem;font-family:var(--font-pixel);font-size:.6rem}.project-emoji{font-size:3rem;margin-bottom:1rem;display:block}.project-card h2{font-family:var(--font-pixel);font-size:.9rem;margin-bottom:1rem;line-height:1.6;color:var(--text-primary)}.project-description{color:var(--text-secondary);font-size:.9rem;line-height:1.7;margin-bottom:1.5rem}.project-footer{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:1rem}.project-tags{display:flex;gap:.5rem;flex-wrap:wrap}.project-tag{background:var(--bg-primary);border:2px solid var(--border);padding:.25rem .75rem;font-size:.65rem;color:var(--accent-purple)}.project-tag,.view-btn{font-weight:700;text-transform:uppercase}.view-btn{background:var(--accent-green);color:white;border:3px solid var(--border);padding:.5rem 1rem;font-size:.7rem;white-space:nowrap;transition:all .1s}.project-card:hover .view-btn{background:var(--accent-blue)}.project-card.archived{background:linear-gradient(135deg,#f5f5f5,#e0e0e0)}.project-status{position:absolute;top:-12px;left:1rem;padding:.25rem .75rem;font-family:var(--font-pixel);font-size:.55rem;border:3px solid var(--border)}.project-status.archived{background:var(--text-secondary);color:white}.project-status-note{font-size:.8rem;color:var(--text-secondary);font-style:italic;margin-bottom:1.5rem;padding:.75rem;background:rgba(0,0,0,.05);border-left:3px solid var(--text-secondary)}.nav-links{display:flex;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}.nav-btn{padding:.75rem 1.5rem;background:var(--bg-secondary);border:3px solid var(--border);color:var(--text-primary);text-decoration:none;font-size:.8rem;font-weight:700;transition:all .1s;position:relative;text-transform:uppercase;box-shadow:4px 4px 0 var(--shadow)}.nav-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--border)}.nav-btn.active,.nav-btn:hover{background:var(--accent-blue);color:white}.nav-btn.active{box-shadow:2px 2px 0 var(--border)}.nav-btn:active{transform:translate(0);box-shadow:none}@media (max-width:768px){.project-card{padding:1.5rem}.project-card h2{font-size:.75rem}.project-footer{flex-direction:column;align-items:flex-start}}