mtg_card_maker 0.1.0 → 0.2.1

data/lib/mtg_card_maker/icons/snow.svg

@@ -0,0 +1,24 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+   width="24px"
+   height="24px"
+   viewBox="0 0 600 600">
+  <g
+     transform="translate(-70.576066,118.21478)"
+     id="layer1">
+    <circle
+       cx="50.000999"
+       cy="50"
+       r="50"
+       transform="matrix(5.99994,0,0,6,70.576066,-118.21478)"
+       id="circle485"
+       style="fill:#c9c4be" />
+    <path d="M25.001,93.303 L33.505,89.209 L37.843,89.157 L40.198,85.077 L50.001,98.881 L59.803,85.077 L62.158,89.157 L66.496,89.208 L75.001,93.303 L75.708,83.891 L77.833,80.105 L75.479,76.027 L92.334,74.439 L85.279,59.05 L89.99,59.05 L92.203,55.318 L100,50 L92.203,44.681 L89.99,40.95 L85.279,40.95 L92.333,25.559 L75.479,23.973 L77.833,19.893 L75.707,16.111 L75,6.699 L66.496,10.792 L62.158,10.843 L59.803,14.922 L50,1.118 L40.198,14.922 L37.843,10.843 L33.505,10.792 L25,6.699 L24.293,16.111 L22.168,19.893 L24.523,23.973 L7.667,25.56 L14.722,40.95 L10.011,40.95 L7.798,44.682 L0,50 L7.797,55.318 L10.011,59.05 L14.722,59.05 L7.668,74.441 L24.523,76.027 L22.168,80.105 L24.293,83.889" transform="matrix(5.99994,0,0,6,70.576066,-118.21478)" style="fill:#0d0f0f" />
+    <path d="M68.609,86.282 L72.116,84.258 L72.116,80.212 L68.609,78.188 L55.088,52.938 L83.717,52.023 L87.223,54.048 L90.727,52.025 L90.727,47.976 L87.223,45.953 L83.717,47.976 L55.088,47.063 L68.611,21.813 L72.117,19.789 L72.117,15.743 L68.611,13.719 L65.107,15.742 L65.105,19.789 L50.001,44.125 L34.896,19.789 L34.895,15.741 L31.392,13.718 L27.885,15.743 L27.885,19.789 L31.391,21.813 L44.913,47.063 L16.285,47.976 L12.778,45.953 L9.275,47.975 L9.275,52.023 L12.778,54.047 L16.285,52.023 L44.913,52.938 L31.39,78.188 L27.885,80.211 L27.884,84.258 L31.39,86.281 L34.895,84.258 L34.895,80.211 L50,55.875 L65.105,80.211 L65.105,84.259" transform="matrix(5.99994,0,0,6,70.576066,-118.21478)" style="fill:#ffffff" />
+    <path d="M57.051,22.393 L50.001,34.681 L42.951,22.393 L50.001,10.104" transform="matrix(5.99994,0,0,6,70.576066,-118.21478)" style="fill:#ffffff" />
+    <path d="M29.617,30.09 L36.734,42.34 L22.567,42.301 L15.45,30.052" transform="matrix(5.99994,0,0,6,70.576066,-118.21478)" style="fill:#ffffff" />
+    <path d="M22.566,57.697 L36.733,57.659 L29.616,69.908 L15.449,69.947" transform="matrix(5.99994,0,0,6,70.576066,-118.21478)" style="fill:#ffffff" />
+    <path d="M42.949,77.607 L50,65.318 L57.05,77.607 L50,89.896" transform="matrix(5.99994,0,0,6,70.576066,-118.21478)" style="fill:#ffffff" />
+    <path d="M70.384,69.91 L63.268,57.66 L77.434,57.699 L84.551,69.947" transform="matrix(5.99994,0,0,6,70.576066,-118.21478)" style="fill:#ffffff" />
+    <path d="M77.436,42.303 L63.268,42.341 L70.385,30.092 L84.551,30.053" transform="matrix(5.99994,0,0,6,70.576066,-118.21478)" style="fill:#ffffff" />
+  </g>
+</svg>

