.red{color:red}.content{max-width:800px;margin:0 auto;padding:1rem 2rem}.content p{max-width:70ch;font-size:1.2rem;line-height:1.7}.content li{margin-bottom:.5rem;font-size:1.1rem;line-height:1.7}.header-btn{color:#fff;cursor:pointer;background-color:#e94560;border:none;border-radius:4px;padding:.5rem 1rem;font-size:1rem}header{color:#fff;background-color:#1a3a5c;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}nav{align-items:center;gap:.75rem;display:flex}.banner-link,.banner-link:visited{color:#fff;text-decoration:none}.banner-link:hover{opacity:.8}.dropdown{display:inline-block;position:relative}.dropdown-menu{z-index:10;background:#1a3a5c;border:1px solid #e94560;border-radius:4px;flex-direction:column;gap:.25rem;min-width:100%;margin-top:.25rem;padding:.5rem;list-style:none;display:flex;position:absolute;top:100%;left:0}.dropdown-menu .header-btn{text-align:center;display:block}.dropdown-menu .header-btn:hover{background-color:#c73652}canvas{background-color:#0d1b2a}html,body{color:#fff;background-color:#0d1b2a;flex-direction:column;min-height:100vh;margin:0;padding:0;font-size:1.1rem;line-height:1.6;display:flex}a,a:visited{color:#fff}a:hover{opacity:.8}.chip8-top{justify-content:center;align-items:flex-start;gap:2rem;margin-bottom:2rem;padding:0 2rem;display:flex}.chip8-games,.chip8-controls{flex:1;max-width:1000px}.chip8-canvas{justify-content:center;display:flex}.key-mapping{color:#fff;flex-direction:column;justify-content:center;height:100%;display:flex}.key-mapping h3{margin-bottom:1rem}.key-grid-container{align-items:center;gap:1rem;display:flex}.key-grid{flex-direction:column;gap:.25rem;display:flex}.key-label{text-align:center;color:#aaa;margin-bottom:.25rem;font-size:1rem}.key-row{gap:.25rem;display:flex}kbd{background:#1a3a5c;border:1px solid #e94560;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;width:4rem;height:4rem;font-family:monospace;font-size:1.1rem;display:flex}.key-arrow{color:#e94560;font-size:3.5rem}.game-picker{flex-wrap:wrap;align-items:flex-start;gap:1rem;padding:1rem 0;display:flex}.game-card{cursor:pointer;background:#1a3a5c;border:1px solid #2a5a8c;border-radius:8px;min-width:150px;padding:1rem 1.5rem;transition:border-color .2s,transform .1s}.game-card:hover{border-color:#e94560;transform:translateY(-2px)}.game-card.selected{background:#1f4a7a;border-color:#e94560}.game-card h3{margin:0 0 .25rem;font-size:1rem}.game-card p{color:#aaa;margin:0;font-size:.8rem}.section-toggle{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:1rem 2rem;display:flex}.section-toggle h2{margin:0}.section-toggle span{color:#e94560;font-size:1.5rem}.section-divider{border:none;border-top:1px solid #1a3a5c;margin:0 2rem}footer{color:#aaa;text-align:right;background-color:#0a1628;margin-top:auto;padding:1rem 2rem;font-size:.9rem}footer a{color:#aaa}footer a:hover{color:#fff;opacity:1}