*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Courier New',monospace;background:linear-gradient(135deg,#0f0f0f,#1a1a1a,#2d2d2d);color:#0f8;overflow-x:hidden;min-height:100vh;display:flex;justify-content:center;align-items:center}.container{text-align:center;position:relative;z-index:2;padding:2rem}.logo{font-size:3rem;font-weight:700;margin-bottom:1rem;text-shadow:0 0 20px #0f8;animation:glow 2s ease-in-out infinite alternate}.tagline{font-size:1.2rem;margin-bottom:2rem;color:#6f9;opacity:.8}.coming-soon{font-size:2.5rem;margin-bottom:1rem;color:#fff;text-shadow:0 0 15px #0f8}.description{font-size:1rem;margin-bottom:2rem;color:#ccc;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.terminal{background:rgba(0,0,0,.8);border:2px solid #0f8;border-radius:8px;padding:1rem;margin:2rem auto;max-width:500px;text-align:left;box-shadow:0 0 30px rgba(0,255,136,.3)}.terminal-header{display:flex;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #333}.terminal-dots{display:flex;gap:.5rem;margin-right:1rem}.dot{width:12px;height:12px;border-radius:50%}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27ca3f}.terminal-title{color:#888;font-size:.9rem}.command-line{color:#0f8;margin-bottom:.5rem}.command-clickable{cursor:pointer;transition:all .3s ease}.command-clickable:hover{background:rgba(0,255,136,.1);padding:.2rem;border-radius:3px;text-shadow:0 0 10px #0f8}.secret-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.95);border:2px solid #ff0080;border-radius:10px;padding:2rem;max-width:500px;z-index:1000;display:none;text-align:center}.secret-panel h3{color:#ff0080;text-shadow:0 0 15px #ff0080;margin-bottom:1rem}.ascii-art{font-family:monospace;white-space:pre;color:#0f8;font-size:.8rem;margin:1rem 0;text-shadow:0 0 5px #0f8}.close-secret{background:#ff0080;color:#fff;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer;font-family:'Courier New',monospace}.mouse-trail{position:fixed;pointer-events:none;color:#0f8;font-family:monospace;font-size:12px;z-index:999;text-shadow:0 0 5px #0f8}.shortcut-hint{position:fixed;bottom:1rem;right:1rem;background:rgba(0,0,0,.9);border:1px solid #0f8;padding:.5rem;border-radius:5px;font-size:.8rem;opacity:.7;transition:opacity .3s;z-index:9999;backdrop-filter:blur(10px);box-shadow:0 4px 15px rgba(0,0,0,.3)}.shortcut-hint:hover{opacity:1}.snake-game{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.95);border:2px solid #0f8;border-radius:10px;padding:1rem;z-index:1000;display:none;text-align:center}.snake-game h3{color:#0f8;margin-bottom:1rem;text-shadow:0 0 10px #0f8}.game-board{background:#000;border:1px solid #0f8;margin:0 auto 1rem;font-family:monospace;font-size:14px;line-height:14px;white-space:pre;padding:5px;box-shadow:0 0 20px rgba(0,255,136,.3)}.game-controls{margin-bottom:1rem;color:#0f8}.game-button{background:#0f8;color:#000;border:none;padding:.5rem 1rem;margin:.2rem;border-radius:3px;cursor:pointer;font-family:'Courier New',monospace;font-weight:700}.game-button:hover{background:#6f9}.game-stats{color:#0f8;margin-bottom:1rem}.memory-game{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.95);border:2px solid #f60;border-radius:10px;padding:1rem;z-index:1000;display:none;text-align:center;max-width:600px;width:90%}.memory-game h3{color:#f60;margin-bottom:1rem;text-shadow:0 0 10px #f60}.command-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:1rem 0}.command-button{background:rgba(255,102,0,.1);border:2px solid #f60;color:#f60;padding:1rem;border-radius:5px;cursor:pointer;font-family:'Courier New',monospace;font-size:1rem;transition:all .3s ease;min-height:60px;display:flex;align-items:center;justify-content:center}.command-button:hover{background:rgba(255,102,0,.2);box-shadow:0 0 15px rgba(255,102,0,.5)}.command-button.active{background:#f60;color:#000;box-shadow:0 0 20px #f60;transform:scale(1.05)}.command-button.correct{background:#0f8;border-color:#0f8;color:#000}.command-button.wrong{background:#f06;border-color:#f06;color:#fff}.memory-sequence{background:rgba(0,0,0,.8);border:1px solid #f60;padding:.5rem;margin:1rem 0;border-radius:5px;font-family:monospace;min-height:100px;max-height:150px;overflow-y:auto}.sequence-item{color:#f60;padding:.2rem 0;border-bottom:1px solid rgba(255,102,0,.3)}.sequence-item:last-child{border-bottom:none}.memory-stats{color:#f60;margin:1rem 0;display:flex;justify-content:space-around;flex-wrap:wrap}.game-status{margin:1rem 0;padding:.5rem;border-radius:5px;font-weight:700}.status-waiting{background:rgba(255,102,0,.2);color:#f60}.status-playing{background:rgba(0,255,136,.2);color:#0f8}.status-watching{background:rgba(255,255,0,.2);color:#ff0}.cursor{animation:blink 1s infinite}.progress-bar{width:100%;height:4px;background:rgba(255,255,255,.1);border-radius:2px;overflow:hidden;margin:1rem 0}.progress-fill{height:100%;background:linear-gradient(90deg,#0f8,#6f9);width:0%;animation:loading 3s ease-in-out infinite}.matrix-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.1;z-index:1}.game-showcase{max-width:1000px;margin:2rem auto}.game-info-card{background:rgba(0,20,0,.8);border:2px solid #0f8;border-radius:12px;padding:2rem;box-shadow:0 0 30px rgba(0,255,136,.2)}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;border-bottom:1px solid #0f8;padding-bottom:1rem}.game-header h2{color:#0f8;font-size:2rem;margin:0;text-shadow:0 0 10px #0f8}.status-indicator{display:flex;align-items:center;gap:.5rem}.status-dot{width:12px;height:12px;border-radius:50%;background:#666}.status-dot.active{background:orange;box-shadow:0 0 10px orange;animation:pulse 2s infinite}.status-dot.planning{background:#6495ed;box-shadow:0 0 10px #6495ed;animation:pulse 2s infinite}.status-text{color:orange;font-weight:700;text-transform:uppercase;font-size:.9rem}.status-text.planning{color:#6495ed}.game-description{color:#ccc;line-height:1.8;margin-bottom:2rem}.game-description p{margin-bottom:1rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin:2rem 0}.feature-item{background:rgba(0,0,0,.5);border:1px solid #0f8;border-radius:8px;padding:1.5rem;text-align:center;transition:all .3s ease}.feature-item:hover{transform:translateY(-3px);box-shadow:0 5px 20px rgba(0,255,136,.3)}.feature-icon{font-size:2rem;margin-bottom:1rem}.feature-item h4{color:#0f8;margin-bottom:.5rem}.feature-item p{color:#ccc;font-size:.9rem}.tech-showcase{margin:2rem 0;padding:1.5rem;background:rgba(0,0,0,.3);border-radius:8px;border-left:4px solid #0f8}.tech-showcase h3{color:#0f8;margin-bottom:1rem}.tech-tag.primary{background:rgba(0,255,136,.2);border-color:#0f8;color:#0f8}.tech-tag.secondary{background:rgba(100,149,237,.2);border-color:#6495ed;color:#6495ed}.development-progress{margin:2rem 0}.development-progress h3{color:#0f8;margin-bottom:1.5rem}.progress-items{display:grid;gap:1rem}.progress-item{display:grid;grid-template-columns:1fr 2fr auto;align-items:center;gap:1rem}.progress-label{color:#ccc;font-weight:700}.progress-container{display:flex;align-items:center;gap:1rem}.progress-bar-small{flex:1;height:8px;background:rgba(0,0,0,.5);border-radius:4px;overflow:hidden}.progress-fill-small{height:100%;background:linear-gradient(90deg,#0f8,#0c6);transition:width 1s ease}.progress-percent{color:#0f8;font-weight:700;min-width:40px}.release-info{margin:2rem 0}.release-info h3{color:#0f8;margin-bottom:1.5rem}.timeline{position:relative;padding-left:2rem}.timeline::before{content:'';position:absolute;left:15px;top:0;bottom:0;width:2px;background:#333}.timeline-item{position:relative;margin-bottom:2rem}.timeline-marker{position:absolute;left:-2rem;top:.5rem;width:12px;height:12px;border-radius:50%;background:#333;border:2px solid #666}.timeline-item.completed .timeline-marker{background:#0f8;border-color:#0f8;box-shadow:0 0 10px #0f8}.timeline-item.active .timeline-marker{background:orange;border-color:orange;box-shadow:0 0 10px orange;animation:pulse 2s infinite}.timeline-content h4{color:#0f8;margin-bottom:.5rem}.timeline-content p{color:#ccc}.timeline-item.completed .timeline-content h4{opacity:.8}.timeline-item.active .timeline-content h4{color:orange}.game-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin:2rem 0;align-items:start}.poster-section{position:sticky;top:2rem}.poster-container{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(0,255,136,.3);border:2px solid #0f8}.game-poster{width:100%;height:auto;display:block;transition:transform .3s ease}.poster-container:hover .game-poster{transform:scale(1.02)}.poster-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(0,255,136,.1),rgba(100,149,237,.1));display:flex;align-items:flex-end;justify-content:center;padding:1rem;opacity:0;transition:opacity .3s ease}.poster-container:hover .poster-overlay{opacity:1}.coming-soon-badge{background:linear-gradient(45deg,#ff6b00,orange);color:#000;padding:.5rem 1rem;border-radius:20px;font-weight:700;text-transform:uppercase;letter-spacing:1px;animation:glow 2s ease-in-out infinite alternate;box-shadow:0 0 20px rgba(255,165,0,.6)}.info-section{display:flex;flex-direction:column;gap:2rem}.back-navigation{text-align:center;margin-top:3rem;margin-bottom:6rem;padding-right:150px}.nav-button-enhanced{position:relative;display:inline-flex;align-items:center;gap:1rem;padding:1rem 2rem;background:linear-gradient(45deg,rgba(0,255,136,.1),rgba(0,255,136,.2));border:2px solid #0f8;border-radius:50px;color:#0f8;text-decoration:none;font-family:'Courier New',monospace;font-weight:700;font-size:1rem;transition:all .4s ease;overflow:hidden}.nav-button-enhanced:hover{background:linear-gradient(45deg,#0f8,#0c6);color:#000;transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,255,136,.5)}.nav-icon{font-size:1.5rem;font-weight:700;transition:transform .3s ease}.nav-button-enhanced:hover .nav-icon{transform:translateX(-5px)}.nav-text{position:relative;z-index:2}.nav-glow{position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(0,255,136,.3),transparent 70%);border-radius:50%;transform:translate(-50%,-50%);transition:all .4s ease}.nav-button-enhanced:hover .nav-glow{width:200%;height:200%}@media (max-width:1024px){.game-content{grid-template-columns:1fr;gap:2rem}.poster-section{position:static;order:-1}.poster-container{max-width:400px;margin:0 auto}}@media (max-width:768px){.back-navigation{padding-right:0;margin-bottom:8rem}.nav-button-enhanced{padding:.8rem 1.5rem;font-size:.9rem;gap:.8rem}.nav-icon{font-size:1.2rem}.poster-container{max-width:300px}.shortcut-hint{bottom:2rem;right:1rem;font-size:.7rem;padding:.4rem}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}100%{opacity:1}}@keyframes glow{from{text-shadow:0 0 20px #0f8}to{text-shadow:0 0 30px #0f8,0 0 40px #0f8}}@keyframes blink{0%,50%{opacity:1}100%,51%{opacity:0}}@keyframes loading{0%{width:0%}50%{width:70%}100%{width:100%}}@media (max-width:768px){.logo{font-size:2rem}.coming-soon{font-size:2rem}.container{padding:1rem}}@media (max-width:768px) and (orientation:landscape){body{min-height:auto;padding:1rem 0}.container{padding:.5rem;max-width:100%}.logo{font-size:1.5rem;margin-bottom:.5rem}.tagline{font-size:.9rem;margin-bottom:1rem}.coming-soon{font-size:1.5rem;margin-bottom:.5rem}.description{font-size:.9rem;margin-bottom:1rem}.terminal{margin:1rem auto;padding:.8rem;max-width:90%}}