:root{--bg-color:#0f172a;--text-color:#f8fafc;--card-bg:#1e293b;--primary:#3b82f6;--primary-hover:#2563eb;--danger:#ef4444;--danger-hover:#dc2626;--font-family:system-ui, -apple-system, sans-serif;--radius:8px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);line-height:1.5}.app-header{text-align:center;padding:3rem 1rem}.app-header h1{margin-bottom:.5rem;font-size:2.5rem}.catalog{max-width:800px;margin:0 auto;padding:0 1rem}.game-card{background-color:var(--card-bg);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem;display:flex}.game-info h2{margin-bottom:.25rem;font-size:1.25rem}.game-info p{color:#94a3b8;font-size:.875rem}button{cursor:pointer;border-radius:var(--radius);border:none;padding:.75rem 1.5rem;font-family:inherit;font-weight:600;transition:background-color .2s}.primary-btn{background-color:var(--primary);color:#fff}.primary-btn:hover{background-color:var(--primary-hover)}.secondary-btn{background-color:var(--danger);color:#fff;padding:.5rem 1rem;font-size:.875rem}.secondary-btn:hover{background-color:var(--danger-hover)}#game-container{z-index:100;background-color:#000;flex-direction:column;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}#game-container.hidden{display:none}.game-overlay{z-index:101;position:absolute;top:1rem;right:1rem}#phaser-root{flex:1;width:100%;height:100%}#phaser-root canvas{display:block}