This Pull Request introduces a significant refactoring of the Ankimon reviewer look, transitioning from an
iframe-based system to a new Shadow DOM-based HUD portal. The BIGGEST FIX this makes is that most of the card's CSS will NOT affect appearance of the Ankimon GUI in the reviewer.

Key changes include:

• New HUD Portal Implementation:

  • A new JavaScript file, src/Ankimon/user_files/web/ankimon_hud_portal.js, has been added to establish a Shadow
    DOM-based HUD. This provides better isolation and control over the injected UI elements.
  • The reviewer_obj.py has been refactored to construct the HUD's HTML and CSS dynamically and inject it into the
    new HUD portal via reviewer.web.eval().
  • The init.py and hooks.py files have been updated to integrate with this new HUD portal system, removing old
    iframe-related injections and hooks.

• Main Pokemon Sprite Flipping:

  • The main pokemon sprite (user's pokemon) now consistently faces the opponent by being reflected along the
    X-axis.
  • This was achieved by ensuring transform: scaleX(-1); is applied to the #ankimon-hud #MyPokeImage CSS rule in
    src/Ankimon/functions/create_css_for_reviewer.py for all display configurations (show_mainpkmn_in_reviewer
    values 0, 1, and 2).
  • Crucially, initial CSS overrides within ankimon_hud_portal.js (specifically transform: none !important; on img
    and *, *::before, *::after selectors) were identified and removed to allow the sprite transformation to take
    effect.

• Status Text Formatting:

  • Status messages (e.g., "fighting", "asleep", "fainted") are now displayed in full uppercase and bold.
  • This was ensured by removing text-transform: none !important; from the *, *::before, *::after rule in
    ankimon_hud_portal.js and adding !important to font-weight: bold; in the inline styles generated by
    create_status_html within src/Ankimon/functions/create_gui_functions.py to guarantee its application.