data/lib/mtg_card_maker/icons/tap.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 600 600" version="1.1"><circle cx="300" cy="300" r="300" fill="#DDD"/><path d="m512 353.5-216 0 79.1-56.3c-29.4-23.3-63.4-35-101.9-35-19.3 0-32.5 3.7-39.5 11-7.1 7.4-10.7 20.7-10.7 39.9 0 53.2 27.4 110 82.2 170.4l-62.3 63.1c-72.5-88.2-108.8-167.1-108.8-236.5 0-41.6 12.5-74.7 37.6-99.3 25.1-24.6 58.5-36.9 100-36.9 50.7 0 106 19.3 165.9 57.8l46.4-79.1 28.2 200.8" fill="#111"/></svg>

data/lib/mtg_card_maker/icons/tap_legacy.svg

@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   width="600"
+   height="600"
+   id="svg5391">
+  <defs
+     id="defs5393" />
+  <metadata
+     id="metadata5396">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(-284.8627,49.643341)"
+     id="layer1">
+    <circle
+       cx="-475.125"
+       cy="365.06799"
+       r="50"
+       transform="matrix(6,0,0,6,3435.6127,-1940.0513)"
+       id="circle447"
+       style="fill:#c9c4be" />
+    <path
+       d="m 853.51868,285.44471 -63.42,76.37397 -15.53999,-15.52797 c 6.042,-15.24601 9.86998,-29.274 11.44199,-42.08402 1.57201,-12.79798 0.92399,-24.65399 -1.944,-35.60398 -0.28784,-1.42802 -0.63601,-2.802 -1.07999,-4.092 -0.426,-1.31403 -0.92999,-2.532 -1.51203,-3.67801 -2.29799,-6.88799 -5.75398,-13.37401 -10.36199,-19.404 -4.602,-6.06001 -11.20798,-13.38 -19.836,-22.00802 L 705.95469,173.2507 495.39067,383.8267 c -18.41398,18.396 -28.34397,34.374 -29.77799,47.87401 -1.44601,13.53597 5.17802,27.62999 19.85401,42.30597 l 6.042,5.16602 -16.39799,16.39199 -138.072,-138.07201 16.39198,-16.39198 6.9,6.88799 c 14.382,14.964 28.33199,21.73799 41.85599,20.28601 13.51803,-1.42802 29.34603,-11.22599 47.46602,-29.34599 L 660.64268,127.93269 613.6147,80.904705 c -13.23001,-12.654021 -24.522,-21.504022 -33.87003,-26.532022 -9.354,-5.039976 -20.21999,-7.127995 -32.57399,-6.257984 -1.73398,0 -3.53999,0.07213 -5.39998,0.210013 -1.872,0.149961 -3.816,0.365979 -5.82602,0.641982 -3.744,0.293884 -7.04999,0.714011 -9.91798,1.302014 -2.88003,0.575992 -5.616,0.995985 -8.20201,1.290003 -0.87001,0.293884 -1.65602,0.503997 -2.36999,0.641982 -0.72002,0.137884 -1.65602,0.22209 -2.80801,0.210013 -3.168,0.869977 -6.76802,1.878006 -10.78799,3.023986 -4.03802,1.134003 -9.06602,2.447993 -15.10802,3.876014 l -14.238,-15.108019 74.64002,-65.142004 306.36598,306.384027 z"
+       inkscape:connector-curvature="0"
+       id="path451"
+       style="fill:#0d0f0f" />
+  </g>
+</svg>

data/lib/mtg_card_maker/icons/untap.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 600 600" version="1.1"><circle cx="300" cy="300" r="300" fill="#111"/><path d="m473.7 145.7-75.9 44.5c37 57.4 55.4 110.4 55.4 159.1 0 39.9-11.8 71.9-35.4 95.9-23.6 24.1-55.3 36.1-95.2 36.1-66.7 0-142.3-34.8-226.9-104.3l60.6-59.9c57.9 52.6 112.4 78.8 163.5 78.8 18.5 0 31.2-3.4 38.3-10.2 7.1-6.8 10.6-19.5 10.6-37.9 0-37-11.2-69.6-33.6-97.8l-54 75.9 0-207.2 192.6 27" fill="#FFF"/></svg>

data/lib/mtg_card_maker/icons/white.svg

