|
|
| Line 104: |
Line 104: |
|
| |
|
| <!-- ========================================================= --> | | <!-- ========================================================= --> |
| <!-- PORTAL CARDS: Three-column merged Game Systems + Classes --> | | <!-- PORTAL CARDS: Three-column merged Game Systems --> |
| <!-- ========================================================= --> | | <!-- ========================================================= --> |
| <div style="display:grid; grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); gap:1rem; align-items:start; width:100%; min-width:0;"> | | <div style="display:grid; grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); gap:1rem; align-items:start; width:100%; min-width:0;"> |
|
| |
| <!-- =============== -->
| |
| <!-- Classes (Card) -->
| |
| <!-- =============== -->
| |
| <div style="border:2px solid #372b54; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,.25); overflow:hidden; background:transparent;">
| |
| <div style="background:transparent; color:inherit; text-align:center; padding:6px; font-weight:700; display:flex; align-items:center; justify-content:center; gap:.4rem;">[[File:Classes.png|18px|link=Classes]] <span>Classes</span></div>
| |
| <div style="padding:8px; overflow:auto; -webkit-overflow-scrolling:touch;">
| |
| <table style="width:100%; border-collapse:separate; border-spacing:0; font-size:105%;">
| |
| <tr>
| |
| <th style="text-align:center; padding:6px; border-bottom:1px solid #5a4e7c; border-right:1px solid #5a4e7c;">Base</th>
| |
| <th style="text-align:center; padding:6px; border-bottom:1px solid #5a4e7c;">Advanced I</th>
| |
| <th style="text-align:center; padding:6px; border-bottom:1px solid #5a4e7c;">Advanced II</th>
| |
| <th style="text-align:center; padding:6px; border-bottom:1px solid #5a4e7c;">Advanced III</th>
| |
| </tr>
| |
| <tr>
| |
| <td style="text-align:left; padding:6px; border-right:1px solid #5a4e7c;">[[File:WarriorIcon.webp|25px]] [[Warrior]]</td>
| |
| <td style="text-align:left; padding:6px;">—</td>
| |
| <td style="text-align:left; padding:6px;">—</td>
| |
| <td style="text-align:left; padding:6px;">—</td>
| |
| </tr>
| |
| <tr>
| |
| <td style="text-align:left; padding:6px; border-right:1px solid #5a4e7c;">[[File:KnightIcon.webp|25px]] [[Knight]]</td>
| |
| <td style="text-align:left; padding:6px;">—</td>
| |
| <td style="text-align:left; padding:6px;">—</td>
| |
| <td style="text-align:left; padding:6px;">—</td>
| |
| </tr>
| |
| <tr>
| |
| <td style="text-align:left; padding:6px; border-right:1px solid #5a4e7c;">[[File:RogueIcon.webp|25px]] [[Rogue]]</td>
| |
| <td style="text-align:left; padding:6px;">[[File:ShinobiIcon.webp|25px]] [[Shinobi]]</td>
| |
| <td style="text-align:left; padding:6px;">—</td>
| |
| <td style="text-align:left; padding:6px;">—</td>
| |
| </tr>
| |
| <tr>
| |
| <td style="text-align:left; padding:6px; border-right:1px solid #5a4e7c;">[[File:ScoutIcon.webp|25px]] [[Scout]]</td>
| |
| <td style="text-align:left; padding:6px;">—</td>
| |
| <td style="text-align:left; padding:6px;">—</td>
| |
| <td style="text-align:left; padding:6px;">—</td>
| |
| </tr>
| |
| <tr>
| |
| <td style="text-align:left; padding:6px; border-right:1px solid #5a4e7c;">[[File:MageIcon.webp|25px]] [[Mage]]</td>
| |
| <td style="text-align:left; padding:6px;">[[File:WizardIcon.webp|25px]] [[Wizard]]</td>
| |
| <td style="text-align:left; padding:6px;">—</td>
| |
| <td style="text-align:left; padding:6px;">—</td>
| |
| </tr>
| |
| <tr>
| |
| <td style="text-align:left; padding:6px; border-right:1px solid #5a4e7c;">[[File:AcolyteIcon.webp|25px]] [[Acolyte]]</td>
| |
| <td style="text-align:left; padding:6px;">—</td>
| |
| <td style="text-align:left; padding:6px;">—</td>
| |
| <td style="text-align:left; padding:6px;">—</td>
| |
| </tr>
| |
| <tr>
| |
| <td style="text-align:left; padding:6px; border-right:1px solid #5a4e7c;">[[File:SummonerIcon.webp|25px]] [[Summoner]]</td>
| |
| <td style="text-align:left; padding:6px;">—</td>
| |
| <td style="text-align:left; padding:6px;">—</td>
| |
| <td style="text-align:left; padding:6px;">—</td>
| |
| </tr>
| |
| </table>
| |
| </div>
| |
| </div>
| |
|
| |
|
| <!-- =================== --> | | <!-- =================== --> |
| <!-- Character Systems --> | | <!-- Character Systems --> |
| <!-- =================== --> | | <!-- =================== --> |
| <div style="border:2px solid #372b54; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,.25); overflow:hidden; background:transparent;"> | | <div style="border:2px solid #372b54; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,.25); overflow:hidden; background:transparent;"> |
| Line 182: |
Line 123: |
|
| |
|
| <!-- ============ --> | | <!-- ============ --> |
| <!-- Items Card --> | | <!-- Items Card --> |
| <!-- ============ --> | | <!-- ============ --> |
| <div style="border:2px solid #372b54; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,.25); overflow:hidden; background:transparent;"> | | <div style="border:2px solid #372b54; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,.25); overflow:hidden; background:transparent;"> |
