*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #050510;--bg2: #0a0a1e;--card-bg: #0d0d22;--card-border: #1e1e44;--accent: #ffcc00;--accent2: #00ccff;--text: #e0e0f0;--muted: #666688;--tag-bg: #1a1a33}html,body{min-height:100vh;background:var(--bg);color:var(--text);font-family:Courier New,Courier,monospace}.platform-header{display:flex;align-items:center;justify-content:space-between;padding:20px 40px;border-bottom:1px solid var(--card-border);background:var(--bg2)}.platform-logo{font-size:28px;font-weight:700;color:var(--accent);letter-spacing:4px;text-transform:uppercase}.platform-logo span{color:var(--accent2)}.platform-tagline{font-size:12px;color:var(--muted);letter-spacing:2px}.platform-filters{display:flex;gap:10px;padding:24px 40px 0}.filter-btn{padding:6px 16px;border:1px solid var(--card-border);background:var(--tag-bg);color:var(--muted);font-family:inherit;font-size:11px;letter-spacing:1px;cursor:pointer;border-radius:2px;transition:all .15s}.filter-btn.active,.filter-btn:hover{border-color:var(--accent);color:var(--accent);background:#1a1500}.platform-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;padding:24px 40px 48px;max-width:1400px;margin:0 auto}.game-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:4px;overflow:hidden;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;flex-direction:column}.game-card:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 0 20px #ffcc001f}.game-card.coming-soon{opacity:.45;pointer-events:none}.game-card.coming-soon:hover{transform:none;border-color:var(--card-border);box-shadow:none}.card-thumb{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block;background:var(--bg)}.card-thumb-shields{width:100%;aspect-ratio:16 / 9;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:10px;padding:14px 18px;border-bottom:1px solid var(--card-border);background:linear-gradient(135deg,#00ccff14,#ffcc0014),#080812}.card-shield{width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;filter:drop-shadow(0 5px 8px rgba(0,0,0,.35))}.card-thumb-placeholder{width:100%;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;font-size:48px;background:linear-gradient(135deg,#0a0a22,#113);border-bottom:1px solid var(--card-border)}.card-body{padding:16px;display:flex;flex-direction:column;gap:10px;flex:1}.card-name{font-size:18px;font-weight:700;color:var(--text);letter-spacing:1px}.card-desc{font-size:12px;color:var(--muted);line-height:1.6}.card-tags{display:flex;gap:6px;flex-wrap:wrap}.tag{padding:3px 8px;background:var(--tag-bg);border:1px solid var(--card-border);color:var(--muted);font-size:10px;letter-spacing:1px;border-radius:2px}.card-footer{margin-top:auto;padding-top:12px;display:flex;align-items:center;justify-content:space-between}.card-status{font-size:10px;color:var(--muted);letter-spacing:1px}.play-btn{display:inline-block;padding:8px 22px;background:var(--accent);color:#000;font-family:inherit;font-size:13px;font-weight:700;letter-spacing:2px;text-decoration:none;border-radius:2px;transition:background .15s,transform .1s}.play-btn:hover{background:#ffe040;transform:scale(1.03)}.coming-label{font-size:11px;color:var(--muted);letter-spacing:2px;padding:8px 22px;border:1px solid var(--card-border);border-radius:2px}.platform-contact{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:1400px;margin:0 auto 48px;padding:18px 40px;border:1px solid var(--card-border);border-radius:4px;background:var(--card-bg)}.platform-contact h2{margin-bottom:6px;color:var(--accent);font-size:18px;letter-spacing:1px;text-transform:uppercase}.platform-contact p{color:var(--muted);font-size:12px;line-height:1.5}.platform-contact a{color:var(--accent2);font-size:14px;font-weight:700;letter-spacing:1px;text-decoration:none}.platform-contact a:hover{color:var(--accent)}@media(max-width:720px){.platform-contact{align-items:flex-start;flex-direction:column;margin-right:40px;margin-left:40px}}