@@ -1 +1,6 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#111"><path d="M-6-420v-120h282v120H-6Zm299-162L185-691l84-84 109 108-85 85Zm127-102v-282h120v282H420Zm247 102-85-85 109-108 84 84-108 109Zm17 162v-120h282v120H684Zm-203.71 85Q420-335 377.5-377.21q-42.5-42.2-42.5-102.5 0-60.29 42.21-102.79 42.2-42.5 102.5-42.5 60.29 0 102.79 42.21 42.5 42.2 42.5 102.5 0 60.29-42.21 102.79-42.2 42.5-102.5 42.5ZM691-185 582-293l85-85 108 109-84 84Zm-422 0-84-84 108-109 85 85-109 108ZM420 6v-282h120V6H420Z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px">
+  <circle cx='50%' cy='-50%' r='480' fill='#FEFDDF' />
+  <g transform='translate(70, -70) scale(0.85)'>
+    <path d="M-6-420v-120h282v120H-6Zm299-162L185-691l84-84 109 108-85 85Zm127-102v-282h120v282H420Zm247 102-85-85 109-108 84 84-108 109Zm17 162v-120h282v120H684Zm-203.71 85Q420-335 377.5-377.21q-42.5-42.2-42.5-102.5 0-60.29 42.21-102.79 42.2-42.5 102.5-42.5 60.29 0 102.79 42.21 42.5 42.2 42.5 102.5 0 60.29-42.21 102.79-42.2 42.5-102.5 42.5ZM691-185 582-293l85-85 108 109-84 84Zm-422 0-84-84 108-109 85 85-109 108ZM420 6v-282h120V6H420Z"/>
+  </g>
+</svg>

data/lib/mtg_card_maker/icons/x.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="-15 -15 30 30" width="24px">
+  <circle cx='0' cy='0' r='15' fill='#DDD' />
+  <text x='0' y='10' fill='#000' text-anchor='middle' font-weight='normal' font-size='30' font-family='serif'>
+    X
+  </text>
+</svg>

data/lib/mtg_card_maker/layer_config.rb

@@ -27,10 +27,9 @@ module MtgCardMaker
     DEFAULT_CONFIG = {
       # Text rendering settings
       font_sizes: {
-        name: 32,
+        name: 36,
         type: 22,
-        description: 24,
-        flavor_text: 18,
+        text_box: 24,
         power_area: 28,
         copyright: 14
       },
@@ -43,8 +42,8 @@ module MtgCardMaker
         char_width_multiplier: 0.42,
         css_classes: {
           card_name: 'card-name',
-          card_type: 'card-type',
-          card_description: 'card-description',
+          type_line: 'card-type',
+          rules_text: 'card-rules-text',
           flavor_text: 'card-flavor-text',
           power_area: 'card-power-toughness',
           copyright: 'card-copyright'
@@ -67,7 +66,7 @@ module MtgCardMaker
           y_offset: 8,
           width_ratio: 0.75
         },
-        description: {
+        rules_text: {
           y_offset: 30,
           width_ratio: 1.0
         },
@@ -94,11 +93,16 @@ module MtgCardMaker
         }
       },
 
+      text_box: {
+        icon_size: 24,
+        hybrid_icon_size: 32
+      },
+
       # Mana cost settings
       mana_cost: {
-        circle_radius: 15,
         circle_spacing: 35,
-        icon_size: 24,
+        icon_size: 30,
+        hybrid_icon_size: 38,
         max_circles: 10,
         margin: 10
       },
@@ -125,21 +129,9 @@ module MtgCardMaker
 
       # Drop shadow settings
       drop_shadow: {
-        dx: -2,
-        dy: 2,
-        std_deviation: 1,
-        flood_opacity: 1.0
-      },
-
-      # Text positioning adjustments
-      text_positioning: {
-        mana_cost_text_y_offset: 7,
-        mana_cost_font_size: 24
-      },
-
-      # Icon opacity settings
-      icon_opacity: {
-        mana_cost: 0.7
+        dx: -1,
+        dy: 2.5,
+        std_deviation: 0
       }
     }.freeze
 
@@ -155,7 +147,7 @@ module MtgCardMaker
       @config = default_config_with_merge.deep_merge(custom_config)
     end
 
-    # Font size getters
+    # Size getters
     def font_size(layer_type)
       config[:font_sizes][layer_type]
     end
@@ -183,6 +175,11 @@ module MtgCardMaker
       config[:frames][:corner_radius][layer_type] || { x: 5, y: 5 }
     end
 
