:root{--bg: #0d0e1a;--panel: #171827;--accent: #ff2e63;--accent-2: #08d9d6;--text: #eaeaea;--muted: #8a8ca8}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:"Press Start 2P",system-ui,sans-serif;display:flex;flex-direction:column}.site-header{text-align:center;padding:2.5rem 1rem 1.5rem}.site-header h1{font-size:2rem;margin:0;color:var(--accent-2);text-shadow:3px 3px 0 var(--accent)}.site-header .dot{color:var(--accent)}.tagline{color:var(--muted);font-size:.65rem;margin-top:.75rem}.portal{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;padding:1rem 2rem 3rem;max-width:1100px;margin:0 auto;width:100%}.game-card{background:var(--panel);border:2px solid #2a2c45;border-radius:8px;padding:1.25rem;cursor:pointer;transition:border-color .15s ease,transform .15s ease;display:flex;flex-direction:column;gap:.75rem}.game-card:hover{border-color:var(--accent-2);transform:translateY(-3px)}.game-card .thumb{font-size:2.5rem;text-align:center}.game-card h3{font-size:.8rem;margin:0;color:var(--text)}.game-card p{font-size:.6rem;line-height:1.6;color:var(--muted);margin:0}.game-view{flex:1;display:flex;flex-direction:column;align-items:center;padding:1rem;gap:1rem}.back-button{align-self:flex-start;margin-left:1rem;background:var(--panel);color:var(--text);border:2px solid #2a2c45;padding:.6rem 1rem;font-family:inherit;font-size:.65rem;cursor:pointer;border-radius:6px}.back-button:hover{border-color:var(--accent)}#game-container{border:3px solid #2a2c45;border-radius:8px;overflow:hidden;line-height:0}.site-footer{text-align:center;padding:1.5rem;color:var(--muted);font-size:.6rem}.hidden{display:none}