:root{--bg:#000;--fg:#fff;--fg-muted:#888;--accent:#4ade80;--border:#333;--card-bg:#050505;--font-mono:"Press Start 2P", monospace;--transition:all .2s ease-in-out;--glow:0 0 5px #fff3;--accent-glow:0 0 8px var(--accent)}*{box-sizing:border-box;margin:0;padding:0}@keyframes flicker{0%{opacity:.99}10%{opacity:.98}20%{opacity:.99}30%{opacity:.98}40%{opacity:.99}50%{opacity:.98}60%{opacity:.99}70%{opacity:.98}80%{opacity:.99}90%{opacity:.98}to{opacity:.99}}html,body{background-color:var(--bg);color:var(--fg);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;letter-spacing:-.05em;overflow-wrap:break-word;word-break:break-word;line-height:2;animation:.5s infinite flicker;overflow-x:hidden}body:before{content:" ";z-index:2000;pointer-events:none;background:linear-gradient(#12101000 50%,#00000026 50%) 0 0/100% 3px,linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08) 0 0/3px 100%;display:block;position:fixed;inset:0}#root{z-index:1;max-width:1000px;margin:0 auto;padding:0 2rem;position:relative}a{color:var(--fg);transition:var(--transition);text-shadow:var(--glow);text-decoration:none}a:hover{background-color:var(--accent);color:var(--bg);box-shadow:var(--accent-glow)}ul{list-style:none}h1,h2,h3{text-transform:uppercase;letter-spacing:.05em;text-shadow:var(--glow);margin-bottom:1rem;font-weight:700}.hero-text{font-size:clamp(1.4rem,4.5vw,2.2rem);line-height:1.2}.section-title{color:var(--fg);border-bottom:1px solid var(--accent);margin-top:4rem;margin-bottom:2rem;padding-bottom:.25rem;font-size:1rem;display:inline-block}.container{padding:4rem 0}.terminal-prompt:before{content:"guest@portfolio:~$ ";color:var(--accent)}.terminal-prompt{font-size:.75rem}@media (width<=768px){#root{padding:0 .75rem}.container{padding:1.5rem 0}.section-title{margin-top:2rem;margin-bottom:1.25rem;font-size:.7rem}.terminal-prompt{word-break:break-all;font-size:.5rem}h1,h2,h3{margin-bottom:.75rem}}@media (width<=400px){.terminal-prompt{font-size:.4rem}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cursor{background-color:var(--accent);vertical-align:middle;width:.6em;height:1.1em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}.accent-picker{z-index:1500;align-items:center;display:flex;position:relative}.accent-toggle{border:2px solid var(--border);background:var(--bg);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:border-color .2s;display:flex}.accent-toggle:hover{border-color:var(--accent)}.accent-swatch{background:var(--accent);border-radius:50%;width:14px;height:14px}.accent-menu{background:var(--bg);border:1px solid var(--border);flex-direction:column;gap:6px;padding:8px;display:flex;position:absolute;top:40px;right:50%;transform:translate(50%)}.accent-option{border:2px solid var(--border);cursor:pointer;border-radius:50%;width:20px;height:20px;padding:0;transition:transform .15s,border-color .15s}.accent-option:hover{border-color:var(--fg);transform:scale(1.25)}@media (width<=600px){.accent-toggle{width:24px;height:24px}.accent-swatch{width:12px;height:12px}.accent-menu{right:0;transform:none}}.nav{border-bottom:1px dashed var(--border);margin-bottom:2rem;padding:1.5rem 0}.nav-container{justify-content:space-between;align-items:center;display:flex}.nav-logo{font-size:.9rem;font-weight:700}.nav-links{gap:1.5rem;display:flex}.nav-links a{text-transform:uppercase;font-size:.75rem}@media (width<=600px){.nav{margin-bottom:1rem;padding:1rem 0}.nav-container{flex-direction:column;gap:.75rem}.nav-logo{font-size:.75rem}.nav-links{flex-wrap:wrap;justify-content:center;gap:.4rem}.nav-links a{padding:.2rem 0;font-size:.5rem}}.contact{border-top:1px dashed var(--border);margin-top:4rem}.contact-content{flex-direction:column;gap:1rem;display:flex}.contact-cta{font-size:.85rem;font-weight:700}.contact-email{color:var(--fg);font-size:.75rem;font-weight:600}.contact-social{flex-wrap:wrap;gap:1.5rem;margin-top:2rem;display:flex}.contact-copyright{color:var(--fg-muted);margin-top:4rem;font-size:.6rem}@media (width<=768px){.contact{margin-top:2rem}.contact-cta{font-size:.6rem}.contact-email{font-size:.55rem}.contact-social{gap:.75rem;margin-top:1rem}.contact-social a{font-size:.45rem}.contact-email{word-break:break-all}.contact-copyright{margin-top:2rem;font-size:.45rem}}.hero{flex-direction:column;justify-content:center;min-height:60vh;display:flex}.hero-logo{max-width:200px;margin-bottom:2rem}.hero-logo img{filter:brightness(.9)contrast(1.1);width:100%;height:auto}.hero-text{color:var(--fg);margin:1rem 0}.hero-subtext{color:var(--fg-muted);max-width:600px;font-size:.7rem;line-height:1.8}.hero-contact{color:var(--fg-muted);margin-top:1.5rem;font-size:.7rem}.hero-contact a{color:var(--fg)}.hero-divider{color:var(--border);margin:0 .75rem}.hero-featured{flex-wrap:wrap;gap:1rem;margin-top:2rem;display:flex}.hero-featured a{text-transform:uppercase;border:1px solid var(--border);transition:var(--transition);padding:.6rem 1rem;font-size:.7rem;font-weight:700}.hero-featured a:hover{background-color:var(--accent);color:var(--bg);border-color:var(--accent)}.hero-featured-lingo{color:var(--bg);background-color:var(--accent);filter:brightness(.75);border-color:var(--accent)!important}.hero-featured-lingo:hover{filter:brightness()}.hero-nav-links{flex-wrap:wrap;gap:1.5rem;margin-top:1.5rem;display:flex}.hero-nav-links a{text-transform:uppercase;border:1px solid var(--border);transition:var(--transition);padding:.5rem .75rem;font-size:.7rem;font-weight:700}.hero-nav-links a:hover{background-color:var(--accent);color:var(--bg);border-color:var(--accent)}@media (width<=768px){.hero{min-height:auto;padding-top:2rem}.hero-logo{max-width:120px;margin-bottom:1.5rem}.hero-subtext{font-size:.55rem;line-height:2}.hero-contact{flex-direction:column;gap:.25rem;margin-top:1rem;font-size:.5rem;display:flex}.hero-divider{display:none}.hero-featured{gap:.75rem;margin-top:1.5rem}.hero-featured a{padding:.5rem .75rem;font-size:.5rem}.hero-nav-links{gap:.5rem;margin-top:1rem}.hero-nav-links a{padding:.4rem .5rem;font-size:.5rem}.hero-text{font-size:clamp(.9rem,4vw,1.4rem)}}.css-art{aspect-ratio:16/10;width:100%;position:relative;overflow:hidden}.lingo-art{background:#0a0a0a;justify-content:center;align-items:center;display:flex}.dungeon-grid{grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(8,1fr);gap:1px;width:65%;height:80%;display:grid}.tile{position:relative}.tile.wall{background:#111;border-top:2px solid #222;border-left:1px solid #1a1a1a}.tile.floor{background:#1c1c1c}.tile.door{background:#1c1c1c;border:2px solid #8b1a1a;box-shadow:inset 0 0 4px #c828284d}.tile.chest{background:#1c1c1c}.tile.chest:after{content:"";background:#8b6914;border:1px solid #a07818;border-radius:1px;width:60%;height:50%;position:absolute;top:25%;left:20%}.tile.player{background:#1c1c1c}.tile.player:after{content:"";background:#c22;border-radius:1px;width:50%;height:70%;position:absolute;top:15%;left:25%;box-shadow:0 0 6px #c8282880}.tile.npc{background:#1c1c1c}.tile.npc:after{content:"";background:#ccc;border-radius:1px;width:50%;height:70%;position:absolute;top:15%;left:25%}.art-label{color:#c22;text-align:right;letter-spacing:.15em;text-shadow:0 0 8px #c8282866;font-size:.45rem;line-height:1.6;position:absolute;bottom:6%;right:6%}.emu-art{background:#050505;justify-content:center;align-items:center;display:flex}.terminal-window{border:1px solid #333;flex-direction:column;width:75%;height:80%;display:flex;overflow:hidden}.terminal-bar{background:#111;border-bottom:1px solid #333;align-items:center;gap:4px;padding:4px 8px;display:flex}.terminal-dot{background:#333;border-radius:50%;width:6px;height:6px}.terminal-body{flex-direction:column;flex:1;justify-content:center;gap:2px;padding:8px 10px;display:flex}.emu-line{color:#888;white-space:pre;font-size:.45rem;line-height:1.8}.emu-header{color:#fff;margin-bottom:4px}.emu-selected{color:#fff;background:#222}.emu-muted{color:#444}@media (width<=768px){.art-label{font-size:.35rem}.emu-line{font-size:.35rem;line-height:1.6}.terminal-dot{width:4px;height:4px}.terminal-bar{padding:3px 6px}.tile.wall{border-top-width:1px}.tile.door{border-width:1px}}.project-card-link{color:inherit;text-decoration:none;display:block}.project-card-link:hover{color:inherit;background-color:#0000}.project-card{border:1px solid var(--border);transition:var(--transition);flex-direction:column;display:flex;overflow:hidden}.project-card:hover{border-color:var(--accent);box-shadow:var(--accent-glow)}.project-thumbnail{aspect-ratio:16/10;background-color:var(--card-bg);width:100%;overflow:hidden}.project-thumbnail img{object-fit:cover;width:100%;height:100%;transition:var(--transition);filter:grayscale(.3)}.project-card:hover .project-thumbnail img{filter:grayscale(0);transform:scale(1.03)}@keyframes static-noise{0%{background-position:0 0}10%{background-position:-5% -10%}20%{background-position:-15% 5%}30%{background-position:7% -25%}40%{background-position:-20% 25%}50%{background-position:-15% 10%}60%{background-position:15% 0}70%{background-position:0 15%}80%{background-position:3% -35%}90%{background-position:-10% 10%}to{background-position:0 0}}@keyframes static-flicker{0%{opacity:.4}5%{opacity:.5}10%{opacity:.35}15%{opacity:.55}20%{opacity:.4}50%{opacity:.45}80%{opacity:.5}to{opacity:.4}}@keyframes blink-text{0%,to{opacity:1}50%{opacity:0}}.project-static{background-color:#0a0a0a;background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff04 2px 4px),url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.4'/%3E%3C/svg%3E");background-size:100% 100%,256px 256px;justify-content:center;align-items:center;animation:.15s steps(5,end) infinite static-noise,.3s infinite static-flicker;display:flex;position:relative}.static-text{color:var(--fg-muted);text-transform:uppercase;letter-spacing:.1em;z-index:1;text-shadow:0 0 8px #ffffff4d;font-size:.6rem;animation:1.2s step-end infinite blink-text}.project-body{border-top:1px dashed var(--border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.project-title{text-transform:uppercase;letter-spacing:.03em;margin-bottom:0;font-size:.7rem}.project-count{color:var(--fg-muted);white-space:nowrap;font-size:.6rem}@media (width<=768px){.project-body{padding:.75rem 1rem}.project-title{font-size:.5rem}.project-count,.static-text{font-size:.45rem}}.grid{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:1.5rem;margin-top:2rem;display:grid}@media (width<=640px){.grid{grid-template-columns:1fr;gap:1rem;margin-top:1.25rem}}.back-link{text-transform:uppercase;border:1px solid var(--border);transition:var(--transition);margin-bottom:1.5rem;padding:.4rem .6rem;font-size:.65rem;font-weight:700;display:inline-block}.back-link:hover{background-color:var(--accent);color:var(--bg);border-color:var(--accent)}.project-links{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;display:flex}.project-ext-link{text-transform:uppercase;border:1px solid var(--border);transition:var(--transition);padding:.4rem .6rem;font-size:.65rem;font-weight:700;display:inline-block}.project-ext-link:hover{background-color:var(--accent);color:var(--bg);border-color:var(--accent)}.project-overview{max-width:800px;margin-bottom:2rem;font-size:.7rem;line-height:2.2}.project-overview p{margin-bottom:1rem}.project-overview a{color:var(--fg);text-underline-offset:3px;word-break:break-all;text-decoration:underline}.project-overview a:hover{background-color:var(--accent);color:var(--bg);text-decoration:none}.project-overview ul,.project-overview ol{margin-bottom:1rem;padding-left:1.5rem;list-style:outside}.project-overview ul ul{margin-top:.25rem;margin-bottom:0}.project-overview li{margin-bottom:.5rem}.project-overview li p{margin-bottom:0}.project-gallery{flex-direction:column;gap:2.5rem;margin-top:2rem;display:flex}.gallery-item{border:1px solid var(--border);overflow:hidden}.gallery-image-wrapper{background-color:var(--card-bg)}.gallery-image-wrapper img{width:100%;height:auto;display:block}.gallery-caption{color:var(--fg-muted);border-top:1px dashed var(--border);text-transform:uppercase;letter-spacing:.05em;padding:.75rem 1rem;font-size:.65rem}@media (width<=768px){.back-link{margin-bottom:1rem;font-size:.5rem}.project-ext-link{padding:.35rem .5rem;font-size:.45rem}.project-links{gap:.5rem;margin-bottom:1rem}.project-overview{font-size:.55rem;line-height:2.4}.project-overview ul,.project-overview ol{padding-left:1rem}.project-gallery{gap:1.5rem}.gallery-caption{padding:.5rem .75rem;font-size:.5rem}}.blog-list{flex-direction:column;gap:0;margin-top:2rem;display:flex}.blog-entry{border:1px solid var(--border);transition:var(--transition);color:var(--fg);border-bottom:none;justify-content:space-between;align-items:center;padding:1rem 1.25rem;text-decoration:none;display:flex}.blog-entry:last-child{border-bottom:1px solid var(--border)}.blog-entry:hover{background-color:var(--accent);color:var(--bg);border-color:var(--accent)}.blog-entry:hover+.blog-entry{border-top-color:var(--accent)}.blog-entry-title{text-transform:uppercase;letter-spacing:.03em;font-size:.7rem;font-weight:700}.blog-entry-date{color:var(--fg-muted);white-space:nowrap;margin-left:1rem;font-size:.6rem}.blog-entry:hover .blog-entry-date{color:var(--bg)}@media (width<=600px){.blog-entry{flex-direction:column;align-items:flex-start;gap:.25rem;padding:.75rem 1rem}.blog-entry-title{font-size:.55rem}.blog-entry-date{margin-left:0;font-size:.45rem}}.blog-date{color:var(--fg-muted);margin-bottom:2rem;font-size:.65rem}.blog-content{max-width:800px;font-size:.7rem;line-height:2.2}.blog-content p{margin-bottom:1.25rem}.blog-content strong{color:var(--fg);font-weight:700}.blog-content a{color:var(--fg);text-underline-offset:3px;word-break:break-all;text-decoration:underline}.blog-content a:hover{background-color:var(--fg);color:var(--bg);text-decoration:none}.blog-content img{border:1px solid var(--border);max-width:100%;height:auto;margin:1.5rem 0;display:block}.blog-content ul,.blog-content ol{margin-bottom:1.25rem;padding-left:1.5rem;list-style:outside}.blog-content ul ul{margin-top:.25rem;margin-bottom:0}.blog-content li{margin-bottom:.5rem}.blog-content li p{margin-bottom:0}.blog-content h2{text-transform:uppercase;margin-top:2.5rem;margin-bottom:.75rem;font-size:.85rem}.blog-content h5{color:var(--fg-muted);margin-bottom:.75rem;font-size:.7rem}.blog-content a:hover{background-color:var(--accent);color:var(--bg)}@media (width<=768px){.blog-date{font-size:.5rem}.blog-content{font-size:.55rem;line-height:2.4}.blog-content h2{font-size:.65rem}.blog-content h5{font-size:.55rem}.blog-content ul,.blog-content ol{padding-left:1rem}}.about-content{border-left:2px solid var(--border);max-width:800px;padding-left:2rem}.about-greeting{margin-bottom:1.5rem;font-size:1rem}.about-paragraph{color:var(--fg);margin-bottom:1.5rem;font-size:.7rem;line-height:2.2}.about-stats{border-top:1px dashed var(--border);margin-top:2rem;padding-top:1.5rem}.about-stats p{color:var(--fg-muted);font-size:.65rem;line-height:2.2}@media (width<=768px){.about-content{border-left-width:1px;padding-left:1rem}.about-greeting{font-size:.8rem}.about-paragraph{font-size:.55rem;line-height:2.4}.about-stats p{font-size:.5rem}}