+    # Text box getters
+    def text_box_config
+      config[:text_box]
+    end
+
     # Mana cost getters
     def mana_cost_config
       config[:mana_cost]
@@ -237,28 +234,6 @@ module MtgCardMaker
       config[:drop_shadow]
     end
 
-    # Text positioning getters
-    def text_positioning_config
-      config[:text_positioning]
-    end
-
-    def mana_cost_text_y_offset
-      text_positioning_config[:mana_cost_text_y_offset]
-    end
-
-    def mana_cost_font_size
-      text_positioning_config[:mana_cost_font_size]
-    end
-
-    # Icon opacity getters
-    def icon_opacity_config
-      config[:icon_opacity]
-    end
-
-    def mana_cost_icon_opacity
-      icon_opacity_config[:mana_cost]
-    end
-
     # Convenience methods for common calculations
     def text_width(base_width, layer_type = nil)
       if layer_type && positioning(layer_type)[:width_ratio]

data/lib/mtg_card_maker/layers/border_layer.rb

@@ -32,7 +32,7 @@ module MtgCardMaker
     SUPPORTED_COLORS = {
       white: '#EEE',
       black: '#000',
-      silver: :colorless,
+      silver: :silver,
       gold: :gold
     }.freeze
 
@@ -77,7 +77,7 @@ module MtgCardMaker
         render_white_frame(corners)
       when :black
         render_black_frame(corners)
-      when :colorless, :gold
+      when :silver, :gold
         render_metallic_frame(corners)
       else
         raise ArgumentError, "Unsupported border color: #{color.inspect}. Supported: white, black, silver, gold."
@@ -102,7 +102,6 @@ module MtgCardMaker
                rx: corners[:x], ry: corners[:y],
                fill: '#EEE',
                mask: "url(##{@mask_id})"
