:root{--c64-blue: #4040e0;--c64-light-blue: #7070ff;--c64-dark-blue: #2020a0;--c64-white: #ffffff;--c64-light-gray: #b0b0b0;--c64-gray: #808080;--c64-dark-gray: #404040;--c64-black: #000000;--c64-red: #e04040;--c64-cyan: #40e0e0;--c64-purple: #e040e0;--c64-green: #40e040;--c64-yellow: #e0e040;--c64-orange: #e08040;--c64-brown: #806040;--font-c64: "Press Start 2P", monospace;--screen-padding: 20px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:10px;scroll-behavior:smooth}body{font-family:var(--font-c64);font-size:1.2rem;line-height:1.8;background-color:var(--c64-black);color:var(--c64-light-blue);overflow-x:hidden;min-height:100vh}.boot-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--c64-blue);z-index:1000;overflow:hidden}.boot-screen.hidden{display:none}.c64-bars{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;display:none;pointer-events:none}.c64-bars.active{display:block}#bars-canvas{width:100%;height:100%;display:block}.boot-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;padding:var(--screen-padding);z-index:10;pointer-events:none}.boot-inner{max-width:700px;margin:0 auto;width:100%;background-color:var(--c64-blue);padding:30px;pointer-events:auto}.boot-line{color:var(--c64-light-blue);margin-bottom:.3em;opacity:0;visibility:hidden}.boot-line.visible{opacity:1;visibility:visible}.boot-line.empty{height:1.8em}.boot-line.press-key{text-align:center;margin-top:1.5em}.boot-line.press-key.visible{animation:blinkText .5s infinite}@keyframes blinkText{0%,49%{opacity:1}50%,to{opacity:0}}.main-screen{min-height:100vh;background-color:var(--c64-blue)}.main-screen.hidden{display:none}.crt-effect{position:relative;min-height:100vh}.screen-content{position:relative;z-index:1;padding:var(--screen-padding);max-width:1200px;margin:0 auto}.scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:100}.header{text-align:center;padding:2rem 0;position:relative;overflow:hidden}.header-border{height:4px;background:repeating-linear-gradient(90deg,var(--c64-light-blue),var(--c64-light-blue) 8px,transparent 8px,transparent 16px);margin:1rem 0;animation:borderSlide 1s linear infinite}@keyframes borderSlide{0%{background-position:0 0}to{background-position:16px 0}}.logo-section{padding:2rem 0;position:relative}.raster-bar{position:absolute;left:0;width:100%;height:50px;z-index:10;background:linear-gradient(to bottom,#40e0e0,#000 2%,#40e0e0 2%,#40e0e0 4%,#40e0e0 4%,#40e0e0 6%,#7070ff 6%,#7070ff 8%,#40e0e0 8%,#40e0e0 10%,#7070ff 10%,#7070ff 12%,#7070ff 12%,#7070ff 14%,#f1e92f 14%,#f1e92f 16%,#7070ff 16%,#7070ff 18%,#f1e92f 18%,#f1e92f 20%,#f1e92f 20%,#f1e92f 22%,#fff 22%,#fff 24%,#f1e92f 24%,#f1e92f 26%,#fff 26%,#fff 28%,#fff 28%,#fff 30%,#f1e92f 30%,#f1e92f 32%,#fff 32%,#fff 34%,#f1e92f 34%,#f1e92f 36%,#f1e92f 36%,#f1e92f 38%,#7070ff 38%,#7070ff 40%,#f1e92f 40%,#f1e92f 42%,#7070ff 42%,#7070ff 44%,#7070ff 44%,#7070ff 46%,#40e0e0 46%,#40e0e0 48%,#7070ff 48%,#7070ff 50%,#40e0e0 50%,#40e0e0 52%,#40e0e0 52%,#40e0e0 54%,#000 54%,#000 56%,#40e0e0 56%,#40e0e0 58%,#0000 58%,#0000);animation:rasterMove 4s ease-in-out infinite;pointer-events:none}@keyframes rasterMove{0%{top:-20px}50%{top:calc(100% - 10px)}to{top:-20px}}.ascii-logo{font-size:1.2rem;line-height:1;color:var(--c64-yellow);margin:0 auto;padding:0;overflow-x:auto;position:relative;z-index:1;animation:scrollHorizontal 6s linear infinite;text-align:center}.logo-text{position:relative;z-index:1;animation:scrollHorizontal 6s linear infinite}@keyframes scrollHorizontal{0%{transform:translate(0)}50%{transform:translate(-40px)}to{transform:translate(0)}}.logo-sub{font-size:1.6rem;color:var(--c64-cyan);margin:0;padding:0;letter-spacing:.15em;white-space:nowrap}.logo-info{font-size:.9rem;color:var(--c64-light-blue);letter-spacing:.1em;margin:.5rem 0 0;opacity:.8}.nav{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;padding:1.5rem 0;border-top:2px solid var(--c64-light-blue);border-bottom:2px solid var(--c64-light-blue);margin-bottom:2rem}.nav-item{color:var(--c64-light-blue);cursor:pointer;padding:.5rem 1rem;transition:all .2s;border:2px solid transparent}.nav-item:hover{color:var(--c64-white);border-color:var(--c64-light-blue)}.nav-item.active{color:var(--c64-yellow);border-color:var(--c64-yellow)}.nav-home{color:var(--c64-cyan);border-color:var(--c64-dark-blue)}.nav-home:hover{color:var(--c64-white);background-color:var(--c64-cyan);border-color:var(--c64-cyan)}.sound-toggle{color:var(--c64-green)}#sound-status{color:var(--c64-red)}#sound-status.on{color:var(--c64-green)}.section{display:none;padding:1rem 0;animation:sectionFadeIn .3s ease}.section.active{display:block}@keyframes sectionFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-header{color:var(--c64-yellow);padding:1rem 0;margin-bottom:1rem;border-bottom:1px dashed var(--c64-light-blue)}.prompt{color:var(--c64-green)}.section-content{padding:1rem 0}.text-block p{margin-bottom:.3em}.highlight{color:var(--c64-yellow)}.dim{color:var(--c64-gray)}.blink{animation:blink 1s infinite}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.cursor-blink{animation:blink .7s infinite}.project{background-color:#0003;border:2px solid var(--c64-light-blue);margin-bottom:2rem;padding:1rem}.project-header{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--c64-dark-blue);margin-bottom:1rem}.file-icon{color:var(--c64-cyan)}.project-name{color:var(--c64-white);flex:1}.project-status{font-size:1rem}.status-active{color:var(--c64-green)}.status-archived{color:var(--c64-gray)}.status-dev{color:var(--c64-yellow)}.project-details{display:flex;flex-wrap:wrap;gap:2rem}.project-info{flex:1;min-width:250px}.project-preview{flex:1;min-width:200px;display:flex;justify-content:flex-end}.preview-frame{border:4px solid var(--c64-dark-blue);background-color:var(--c64-black);padding:8px;overflow:hidden;max-width:316px}.preview-image{width:100%;max-width:300px;height:auto;display:block;image-rendering:pixelated;image-rendering:crisp-edges}.preview-screen{width:100%;height:150px;background:linear-gradient(135deg,var(--c64-dark-blue),var(--c64-purple));display:flex;align-items:center;justify-content:center}.vocart-preview{background:linear-gradient(135deg,var(--c64-green),var(--c64-cyan))}.vocart-preview:after{content:"VOCART";color:var(--c64-white);font-size:1.4rem}.memostrap-preview{background:linear-gradient(135deg,var(--c64-orange),var(--c64-yellow))}.memostrap-preview:after{content:"MEMO";color:var(--c64-white);font-size:1.4rem}.download-links{display:flex;flex-wrap:wrap;gap:.5rem}.c64-link{color:var(--c64-cyan);text-decoration:none;border:1px solid var(--c64-cyan);padding:.3rem .5rem;transition:all .2s}.c64-link:hover{background-color:var(--c64-cyan);color:var(--c64-black)}.project.teaser{border-style:dashed;opacity:.7}.team-content{display:flex;flex-wrap:wrap;gap:2rem;align-items:flex-start}.team-member{display:flex;flex-wrap:wrap;gap:2rem;width:100%}.avatar{flex-shrink:0}.avatar-art{font-size:1rem;line-height:1.2;color:var(--c64-cyan)}.member-info{flex:1;min-width:250px}.member-info .name{color:var(--c64-white);font-size:1.1rem;margin-bottom:.5rem}.member-info .title{color:var(--c64-yellow);margin-bottom:1rem}.stats{background-color:#0000004d;padding:1rem;border:1px solid var(--c64-dark-blue)}.stats p{margin-bottom:.3em}.contact-content{display:flex;flex-wrap:wrap;gap:2rem;align-items:flex-start}.contact-terminal{flex:2;min-width:280px;background-color:#0000004d;padding:1.5rem;border:2px solid var(--c64-light-blue)}.contact-decoration{flex:1;min-width:200px;text-align:center}.mail-art{color:var(--c64-cyan);font-size:.9rem;line-height:1.1}.email-link{display:inline-block;color:var(--c64-yellow);text-decoration:none;font-size:1.1rem;padding:1rem;border:2px solid var(--c64-yellow);transition:all .2s;margin:1rem 0}.email-link:hover{background-color:var(--c64-yellow);color:var(--c64-black)}.email-icon{margin-right:.5rem}.footer{margin-top:3rem;padding:1rem 0}.footer-border{height:4px;background:repeating-linear-gradient(90deg,var(--c64-light-blue),var(--c64-light-blue) 8px,transparent 8px,transparent 16px);margin-bottom:1rem}.footer-content{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;font-size:1rem;color:var(--c64-light-blue)}.separator{color:var(--c64-dark-blue)}.heart{color:var(--c64-red)}@media(min-width:768px){html{font-size:12px}.ascii-logo{display:block}.logo-text h1{font-size:3rem}.logo-text h2{font-size:1.6rem}.preview-screen{height:200px}}@media(min-width:1024px){html{font-size:14px}:root{--screen-padding: 40px}.boot-content{padding:40px}}@media(max-width:768px){.ascii-logo{font-size:.9rem}}@media(max-width:600px){.ascii-logo{font-size:.75rem}}@media(max-width:500px){.header{padding:0}.ascii-logo{font-size:.6rem}}@media(max-width:400px){.ascii-logo{font-size:.5rem}}@media(max-width:480px){html{font-size:8px}.logo-text h1{font-size:2rem}.logo-text h2{font-size:1.2rem}.nav{gap:.5rem}.nav-item{padding:.5rem;font-size:1rem}.ascii-logo{font-size:.7rem}.boot-line{font-size:.9rem;white-space:normal}.avatar-art{font-size:.7rem}.stats{font-size:.9rem}}.image-container{margin-top:2rem;text-align:left}.responsive-image{max-width:100%;height:auto;display:block;margin:0 0 1rem;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}a:focus,.nav-item:focus{outline:2px dashed var(--c64-yellow);outline-offset:2px}::selection{background-color:var(--c64-light-blue);color:var(--c64-black)}