*{box-sizing:border-box;margin:0;padding:0}body{color:#e5e5e5;background:#0d0d0d;font-family:system-ui,sans-serif}.navbar{border-bottom:1px solid #222}.navbar-top{justify-content:space-between;align-items:center;width:100%;padding:1.5rem 2rem;display:flex}.navbar .logo{color:#fff;letter-spacing:.05em;font-weight:700;text-decoration:none}.nav-links,.socials{gap:1.5rem;display:flex}.nav-links a{color:#aaa;font-size:.9rem;text-decoration:none}.nav-links a:hover{color:#fff}.socials a{color:#aaa;align-items:center;font-size:1.2rem;display:flex}.socials a:hover{color:#fff}.hamburger,.mobile-overlay,.mobile-panel{display:none}.page{max-width:800px;margin:0 auto;padding:4rem 2rem}.inline-link{color:#fff;text-decoration:underline}.project-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.project-card{border:1px solid #222;border-radius:4px;text-decoration:none;display:block;position:relative;overflow:hidden}.project-card img{width:100%;display:block}.project-title{color:#fff;text-shadow:0 2px 6px #000c;font-weight:700;position:absolute;bottom:1rem;left:1rem}.newsletter h3{margin-bottom:1rem}.newsletter-form{gap:.5rem;max-width:400px;display:flex}.newsletter-form input{color:#e5e5e5;background:#1a1a1a;border:1px solid #333;border-radius:4px;flex:1;padding:.6rem}.newsletter-form button{color:#fff;cursor:pointer;background:#333;border:none;border-radius:4px;padding:.6rem 1.2rem}.newsletter-form button:hover{background:#444}.banner{text-align:center;background:#000;border:1px solid #222;margin-bottom:2rem;padding:4rem 2rem}.banner h1{letter-spacing:.05em;font-size:2.5rem}.game-cover{border-radius:4px;width:100%;max-width:700px;margin:1.5rem 0}.buy-links{align-items:center;gap:1rem;margin-top:1rem;display:flex}.buy-label{color:#aaa}.store-link{color:#e5e5e5;border:1px solid #333;border-radius:4px;align-items:center;gap:.5rem;padding:.5rem 1rem;text-decoration:none;display:flex}.store-link:hover{border-color:#666}.store-icon{width:20px;height:20px}.footer{text-align:center;color:#888;border-top:1px solid #222;padding:2rem;font-size:.85rem}.game-list-entry{align-items:flex-start;gap:2rem;margin-bottom:3rem;display:flex}.game-list-entry img{border-radius:4px;flex-shrink:0;width:280px}.game-status{color:#888;margin-bottom:.5rem;font-size:.85rem;display:inline-block}.game-detail-hero{border-radius:4px;width:100%;margin-bottom:1.5rem}.admin-fields{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}.admin-fields label{color:#aaa;flex-direction:column;gap:.3rem;font-size:.85rem;display:flex}.admin-fields input,.admin-fields select,.admin-fields textarea{color:#e5e5e5;background:#1a1a1a;border:1px solid #333;border-radius:4px;padding:.5rem;font-family:inherit}.editor-toolbar{gap:.5rem;margin-bottom:.5rem;display:flex}.editor-toolbar button{color:#e5e5e5;cursor:pointer;background:#1a1a1a;border:1px solid #333;border-radius:4px;padding:.4rem .8rem}.editor-toolbar button.active{background:#444;border-color:#666}.editor-content{background:#111;border:1px solid #333;border-radius:4px;min-height:300px;margin-bottom:1.5rem;padding:1rem}.editor-content p{margin-bottom:.8rem}.download-btn{color:#fff;cursor:pointer;background:#333;border:none;border-radius:4px;padding:.7rem 1.5rem;font-size:1rem}.download-btn:hover{background:#444}.blog-feed-page{color:#111;background:#e5e5e5;min-height:60vh;padding:2.5rem 2rem}.blog-feed-header{border-bottom:1px solid #ccc;justify-content:flex-start;margin:0 -2rem 2.5rem;padding-bottom:1.5rem;padding-left:2rem;display:flex}.blog-filter{color:#111;cursor:pointer;appearance:none;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23111'><path d='M5 8l5 5 5-5z'/></svg>") 100% no-repeat;border:none;padding:0 1.4rem 0 0;font-size:1rem}.blog-empty{color:#555}.blog-feed-list{max-width:1100px;margin:0 auto}.blog-feed-entry{border-bottom:1px solid #ccc;justify-content:space-between;align-items:flex-start;gap:2rem;padding:2.5rem 0;display:flex}.blog-feed-text{max-width:550px}.blog-feed-text h2{color:#111;margin-bottom:.8rem;font-size:1.8rem}.blog-feed-text p{color:#333;margin-bottom:1.2rem;line-height:1.5}.blog-read-btn{color:#111;border:1px solid #111;border-radius:2px;padding:.5rem 1.2rem;font-size:.9rem;text-decoration:none;display:inline-block}.blog-read-btn:hover{color:#fff;background:#111}.blog-feed-thumb{border-radius:2px;flex-shrink:0;width:320px}.blog-post-page{color:#111;background:#e5e5e5;min-height:60vh}.blog-post-hero{object-fit:cover;width:100%;max-height:520px;display:block}.blog-post-content{max-width:800px;margin:0 auto;padding:2.5rem 2rem}.blog-post-content h1{margin-bottom:.5rem;font-size:2.2rem}.blog-post-meta{color:#666;margin-bottom:1.5rem;font-style:italic}.blog-body{color:#222;line-height:1.7}.blog-body h2{margin-top:2rem;margin-bottom:.8rem}.blog-body a{color:#0645ad}@media (width<=768px){.desktop-only{display:none}.navbar-top{grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.hamburger{color:#fff;cursor:pointer;background:0 0;border:none;justify-self:start;font-size:1.6rem;display:block}.navbar .logo{text-align:center;justify-self:center}.socials{justify-self:end;gap:1rem;font-size:1.1rem}.mobile-overlay{z-index:40;background:#0009;display:block;position:fixed;inset:0}.mobile-panel{z-index:50;background:#0d0d0d;border-right:1px solid #222;width:60%;max-width:260px;height:100vh;padding:1.5rem;transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-100%)}.mobile-panel-open{transform:translate(0)}.mobile-close{color:#fff;cursor:pointer;background:0 0;border:none;align-self:flex-start;margin-bottom:2rem;font-size:1.6rem}.mobile-panel-links{flex-direction:column;gap:1.5rem;display:flex}.mobile-panel-links a{color:#e5e5e5;font-size:1.15rem;text-decoration:none}.banner h1{font-size:1.6rem}.banner{padding:2.5rem 1rem}.game-list-entry{flex-direction:column}.game-list-entry img{width:100%}.blog-feed-entry{flex-direction:column}.blog-feed-thumb{width:100%}.blog-post-hero{max-height:260px}.admin-fields{grid-template-columns:1fr}.page{padding:2.5rem 1.25rem}.blog-feed-page,.blog-post-content{padding-left:1.25rem;padding-right:1.25rem}.project-grid{grid-template-columns:1fr}}