*:focus{outline:none}body{font-family:Courier New,monospace;margin:0;background-color:#0d1b1e;min-height:100vh;display:flex;flex-direction:column;color:#c8c8c8}a{color:#ffbf69;text-decoration:none;letter-spacing:1px}a:hover{text-shadow:0 0 5px rgba(255,159,28,.5)}header{background-color:#142a32;color:#ff9f1c;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #3a5e6b;z-index:100;padding:10px 20px 10px 60px;position:relative}.header-content{position:relative;z-index:100;width:100%;display:flex;justify-content:space-between;align-items:center;padding-left:40px}.menu-toggle{display:none;background:none;border:none;color:#ff9f1c;font-size:24px;cursor:pointer;position:absolute;left:0;top:0;z-index:10001;padding:5px;background-color:#142a32;border-radius:3px;box-shadow:0 0 5px #000000b3}.menu-toggle:hover{color:#ffbf69;text-shadow:0 0 5px rgba(255,159,28,.5)}@media (max-width: 768px){.menu-toggle{display:block}.menu-panel{position:fixed;top:0;left:-100%;height:100vh;z-index:99;transition:left .3s ease;margin:0;max-width:none;width:80%;overflow-y:auto}.header-content{display:none}.menu-panel.menu-open{left:0}.main-content{flex-direction:column}.menu-panel{width:80%;margin-right:0;margin-bottom:20px;height:auto;padding-top:50px}.menu-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:98}.menu-open+.menu-overlay{display:block}}@media (max-width: 768px){header{padding-left:50px;position:relative}.auth-options{margin-left:auto}.menu-panel .frame{height:auto;min-height:50%}}.menu-close{position:absolute;top:10px;right:10px;background:none;border:none;color:#ff9f1c;font-size:24px;cursor:pointer;display:none}@media (max-width: 768px){.menu-close{display:block}}.demo-notice{color:red}.auth-options{display:flex;gap:15px}.auth-options a{color:#ff9f1c;text-decoration:none;font-size:14px;letter-spacing:1px}.auth-options a:hover{color:#ffbf69;text-shadow:0 0 5px rgba(255,159,28,.5)}.main-content{flex:1;display:flex;padding:20px;background-color:#0d1b1e;min-height:80%}.menu-panel{width:25vw;min-width:250px;max-width:350px;margin-right:20px}.frame{border:3px solid #3a5e6b;border-radius:3px;padding:20px;background-color:#142a32;box-shadow:0 0 15px #00000080;text-align:center;height:50%;box-sizing:border-box}.button-container{display:flex;flex-direction:column;gap:12px;min-height:300px}button{padding:15px 25px;background-color:#1e3d4a;color:#ff9f1c;border:1px solid #3a5e6b;border-radius:3px;cursor:pointer;font-size:16px;transition:all .3s;width:100%;font-family:Courier New,monospace;letter-spacing:1px}button:hover{background-color:#2a4e5a;color:#ffbf69;border-color:#4d7b8c;box-shadow:0 0 10px #ff9f1c4d;transform:translateY(-1px)}.activeButton{background-color:#2a4e5a!important;color:#aa69ff!important;border-color:#4d7b8c!important;box-shadow:0 0 10px #ff9f1c4d!important;transform:translateY(-1px)!important}h1{color:#ff9f1c;margin-top:0;margin-bottom:25px;font-size:24px;letter-spacing:2px;text-shadow:0 0 5px rgba(255,159,28,.3)}.content-area{flex:1;border:3px solid #3a5e6b;border-radius:3px;background-color:#142a32;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 20px #00000080;font-size:18px;position:relative;padding:0;overflow:hidden;min-height:400px}#game-container{width:100%;height:100%;display:block}.content-placeholder .blog-container{color:#3a5e6b;font-size:18px;letter-spacing:1px;padding:20px;width:100%;height:100%;box-sizing:border-box}footer{background-color:#142a32;color:#ff9f1c;padding:10px 0;text-align:center;font-size:14px;border-top:2px solid #3a5e6b}.footer-content{max-width:1200px;margin:0 auto}.contact-info a{color:#ffbf69;text-decoration:none;letter-spacing:1px}.contact-info a:hover{text-shadow:0 0 5px rgba(255,159,28,.5)}.blog-container{max-width:1000px;height:500px;overflow-y:auto;padding:20px;line-height:1.6;background-color:#142a32;color:#e0e9ec;scrollbar-width:thin;scrollbar-color:#3a5966 #1d3640}.post-title{font-size:1.8rem;margin-bottom:.5rem;color:#fff}.post-meta{font-size:.9rem;color:#8fadb8;margin-bottom:1rem;font-style:italic}.post-content{font-size:1.1rem;color:#d1e0e6}.post-content p{margin-bottom:1.2rem}.blog-container::-webkit-scrollbar{width:8px}.blog-container::-webkit-scrollbar-track{background:#1d3640}.blog-container::-webkit-scrollbar-thumb{background-color:#3a5966;border-radius:4px}.post-content a{color:#6bb2d6;text-decoration:none}.post-content a:hover{text-decoration:underline}#instructions{display:none;width:250px;background-color:#142a32;color:#c8c8c8;padding:10px;border-left:2px solid #3a5e6b;overflow-y:auto}@media (min-width: 769px){#instructions{display:block}}.game-gallery{display:flex;flex-wrap:wrap;justify-content:left;margin:0 -10px;padding:20px;width:90%;height:90%}@media (max-width: 768px){.game-gallery{padding:10px;margin:0}}.game-card{display:block;border:3px solid #3a5e6b;border-radius:3px;overflow:hidden;background:#142a32;text-decoration:none;color:#c8c8c8;transition:all .3s ease;margin-bottom:20px;box-shadow:0 0 5px #00000080;position:relative;font-family:Courier New,monospace;max-height:400px}.game-card:hover{box-shadow:0 0 10px #ff9f1c4d;border-color:#4d7b8c}.game-image-container{position:relative;padding-top:56.25%;overflow:hidden;background-color:#0d1b1e}.game-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.game-content{padding:15px}.game-title{margin:0 0 10px;font-size:1.1rem;font-weight:600;color:#ff9f1c;letter-spacing:1px;text-shadow:0 0 5px rgba(255,159,28,.3)}.game-description{margin:0;font-size:.85rem;line-height:1.4;color:#c8c8c8}.game-meta{display:flex;justify-content:space-between;margin-top:12px;font-size:.8rem;color:#8fadb8}.game-genre,.game-rating{display:flex;align-items:center}.star-icon{width:14px;height:14px;margin-right:4px;fill:#ffbf69}@media (min-width: 769px){.game-card{width:calc(33.333% - 20px);margin:0 10px 20px;max-width:300px}}@media (max-width: 768px){.game-card{width:100%;margin:0 0 20px}.game-image-container{padding-top:75%}}.CookieConsent>div:first-child{flex:1 0 100px!important}@media (max-width: 768px){main,.main-content,.content-area{margin-top:5px!important}}