shadow-alphabet-chart.svg raw
1 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 1680" font-family="'Courier New', monospace">
2 <defs>
3 <style>
4 .title { font-size: 28px; font-weight: bold; fill: #1a1a2e; }
5 .subtitle { font-size: 14px; fill: #4a4a6a; }
6 .section-title { font-size: 17px; font-weight: bold; fill: #1a1a2e; }
7 .header { font-size: 12px; font-weight: bold; fill: #ffffff; }
8 .cell { font-size: 11.5px; fill: #1a1a2e; }
9 .cell-sm { font-size: 10px; fill: #3a3a5a; }
10 .cell-label { font-size: 11px; font-weight: bold; fill: #1a1a2e; }
11 .cell-ipa { font-size: 13px; fill: #8b0000; font-weight: bold; }
12 .cell-example { font-size: 10px; fill: #555; font-style: italic; }
13 .cell-value { font-size: 11px; fill: #006400; font-weight: bold; }
14 .note { font-size: 10px; fill: #666; }
15 .legend { font-size: 11px; fill: #2a2a4a; }
16 .legend-bold { font-size: 11px; fill: #2a2a4a; font-weight: bold; }
17 .glyph-line { stroke: #1a1a2e; stroke-width: 2.2; stroke-linecap: round; }
18 .glyph-voice { stroke: #8b0000; stroke-width: 1.8; stroke-linecap: round; }
19 .glyph-branch { stroke: #006400; stroke-width: 2; stroke-linecap: round; }
20 </style>
21 <linearGradient id="hdr1" x1="0" y1="0" x2="1" y2="0">
22 <stop offset="0%" stop-color="#2a2a5a"/>
23 <stop offset="100%" stop-color="#4a4a8a"/>
24 </linearGradient>
25 <linearGradient id="hdr2" x1="0" y1="0" x2="1" y2="0">
26 <stop offset="0%" stop-color="#5a2a2a"/>
27 <stop offset="100%" stop-color="#8a4a4a"/>
28 </linearGradient>
29 <linearGradient id="row-even" x1="0" y1="0" x2="0" y2="1">
30 <stop offset="0%" stop-color="#f8f8ff"/>
31 <stop offset="100%" stop-color="#f0f0f8"/>
32 </linearGradient>
33 <linearGradient id="row-odd" x1="0" y1="0" x2="0" y2="1">
34 <stop offset="0%" stop-color="#ffffff"/>
35 <stop offset="100%" stop-color="#fafafe"/>
36 </linearGradient>
37 </defs>
38
39 <!-- Background -->
40 <rect width="1400" height="1680" fill="#fefefe" rx="8"/>
41 <rect x="10" y="10" width="1380" height="1660" fill="none" stroke="#2a2a5a" stroke-width="2" rx="6"/>
42
43 <!-- ═══════════ TITLE ═══════════ -->
44 <text x="700" y="48" text-anchor="middle" class="title">THE SHADOW ALPHABET — Quick Reference</text>
45 <text x="700" y="68" text-anchor="middle" class="subtitle">27 Letters (23 inherited + 4 new) · 7 Vowels · Voicing Mark · Decimal Numerals · Phonetics-First</text>
46 <line x1="40" y1="78" x2="1360" y2="78" stroke="#2a2a5a" stroke-width="1.5"/>
47
48 <!-- ═══════════ SECTION 1: VOWELS ═══════════ -->
49 <text x="40" y="104" class="section-title">① The Seven Vowels</text>
50
51 <rect x="40" y="112" width="520" height="24" fill="url(#hdr1)" rx="3"/>
52 <text x="55" y="128" class="header">#</text>
53 <text x="85" y="128" class="header">Letter</text>
54 <text x="145" y="128" class="header">IPA</text>
55 <text x="210" y="128" class="header">Name</text>
56 <text x="280" y="128" class="header">Position</text>
57 <text x="440" y="128" class="header">As in</text>
58
59 <rect x="40" y="136" width="520" height="20" fill="url(#row-odd)"/>
60 <text x="55" y="150" class="cell">1</text>
61 <text x="85" y="150" class="cell-label" font-size="14">A</text>
62 <text x="145" y="150" class="cell-ipa">/a/</text>
63 <text x="210" y="150" class="cell">a</text>
64 <text x="280" y="150" class="cell-sm">open, central</text>
65 <text x="440" y="150" class="cell-example">father</text>
66
67 <rect x="40" y="156" width="520" height="20" fill="url(#row-even)"/>
68 <text x="55" y="170" class="cell">2</text>
69 <text x="85" y="170" class="cell-label" font-size="14">E</text>
70 <text x="145" y="170" class="cell-ipa">/e/</text>
71 <text x="210" y="170" class="cell">e</text>
72 <text x="280" y="170" class="cell-sm">mid-front</text>
73 <text x="440" y="170" class="cell-example">bed, cafe</text>
74
75 <rect x="40" y="176" width="520" height="20" fill="url(#row-odd)"/>
76 <text x="55" y="190" class="cell">3</text>
77 <text x="85" y="190" class="cell-label" font-size="14">I</text>
78 <text x="145" y="190" class="cell-ipa">/i/</text>
79 <text x="210" y="190" class="cell">i</text>
80 <text x="280" y="190" class="cell-sm">close-front</text>
81 <text x="440" y="190" class="cell-example">see</text>
82
83 <rect x="40" y="196" width="520" height="20" fill="url(#row-even)"/>
84 <text x="55" y="210" class="cell">4</text>
85 <text x="85" y="210" class="cell-label" font-size="14">O</text>
86 <text x="145" y="210" class="cell-ipa">/o/</text>
87 <text x="210" y="210" class="cell">o</text>
88 <text x="280" y="210" class="cell-sm">mid-back, rounded</text>
89 <text x="440" y="210" class="cell-example">so, more</text>
90
91 <rect x="40" y="216" width="520" height="20" fill="url(#row-odd)"/>
92 <text x="55" y="230" class="cell">5</text>
93 <text x="85" y="230" class="cell-label" font-size="14">U</text>
94 <text x="145" y="230" class="cell-ipa">/u/</text>
95 <text x="210" y="230" class="cell">u</text>
96 <text x="280" y="230" class="cell-sm">close-back, rounded</text>
97 <text x="440" y="230" class="cell-example">moon</text>
98
99 <rect x="40" y="236" width="520" height="20" fill="url(#row-even)"/>
100 <text x="55" y="250" class="cell">6</text>
101 <text x="85" y="250" class="cell-label" font-size="14">R</text>
102 <text x="145" y="250" class="cell-ipa">/r̩/</text>
103 <text x="210" y="250" class="cell">er</text>
104 <text x="280" y="250" class="cell-sm">syllabic r</text>
105 <text x="440" y="250" class="cell-example">Serb. prst, Eng. butter</text>
106
107 <rect x="40" y="256" width="520" height="20" fill="url(#row-odd)"/>
108 <text x="55" y="270" class="cell">7</text>
109 <text x="85" y="270" class="cell-label" font-size="14">Y</text>
110 <text x="145" y="270" class="cell-ipa">/j/</text>
111 <text x="210" y="270" class="cell">ye</text>
112 <text x="280" y="270" class="cell-sm">front glide / rounded</text>
113 <text x="440" y="270" class="cell-example">yes, Fr. tu</text>
114
115 <rect x="40" y="112" width="520" height="164" fill="none" stroke="#2a2a5a" stroke-width="1" rx="3"/>
116
117 <text x="55" y="292" class="note">A I U = vowel triangle corners (universal). E O = mid positions. R = syllabic r (Slavic). Y = glide boundary.</text>
118
119 <!-- ═══════════ SECTION 1b: LATTICE KEY ═══════════ -->
120 <text x="600" y="104" class="section-title">② The Lattice (Sound Coordinates)</text>
121
122 <rect x="600" y="112" width="380" height="24" fill="url(#hdr1)" rx="3"/>
123 <text x="615" y="128" class="header">Dimension</text>
124 <text x="730" y="128" class="header">Axis</text>
125 <text x="870" y="128" class="header">Range</text>
126
127 <rect x="600" y="136" width="380" height="50" fill="#f0f0ff" stroke="#2a2a5a" stroke-width="1" rx="0"/>
128 <text x="615" y="153" class="cell-label">Consonants</text>
129 <text x="730" y="148" class="cell-sm">Place</text>
130 <text x="870" y="148" class="cell-sm">lips → glottis</text>
131 <text x="730" y="162" class="cell-sm">Manner</text>
132 <text x="870" y="162" class="cell-sm">stop → glide</text>
133 <text x="730" y="176" class="cell-sm">Voicing</text>
134 <text x="870" y="176" class="cell-sm">yes / no</text>
135
136 <rect x="600" y="186" width="380" height="42" fill="#fff0f0" stroke="#2a2a5a" stroke-width="1" rx="0"/>
137 <text x="615" y="203" class="cell-label">Vowels</text>
138 <text x="730" y="200" class="cell-sm">Height</text>
139 <text x="870" y="200" class="cell-sm">open → close</text>
140 <text x="730" y="214" class="cell-sm">Front/Back</text>
141 <text x="870" y="214" class="cell-sm">front → back</text>
142 <text x="730" y="228" class="cell-sm">Rounding</text>
143 <text x="870" y="228" class="cell-sm">spread / rounded</text>
144
145 <rect x="600" y="112" width="380" height="116" fill="none" stroke="#2a2a5a" stroke-width="1" rx="3"/>
146
147 <!-- Eliminated letters -->
148 <rect x="600" y="240" width="380" height="52" fill="#fff8f0" stroke="#5a2a2a" stroke-width="1" rx="3"/>
149 <text x="615" y="258" class="legend-bold">Eliminated: C Q X J</text>
150 <text x="615" y="273" class="cell-sm">C=K/S, Q=K, X=KS (redundant compounds)</text>
151 <text x="615" y="285" class="cell-sm">J retired: /dʒ/→Џ, /ʒ/→Ζ̌, /j/→Y</text>
152
153 <!-- Voicing mark key -->
154 <text x="1020" y="104" class="section-title">③ Voicing Mark</text>
155
156 <rect x="1020" y="112" width="340" height="120" fill="#f8f8ff" stroke="#2a2a5a" stroke-width="1" rx="3"/>
157 <text x="1035" y="132" class="legend-bold">One modifier, three pairs:</text>
158 <text x="1035" y="150" class="cell">Θ + mark = Ð (thin → the)</text>
159 <text x="1035" y="166" class="cell">Σ + mark = Ζ̌ (ship → measure)</text>
160 <text x="1035" y="182" class="cell">Ч + mark = Џ (chin → judge)</text>
161 <text x="1035" y="202" class="cell-sm">Scratch: diagonal crossing staff at mid-height</text>
162 <text x="1035" y="216" class="cell-sm">Principle: Japanese dakuten / Croatian hacek</text>
163
164 <!-- New letter glyphs -->
165 <text x="1020" y="248" class="section-title">New Letter Glyphs</text>
166 <rect x="1020" y="256" width="340" height="38" fill="#f0fff0" stroke="#2a2a5a" stroke-width="1" rx="3"/>
167
168 <!-- Ŋ glyph: staff + branch bottom -->
169 <g transform="translate(1040, 262)">
170 <line x1="10" y1="0" x2="10" y2="28" class="glyph-line"/>
171 <line x1="10" y1="22" x2="20" y2="28" class="glyph-branch"/>
172 <text x="28" y="18" class="cell-sm">Ŋ /ŋ/</text>
173 </g>
174
175 <!-- Σ glyph: staff + branch top -->
176 <g transform="translate(1120, 262)">
177 <line x1="10" y1="0" x2="10" y2="28" class="glyph-line"/>
178 <line x1="10" y1="6" x2="20" y2="12" class="glyph-branch"/>
179 <text x="28" y="18" class="cell-sm">Σ /ʃ/</text>
180 </g>
181
182 <!-- Ч glyph: staff + branch top+bottom -->
183 <g transform="translate(1200, 262)">
184 <line x1="10" y1="0" x2="10" y2="28" class="glyph-line"/>
185 <line x1="10" y1="6" x2="20" y2="12" class="glyph-branch"/>
186 <line x1="10" y1="22" x2="20" y2="28" class="glyph-branch"/>
187 <text x="28" y="18" class="cell-sm">Ч /tʃ/</text>
188 </g>
189
190 <!-- Voicing mark example -->
191 <g transform="translate(1290, 262)">
192 <line x1="10" y1="0" x2="10" y2="28" class="glyph-line"/>
193 <line x1="10" y1="6" x2="20" y2="12" class="glyph-branch"/>
194 <line x1="2" y1="18" x2="18" y2="10" class="glyph-voice"/>
195 <text x="28" y="18" class="cell-sm">+voice</text>
196 </g>
197
198
199 <!-- ═══════════ DIVIDER ═══════════ -->
200 <line x1="40" y1="305" x2="1360" y2="305" stroke="#2a2a5a" stroke-width="1.5"/>
201
202 <!-- ═══════════ SECTION 2: CONSONANTS ═══════════ -->
203 <text x="700" y="330" text-anchor="middle" class="section-title">④ Consonant Groups — Organised by Place, Manner, Voicing</text>
204
205 <!-- FIVE-WAY: LABIAL -->
206 <text x="55" y="352" class="cell-label" fill="#2a2a5a">LABIAL (lips) — five-way</text>
207 <rect x="40" y="358" width="620" height="24" fill="url(#hdr1)" rx="3"/>
208 <text x="55" y="374" class="header">#</text>
209 <text x="80" y="374" class="header">Letter</text>
210 <text x="135" y="374" class="header">IPA</text>
211 <text x="190" y="374" class="header">Name</text>
212 <text x="260" y="374" class="header">Type</text>
213 <text x="420" y="374" class="header">As in</text>
214 <text x="530" y="374" class="header">Source</text>
215
216 <rect x="40" y="382" width="620" height="18" fill="url(#row-odd)"/>
217 <text x="55" y="395" class="cell">8</text>
218 <text x="80" y="395" class="cell-label" font-size="13">P</text>
219 <text x="135" y="395" class="cell-ipa">/p/</text>
220 <text x="190" y="395" class="cell">pe</text>
221 <text x="260" y="395" class="cell-sm">voiceless stop</text>
222 <text x="420" y="395" class="cell-example">pen</text>
223 <text x="530" y="395" class="cell-sm">Latin</text>
224
225 <rect x="40" y="400" width="620" height="18" fill="url(#row-even)"/>
226 <text x="55" y="413" class="cell">9</text>
227 <text x="80" y="413" class="cell-label" font-size="13">B</text>
228 <text x="135" y="413" class="cell-ipa">/b/</text>
229 <text x="190" y="413" class="cell">be</text>
230 <text x="260" y="413" class="cell-sm">voiced stop</text>
231 <text x="420" y="413" class="cell-example">bed</text>
232 <text x="530" y="413" class="cell-sm">Latin</text>
233
234 <rect x="40" y="418" width="620" height="18" fill="url(#row-odd)"/>
235 <text x="55" y="431" class="cell">10</text>
236 <text x="80" y="431" class="cell-label" font-size="13">F</text>
237 <text x="135" y="431" class="cell-ipa">/f/</text>
238 <text x="190" y="431" class="cell">fe</text>
239 <text x="260" y="431" class="cell-sm">voiceless fricative</text>
240 <text x="420" y="431" class="cell-example">fish</text>
241 <text x="530" y="431" class="cell-sm">Latin</text>
242
243 <rect x="40" y="436" width="620" height="18" fill="url(#row-even)"/>
244 <text x="55" y="449" class="cell">11</text>
245 <text x="80" y="449" class="cell-label" font-size="13">V</text>
246 <text x="135" y="449" class="cell-ipa">/v/</text>
247 <text x="190" y="449" class="cell">ve</text>
248 <text x="260" y="449" class="cell-sm">voiced fricative</text>
249 <text x="420" y="449" class="cell-example">van</text>
250 <text x="530" y="449" class="cell-sm">Latin</text>
251
252 <rect x="40" y="454" width="620" height="18" fill="url(#row-odd)"/>
253 <text x="55" y="467" class="cell">12</text>
254 <text x="80" y="467" class="cell-label" font-size="13">M</text>
255 <text x="135" y="467" class="cell-ipa">/m/</text>
256 <text x="190" y="467" class="cell">me</text>
257 <text x="260" y="467" class="cell-sm">nasal</text>
258 <text x="420" y="467" class="cell-example">man</text>
259 <text x="530" y="467" class="cell-sm">Latin</text>
260
261 <rect x="40" y="358" width="620" height="114" fill="none" stroke="#2a2a5a" stroke-width="1" rx="3"/>
262
263 <!-- FIVE-WAY: ALVEOLAR -->
264 <text x="55" y="492" class="cell-label" fill="#2a2a5a">ALVEOLAR (tongue ridge) — five-way</text>
265 <rect x="40" y="498" width="620" height="24" fill="url(#hdr1)" rx="3"/>
266 <text x="55" y="514" class="header">#</text>
267 <text x="80" y="514" class="header">Letter</text>
268 <text x="135" y="514" class="header">IPA</text>
269 <text x="190" y="514" class="header">Name</text>
270 <text x="260" y="514" class="header">Type</text>
271 <text x="420" y="514" class="header">As in</text>
272 <text x="530" y="514" class="header">Source</text>
273
274 <rect x="40" y="522" width="620" height="18" fill="url(#row-odd)"/>
275 <text x="55" y="535" class="cell">13</text>
276 <text x="80" y="535" class="cell-label" font-size="13">T</text>
277 <text x="135" y="535" class="cell-ipa">/t/</text>
278 <text x="190" y="535" class="cell">te</text>
279 <text x="260" y="535" class="cell-sm">voiceless stop</text>
280 <text x="420" y="535" class="cell-example">ten</text>
281 <text x="530" y="535" class="cell-sm">Latin</text>
282
283 <rect x="40" y="540" width="620" height="18" fill="url(#row-even)"/>
284 <text x="55" y="553" class="cell">14</text>
285 <text x="80" y="553" class="cell-label" font-size="13">D</text>
286 <text x="135" y="553" class="cell-ipa">/d/</text>
287 <text x="190" y="553" class="cell">de</text>
288 <text x="260" y="553" class="cell-sm">voiced stop</text>
289 <text x="420" y="553" class="cell-example">dog</text>
290 <text x="530" y="553" class="cell-sm">Latin</text>
291
292 <rect x="40" y="558" width="620" height="18" fill="url(#row-odd)"/>
293 <text x="55" y="571" class="cell">15</text>
294 <text x="80" y="571" class="cell-label" font-size="13">S</text>
295 <text x="135" y="571" class="cell-ipa">/s/</text>
296 <text x="190" y="571" class="cell">se</text>
297 <text x="260" y="571" class="cell-sm">voiceless fricative</text>
298 <text x="420" y="571" class="cell-example">sun</text>
299 <text x="530" y="571" class="cell-sm">Latin</text>
300
301 <rect x="40" y="576" width="620" height="18" fill="url(#row-even)"/>
302 <text x="55" y="589" class="cell">16</text>
303 <text x="80" y="589" class="cell-label" font-size="13">Z</text>
304 <text x="135" y="589" class="cell-ipa">/z/</text>
305 <text x="190" y="589" class="cell">ze</text>
306 <text x="260" y="589" class="cell-sm">voiced fricative</text>
307 <text x="420" y="589" class="cell-example">zoo</text>
308 <text x="530" y="589" class="cell-sm">Latin</text>
309
310 <rect x="40" y="594" width="620" height="18" fill="url(#row-odd)"/>
311 <text x="55" y="607" class="cell">17</text>
312 <text x="80" y="607" class="cell-label" font-size="13">N</text>
313 <text x="135" y="607" class="cell-ipa">/n/</text>
314 <text x="190" y="607" class="cell">ne</text>
315 <text x="260" y="607" class="cell-sm">nasal</text>
316 <text x="420" y="607" class="cell-example">net</text>
317 <text x="530" y="607" class="cell-sm">Latin</text>
318
319 <rect x="40" y="498" width="620" height="114" fill="none" stroke="#2a2a5a" stroke-width="1" rx="3"/>
320
321
322 <!-- RIGHT COLUMN: VELAR + PAIRS + SINGLETONS -->
323
324 <!-- THREE-WAY: VELAR -->
325 <text x="700" y="352" class="cell-label" fill="#2a2a5a">VELAR (back) — three-way</text>
326 <rect x="690" y="358" width="670" height="24" fill="url(#hdr1)" rx="3"/>
327 <text x="705" y="374" class="header">#</text>
328 <text x="730" y="374" class="header">Letter</text>
329 <text x="790" y="374" class="header">IPA</text>
330 <text x="845" y="374" class="header">Name</text>
331 <text x="910" y="374" class="header">Type</text>
332 <text x="1080" y="374" class="header">As in</text>
333 <text x="1200" y="374" class="header">Source</text>
334
335 <rect x="690" y="382" width="670" height="18" fill="url(#row-odd)"/>
336 <text x="705" y="395" class="cell">18</text>
337 <text x="730" y="395" class="cell-label" font-size="13">K</text>
338 <text x="790" y="395" class="cell-ipa">/k/</text>
339 <text x="845" y="395" class="cell">ke</text>
340 <text x="910" y="395" class="cell-sm">voiceless stop</text>
341 <text x="1080" y="395" class="cell-example">cat</text>
342 <text x="1200" y="395" class="cell-sm">Latin</text>
343
344 <rect x="690" y="400" width="670" height="18" fill="url(#row-even)"/>
345 <text x="705" y="413" class="cell">19</text>
346 <text x="730" y="413" class="cell-label" font-size="13">G</text>
347 <text x="790" y="413" class="cell-ipa">/g/</text>
348 <text x="845" y="413" class="cell">ge</text>
349 <text x="910" y="413" class="cell-sm">voiced stop</text>
350 <text x="1080" y="413" class="cell-example">go</text>
351 <text x="1200" y="413" class="cell-sm">Latin</text>
352
353 <rect x="690" y="418" width="670" height="18" fill="#f0fff0"/>
354 <text x="705" y="431" class="cell">20</text>
355 <text x="730" y="431" class="cell-label" font-size="13" fill="#006400">Ŋ</text>
356 <text x="790" y="431" class="cell-ipa">/ŋ/</text>
357 <text x="845" y="431" class="cell">eng</text>
358 <text x="910" y="431" class="cell-sm">nasal</text>
359 <text x="1080" y="431" class="cell-example">ring</text>
360 <text x="1200" y="431" class="cell-sm" fill="#006400">NEW (cube)</text>
361
362 <rect x="690" y="358" width="670" height="78" fill="none" stroke="#2a2a5a" stroke-width="1" rx="3"/>
363
364 <!-- PAIRS: DENTAL -->
365 <text x="700" y="455" class="cell-label" fill="#2a2a5a">DENTAL FRICATIVES — pair</text>
366 <rect x="690" y="461" width="670" height="18" fill="url(#row-odd)"/>
367 <text x="705" y="474" class="cell">21</text>
368 <text x="730" y="474" class="cell-label" font-size="13">Θ</text>
369 <text x="790" y="474" class="cell-ipa">/θ/</text>
370 <text x="845" y="474" class="cell">theta</text>
371 <text x="910" y="474" class="cell-sm">voiceless fricative</text>
372 <text x="1080" y="474" class="cell-example">thin</text>
373 <text x="1200" y="474" class="cell-sm">Greek</text>
374
375 <rect x="690" y="479" width="670" height="18" fill="url(#row-even)"/>
376 <text x="705" y="492" class="cell">22</text>
377 <text x="730" y="492" class="cell-label" font-size="13">Ð</text>
378 <text x="790" y="492" class="cell-ipa">/ð/</text>
379 <text x="845" y="492" class="cell">edh</text>
380 <text x="910" y="492" class="cell-sm">voiced (Θ + voice mark)</text>
381 <text x="1080" y="492" class="cell-example">the</text>
382 <text x="1200" y="492" class="cell-sm">Icelandic/OE</text>
383
384 <!-- PAIRS: POSTALVEOLAR FRIC -->
385 <text x="700" y="515" class="cell-label" fill="#2a2a5a">POSTALVEOLAR FRICATIVES — pair</text>
386 <rect x="690" y="521" width="670" height="18" fill="#f0fff0"/>
387 <text x="705" y="534" class="cell">23</text>
388 <text x="730" y="534" class="cell-label" font-size="13" fill="#006400">Σ</text>
389 <text x="790" y="534" class="cell-ipa">/ʃ/</text>
390 <text x="845" y="534" class="cell">sha</text>
391 <text x="910" y="534" class="cell-sm">voiceless fricative</text>
392 <text x="1080" y="534" class="cell-example">ship</text>
393 <text x="1200" y="534" class="cell-sm" fill="#006400">NEW (cube)</text>
394
395 <rect x="690" y="539" width="670" height="18" fill="#f0f8f0"/>
396 <text x="705" y="552" class="cell">—</text>
397 <text x="730" y="552" class="cell-label" font-size="13" fill="#006400">Ζ̌</text>
398 <text x="790" y="552" class="cell-ipa">/ʒ/</text>
399 <text x="845" y="552" class="cell">zha</text>
400 <text x="910" y="552" class="cell-sm">voiced (Σ + voice mark)</text>
401 <text x="1080" y="552" class="cell-example">measure</text>
402 <text x="1200" y="552" class="cell-sm" fill="#006400">NEW (derived)</text>
403
404 <!-- PAIRS: POSTALVEOLAR AFFR -->
405 <text x="700" y="575" class="cell-label" fill="#2a2a5a">POSTALVEOLAR AFFRICATES — pair</text>
406 <rect x="690" y="581" width="670" height="18" fill="#f0fff0"/>
407 <text x="705" y="594" class="cell">24</text>
408 <text x="730" y="594" class="cell-label" font-size="13" fill="#006400">Ч</text>
409 <text x="790" y="594" class="cell-ipa">/tʃ/</text>
410 <text x="845" y="594" class="cell">cha</text>
411 <text x="910" y="594" class="cell-sm">voiceless affricate</text>
412 <text x="1080" y="594" class="cell-example">chin</text>
413 <text x="1200" y="594" class="cell-sm" fill="#006400">NEW (cube)</text>
414
415 <rect x="690" y="599" width="670" height="18" fill="#f0f8f0"/>
416 <text x="705" y="612" class="cell">—</text>
417 <text x="730" y="612" class="cell-label" font-size="13" fill="#006400">Џ</text>
418 <text x="790" y="612" class="cell-ipa">/dʒ/</text>
419 <text x="845" y="612" class="cell">ja</text>
420 <text x="910" y="612" class="cell-sm">voiced (Ч + voice mark)</text>
421 <text x="1080" y="612" class="cell-example">judge</text>
422 <text x="1200" y="612" class="cell-sm" fill="#006400">NEW (derived)</text>
423
424 <rect x="690" y="461" width="670" height="156" fill="none" stroke="#2a2a5a" stroke-width="1" rx="3"/>
425
426 <!-- SINGLETONS -->
427 <text x="700" y="636" class="cell-label" fill="#2a2a5a">SINGLETONS — no voicing partner</text>
428 <rect x="690" y="642" width="670" height="18" fill="url(#row-odd)"/>
429 <text x="705" y="655" class="cell">25</text>
430 <text x="730" y="655" class="cell-label" font-size="13">H</text>
431 <text x="790" y="655" class="cell-ipa">/h/</text>
432 <text x="845" y="655" class="cell">ha</text>
433 <text x="910" y="655" class="cell-sm">glottal fricative</text>
434 <text x="1080" y="655" class="cell-example">hat</text>
435 <text x="1200" y="655" class="cell-sm">Latin</text>
436
437 <rect x="690" y="660" width="670" height="18" fill="url(#row-even)"/>
438 <text x="705" y="673" class="cell">26</text>
439 <text x="730" y="673" class="cell-label" font-size="13">L</text>
440 <text x="790" y="673" class="cell-ipa">/l/</text>
441 <text x="845" y="673" class="cell">el</text>
442 <text x="910" y="673" class="cell-sm">lateral</text>
443 <text x="1080" y="673" class="cell-example">let</text>
444 <text x="1200" y="673" class="cell-sm">Latin</text>
445
446 <rect x="690" y="678" width="670" height="18" fill="url(#row-odd)"/>
447 <text x="705" y="691" class="cell">27</text>
448 <text x="730" y="691" class="cell-label" font-size="13">W</text>
449 <text x="790" y="691" class="cell-ipa">/w/</text>
450 <text x="845" y="691" class="cell">wa</text>
451 <text x="910" y="691" class="cell-sm">labial-velar glide</text>
452 <text x="1080" y="691" class="cell-example">wet</text>
453 <text x="1200" y="691" class="cell-sm">Latin</text>
454
455 <rect x="690" y="642" width="670" height="54" fill="none" stroke="#2a2a5a" stroke-width="1" rx="3"/>
456
457
458 <!-- ═══════════ DIVIDER ═══════════ -->
459 <line x1="40" y1="710" x2="1360" y2="710" stroke="#2a2a5a" stroke-width="1.5"/>
460
461
462 <!-- ═══════════ SECTION 3: PUNCTUATION ═══════════ -->
463 <text x="40" y="738" class="section-title">⑤ Punctuation (Short Nicks — ¼ staff height, straight cuts)</text>
464
465 <rect x="40" y="746" width="560" height="24" fill="url(#hdr2)" rx="3"/>
466 <text x="55" y="762" class="header">Mark</text>
467 <text x="150" y="762" class="header">Pattern</text>
468 <text x="310" y="762" class="header">Function</text>
469 <text x="480" y="762" class="header">Equivalent</text>
470
471 <rect x="40" y="770" width="560" height="24" fill="url(#row-odd)"/>
472 <text x="55" y="786" class="cell-label">Breath</text>
473 <g transform="translate(190, 782)"><line x1="0" y1="-6" x2="0" y2="0" stroke="#1a1a2e" stroke-width="2" stroke-linecap="round"/></g>
474 <text x="310" y="786" class="cell">brief pause</text>
475 <text x="480" y="786" class="cell">comma</text>
476
477 <rect x="40" y="794" width="560" height="24" fill="url(#row-even)"/>
478 <text x="55" y="810" class="cell-label">Rest</text>
479 <g transform="translate(190, 800)"><line x1="0" y1="-4" x2="0" y2="2" stroke="#1a1a2e" stroke-width="2" stroke-linecap="round"/><line x1="0" y1="6" x2="0" y2="12" stroke="#1a1a2e" stroke-width="2" stroke-linecap="round"/></g>
480 <text x="310" y="810" class="cell">full stop</text>
481 <text x="480" y="810" class="cell">period</text>
482
483 <rect x="40" y="818" width="560" height="24" fill="url(#row-odd)"/>
484 <text x="55" y="834" class="cell-label">Rise</text>
485 <g transform="translate(186, 824)"><line x1="0" y1="4" x2="0" y2="10" stroke="#1a1a2e" stroke-width="2" stroke-linecap="round"/><line x1="8" y1="-4" x2="8" y2="2" stroke="#1a1a2e" stroke-width="2" stroke-linecap="round"/></g>
486 <text x="310" y="834" class="cell">upward inflection</text>
487 <text x="480" y="834" class="cell">question</text>
488
489 <rect x="40" y="842" width="560" height="24" fill="url(#row-even)"/>
490 <text x="55" y="858" class="cell-label">Strike</text>
491 <g transform="translate(190, 848)"><line x1="0" y1="-8" x2="0" y2="-2" stroke="#1a1a2e" stroke-width="2" stroke-linecap="round"/><line x1="0" y1="6" x2="0" y2="12" stroke="#1a1a2e" stroke-width="2" stroke-linecap="round"/></g>
492 <text x="310" y="858" class="cell">emphasis, hard stop</text>
493 <text x="480" y="858" class="cell">exclamation</text>
494
495 <rect x="40" y="866" width="560" height="24" fill="url(#row-odd)"/>
496 <text x="55" y="882" class="cell-label">Branch</text>
497 <g transform="translate(186, 872)"><line x1="0" y1="-6" x2="0" y2="0" stroke="#1a1a2e" stroke-width="2" stroke-linecap="round"/><line x1="0" y1="4" x2="0" y2="10" stroke="#1a1a2e" stroke-width="2" stroke-linecap="round"/><line x1="8" y1="8" x2="8" y2="14" stroke="#1a1a2e" stroke-width="2" stroke-linecap="round"/></g>
498 <text x="310" y="882" class="cell">opens into another</text>
499 <text x="480" y="882" class="cell">colon / semicolon</text>
500
501 <rect x="40" y="746" width="560" height="144" fill="none" stroke="#5a2a2a" stroke-width="1" rx="3"/>
502
503 <!-- Accent mark -->
504 <rect x="40" y="896" width="560" height="24" fill="#fff8f0" stroke="#5a2a2a" stroke-width="1" rx="3"/>
505 <text x="55" y="912" class="cell-label">Accent</text>
506 <g transform="translate(186, 908)"><line x1="-4" y1="0" x2="4" y2="0" stroke="#8b0000" stroke-width="2" stroke-linecap="round"/></g>
507 <text x="210" y="912" class="cell-sm">horizontal tick above staff</text>
508 <text x="390" y="912" class="cell">stress marker (one per word)</text>
509
510
511 <!-- ═══════════ SECTION 3b: NUMERALS ═══════════ -->
512 <text x="640" y="738" class="section-title">⑥ Numerals: Standard Decimal</text>
513
514 <rect x="640" y="746" width="720" height="60" fill="#f8f8ff" stroke="#2a2a5a" stroke-width="1" rx="3"/>
515 <text x="660" y="770" class="cell" font-size="22" font-weight="bold">0 1 2 3 4 5 6 7 8 9 <tspan fill="#8b0000">i</tspan></text>
516 <text x="660" y="792" class="cell-sm">Arabic-derived positional notation + imaginary unit. 11 numerals.</text>
517 <text x="660" y="804" class="cell-sm" fill="#8b0000">i = imaginary unit (i² = -1). Lowercase: distinct from vowel I (uppercase).</text>
518
519 <text x="660" y="828" class="legend-bold">42 is written 42. 3+2i is written 3+2i.</text>
520 <text x="660" y="846" class="cell-sm">10 digits count positions. i rotates into the transformation axis (voicing, place-shift).</text>
521
522 <!-- Inventory box -->
523 <text x="640" y="875" class="section-title">⑦ Full Inventory</text>
524 <rect x="640" y="883" width="720" height="40" fill="#e8e8f0" stroke="#2a2a5a" stroke-width="1" rx="3"/>
525 <text x="660" y="900" class="cell-label">27 letters + 3 voiced forms + voicing mark + 11 numerals + 5 punct. + accent + space</text>
526 <text x="660" y="914" class="cell-sm">= 48 symbols: 23 Latin/Greek inherited, 4 cube-derived, 21 universal (numerals+punct+space)</text>
527
528
529 <!-- ═══════════ DIVIDER ═══════════ -->
530 <line x1="40" y1="935" x2="1360" y2="935" stroke="#2a2a5a" stroke-width="1.5"/>
531
532
533 <!-- ═══════════ SECTION 4: ENGLISH EXAMPLES ═══════════ -->
534 <text x="40" y="962" class="section-title">⑧ English Examples — One Letter, One Sound</text>
535
536 <rect x="40" y="970" width="620" height="24" fill="url(#hdr1)" rx="3"/>
537 <text x="55" y="986" class="header">English</text>
538 <text x="170" y="986" class="header">Shadow Spelling</text>
539 <text x="400" y="986" class="header">Sounded Out</text>
540
541 <rect x="40" y="994" width="620" height="18" fill="url(#row-odd)"/>
542 <text x="55" y="1007" class="cell">cat</text>
543 <text x="170" y="1007" class="cell-label">K A T</text>
544 <text x="400" y="1007" class="cell-sm">k a t</text>
545
546 <rect x="40" y="1012" width="620" height="18" fill="url(#row-even)"/>
547 <text x="55" y="1025" class="cell">dog</text>
548 <text x="170" y="1025" class="cell-label">D O G</text>
549 <text x="400" y="1025" class="cell-sm">d o g</text>
550
551 <rect x="40" y="1030" width="620" height="18" fill="url(#row-odd)"/>
552 <text x="55" y="1043" class="cell">fish</text>
553 <text x="170" y="1043" class="cell-label">F I Σ</text>
554 <text x="400" y="1043" class="cell-sm">f i sh</text>
555
556 <rect x="40" y="1048" width="620" height="18" fill="url(#row-even)"/>
557 <text x="55" y="1061" class="cell">thin</text>
558 <text x="170" y="1061" class="cell-label">Θ I N</text>
559 <text x="400" y="1061" class="cell-sm">th(voiceless) i n</text>
560
561 <rect x="40" y="1066" width="620" height="18" fill="url(#row-odd)"/>
562 <text x="55" y="1079" class="cell">the</text>
563 <text x="170" y="1079" class="cell-label">Ð E</text>
564 <text x="400" y="1079" class="cell-sm">th(voiced) e</text>
565
566 <rect x="40" y="1084" width="620" height="18" fill="url(#row-even)"/>
567 <text x="55" y="1097" class="cell">moon</text>
568 <text x="170" y="1097" class="cell-label">M U N</text>
569 <text x="400" y="1097" class="cell-sm">m u n</text>
570
571 <rect x="40" y="1102" width="620" height="18" fill="url(#row-odd)"/>
572 <text x="55" y="1115" class="cell">church</text>
573 <text x="170" y="1115" class="cell-label">Ч R Ч</text>
574 <text x="400" y="1115" class="cell-sm">ch r ch</text>
575
576 <rect x="40" y="1120" width="620" height="18" fill="url(#row-even)"/>
577 <text x="55" y="1133" class="cell">ring</text>
578 <text x="170" y="1133" class="cell-label">R I Ŋ</text>
579 <text x="400" y="1133" class="cell-sm">r i ng</text>
580
581 <rect x="40" y="1138" width="620" height="18" fill="url(#row-odd)"/>
582 <text x="55" y="1151" class="cell">measure</text>
583 <text x="170" y="1151" class="cell-label">M E Ζ̌ R</text>
584 <text x="400" y="1151" class="cell-sm">m e zh r</text>
585
586 <rect x="40" y="1156" width="620" height="18" fill="url(#row-even)"/>
587 <text x="55" y="1169" class="cell">judge</text>
588 <text x="170" y="1169" class="cell-label">Џ A Џ</text>
589 <text x="400" y="1169" class="cell-sm">j a j</text>
590
591 <rect x="40" y="1174" width="620" height="18" fill="url(#row-odd)"/>
592 <text x="55" y="1187" class="cell">queen</text>
593 <text x="170" y="1187" class="cell-label">K W I N</text>
594 <text x="400" y="1187" class="cell-sm">k w i n</text>
595
596 <rect x="40" y="1192" width="620" height="18" fill="url(#row-even)"/>
597 <text x="55" y="1205" class="cell">boy</text>
598 <text x="170" y="1205" class="cell-label">B O Y</text>
599 <text x="400" y="1205" class="cell-sm">b o y</text>
600
601 <rect x="40" y="1210" width="620" height="18" fill="url(#row-odd)"/>
602 <text x="55" y="1223" class="cell">box</text>
603 <text x="170" y="1223" class="cell-label">B O K S</text>
604 <text x="400" y="1223" class="cell-sm">b o k s</text>
605
606 <rect x="40" y="970" width="620" height="258" fill="none" stroke="#2a2a5a" stroke-width="1" rx="3"/>
607
608 <text x="55" y="1244" class="note">Stress accent: R E' K O R D (noun) vs R E K O' R D (verb) — tick above stressed vowel</text>
609
610
611 <!-- ═══════════ SECTION 4b: SERBO-CROATIAN ═══════════ -->
612 <text x="700" y="962" class="section-title">⑨ Serbo-Croatian Mapping</text>
613
614 <rect x="700" y="970" width="660" height="24" fill="url(#hdr1)" rx="3"/>
615 <text x="715" y="986" class="header">Croatian</text>
616 <text x="810" y="986" class="header">Sound</text>
617 <text x="900" y="986" class="header">Shadow</text>
618 <text x="1010" y="986" class="header">Croatian</text>
619 <text x="1110" y="986" class="header">Sound</text>
620 <text x="1200" y="986" class="header">Shadow</text>
621
622 <!-- Two-column layout for the Croatian mapping -->
623 <!-- Col 1 -->
624 <rect x="700" y="994" width="660" height="16" fill="url(#row-odd)"/>
625 <text x="715" y="1006" class="cell-sm">A</text><text x="810" y="1006" class="cell-sm">/a/</text><text x="900" y="1006" class="cell-sm font-weight:bold">A</text>
626 <text x="1010" y="1006" class="cell-sm">N</text><text x="1110" y="1006" class="cell-sm">/n/</text><text x="1200" y="1006" class="cell-sm">N</text>
627
628 <rect x="700" y="1010" width="660" height="16" fill="url(#row-even)"/>
629 <text x="715" y="1022" class="cell-sm">B</text><text x="810" y="1022" class="cell-sm">/b/</text><text x="900" y="1022" class="cell-sm">B</text>
630 <text x="1010" y="1022" class="cell-sm">Nj</text><text x="1110" y="1022" class="cell-sm">/ɲ/</text><text x="1200" y="1022" class="cell-sm">N Y</text>
631
632 <rect x="700" y="1026" width="660" height="16" fill="url(#row-odd)"/>
633 <text x="715" y="1038" class="cell-sm">C</text><text x="810" y="1038" class="cell-sm">/ts/</text><text x="900" y="1038" class="cell-sm">T S</text>
634 <text x="1010" y="1038" class="cell-sm">O</text><text x="1110" y="1038" class="cell-sm">/o/</text><text x="1200" y="1038" class="cell-sm">O</text>
635
636 <rect x="700" y="1042" width="660" height="16" fill="url(#row-even)"/>
637 <text x="715" y="1054" class="cell-sm">Č</text><text x="810" y="1054" class="cell-sm">/tʃ/</text><text x="900" y="1054" class="cell-sm" fill="#006400">Ч</text>
638 <text x="1010" y="1054" class="cell-sm">P</text><text x="1110" y="1054" class="cell-sm">/p/</text><text x="1200" y="1054" class="cell-sm">P</text>
639
640 <rect x="700" y="1058" width="660" height="16" fill="url(#row-odd)"/>
641 <text x="715" y="1070" class="cell-sm">D</text><text x="810" y="1070" class="cell-sm">/d/</text><text x="900" y="1070" class="cell-sm">D</text>
642 <text x="1010" y="1070" class="cell-sm">R</text><text x="1110" y="1070" class="cell-sm">/r/</text><text x="1200" y="1070" class="cell-sm">R</text>
643
644 <rect x="700" y="1074" width="660" height="16" fill="url(#row-even)"/>
645 <text x="715" y="1086" class="cell-sm">Dž</text><text x="810" y="1086" class="cell-sm">/dʒ/</text><text x="900" y="1086" class="cell-sm" fill="#006400">Џ</text>
646 <text x="1010" y="1086" class="cell-sm">S</text><text x="1110" y="1086" class="cell-sm">/s/</text><text x="1200" y="1086" class="cell-sm">S</text>
647
648 <rect x="700" y="1090" width="660" height="16" fill="url(#row-odd)"/>
649 <text x="715" y="1102" class="cell-sm">E</text><text x="810" y="1102" class="cell-sm">/e/</text><text x="900" y="1102" class="cell-sm">E</text>
650 <text x="1010" y="1102" class="cell-sm">Š</text><text x="1110" y="1102" class="cell-sm">/ʃ/</text><text x="1200" y="1102" class="cell-sm" fill="#006400">Σ</text>
651
652 <rect x="700" y="1106" width="660" height="16" fill="url(#row-even)"/>
653 <text x="715" y="1118" class="cell-sm">F</text><text x="810" y="1118" class="cell-sm">/f/</text><text x="900" y="1118" class="cell-sm">F</text>
654 <text x="1010" y="1118" class="cell-sm">T</text><text x="1110" y="1118" class="cell-sm">/t/</text><text x="1200" y="1118" class="cell-sm">T</text>
655
656 <rect x="700" y="1122" width="660" height="16" fill="url(#row-odd)"/>
657 <text x="715" y="1134" class="cell-sm">G</text><text x="810" y="1134" class="cell-sm">/g/</text><text x="900" y="1134" class="cell-sm">G</text>
658 <text x="1010" y="1134" class="cell-sm">U</text><text x="1110" y="1134" class="cell-sm">/u/</text><text x="1200" y="1134" class="cell-sm">U</text>
659
660 <rect x="700" y="1138" width="660" height="16" fill="url(#row-even)"/>
661 <text x="715" y="1150" class="cell-sm">H</text><text x="810" y="1150" class="cell-sm">/x/</text><text x="900" y="1150" class="cell-sm">H</text>
662 <text x="1010" y="1150" class="cell-sm">V</text><text x="1110" y="1150" class="cell-sm">/v/</text><text x="1200" y="1150" class="cell-sm">V</text>
663
664 <rect x="700" y="1154" width="660" height="16" fill="url(#row-odd)"/>
665 <text x="715" y="1166" class="cell-sm">I</text><text x="810" y="1166" class="cell-sm">/i/</text><text x="900" y="1166" class="cell-sm">I</text>
666 <text x="1010" y="1166" class="cell-sm">Z</text><text x="1110" y="1166" class="cell-sm">/z/</text><text x="1200" y="1166" class="cell-sm">Z</text>
667
668 <rect x="700" y="1170" width="660" height="16" fill="url(#row-even)"/>
669 <text x="715" y="1182" class="cell-sm">J</text><text x="810" y="1182" class="cell-sm">/j/</text><text x="900" y="1182" class="cell-sm">Y</text>
670 <text x="1010" y="1182" class="cell-sm">Ž</text><text x="1110" y="1182" class="cell-sm">/ʒ/</text><text x="1200" y="1182" class="cell-sm" fill="#006400">Ζ̌</text>
671
672 <rect x="700" y="1186" width="660" height="16" fill="url(#row-odd)"/>
673 <text x="715" y="1198" class="cell-sm">K</text><text x="810" y="1198" class="cell-sm">/k/</text><text x="900" y="1198" class="cell-sm">K</text>
674 <text x="1010" y="1198" class="cell-sm">L</text><text x="1110" y="1198" class="cell-sm">/l/</text><text x="1200" y="1198" class="cell-sm">L</text>
675
676 <rect x="700" y="1202" width="660" height="16" fill="url(#row-even)"/>
677 <text x="715" y="1214" class="cell-sm">Lj</text><text x="810" y="1214" class="cell-sm">/ʎ/</text><text x="900" y="1214" class="cell-sm">L Y</text>
678 <text x="1010" y="1214" class="cell-sm">M</text><text x="1110" y="1214" class="cell-sm">/m/</text><text x="1200" y="1214" class="cell-sm">M</text>
679
680 <rect x="700" y="970" width="660" height="258" fill="none" stroke="#2a2a5a" stroke-width="1" rx="3"/>
681
682 <text x="715" y="1244" class="note">Near-perfect 1:1 mapping. Compounds (TS, LY, NY) reflect actual compound articulation.</text>
683
684
685 <!-- ═══════════ DIVIDER ═══════════ -->
686 <line x1="40" y1="1260" x2="1360" y2="1260" stroke="#2a2a5a" stroke-width="1.5"/>
687
688
689 <!-- ═══════════ SECTION 5: SCRATCH VARIANT + ORIGIN ═══════════ -->
690 <text x="40" y="1288" class="section-title">⑩ Scratch Variant (Primary Form — Carving)</text>
691
692 <rect x="40" y="1296" width="640" height="150" fill="#f8f8ff" stroke="#2a2a5a" stroke-width="1" rx="3"/>
693
694 <text x="55" y="1316" class="cell-label">Inherited letters (23):</text>
695 <text x="55" y="1332" class="cell">Standard Latin/Greek capitals, straight-line adapted.</text>
696 <text x="55" y="1346" class="cell-sm">Already straight: A E F H I K L M N T V W Y Z</text>
697 <text x="55" y="1360" class="cell-sm">Angularised curves: B D G O P R S U + Θ</text>
698
699 <text x="55" y="1382" class="cell-label">New letters (3 base + voicing mark):</text>
700 <text x="55" y="1398" class="cell">Staff-and-branch system from cube geometry (Ogham principle).</text>
701 <text x="55" y="1412" class="cell-sm">Ŋ = staff + bottom branch Σ = staff + top branch</text>
702 <text x="55" y="1426" class="cell-sm">Ч = staff + top + bottom branches</text>
703 <text x="55" y="1440" class="cell-sm">Voicing mark = diagonal crossing staff left→right at mid-height</text>
704
705 <!-- Glyph renderings -->
706 <g transform="translate(460, 1380)">
707 <text x="0" y="-8" class="cell-sm" font-weight="bold">Glyphs:</text>
708 <!-- Ŋ -->
709 <g transform="translate(10, 0)">
710 <line x1="10" y1="0" x2="10" y2="44" class="glyph-line"/>
711 <line x1="10" y1="36" x2="22" y2="44" class="glyph-branch"/>
712 <text x="10" y="58" class="cell-sm" text-anchor="middle">Ŋ</text>
713 </g>
714 <!-- Σ -->
715 <g transform="translate(55, 0)">
716 <line x1="10" y1="0" x2="10" y2="44" class="glyph-line"/>
717 <line x1="10" y1="8" x2="22" y2="16" class="glyph-branch"/>
718 <text x="10" y="58" class="cell-sm" text-anchor="middle">Σ</text>
719 </g>
720 <!-- Ч -->
721 <g transform="translate(100, 0)">
722 <line x1="10" y1="0" x2="10" y2="44" class="glyph-line"/>
723 <line x1="10" y1="8" x2="22" y2="16" class="glyph-branch"/>
724 <line x1="10" y1="36" x2="22" y2="44" class="glyph-branch"/>
725 <text x="10" y="58" class="cell-sm" text-anchor="middle">Ч</text>
726 </g>
727 <!-- Σ + voice = Ζ̌ -->
728 <g transform="translate(145, 0)">
729 <line x1="10" y1="0" x2="10" y2="44" class="glyph-line"/>
730 <line x1="10" y1="8" x2="22" y2="16" class="glyph-branch"/>
731 <line x1="2" y1="28" x2="18" y2="18" class="glyph-voice"/>
732 <text x="10" y="58" class="cell-sm" text-anchor="middle">Ζ̌</text>
733 </g>
734 </g>
735
736 <!-- ORIGIN: THE CUBE -->
737 <text x="720" y="1288" class="section-title">⑪ Origin: The Cube (Etymology, Not Prerequisite)</text>
738
739 <rect x="720" y="1296" width="640" height="150" fill="#f8f0ff" stroke="#2a2a5a" stroke-width="1" rx="3"/>
740
741 <text x="735" y="1316" class="cell">A cube has 8 corners (trigrams, 3-bit binary addresses).</text>
742 <text x="735" y="1332" class="cell">3 axes give 3 "voices" per corner = 24 positions.</text>
743 <text x="735" y="1348" class="cell">Phonetics, not geometry, sets the final letter count (27).</text>
744 <text x="735" y="1364" class="cell">The cube provides the design language for new letters</text>
745 <text x="735" y="1378" class="cell">(staff + branches), not the inventory size.</text>
746
747 <text x="735" y="1402" class="cell-sm">Earth=vowels Mountain=v-less stops Thunder=voiced stops</text>
748 <text x="735" y="1416" class="cell-sm">Wind=v-less fric. Fire=voiced fric. Water=nasals</text>
749 <text x="735" y="1430" class="cell-sm">Lake=liquids/glides Heaven=affricates/special</text>
750
751
752 <!-- ═══════════ DIVIDER ═══════════ -->
753 <line x1="40" y1="1460" x2="1360" y2="1460" stroke="#2a2a5a" stroke-width="1.5"/>
754
755
756 <!-- ═══════════ SECTION 6: IMAGINARY AXIS (SKETCH) ═══════════ -->
757 <text x="40" y="1488" class="section-title">⑫ Letter Values: The Imaginary Axis (Sketch — Open Problem)</text>
758
759 <rect x="40" y="1496" width="1320" height="100" fill="#f8f8ff" stroke="#2a2a5a" stroke-width="1" rx="3"/>
760
761 <text x="60" y="1516" class="cell">Each letter has an ordinal position (1–27): the real component on the number line.</text>
762 <text x="60" y="1534" class="cell">Phonetic relationships (voicing pairs, place families, manner groups) form a perpendicular axis: the imaginary component.</text>
763 <text x="60" y="1556" class="cell-label">z = a + bi</text>
764 <text x="160" y="1556" class="cell">where a = ordinal position, b = structural relationship (voicing, place, manner)</text>
765 <text x="60" y="1576" class="cell">Voicing is self-inverse (apply twice → return). This is the property of rotation through i: i² = -1.</text>
766 <text x="60" y="1592" class="cell-sm">Real axis = sequence (concatenation = spelling). Imaginary axis = transformation (voicing, place-shift, manner-change).</text>
767
768 <!-- Voicing pair diagram -->
769 <g transform="translate(60, 1606)">
770 <!-- Real axis -->
771 <line x1="0" y1="30" x2="350" y2="30" stroke="#2a2a5a" stroke-width="1"/>
772 <text x="360" y="34" class="cell-sm">real (ordinal)</text>
773 <!-- Imaginary axis -->
774 <line x1="175" y1="55" x2="175" y2="5" stroke="#8b0000" stroke-width="1"/>
775 <text x="180" y="12" class="cell-sm" fill="#8b0000">imaginary (transform)</text>
776
777 <!-- P at 8 -->
778 <circle cx="80" cy="30" r="4" fill="#2a2a5a"/>
779 <text x="80" y="50" class="cell-sm" text-anchor="middle">P (8)</text>
780 <!-- B at 9 -->
781 <circle cx="120" cy="30" r="4" fill="#2a2a5a"/>
782 <text x="120" y="50" class="cell-sm" text-anchor="middle">B (9)</text>
783 <!-- voicing arrow -->
784 <path d="M 85,22 C 95,8 105,8 115,22" fill="none" stroke="#8b0000" stroke-width="1.2"/>
785 <text x="100" y="10" class="cell-sm" text-anchor="middle" fill="#8b0000">voice</text>
786
787 <!-- Θ at 21 -->
788 <circle cx="230" cy="30" r="4" fill="#2a2a5a"/>
789 <text x="230" y="50" class="cell-sm" text-anchor="middle">Θ (21)</text>
790 <!-- Ð at 22 -->
791 <circle cx="270" cy="30" r="4" fill="#2a2a5a"/>
792 <text x="270" y="50" class="cell-sm" text-anchor="middle">Ð (22)</text>
793 <!-- voicing arrow -->
794 <path d="M 235,22 C 245,8 255,8 265,22" fill="none" stroke="#8b0000" stroke-width="1.2"/>
795 <text x="250" y="10" class="cell-sm" text-anchor="middle" fill="#8b0000">voice</text>
796 </g>
797
798
799 <!-- ═══════════ FOOTER ═══════════ -->
800 <line x1="40" y1="1650" x2="1360" y2="1650" stroke="#2a2a5a" stroke-width="1"/>
801 <text x="700" y="1668" text-anchor="middle" class="note">The geometry teaches. But the alphabet works without the lesson. One letter, one sound, always.</text>
802
803 </svg>