-      SvgGradientService.define_all_gradients(svg, color_scheme)
       render_metallic_elements(
         mask: @mask_id,
         corners: corners,
@@ -119,7 +118,7 @@ module MtgCardMaker
     end
 
     def color_key_for(color)
-      return :colorless if color == :silver
+      return :silver if color == :silver
       return :gold if color == :gold
 
       color
@@ -143,7 +142,7 @@ module MtgCardMaker
 
     def render_copyright_texts(layer_config)
       copyright_texts = [
-        '© 2025 Joe Sharp. Some rights reserved.',
+        'MTG Card Maker by Joe Sharp',
         'Portions of the materials used are property of Wizards of the Coast.',
         '© Wizards of the Coast LLC'
       ]

data/lib/mtg_card_maker/layers/frame_layer.rb

@@ -9,6 +9,7 @@ module MtgCardMaker
   class FrameLayer < BaseLayer
     include MetallicRenderer
     include LayerInitializer
+
     attr_reader :color_scheme, :mask_id, :layer_config
 
     def initialize(dimensions:, color: nil, color_scheme: DEFAULT_COLOR_SCHEME, mask_id: 'artWindowMask')
@@ -21,7 +22,6 @@ module MtgCardMaker
 
     # Render the frame with a gradient background
     def render
-      SvgGradientService.define_all_gradients(svg, color_scheme)
       if metallic_properties?
         render_metallic_frame
       else

data/lib/mtg_card_maker/layers/name_layer.rb

@@ -7,6 +7,7 @@ module MtgCardMaker
   # This is the area that surrounds the name and cost of the card
   class NameLayer < BaseLayer
     include LayerInitializer
+
     attr_reader :name, :cost, :color_scheme
 
     def initialize(dimensions:, name:, cost:, color: nil, color_scheme: DEFAULT_COLOR_SCHEME)
@@ -18,9 +19,6 @@ module MtgCardMaker
     end
 
     def render
-      # Ensure gradients are defined for this color scheme
-      SvgGradientService.define_all_gradients(svg, color_scheme)
-
       svg.g do
         render_name_area
         render_card_name
@@ -42,13 +40,16 @@ module MtgCardMaker
                rx: corners[:x], ry: corners[:y], mask: "url(##{@mask_id})"
     end
 
+    def layer_config
+      @layer_config ||= LayerConfig.default
+    end
+
     def render_card_name
-      layer_config = LayerConfig.default
       text_service = TextRenderingService.new(
         text: name,
         layer_config: layer_config,
-        x: layer_config.text_x_position(x),
-        y: layer_config.text_y_position(y, :name_area, height),
+        x: text_x_position,
+        y: text_y_position,
         font_size: layer_config.font_size(:name),
         available_width: layer_config.text_width(width, :name_area),
         css_class: layer_config.css_class(:card_name)
@@ -59,6 +60,14 @@ module MtgCardMaker
       end
     end
 
+    def text_x_position
+      layer_config.text_x_position(x)
+    end
+
+    def text_y_position
+      layer_config.text_y_position(y, :name_area, height)
+    end
+
     def render_mana_cost
       mana_cost = ManaCost.new(cost)
       cost_x = cost_position_x(mana_cost)
@@ -69,9 +78,8 @@ module MtgCardMaker
     end
 
     def cost_position_x(mana_cost)
-      layer_config = LayerConfig.default
       config = layer_config.mana_cost_config
-      base_x = x + width - config[:margin] - config[:circle_radius]
+      base_x = x + width - config[:margin] - (config[:icon_size] / 2)
       base_x - (config[:circle_spacing] * (mana_cost.elements.length - 1))
     end
 

data/lib/mtg_card_maker/layers/power_layer.rb

@@ -5,6 +5,7 @@ module MtgCardMaker
   # This is the area that surrounds the power and toughness of the card
   class PowerLayer < BaseLayer
     include LayerInitializer
+
     attr_reader :power, :toughness, :color_scheme
 
     def initialize(dimensions:, power:, toughness:, color: nil, color_scheme: DEFAULT_COLOR_SCHEME)
@@ -19,9 +20,6 @@ module MtgCardMaker
       # Don't render if power or toughness are nil, empty, or invalid
       return if power.nil? || toughness.nil? || power.to_s.strip.empty? || toughness.to_s.strip.empty?
 
-      # Ensure gradients are defined for this color scheme
-      SvgGradientService.define_all_gradients(svg, color_scheme)
-
       layer_config = LayerConfig.default
       stroke_width = layer_config.stroke_width
       corners = layer_config.corner_radius(:power)

data/lib/mtg_card_maker/layers/text_box_layer.rb

@@ -1,10 +1,16 @@
 # frozen_string_literal: true
 
 module MtgCardMaker
+  # Text limits for different scenarios
+  MAX_RULES_LINES = 9
+  MAX_FLAVOR_LINES = 7 # Two less because one line of rules is required, plus the separator
+
   # TextBoxLayer is a specialized layer for the rules and flavor text
+  # with bidirectional text flow from a dynamic separator
   class TextBoxLayer < BaseLayer
     include LayerInitializer
-    attr_reader :rules_text, :flavor_text, :color_scheme
+
+    attr_reader :rules_text, :flavor_text, :color_scheme, :font_size, :text_width
 
     def initialize(dimensions:, rules_text:, flavor_text: nil, color: nil, color_scheme: DEFAULT_COLOR_SCHEME)
       frame_color = initialize_layer_color(color, color_scheme, :background_color)
@@ -12,96 +18,244 @@ module MtgCardMaker
       @rules_text = rules_text
       @flavor_text = flavor_text
       @color_scheme = color_scheme
+      @font_size = layer_config.font_size(:text_box)
+      @text_width = layer_config.text_width(width, :rules_text)
     end
 
-    # Render the rules text and flavor text in a text box with a background and highlight
+    # Render the rules text and flavor text in a text box with bidirectional flow
     def render
-      # Ensure gradients are defined for this color scheme
-      SvgGradientService.define_all_gradients(svg, color_scheme)
-
       render_text_box
     end
 
     private
 
-    def render_text_box
-      layer_config = LayerConfig.default
-      stroke_width = layer_config.stroke_width
+    attr_reader :text_box_lines
 
+    def render_text_box
       svg.g do
-        # Text box background with mask for transparent window
-        svg.rect x: x, y: y, width: width, height: height,
-                 fill: "url(##{SvgGradientService.description_gradient_id(color_scheme)})",
-                 stroke: color_scheme.primary_color,
-                 stroke_width: stroke_width
-
+        render_background
         render_text_content
       end
     end
 
+    def render_background
+      svg.rect x: x, y: y, width: width, height: height,
+               fill: "url(##{SvgGradientService.text_box_gradient_id(color_scheme)})",
+               stroke: color_scheme.primary_color,
+               stroke_width: layer_config.stroke_width
+    end
+
     def render_text_content
-      render_rules_text
-      render_flavor_text if flavor_text
+      text_box_lines = create_text_box_lines
+
+      # Render separator
+      separator = text_box_lines.separator_line
+      render_separator(separator[:y_pos]) if separator
+
+      # Render text lines
+      text_box_lines.text_lines.each do |line|
+        render_text_line(line[:text], line[:y_pos], line[:type])
+      end
     end
 
-    def render_rules_text
-      layer_config = LayerConfig.default
-      text_service = create_text_service(layer_config, rules_text, :description, :card_description)
-      render_text_lines(text_service)
+    def create_text_box_lines
+      @text_box_lines = TextBoxLines.new(x: x, y: y, width: width, height: height)
+
+      if flavor_text_present?
+        setup_bidirectional_text
+      else
+        setup_rules_only_text
+      end
+
+      @text_box_lines
     end
 
-    def render_flavor_text
-      return unless flavor_text && !flavor_text.strip.empty?
+    def setup_bidirectional_text
+      rules_lines = calculate_rules_lines
+      flavor_lines = calculate_flavor_lines(rules_lines.length)
 
-      render_flavor_separator
-      layer_config = LayerConfig.default
-      text_service = create_text_service(layer_config, flavor_text, :flavor_text, :flavor_text)
-      render_text_lines(text_service)
+      # Calculate separator line: first line after rules text, but never lower than line 4 (0-based)
+      separator_line = [rules_lines.length, 4].max
+
+      # Place rules text upward from separator
+      place_text_lines(rules_lines.reverse, separator_line, direction: :upward, type: :rules_text)
+
+      # Place separator
+      text_box_lines.set_line(separator_line, type: :separator)
+
+      # Place flavor text downward from separator
+      place_text_lines(flavor_lines, separator_line, direction: :downward, type: :flavor_text)
     end
 
-    def create_text_service(layer_config, text, text_type, css_class)
-      TextRenderingService.new(
-        text: text,
-        layer_config: layer_config,
-        x: layer_config.text_x_position(x),
-        y: calculate_text_y_position(layer_config, text_type),
-        font_size: layer_config.font_size(text_type),
-        color: color_scheme.text_color,
-        available_width: layer_config.text_width(width, text_type),
-        css_class: layer_config.css_class(css_class)
-      )
+    def setup_rules_only_text
+      rules_lines = calculate_rules_lines
+
+      # Center the rules text in the available lines
+      start_line = (MAX_RULES_LINES - rules_lines.length) / 2
+
+      place_text_lines(rules_lines, start_line, direction: :forward, type: :rules_text)
     end
 
-    def calculate_text_y_position(layer_config, text_type)
-      if text_type == :flavor_text
-        y + height - layer_config.positioning(:flavor_text)[:y_offset]
+    def place_text_lines(lines, start_line, direction:, type:)
+      lines.each_with_index do |line, index|
+        line_number = calculate_line_number(start_line, index, direction)
+        break if line_number.negative? || line_number >= MAX_RULES_LINES
+
+        text_box_lines.set_line(line_number, text: line, type: type)
+      end
+    end
+
+    def calculate_line_number(start_line, index, direction)
+      case direction
+      when :upward
+        start_line - index - 1
+      when :downward
+        start_line + index + 1
       else
-        layer_config.text_y_position(y, :description)
+        start_line + index
       end
     end
 
-    def render_text_lines(text_service)
-      text_service.wrapped_text_lines.each do |line, attrs|
-        svg.text line, attrs
+    def render_text_line(line, y_pos, text_type)
+      if symbol_service.contains_symbols?(line)
+        render_line_with_symbols(line, y_pos)
+      else
+        svg.text line, {
+          x: layer_config.text_x_position(x),
+          y: y_pos,
+          fill: color_scheme.text_color,
+          font_size: font_size,
+          class: layer_config.css_class(text_type)
+        }
       end
     end
 
-    def render_flavor_separator
-      svg.line(**separator_config)
+    def render_line_with_symbols(line, y_pos)
+      html_content = symbol_service.render_line_with_symbols(line, text_width)
+
+      # Use foreignObject with HTML for proper text/symbol alignment
+      svg.foreignObject x: layer_config.text_x_position(x),
+                        y: y_pos - font_size, # Ensure symbols don't throw off the line
+                        width: text_width,
+                        height: font_size * 2 do
+        svg << html_content
+      end
     end
 
-    def separator_config
-      layer_config = LayerConfig.default
-      separator_offset = layer_config.positioning(:flavor_text)[:separator_offset]
-      separator_y = y + height - separator_offset
-      {
+    def symbol_service
+      @symbol_service ||= SymbolReplacementService.new
+    end
+
+    def render_separator(separator_y)
+      svg.line(
         x1: layer_config.text_x_position(x),
         y1: separator_y,
         x2: x + width - layer_config.horizontal_padding,
         y2: separator_y,
         stroke: color_scheme.primary_color,
         stroke_width: 1
+      )
+    end
+
+    def calculate_rules_lines
+      return [] if rules_text.nil? || rules_text.strip.empty?
+
+      text_service = create_text_service(rules_text, :rules_text)
+      text_service.wrapped_text_lines.first(MAX_RULES_LINES).map(&:first)
+    end
+
+    def calculate_flavor_lines(rules_line_count)
+      return [] unless flavor_text_present?
+
+      text_service = create_text_service(flavor_text, :flavor_text)
+      max_flavor_lines = [(MAX_FLAVOR_LINES - rules_line_count + 1), 1].max
+      text_service.wrapped_text_lines.first(max_flavor_lines).map(&:first)
+    end
+
+    def create_text_service(text, text_type)
+      TextRenderingService.new(
+        text: text,
+        layer_config: layer_config,
+        x: layer_config.text_x_position(x),
+        y: 0, # Will be calculated per line
+        font_size: font_size,
+        color: color_scheme.text_color,
+        available_width: text_width,
+        css_class: layer_config.css_class(text_type)
+      )
+    end
+
+    def layer_config
+      @layer_config ||= LayerConfig.default
+    end
+
+    def flavor_text_present?
+      flavor_text && !flavor_text.strip.empty?
+    end
+  end
+
+  # TextBoxLines manages the positioning and content of the MAX_RULES_LINES lines in a text box
+  # Each line can contain rules text, flavor text, or be a separator
+  class TextBoxLines
+    attr_reader :x, :y, :width, :height
+
+    def initialize(x:, y:, width:, height:)
+      @width = width
+      @height = height
+      @lines = Array.new(MAX_RULES_LINES) { { text: nil, type: :rules_text } }
+      @line_spacing = height / 10.0
+      @x = x
+      @y = y + (@line_spacing / 3)
+      calculate_line_positions
+    end
+
+    # Set the content and type for a specific line (0-8)
+    def set_line(line_number, text: nil, type: :rules_text)
+      @lines[line_number] = { text: text, type: type }
+    end
+
+    # Get the content, type, and y position for a specific line (0-8)
+    def get_line(line_number)
+      line_data = @lines[line_number]
+      {
+        text: line_data[:text],
+        type: line_data[:type],
+        y_pos: @line_positions[line_number]
       }
     end
+
+    # Get all lines as an array of hashes with text, type, and y_pos
+    def all_lines
+      @lines.map.with_index do |line_data, index|
+        {
+          text: line_data[:text],
+          type: line_data[:type],
+          y_pos: @line_positions[index]
+        }
+      end
+    end
+
+    # Get all lines except separators and empty lines
+    def text_lines
+      all_lines.reject { |line| line[:type] == :separator || line[:text].nil? || line[:text].strip.empty? }
+    end
+
+    def separator_line
+      separator = all_lines.find { |line| line[:type] == :separator }
+      # Position the separator in the middle of its line
+      separator[:y_pos] -= (@line_spacing / 3) if separator
+      separator
+    end
+
+    private
+
+    def calculate_line_positions
+      # Calculate MAX_RULES_LINES equally distributed vertical positions within the text box
+      # Starting from the top of the text box (y) and ending at the bottom (y + height)
+      last_line = MAX_RULES_LINES - 1
+      @line_positions = (0..last_line).map do |line_num|
+        @y + (@line_spacing * (line_num + 1))
+      end
+    end
   end
 end