*{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}.hero-card{border:1px solid #222;border-radius:4px;margin-bottom:1.5rem;text-decoration:none;display:block;position:relative;overflow:hidden}.hero-card img{aspect-ratio:16/7;object-fit:cover;width:100%;display:block}.hero-card-tagline{color:#ccc;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 2px 6px #000c;font-size:.9rem;transition:color .15s;position:absolute;bottom:1.5rem;right:1.5rem}.hero-card:hover .hero-card-tagline{color:#fff}.secondary-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:3rem;display:grid}.secondary-card{border:1px solid #222;border-radius:4px;text-decoration:none;display:block;position:relative;overflow:hidden}.secondary-card img{aspect-ratio:3/4;object-fit:contain;background:#111;width:100%;display:block}.secondary-card-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}.card-buttons{align-items:center;gap:.75rem;margin-top:1rem;display:flex}.steam-btn{text-transform:uppercase;letter-spacing:.03em;color:#999;background:#1a1a1a;border-radius:4px;align-items:center;gap:.5rem;padding:.7rem 1.2rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:color .15s,background .15s;display:inline-flex}.steam-btn svg{fill:currentColor;width:18px;height:18px}.steam-btn:hover{color:#fff;background:#262626}.info-btn{text-transform:uppercase;letter-spacing:.03em;color:#0d0d0d;background:#e5e5e5;border-radius:4px;padding:.7rem 1.4rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:background .15s;display:inline-block}.info-btn:hover{background:#fff}.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}.software-list-entry{align-items:flex-start;gap:2rem;margin-bottom:3rem;display:flex}.software-list-entry img{border-radius:4px;flex-shrink:0;width:280px}.page h1{margin-bottom:1rem;font-size:2rem}.page>p{margin-bottom:2rem;line-height:1.6}.page h3{margin-bottom:1rem;font-size:1.3rem}.page ul{margin-bottom:2rem;padding-left:1.25rem;list-style:outside}.page ul li{margin-bottom:.9rem;line-height:1.6}.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),(height<=500px) and (orientation:landscape){.desktop-only{display:none}.navbar-top{grid-template-columns:1fr auto 1fr;align-items:center;column-gap:1.25rem;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:.75rem;font-size: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;flex-direction:column;width:60%;max-width:260px;height:100vh;padding:1.5rem;transition:transform .25s;display:flex;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%}.software-list-entry{flex-direction:column}.software-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}.hero-card img{aspect-ratio:4/3}.secondary-grid{grid-template-columns:1fr}.page h1{font-size:1.6rem}}