:root{--delft-blue: #3E446E;--giants-orange: #F56438;--yellow-orange: #FCAB20;--keppel-teal: #59AC99;--imperial-red: #E7363C;--cream: #F5F0E8}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Share Tech Mono,monospace;background-color:var(--delft-blue);color:var(--cream);line-height:1.5;letter-spacing:.5px;cursor:crosshair;overflow-x:hidden}#intro-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--delft-blue);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeOut 1.5s ease-in-out 1.5s forwards}.press-start{font-family:"Press Start 2P",cursive;font-size:1.5rem;color:var(--cream);animation:blink .8s infinite}@keyframes fadeOut{to{opacity:0;visibility:hidden}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}#main-content{opacity:0;animation:fadeIn 1s ease-in 1.5s forwards}@keyframes fadeIn{to{opacity:1}}.hero-section{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(ellipse at center,rgba(245,100,56,.15),transparent 60%),var(--delft-blue);overflow:hidden}.scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 2px,transparent 2px,transparent 4px);pointer-events:none;z-index:1;animation:scanlineScroll 10s linear infinite}@keyframes scanlineScroll{0%{transform:translateY(0)}to{transform:translateY(4px)}}.nav{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 3rem;background-color:#3e446ee6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:3px solid var(--giants-orange);z-index:100}.logo{font-family:"Press Start 2P",cursive;font-size:1.2rem;color:var(--yellow-orange);text-shadow:2px 2px 0 var(--giants-orange)}.nav-links{display:flex;gap:2rem}.nav-link{font-family:"Press Start 2P",cursive;font-size:.6rem;color:var(--cream);text-decoration:none;transition:color .3s;position:relative}.nav-link:hover,.nav-link.active{color:var(--giants-orange)}.hero-content{position:relative;z-index:2;text-align:center;max-width:900px;padding:0 2rem;margin-top:5rem}.cursor-blink{font-family:"Press Start 2P",cursive;font-size:2rem;color:var(--yellow-orange);animation:blink 1s infinite;margin-bottom:1rem}.hero-title{font-family:"Press Start 2P",cursive;font-size:3rem;color:var(--yellow-orange);text-shadow:4px 4px 0 var(--giants-orange),0 0 20px var(--giants-orange);margin-bottom:1.5rem;animation:titleGlow 2s ease-in-out infinite}@keyframes titleGlow{0%,to{text-shadow:4px 4px 0 var(--giants-orange),0 0 20px var(--giants-orange)}50%{text-shadow:4px 4px 0 var(--giants-orange),0 0 40px var(--giants-orange)}}.subtitle-1{font-family:VT323,monospace;font-size:1.8rem;color:var(--keppel-teal);margin-bottom:1rem}.subtitle-2{font-family:Share Tech Mono,monospace;font-size:.9rem;color:var(--cream);margin-bottom:2rem}.stat-bar{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:3rem}.stat-chip{font-family:VT323,monospace;font-size:1rem;padding:.5rem 1rem;border:3px solid var(--delft-blue);box-shadow:3px 3px 0 var(--delft-blue)}.stat-chip-teal{background-color:var(--keppel-teal);color:var(--cream)}.stat-chip-yellow{background-color:var(--yellow-orange);color:var(--delft-blue)}.stat-chip-red{background-color:var(--imperial-red);color:var(--cream)}.download-btn{font-family:"Press Start 2P",cursive;font-size:.9rem;color:var(--cream);background-color:var(--giants-orange);border:3px solid var(--delft-blue);padding:1.2rem 2.5rem;cursor:crosshair;box-shadow:4px 4px 0 var(--delft-blue);transition:transform .1s;animation:pulse 2s ease-in-out infinite;text-transform:uppercase}@keyframes pulse{0%,to{box-shadow:4px 4px 0 var(--delft-blue),0 0 0 var(--giants-orange)}50%{box-shadow:4px 4px 0 var(--delft-blue),0 0 20px var(--giants-orange)}}.download-btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--delft-blue)}.download-btn:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--delft-blue)}.download-info{font-family:Share Tech Mono,monospace;font-size:.7rem;color:var(--cream);margin-top:1.5rem}.pixel-stars{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.star{position:absolute;width:8px;height:8px;background-color:var(--yellow-orange);box-shadow:0 0 10px var(--yellow-orange);animation:twinkle 3s ease-in-out infinite}.star:nth-child(1){top:20%;left:10%;animation-delay:0s}.star:nth-child(2){top:40%;left:80%;animation-delay:.5s}.star:nth-child(3){top:60%;left:15%;animation-delay:1s}.star:nth-child(4){top:25%;left:70%;animation-delay:1.5s}.star:nth-child(5){top:75%;left:85%;animation-delay:2s}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}.section-divider{position:absolute;bottom:0;left:0;width:100%;height:20px;background:repeating-linear-gradient(90deg,var(--yellow-orange) 0px,var(--yellow-orange) 8px,var(--keppel-teal) 8px,var(--keppel-teal) 16px)}.features-section{background-color:var(--cream);padding:6rem 2rem;position:relative}.features-section:before,.features-section:after{content:"";position:absolute;width:20px;height:20px;background-color:var(--giants-orange);box-shadow:8px 0 0 var(--giants-orange),0 8px 0 var(--giants-orange),8px 8px 0 var(--giants-orange)}.features-section:before{top:2rem;left:2rem}.features-section:after{top:2rem;right:2rem}.section-header{font-family:"Press Start 2P",cursive;font-size:1.5rem;color:var(--delft-blue);text-align:center;margin-bottom:1rem;text-transform:uppercase}.underline-bar{width:200px;height:5px;background-color:var(--yellow-orange);margin:0 auto 4rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.feature-card{background-color:var(--cream);border:3px solid var(--delft-blue);box-shadow:4px 4px 0 var(--giants-orange);padding:2rem;transition:transform .2s}.feature-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--giants-orange)}.feature-icon{width:80px;height:80px;background-color:var(--delft-blue);border:3px solid var(--delft-blue);display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin:0 auto 1.5rem}.feature-title{font-family:"Press Start 2P",cursive;font-size:.7rem;color:var(--delft-blue);text-align:center;margin-bottom:1rem;text-transform:uppercase}.feature-desc{font-family:Share Tech Mono,monospace;font-size:.8rem;color:var(--delft-blue);text-align:center;margin-bottom:1.5rem;line-height:1.6}.feature-tag{font-family:Share Tech Mono,monospace;font-size:.7rem;background-color:var(--keppel-teal);color:var(--cream);padding:.5rem 1rem;text-align:center;border:2px solid var(--delft-blue)}.howto-section{background-color:var(--delft-blue);padding:6rem 2rem}.section-header-alt{font-family:"Press Start 2P",cursive;font-size:1.5rem;color:var(--yellow-orange);text-align:center;margin-bottom:4rem;text-transform:uppercase}.blink{animation:blink 1s infinite}.timeline{max-width:800px;margin:0 auto}.timeline-step{display:flex;gap:2rem;align-items:flex-start}.step-number{font-family:"Press Start 2P",cursive;font-size:1.5rem;width:60px;height:60px;background-color:var(--giants-orange);color:var(--cream);display:flex;align-items:center;justify-content:center;border:3px solid var(--cream);box-shadow:4px 4px 0 var(--yellow-orange);flex-shrink:0}.step-content{flex:1;padding-top:.5rem}.step-title{font-family:"Press Start 2P",cursive;font-size:.8rem;color:var(--yellow-orange);margin-bottom:.5rem;text-transform:uppercase}.step-text{font-family:Share Tech Mono,monospace;font-size:.85rem;color:var(--cream);line-height:1.6}.timeline-connector{width:60px;height:30px;border-left:2px dashed var(--keppel-teal);margin-left:29px}.leaderboard-section{background-color:var(--cream);padding:6rem 2rem}.leaderboard-container{max-width:900px;margin:0 auto 3rem;overflow-x:auto}.leaderboard-table{width:100%;border-collapse:collapse;border:3px solid var(--delft-blue);font-family:Share Tech Mono,monospace}.leaderboard-table thead{background-color:var(--delft-blue);color:var(--yellow-orange)}.leaderboard-table th{font-family:"Press Start 2P",cursive;font-size:.6rem;padding:1rem;text-align:left;border:2px solid var(--delft-blue)}.leaderboard-table td{font-family:VT323,monospace;font-size:1.1rem;padding:.8rem 1rem;color:var(--delft-blue);border:2px solid var(--delft-blue)}.leaderboard-table tbody tr:nth-child(2n){background-color:#3e446e0d}.leaderboard-table tbody tr.rank-1{background-color:var(--yellow-orange);font-weight:700}.mystery-row{opacity:.5;font-style:italic}.leaderboard-cta{font-family:"Press Start 2P",cursive;font-size:.5rem;color:var(--imperial-red);text-align:center;text-transform:uppercase}.developer-section{background-color:var(--delft-blue);padding:6rem 2rem}.developer-card{max-width:800px;margin:0 auto;background-color:var(--cream);border:3px solid var(--delft-blue);box-shadow:4px 4px 0 var(--giants-orange);padding:3rem;display:flex;gap:3rem;align-items:center}.developer-avatar{flex-shrink:0}.pixel-grid{display:grid;grid-template-columns:repeat(8,12px);grid-template-rows:repeat(8,12px);gap:2px;border:3px solid var(--delft-blue);padding:8px;background-color:var(--cream)}.pixel-grid span{width:12px;height:12px;background-color:transparent}.pixel-grid span.p{background-color:var(--delft-blue)}.pixel-grid span.s{background-color:var(--giants-orange)}.developer-info{flex:1}.developer-name{font-family:"Press Start 2P",cursive;font-size:.8rem;color:var(--giants-orange);margin-bottom:1rem}.developer-meta{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.meta-badge{font-family:VT323,monospace;font-size:1.2rem;color:var(--keppel-teal)}.developer-bio{font-family:Share Tech Mono,monospace;font-size:.85rem;color:var(--delft-blue);line-height:1.8;margin-bottom:1.5rem}.github-link{display:inline-flex;align-items:center;gap:.5rem;background-color:var(--delft-blue);border:3px solid var(--delft-blue);padding:.8rem 1.5rem;text-decoration:none;box-shadow:3px 3px 0 var(--giants-orange);transition:transform .2s}.github-link:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--giants-orange)}.github-icon{font-size:1.5rem}.github-text{font-family:"Press Start 2P",cursive;font-size:.5rem;color:var(--yellow-orange)}.download-section{background-color:var(--giants-orange);padding:6rem 2rem;text-align:center}.download-header{font-family:"Press Start 2P",cursive;font-size:1.8rem;color:var(--delft-blue);margin-bottom:1rem;text-transform:uppercase}.download-subtext{font-family:Share Tech Mono,monospace;font-size:1rem;color:var(--delft-blue);margin-bottom:2.5rem}.download-btn-footer{background-color:var(--delft-blue);color:var(--cream);margin-bottom:1.5rem}.download-fine-print{font-family:VT323,monospace;font-size:1rem;color:var(--delft-blue)}.footer{background-color:var(--delft-blue);padding:2rem;text-align:center}.footer p{font-family:Share Tech Mono,monospace;font-size:.7rem;color:var(--cream)}.modal{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#3e446ef2;z-index:1000;align-items:center;justify-content:center}.modal.active{display:flex}.modal-content{background-color:var(--cream);border:5px solid var(--delft-blue);box-shadow:8px 8px 0 var(--giants-orange);padding:3rem;min-width:400px;text-align:center}.modal-title{font-family:"Press Start 2P",cursive;font-size:.9rem;color:var(--delft-blue);margin-bottom:2rem;text-transform:uppercase}.progress-container{width:100%;height:40px;background-color:var(--delft-blue);border:3px solid var(--delft-blue);margin-bottom:1rem;overflow:hidden}.progress-bar{height:100%;width:0%;background-color:var(--giants-orange);transition:width .1s linear}.progress-text{font-family:VT323,monospace;font-size:1.5rem;color:var(--delft-blue)}@media (max-width: 768px){.nav{padding:1rem 1.5rem}.nav-links{gap:1rem}.nav-link{font-size:.5rem}.hero-title{font-size:2rem}.subtitle-1{font-size:1.3rem}.subtitle-2{font-size:.75rem}.download-btn{font-size:.7rem;padding:1rem 1.5rem}.features-grid{grid-template-columns:1fr}.developer-card{flex-direction:column;padding:2rem}.modal-content{min-width:300px;padding:2rem}.section-header,.section-header-alt{font-size:1rem}}