Classes: Difference between revisions
Jump to navigation
Jump to search
Tag: Manual revert |
|||
| Line 101: | Line 101: | ||
== Class Progression Tree == | == Class Progression Tree == | ||
<div style="background:linear-gradient(135deg,rgba(6, | <div style=" | ||
<div style=" | background:linear-gradient(135deg,rgba(6,10,22,0.96),rgba(3,5,14,0.99)); | ||
border:1px solid rgba(100,180,255,0.18); | |||
<div style=" | border-radius:14px; | ||
<div style=" | padding:22px; | ||
<div style=" | margin:0 0 32px 0; | ||
<div style=" | box-shadow:0 0 28px rgba(0,0,0,0.35), inset 0 0 30px rgba(80,160,255,0.035); | ||
<div style=" | "> | ||
<div style=" | |||
background:linear-gradient(90deg,rgba(80,170,255,0.14),rgba(80,170,255,0.04),transparent); | |||
border:1px solid rgba(80,170,255,0.18); | |||
border-left:5px solid #4fc3ff; | |||
border-radius:10px; | |||
padding:16px 20px; | |||
margin:0 0 22px 0; | |||
"> | |||
<div style="font-weight:bold;color:#7fdcff;font-size:1.05em;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:8px;">🧭 How to Read This Tree</div> | |||
<div style="color:#a8bfd8;font-size:0.94em;line-height:1.65;"> | |||
All normal classes begin as <strong style="color:#ffffff;">Novice</strong>, advance into a <strong style="color:#7fdcff;">First Class</strong>, then choose one of two Second Class routes. After reaching Base Level 99, eligible characters may perform <strong style="color:#f9c84a;">Rebirth</strong> and follow the Transcendent version of the same route. | |||
</div> | |||
</div> | |||
<div style=" | |||
display:grid; | |||
grid-template-columns:repeat(4,1fr); | |||
gap:12px; | |||
margin:0 0 24px 0; | |||
"> | |||
<div style="background:rgba(0,0,0,0.28);border:1px solid rgba(80,170,255,0.22);border-radius:10px;padding:14px;text-align:center;"> | |||
<div style="font-size:1.35em;margin-bottom:6px;">🌱</div> | |||
<div style="color:#7fdcff;font-weight:bold;text-transform:uppercase;letter-spacing:0.06em;font-size:0.84em;">Step 1</div> | |||
<div style="color:#d8ecff;font-weight:bold;">[[Novice]]</div> | |||
<div style="color:#6f879c;font-size:0.82em;">Job Level 10</div> | |||
</div> | </div> | ||
<div style=" | <div style="background:rgba(0,0,0,0.28);border:1px solid rgba(80,170,255,0.22);border-radius:10px;padding:14px;text-align:center;"> | ||
<div style="font-size:1.35em;margin-bottom:6px;">⚔️</div> | |||
<div style="color:#7fdcff;font-weight:bold;text-transform:uppercase;letter-spacing:0.06em;font-size:0.84em;">Step 2</div> | |||
<div style=" | <div style="color:#d8ecff;font-weight:bold;">First Class</div> | ||
<div style="color:#6f879c;font-size:0.82em;">Choose a job family</div> | |||
<div style=" | |||
<div style=" | |||
</div> | </div> | ||
<div style=" | <div style="background:rgba(0,0,0,0.28);border:1px solid rgba(249,200,74,0.25);border-radius:10px;padding:14px;text-align:center;"> | ||
<div style="font-size:1.35em;margin-bottom:6px;">🔀</div> | |||
<div style="color:#f9c84a;font-weight:bold;text-transform:uppercase;letter-spacing:0.06em;font-size:0.84em;">Step 3</div> | |||
<div style=" | <div style="color:#fff0b8;font-weight:bold;">Second Class</div> | ||
<div style="color:#8d7c55;font-size:0.82em;">Choose 2-1 or 2-2</div> | |||
<div style=" | |||
<div style=" | |||
</div> | </div> | ||
<div style=" | <div style="background:rgba(0,0,0,0.28);border:1px solid rgba(197,167,255,0.25);border-radius:10px;padding:14px;text-align:center;"> | ||
<div style="font-size:1.35em;margin-bottom:6px;">✨</div> | |||
<div style="color:#c5a7ff;font-weight:bold;text-transform:uppercase;letter-spacing:0.06em;font-size:0.84em;">Step 4</div> | |||
<div style=" | <div style="color:#eadfff;font-weight:bold;">Transcendent</div> | ||
<div style="color:#8f7db4;font-size:0.82em;">After Rebirth</div> | |||
<div style=" | |||
<div style=" | |||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;grid-template-columns: | <div style=" | ||
<div style="padding: | display:grid; | ||
<div style="padding: | grid-template-columns:1fr; | ||
<div style="padding: | gap:16px; | ||
<div style="padding: | "> | ||
<div style="padding: | |||
< | <!-- Swordman --> | ||
<div style="background:linear-gradient(90deg,rgba(220,60,60,0.10),rgba(0,0,0,0.22));border:1px solid rgba(220,60,60,0.22);border-radius:12px;overflow:hidden;"> | |||
<div style="display:grid;grid-template-columns:190px 1fr 1fr;gap:0;"> | |||
<div style="padding:18px;border-right:1px solid rgba(255,255,255,0.06);display:flex;align-items:center;gap:12px;"> | |||
<div style="width:44px;height:44px;border-radius:12px;background:rgba(220,60,60,0.18);border:1px solid rgba(220,60,60,0.34);display:flex;align-items:center;justify-content:center;font-size:1.35em;">⚔️</div> | |||
<div> | |||
<div style="color:#ff8888;font-weight:bold;font-size:1.02em;">Swordman Family</div> | |||
<div style="color:#8d6b6b;font-size:0.82em;">Frontline melee path</div> | |||
</div> | |||
</div> | |||
<div style="padding:16px;border-right:1px solid rgba(255,255,255,0.06);"> | |||
<div style="color:#ff8888;font-weight:bold;text-transform:uppercase;letter-spacing:0.08em;font-size:0.78em;margin-bottom:10px;">Route 2-1</div> | |||
<div style="display:flex;align-items:center;gap:10px;flex-wrap:wrap;"> | |||
<span style="background:rgba(220,60,60,0.14);border:1px solid rgba(220,60,60,0.30);border-radius:10px;padding:8px 14px;font-weight:bold;">[[Swordman]]</span> | |||
<span style="color:#6f879c;">→</span> | |||
<span style="background:rgba(220,60,60,0.12);border:1px solid rgba(220,60,60,0.26);border-radius:10px;padding:8px 14px;font-weight:bold;">[[Knight]]</span> | |||
<span style="color:#f9c84a;">→</span> | |||
<span style="background:linear-gradient(135deg,rgba(220,60,60,0.20),rgba(120,20,20,0.10));border:1px solid rgba(255,100,100,0.34);border-radius:10px;padding:8px 14px;font-weight:bold;">[[Lord Knight]]</span> | |||
</div> | |||
</div> | |||
<div style="padding:16px;"> | |||
<div style="color:#f0c070;font-weight:bold;text-transform:uppercase;letter-spacing:0.08em;font-size:0.78em;margin-bottom:10px;">Route 2-2</div> | |||
<div style="display:flex;align-items:center;gap:10px;flex-wrap:wrap;"> | |||
<span style="background:rgba(220,60,60,0.14);border:1px solid rgba(220,60,60,0.30);border-radius:10px;padding:8px 14px;font-weight:bold;">[[Swordman]]</span> | |||
<span style="color:#6f879c;">→</span> | |||
<span style="background:rgba(220,150,60,0.12);border:1px solid rgba(220,150,60,0.26);border-radius:10px;padding:8px 14px;font-weight:bold;">[[Crusader]]</span> | |||
<span style="color:#f9c84a;">→</span> | |||
<span style="background:linear-gradient(135deg,rgba(220,150,60,0.20),rgba(120,80,20,0.10));border:1px solid rgba(240,190,100,0.34);border-radius:10px;padding:8px 14px;font-weight:bold;">[[Paladin]]</span> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
<!-- Mage --> | |||
<div style="background:linear-gradient(90deg,rgba(120,80,255,0.10),rgba(0,0,0,0.22));border:1px solid rgba(120,80,255,0.22);border-radius:12px;overflow:hidden;"> | |||
<div style="display:grid;grid-template-columns:190px 1fr 1fr;gap:0;"> | |||
<div style="padding:18px;border-right:1px solid rgba(255,255,255,0.06);display:flex;align-items:center;gap:12px;"> | |||
<div style="width:44px;height:44px;border-radius:12px;background:rgba(120,80,255,0.18);border:1px solid rgba(120,80,255,0.34);display:flex;align-items:center;justify-content:center;font-size:1.35em;">🔮</div> | |||
<div> | |||
<div style="color:#c090ff;font-weight:bold;font-size:1.02em;">Mage Family</div> | |||
<div style="color:#8570aa;font-size:0.82em;">Magic control path</div> | |||
</div> | |||
</div> | |||
<div style="padding:16px;border-right:1px solid rgba(255,255,255,0.06);"> | |||
<div style="color:#c090ff;font-weight:bold;text-transform:uppercase;letter-spacing:0.08em;font-size:0.78em;margin-bottom:10px;">Route 2-1</div> | |||
<div style="display:flex;align-items:center;gap:10px;flex-wrap:wrap;"> | |||
<span style="background:rgba(120,80,255,0.14);border:1px solid rgba(120,80,255,0.30);border-radius:10px;padding:8px 14px;font-weight:bold;">[[Mage]]</span> | |||
<span style="color:#6f879c;">→</span> | |||
<span style="background:rgba(120,80,255,0.12);border:1px solid rgba(120,80,255,0.26);border-radius:10px;padding:8px 14px;font-weight:bold;">[[Wizard]]</span> | |||
<span style="color:#f9c84a;">→</span> | |||
<span style="background:linear-gradient(135deg,rgba(120,80,255,0.22),rgba(70,40,180,0.10));border:1px solid rgba(180,140,255,0.34);border-radius:10px;padding:8px 14px;font-weight:bold;">[[High Wizard]]</span> | |||
</div> | |||
</div> | |||
<div style="padding:16px;"> | |||
<div style="color:#90c0ff;font-weight:bold;text-transform:uppercase;letter-spacing:0.08em;font-size:0.78em;margin-bottom:10px;">Route 2-2</div> | |||
<div style="display:flex;align-items:center;gap:10px;flex-wrap:wrap;"> | |||
<span style="background:rgba(120,80,255,0.14);border:1px solid rgba(120,80,255,0.30);border-radius:10px;padding:8px 14px;font-weight:bold;">[[Mage]]</span> | |||
<span style="color:#6f879c;">→</span> | |||
<span style="background:rgba(60,120,220,0.12);border:1px solid rgba(60,120,220,0.26);border-radius:10px;padding:8px 14px;font-weight:bold;">[[Sage]]</span> | |||
<span style="color:#f9c84a;">→</span> | |||
<span style="background:linear-gradient(135deg,rgba(60,120,220,0.20),rgba(30,70,160,0.10));border:1px solid rgba(100,170,255,0.34);border-radius:10px;padding:8px 14px;font-weight:bold;">[[Professor]]</span> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | </div> | ||
<div style=" | <!-- Archer --> | ||
<div style="background:linear-gradient(90deg,rgba(60,180,90,0.10),rgba(0,0,0,0.22));border:1px solid rgba(60,180,90,0.22);border-radius:12px;overflow:hidden;"> | |||
<div style="display:grid;grid-template-columns:190px 1fr 1fr;gap:0;"> | |||
<div style="padding: | <div style="padding:18px;border-right:1px solid rgba(255,255,255,0.06);display:flex;align-items:center;gap:12px;"> | ||
<div style="width:44px;height:44px;border-radius:12px;background:rgba(60,180,90,0.18);border:1px solid rgba(60,180,90,0.34);display:flex;align-items:center;justify-content:center;font-size:1.35em;">🏹</div> | |||
<div style=" | <div> | ||
<div style=" | <div style="color:#80e898;font-weight:bold;font-size:1.02em;">Archer Family</div> | ||
<div style="color:#6f9878;font-size:0.82em;">Ranged combat path</div> | |||
</div> | </div> | ||
</div> | |||
<div style="padding:16px;border-right:1px solid rgba(255,255,255,0.06);"> | |||
<div style="color:#80e898;font-weight:bold;text-transform:uppercase;letter-spacing:0.08em;font-size:0.78em;margin-bottom:10px;">Route 2-1</div> | |||
<div style="display:flex;align-items:center;gap:10px;flex-wrap:wrap;"> | |||
<span style="background:rgba(60,180,90,0.14);border:1px solid rgba(60,180,90,0.30);border-radius:10px;padding:8px 14px;font-weight:bold;">[[Archer]]</span> | |||
<span style="color:#6f879c;">→</span> | |||
<span style="background:rgba(60,180,90,0.12);border:1px solid rgba(60,180,90,0.26);border-radius:10px;padding:8px 14px;font-weight:bold;">[[Hunter]]</span> | |||
<span style="color:#f9c84a;">→</span> | |||
<span style="background:linear-gradient(135deg,rgba(60,180,90,0.20),rgba(30,130,60,0.10));border:1px solid rgba(120,240,150,0.34);border-radius:10px;padding:8px 14px;font-weight:bold;">[[Sniper]]</span> | |||
</div> | |||
</div> | |||
<div style="padding:16px;"> | |||
<div style="color:#f8d888;font-weight:bold;text-transform:uppercase;letter-spacing:0.08em;font-size:0.78em;margin-bottom:10px;">Route 2-2</div> | |||
<div style="display:flex;align-items:center;gap:10px;flex-wrap:wrap;"> | |||
<span style="background:rgba(60,180,90,0.14);border:1px solid rgba(60,180,90,0.30);border-radius:10px;padding:8px 14px;font-weight:bold;">[[Archer]]</span> | |||
<span style="color:#6f879c;">→</span> | |||
<span style="background:rgba(180,140,60,0.12);border:1px solid rgba(180,140,60,0.26);border-radius:10px;padding:8px 14px;font-weight:bold;">[[Bard]] / [[Dancer]]</span> | |||
<span style="color:#f9c84a;">→</span> | |||
<span style="background:linear-gradient(135deg,rgba(180,140,60,0.20),rgba(120,90,30,0.10));border:1px solid rgba(240,200,120,0.34);border-radius:10px;padding:8px 14px;font-weight:bold;">[[Clown]] / [[Gypsy]]</span> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
<!-- Merchant --> | |||
<div style="background:linear-gradient(90deg,rgba(220,160,30,0.10),rgba(0,0,0,0.22));border:1px solid rgba(220,160,30,0.22);border-radius:12px;overflow:hidden;"> | |||
<div style="display:grid;grid-template-columns:190px 1fr 1fr;gap:0;"> | |||
<div style="padding:18px;border-right:1px solid rgba(255,255,255,0.06);display:flex;align-items:center;gap:12px;"> | |||
<div style="width:44px;height:44px;border-radius:12px;background:rgba(220,160,30,0.18);border:1px solid rgba(220,160,30,0.34);display:flex;align-items:center;justify-content:center;font-size:1.35em;">⚒️</div> | |||
<div> | |||
<div style="color:#f8d060;font-weight:bold;font-size:1.02em;">Merchant Family</div> | |||
<div style="color:#a08a55;font-size:0.82em;">Crafting economy path</div> | |||
</div> | |||
</div> | |||
<div style="padding:16px;border-right:1px solid rgba(255,255,255,0.06);"> | |||
<div style="color:#f09060;font-weight:bold;text-transform:uppercase;letter-spacing:0.08em;font-size:0.78em;margin-bottom:10px;">Route 2-1</div> | |||
<div style="display:flex;align-items:center;gap:10px;flex-wrap:wrap;"> | |||
<span style="background:rgba(220,160,30,0.14);border:1px solid rgba(220,160,30,0.30);border-radius:10px;padding:8px 14px;font-weight:bold;">[[Merchant]]</span> | |||
<span style="color:#6f879c;">→</span> | |||
<span style="background:rgba(220,100,30,0.12);border:1px solid rgba(220,100,30,0.26);border-radius:10px;padding:8px 14px;font-weight:bold;">[[Blacksmith]]</span> | |||
<span style="color:#f9c84a;">→</span> | |||
<span style="background:linear-gradient(135deg,rgba(220,100,30,0.20),rgba(150,60,20,0.10));border:1px solid rgba(255,160,100,0.34);border-radius:10px;padding:8px 14px;font-weight:bold;">[[Whitesmith]]</span> | |||
</div> | |||
</div> | |||
<div style="padding:16px;"> | |||
<div style="color:#90e090;font-weight:bold;text-transform:uppercase;letter-spacing:0.08em;font-size:0.78em;margin-bottom:10px;">Route 2-2</div> | |||
<div style="display:flex;align-items:center;gap:10px;flex-wrap:wrap;"> | |||
<span style="background:rgba(220,160,30,0.14);border:1px solid rgba(220,160,30,0.30);border-radius:10px;padding:8px 14px;font-weight:bold;">[[Merchant]]</span> | |||
<span style="color:#6f879c;">→</span> | |||
<span style="background:rgba(100,200,100,0.12);border:1px solid rgba(100,200,100,0.26);border-radius:10px;padding:8px 14px;font-weight:bold;">[[Alchemist]]</span> | |||
<span style="color:#f9c84a;">→</span> | |||
<span style="background:linear-gradient(135deg,rgba(100,200,100,0.20),rgba(50,140,70,0.10));border:1px solid rgba(150,240,150,0.34);border-radius:10px;padding:8px 14px;font-weight:bold;">[[Creator]]</span> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
<!-- Thief --> | |||
<div style="background:linear-gradient(90deg,rgba(170,80,220,0.10),rgba(0,0,0,0.22));border:1px solid rgba(170,80,220,0.22);border-radius:12px;overflow:hidden;"> | |||
<div style="display:grid;grid-template-columns:190px 1fr 1fr;gap:0;"> | |||
<div style="padding:18px;border-right:1px solid rgba(255,255,255,0.06);display:flex;align-items:center;gap:12px;"> | |||
<div style="width:44px;height:44px;border-radius:12px;background:rgba(170,80,220,0.18);border:1px solid rgba(170,80,220,0.34);display:flex;align-items:center;justify-content:center;font-size:1.35em;">🗡️</div> | |||
<div> | |||
<div style="color:#d898ff;font-weight:bold;font-size:1.02em;">Thief Family</div> | |||
<div style="color:#9670aa;font-size:0.82em;">Stealth damage path</div> | |||
</div> | |||
</div> | |||
<div style="padding:16px;border-right:1px solid rgba(255,255,255,0.06);"> | |||
<div style="color:#ff99aa;font-weight:bold;text-transform:uppercase;letter-spacing:0.08em;font-size:0.78em;margin-bottom:10px;">Route 2-1</div> | |||
<div style="display:flex;align-items:center;gap:10px;flex-wrap:wrap;"> | |||
<span style="background:rgba(170,80,220,0.14);border:1px solid rgba(170,80,220,0.30);border-radius:10px;padding:8px 14px;font-weight:bold;">[[Thief]]</span> | |||
<span style="color:#6f879c;">→</span> | |||
<span style="background:rgba(160,40,80,0.12);border:1px solid rgba(160,40,80,0.26);border-radius:10px;padding:8px 14px;font-weight:bold;">[[Assassin]]</span> | |||
<span style="color:#f9c84a;">→</span> | |||
<span style="background:linear-gradient(135deg,rgba(160,40,80,0.22),rgba(100,20,50,0.10));border:1px solid rgba(255,120,150,0.34);border-radius:10px;padding:8px 14px;font-weight:bold;">[[Assassin Cross]]</span> | |||
</div> | |||
</div> | |||
<div style="padding:16px;"> | |||
<div style="color:#c8b8f8;font-weight:bold;text-transform:uppercase;letter-spacing:0.08em;font-size:0.78em;margin-bottom:10px;">Route 2-2</div> | |||
<div style="display:flex;align-items:center;gap:10px;flex-wrap:wrap;"> | |||
<span style="background:rgba(170,80,220,0.14);border:1px solid rgba(170,80,220,0.30);border-radius:10px;padding:8px 14px;font-weight:bold;">[[Thief]]</span> | |||
<span style="color:#6f879c;">→</span> | |||
<span style="background:rgba(100,80,160,0.12);border:1px solid rgba(100,80,160,0.26);border-radius:10px;padding:8px 14px;font-weight:bold;">[[Rogue]]</span> | |||
<span style="color:#f9c84a;">→</span> | |||
<span style="background:linear-gradient(135deg,rgba(100,80,160,0.20),rgba(60,50,120,0.10));border:1px solid rgba(170,150,255,0.34);border-radius:10px;padding:8px 14px;font-weight:bold;">[[Stalker]]</span> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
<!-- Acolyte --> | |||
<div style="background:linear-gradient(90deg,rgba(240,210,80,0.10),rgba(0,0,0,0.22));border:1px solid rgba(240,210,80,0.22);border-radius:12px;overflow:hidden;"> | |||
<div style="display:grid;grid-template-columns:190px 1fr 1fr;gap:0;"> | |||
<div style="padding:18px;border-right:1px solid rgba(255,255,255,0.06);display:flex;align-items:center;gap:12px;"> | |||
<div style="width:44px;height:44px;border-radius:12px;background:rgba(240,210,80,0.18);border:1px solid rgba(240,210,80,0.34);display:flex;align-items:center;justify-content:center;font-size:1.35em;">✝️</div> | |||
<div> | |||
<div style="color:#ffe880;font-weight:bold;font-size:1.02em;">Acolyte Family</div> | |||
<div style="color:#a69a66;font-size:0.82em;">Faith and spirit path</div> | |||
</div> | |||
</div> | |||
<div style="padding:16px;border-right:1px solid rgba(255,255,255,0.06);"> | |||
<div style="color:#ffe880;font-weight:bold;text-transform:uppercase;letter-spacing:0.08em;font-size:0.78em;margin-bottom:10px;">Route 2-1</div> | |||
<div style="display:flex;align-items:center;gap:10px;flex-wrap:wrap;"> | |||
<span style="background:rgba(240,210,80,0.14);border:1px solid rgba(240,210,80,0.30);border-radius:10px;padding:8px 14px;font-weight:bold;">[[Acolyte]]</span> | |||
<span style="color:#6f879c;">→</span> | |||
<span style="background:rgba(240,210,80,0.12);border:1px solid rgba(240,210,80,0.26);border-radius:10px;padding:8px 14px;font-weight:bold;">[[Priest]]</span> | |||
<span style="color:#f9c84a;">→</span> | |||
<span style="background:linear-gradient(135deg,rgba(240,210,80,0.20),rgba(170,140,40,0.10));border:1px solid rgba(255,235,130,0.34);border-radius:10px;padding:8px 14px;font-weight:bold;">[[High Priest]]</span> | |||
</div> | |||
</div> | |||
<div style="padding:16px;"> | |||
<div style="color:#f8c080;font-weight:bold;text-transform:uppercase;letter-spacing:0.08em;font-size:0.78em;margin-bottom:10px;">Route 2-2</div> | |||
<div style="display:flex;align-items:center;gap:10px;flex-wrap:wrap;"> | |||
<span style="background:rgba(240,210,80,0.14);border:1px solid rgba(240,210,80,0.30);border-radius:10px;padding:8px 14px;font-weight:bold;">[[Acolyte]]</span> | |||
<span style="color:#6f879c;">→</span> | |||
<span style="background:rgba(200,100,40,0.12);border:1px solid rgba(200,100,40,0.26);border-radius:10px;padding:8px 14px;font-weight:bold;">[[Monk]]</span> | |||
<span style="color:#f9c84a;">→</span> | |||
<span style="background:linear-gradient(135deg,rgba(200,100,40,0.20),rgba(130,60,30,0.10));border:1px solid rgba(255,170,100,0.34);border-radius:10px;padding:8px 14px;font-weight:bold;">[[Champion]]</span> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
== Expanded Class Progression == | |||
<div style=" | |||
background:linear-gradient(135deg,rgba(8,12,26,0.96),rgba(3,5,14,0.99)); | |||
border:1px solid rgba(167,139,250,0.18); | |||
border-radius:14px; | |||
padding:22px; | |||
margin:0 0 32px 0; | |||
box-shadow:0 0 28px rgba(0,0,0,0.35), inset 0 0 30px rgba(167,139,250,0.035); | |||
"> | |||
<div style=" | |||
background:linear-gradient(90deg,rgba(167,139,250,0.14),rgba(167,139,250,0.04),transparent); | |||
border:1px solid rgba(167,139,250,0.18); | |||
border-left:5px solid #a78bfa; | |||
border-radius:10px; | |||
padding:16px 20px; | |||
margin:0 0 22px 0; | |||
"> | |||
<div style="font-weight:bold;color:#c5a7ff;font-size:1.05em;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:8px;">🌌 Expanded Classes in a Pre-Renewal World</div> | |||
<div style="color:#cbbde8;font-size:0.94em;line-height:1.65;"> | |||
TimeRO offers expanded and advanced expanded classes while keeping them balanced around the server's Pre-Renewal power level. These classes open new gameplay possibilities without replacing the identity of classic jobs. | |||
</div> | |||
</div> | |||
<div style="display:grid;grid-template-columns:1fr 1fr;gap:14px;"> | |||
<div style="background:linear-gradient(135deg,rgba(60,60,120,0.16),rgba(0,0,0,0.22));border:1px solid rgba(120,140,255,0.24);border-radius:12px;padding:16px;"> | |||
<div style="color:#9fb7ff;font-weight:bold;text-transform:uppercase;letter-spacing:0.08em;font-size:0.82em;margin-bottom:12px;">🥷 Shadow Path</div> | |||
<div style="display:flex;align-items:center;gap:10px;flex-wrap:wrap;"> | |||
<span style="background:rgba(120,140,255,0.14);border:1px solid rgba(120,140,255,0.30);border-radius:10px;padding:8px 14px;font-weight:bold;">[[Ninja]]</span> | |||
<span style="color:#6f879c;">→</span> | |||
<span style="background:linear-gradient(135deg,rgba(120,140,255,0.20),rgba(60,70,180,0.10));border:1px solid rgba(160,180,255,0.34);border-radius:10px;padding:8px 14px;font-weight:bold;">[[Oboro]] / [[Kagerou]]</span> | |||
</div> | |||
</div> | |||
<div style="background:linear-gradient(135deg,rgba(120,80,40,0.16),rgba(0,0,0,0.22));border:1px solid rgba(220,160,80,0.24);border-radius:12px;padding:16px;"> | |||
<div style="color:#ffc078;font-weight:bold;text-transform:uppercase;letter-spacing:0.08em;font-size:0.82em;margin-bottom:12px;">🔫 Firearm Path</div> | |||
<div style="display:flex;align-items:center;gap:10px;flex-wrap:wrap;"> | |||
<span style="background:rgba(220,160,80,0.14);border:1px solid rgba(220,160,80,0.30);border-radius:10px;padding:8px 14px;font-weight:bold;">[[Gunslinger]]</span> | |||
<span style="color:#6f879c;">→</span> | |||
<span style="background:linear-gradient(135deg,rgba(220,160,80,0.20),rgba(140,80,30,0.10));border:1px solid rgba(255,190,100,0.34);border-radius:10px;padding:8px 14px;font-weight:bold;">[[Rebellion]]</span> | |||
</div> | |||
</div> | |||
<div style="background:linear-gradient(135deg,rgba(80,200,120,0.14),rgba(0,0,0,0.22));border:1px solid rgba(100,220,140,0.24);border-radius:12px;padding:16px;"> | |||
<div style="color:#a8f0c0;font-weight:bold;text-transform:uppercase;letter-spacing:0.08em;font-size:0.82em;margin-bottom:12px;">🌟 Versatile Path</div> | |||
<div style="display:flex;align-items:center;gap:10px;flex-wrap:wrap;"> | |||
<span style="background:rgba(100,220,140,0.14);border:1px solid rgba(100,220,140,0.30);border-radius:10px;padding:8px 14px;font-weight:bold;">[[Super Novice]]</span> | |||
<span style="color:#6f879c;">→</span> | |||
<span style="background:linear-gradient(135deg,rgba(100,220,140,0.20),rgba(50,150,90,0.10));border:1px solid rgba(150,255,180,0.34);border-radius:10px;padding:8px 14px;font-weight:bold;">[[Super Novice EX]]</span> | |||
</div> | |||
</div> | |||
<div style="background:linear-gradient(135deg,rgba(240,200,80,0.14),rgba(0,0,0,0.22));border:1px solid rgba(240,200,80,0.24);border-radius:12px;padding:16px;"> | |||
<div style="color:#ffe880;font-weight:bold;text-transform:uppercase;letter-spacing:0.08em;font-size:0.82em;margin-bottom:12px;">☀ Celestial Path</div> | |||
<div style="display:flex;align-items:center;gap:10px;flex-wrap:wrap;"> | |||
<span style="background:rgba(240,200,80,0.14);border:1px solid rgba(240,200,80,0.30);border-radius:10px;padding:8px 14px;font-weight:bold;">[[Taekwon]]</span> | |||
<span style="color:#6f879c;">→</span> | |||
<span style="background:rgba(240,200,80,0.12);border:1px solid rgba(240,200,80,0.26);border-radius:10px;padding:8px 14px;font-weight:bold;">[[Star Gladiator]]</span> | |||
<span style="color:#f9c84a;">→</span> | |||
<span style="background:linear-gradient(135deg,rgba(240,200,80,0.20),rgba(170,130,40,0.10));border:1px solid rgba(255,235,120,0.34);border-radius:10px;padding:8px 14px;font-weight:bold;">[[Star Emperor]]</span> | |||
</div> | |||
</div> | |||
<div style="background:linear-gradient(135deg,rgba(167,139,250,0.14),rgba(0,0,0,0.22));border:1px solid rgba(167,139,250,0.24);border-radius:12px;padding:16px;grid-column:1 / span 2;"> | |||
<div style="color:#c5a7ff;font-weight:bold;text-transform:uppercase;letter-spacing:0.08em;font-size:0.82em;margin-bottom:12px;">🕯 Soul Path</div> | |||
<div style="display:flex;align-items:center;gap:10px;flex-wrap:wrap;"> | |||
<span style="background:rgba(240,200,80,0.14);border:1px solid rgba(240,200,80,0.30);border-radius:10px;padding:8px 14px;font-weight:bold;">[[Taekwon]]</span> | |||
<span style="color:#6f879c;">→</span> | |||
<span style="background:rgba(167,139,250,0.14);border:1px solid rgba(167,139,250,0.30);border-radius:10px;padding:8px 14px;font-weight:bold;">[[Soul Linker]]</span> | |||
<span style="color:#f9c84a;">→</span> | |||
<span style="background:linear-gradient(135deg,rgba(167,139,250,0.22),rgba(90,60,160,0.10));border:1px solid rgba(200,170,255,0.34);border-radius:10px;padding:8px 14px;font-weight:bold;">[[Soul Reaper]]</span> | |||
</div> | |||
</div> | |||
</div> | |||
<div style=" | |||
margin-top:20px; | |||
background:linear-gradient(90deg,rgba(249,200,74,0.10),rgba(249,200,74,0.03),transparent); | |||
border:1px solid rgba(249,200,74,0.18); | |||
border-left:5px solid #f9c84a; | |||
border-radius:10px; | |||
padding:14px 18px; | |||
color:#d8c89a; | |||
font-size:0.91em; | |||
line-height:1.65; | |||
"> | |||
<strong style="color:#f9c84a;">Important:</strong> advanced expanded classes exist in TimeRO, but their skills, scaling, and combat impact are adjusted to fit the Pre-Renewal power level. | |||
</div> | |||
</div> | </div> | ||
Revision as of 17:50, 29 April 2026
Core Philosophy
Criatura Academy
🏛 The Main Class Hub — Your First Destination
After arriving in TimeRO, players head directly to Criatura Academy. Each class family has its own dedicated classroom inside the Academy — the main progression point for that job family.
👨🏫 First Class Instructor
👨🏫 Second Class Instructor
⬆️ Advanced / Trans Instructor
🛒 Class Supplier NPC
🗡 Class Equipment NPC
📋 Task Board
→ Quick Links
Job Change Requirements
Class Progression Tree
🧭 How to Read This Tree
All normal classes begin as Novice, advance into a First Class, then choose one of two Second Class routes. After reaching Base Level 99, eligible characters may perform Rebirth and follow the Transcendent version of the same route.
⚔️
Step 2
First Class
Choose a job family
🔀
Step 3
Second Class
Choose 2-1 or 2-2
✨
Step 4
Transcendent
After Rebirth
Expanded Class Progression
🌌 Expanded Classes in a Pre-Renewal World
TimeRO offers expanded and advanced expanded classes while keeping them balanced around the server's Pre-Renewal power level. These classes open new gameplay possibilities without replacing the identity of classic jobs.
🔫 Firearm Path
🌟 Versatile Path
☀ Celestial Path
🕯 Soul Path
Important: advanced expanded classes exist in TimeRO, but their skills, scaling, and combat impact are adjusted to fit the Pre-Renewal power level.
Expanded Classes
Expanded classes open new playstyles inside the Pre-Renewal universe. Advanced forms are balanced down — skills, scaling, and damage may differ from official Renewal behavior. They do not replace classic job roles.
First Class Job Change Tasks
Every class in TimeRO has a custom job-change task — more challenging than the original and designed to teach you what the class does before you commit.
Second Class Job Change Tasks
Second class tasks test whether the player understands the role of the class they are choosing. Each path has its own task — choose carefully.
Transcendent Job Change Tasks
After reaching Base Level 99, eligible characters may perform Rebirth — resetting into a High Novice and opening the Transcendent path. Transcendent tasks are harder than normal tasks and require proof that you mastered the original class.
Expanded Class Job Change Tasks
Recommended Progression Flow
1
Novice
Arrive · go to Criatura Academy · choose a classroom
2
First Class
Jlv 10 · complete initiation task
3
Second Class
Jlv 40–50 · complete advancement task
5
Transcendent
Complete Trans task · reach full Pre-Renewal power
Expanded class path: After reaching a high base level, Expanded characters revert to their base expanded class upon rebirth and may then advance into Oboro, Kagerou, Rebellion, Super Novice EX, Soul Reaper, or Star Emperor through their respective advancement tasks.
Important Balance Note
⚖️
Pre-Renewal Power Level — Always
Although TimeRO offers Advanced Expanded Classes, the server remains balanced around a Pre-Renewal power level. Skills may be rebalanced. Damage values may differ from official Renewal behavior. Cooldowns, scaling, and effects may be adjusted. No class is intended to invalidate classic Pre-Renewal roles. The goal is to create new possibilities inside the Pre-Renewal universe — not to replace it.