*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background-color:#000;font-family:Courier New,Courier,monospace;line-height:1.6}.container{text-align:center;flex-direction:column;justify-content:space-between;max-width:1200px;min-height:100vh;margin:0 auto;padding:2rem;display:flex}header{margin-bottom:1rem}.flex-grow{flex:1;padding-top:20px}.title{color:#666;margin-bottom:1rem;font-size:18px}p{color:#999;margin-bottom:.5rem;font-family:Courier New,monospace}p .first-char{color:#0f0;font-weight:700}p .second-char{color:#0b0}.ascii-art{margin:0;line-height:1.2}.ascii-art pre{color:#ddd;text-align:center;white-space:pre;font-size:14px;overflow-x:auto}.description{margin:1.5rem 0}.description p{font-size:20px}.instructions-content{text-align:left;flex:1;margin:2rem 0}.instructions-section{margin-bottom:2rem}.instructions-section a{color:#0b0;text-decoration:underline;transition:all .3s}.instructions-section a:hover{color:#0f0;text-shadow:0 0 3px #0f0}.instructions-section h2{border-bottom:1px solid #444;margin-bottom:.8rem;padding-bottom:.5rem}.instructions-section ul{padding-left:1rem;list-style-type:none}.instructions-section li{color:#999;margin-bottom:.8rem;padding-left:1.5rem;position:relative}.instructions-section li:before{content:"•";position:absolute;left:0}.buttons{margin:2rem 0}.button{color:#fff;cursor:pointer;background-color:#222;border:2px solid #444;width:300px;margin:.5rem;padding:.8rem 1rem;font-family:Courier New,Courier,monospace;font-size:18px;text-decoration:none;transition:background-color .3s,border-color .3s;display:inline-block}.button:hover{background-color:#333;border-color:#666}.ascii-button{color:#eef5db;background-color:#111;border:1px solid #444;padding:5px 10px;font-family:Courier,monospace;text-decoration:none;transition:all .2s}.ascii-button:hover{text-shadow:0 0 5px #eef5db;background-color:#222;border-color:#666}.keyboard-shortcuts{margin:1rem 0}.shortcut{background-color:#333;margin:0 .5rem;padding:.4rem .6rem;font-size:14px;display:inline-block}input{outline:none}.menu-container{text-align:center;justify-content:center;gap:.5rem;margin:.5rem 0;display:flex}.menu-link{color:#fff;padding:.5rem 1rem;font-family:Courier New,Courier,monospace;font-size:20px;text-decoration:none;transition:all .3s;position:relative}.menu-link:before{content:"-=[  ";color:#0000;transition:color .3s}.menu-link:after{content:"  ]=-";color:#0000;transition:color .3s}.menu-link:hover:before,.menu-link:hover:after{color:#0f0}.menu-link-nohighlight{color:#0f0;padding:.5rem 1rem;font-family:Courier New,Courier,monospace;font-size:20px;text-decoration:none;transition:all .3s;position:relative}footer a{color:#0f0;text-decoration:none;transition:all .3s;position:relative}footer a:before{content:"[ ";color:#0000;transition:color .3s}footer a:after{content:" ]";color:#0000;transition:color .3s}footer a:hover{color:#0b0;text-shadow:0 0 3px #0f0}footer a:hover:before,footer a:hover:after{color:#0f0}div.menu{padding:1em;position:absolute;bottom:10px;left:10px}div.menu>div{margin-bottom:.1em}.modal{z-index:1000;background-color:#000000b3;width:100%;height:100%;display:none;position:fixed;top:0;left:0;overflow:auto}.modal-content{color:#eef5db;background-color:#111;border:1px solid #444;width:70%;max-width:500px;margin:15% auto;padding:20px;font-family:Courier,monospace}.close-button{color:#999;float:right;cursor:pointer;font-size:28px;font-weight:700}.close-button:hover{color:#eef5db}.keys-container{align-items:center;margin-top:15px;display:flex}.keys-image{flex:0 0 128px;margin-right:20px}.keys-image img{background-color:#222;border:1px solid #333;padding:5px}.keys-list{flex:1}.keys-list p{margin:10px 0}#roomCodeInput{text-align:center;color:#fff;text-transform:uppercase;letter-spacing:.1em;background:#222;border:1px solid #444;width:180px;padding:10px;font-family:Courier New,Courier,monospace;font-size:24px}#roomCodeInput:focus{border-color:#666;outline:none}#joinRoomButton{margin-top:20px;padding:10px 30px;font-size:16px}#errorMessage{color:red;margin-top:10px;font-size:14px;display:none}#roomCodeModal .modal-content{text-align:center}#roomCodeModal h2{color:#0f0;margin-bottom:20px}footer{color:#777;margin-top:2rem;font-size:12px}@media (width<=768px){.container{padding:1rem}.title{font-size:36px}.ascii-art pre{font-size:12px}.button{width:250px;font-size:16px}}
/*# sourceMappingURL=index.e8949de2.css.map */