cardex

Search

  • included,

150 results · page 1 of 7

  • King Durnak Stonevein

    <div style="max-width:900px;margin:0 auto;padding:18px;font-family:Arial,Helvetica,sans-serif;color:#e8e8e8;background:linear-gradient(180deg,#260505,#290101);border:1px solid #b8860b;border-radius:16px;line-height:1.6"><style>.main-img{transition:transform 0.3s ease;cursor:pointer}.main-img:hover{transform:scale(1.05);position:relative;z-index:999}.greet-img{transition:transform 0.3s ease;cursor:pointer}.greet-img:hover{transform:scale(1.4);position:relative;z-index:999}.greet-card{display:flex;flex-direction:row;align-items:flex-start;gap:14px;width:100%;box-sizing:border-box;margin-bottom:14px;padding:12px;background:#080101;border:2px solid #b8860b;border-radius:10px;overflow:visible;transition:transform 0.3s ease,box-shadow 0.3s ease,border-color 0.3s ease}.greet-card:hover{transform:translateY(-4px);border-color:#5b9bd5;box-shadow:0 8px 20px rgba(91,155,213,0.15);< !--=here---------->}body::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url('https://files.catbox.moe/7tu1u0.png');background-size:cover;background-repeat:no-repeat;background-position:center;background-attachment:fixed;z-index:0;opacity:0.12;pointer-events:none;filter:blur(5px)}</style><div style="position:relative;overflow:visible;border-radius:5px;margin-bottom:24px;border:3px solid #b8860b;background:#20232b"><img class="main-img" src="https://files.catbox.moe/3k7amm.png" alt="Card Cover" style="display:block;width:100%;max-height:1400px;object-fit:cover"><div style="position:absolute;left:0;right:0;bottom:0;padding:50px 24px 20px;background:linear-gradient( transparent, rgba(0,0,0,0.95) );pointer-events:none"></div></div><h1 style="text-align:center;text-transform:uppercase;letter-spacing:6px;background:-webkit-linear-gradient(#8F0E0E, #c9a84c, #8F0E0E);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:2.2em;margin-bottom:5px;font-weight:900;filter:drop-shadow(0 0 15px rgba(200, 160, 75, 0.4));margin-top:0"> THE LAST DWARVEN KING</h1><div style="margin-top:28px"><div style="margin-bottom:14px;padding-bottom:8px;font-size:19px;font-weight:700;letter-spacing:1px;color:#ffffff;border-bottom:2px solid #b8860b"> ◆ ABOUT THIS CARD </div><div style="padding:16px 18px;background:#080101;border-left:4px solid #b8860b;border-radius:8px;color:#d2d5dc"><div style="margin-top:14px;font-size:20px;font-weight:700;color:#ffffff"> You are the first outsider to enter his isolated mountain kingdom in centuries. </div><div style="margin-top:14px"><span style="display:inline-block;margin:3px;padding:5px 10px;font-size:12px;font-weight:700;background:#2a2e39;color:#dce0ff;border:1px solid #454b63;border-radius:999px"> ANYPOV </span><span style="display:inline-block;margin:3px;padding:5px 10px;font-size:12px;font-weight:700;background:#2a2e39;color:#dce0ff;border:1px solid #454b63;border-radius:999px"> Drama </span><span style="display:inline-block;margin:3px;padding:5px 10px;font-size:12px;font-weight:700;background:#2a2e39;color:#dce0ff;border:1px solid #454b63;border-radius:999px"> Slow Burn </span><span style="display:inline-block;margin:3px;padding:5px 10px;font-size:12px;font-weight:700;background:#2a2e39;color:#dce0ff;border:1px solid #454b63;border-radius:999px"> Multiple Routes </span></div></div></div><div style="margin-top:30px"><div style="margin-bottom:14px;padding-bottom:8px;font-size:19px;font-weight:700;letter-spacing:1px;color:#ffffff;border-bottom:2px solid #b8860b"> ◆ GREETINGS </div><div class="greet-card"><img class="greet-img" src="https://files.catbox.moe/koi2xb.png" alt="Greeting One" style="width:120px;height:160px;object-fit:cover;border-radius:7px;flex-shrink:0"><div style="flex:1;min-width:0"><div style="font-size:12px;color:#FFFF00;font-weight:bold;letter-spacing:1px"> GREETING 01 </div><div style="margin:2px 0 5px;font-size:17px;font-weight:700;color:#ffffff"> First Meeting </div><span style="display:inline-block;margin:2px;padding:3px 7px;font-size:10px;border-radius:10px;background:#303544;color:#cfd4ff"> MAIN ROUTE </span><span style="display:inline-block;margin:2px;padding:3px 7px;font-size:10px;border-radius:10px;background:#303544;color:#cfd4ff"> INTRO </span><div style="margin-top:7px;font-size:13px;color:#c3c7cf"> Advisor, diplomat, lost traveler, rival ruler, or secret heir. Kinda open ended play whatever role you want. </div></div></div><div class="greet-card"><img class="greet-img" src="https://files.catbox.moe/earjo2.png" alt="Greeting Two" style="width:120px;height:160px;object-fit:cover;border-radius:7px;flex-shrink:0"><div style="flex:1;min-width:0"><div style="font-size:12px;color:#FFFF00;font-weight:bold;letter-spacing:1px"> GREETING 02 </div><div style="margin:2px 0 5px;font-size:17px;font-weight:700;color:#ffffff"> The Storm </div><span style="display:inline-block;margin:2px;padding:3px 7px;font-size:10px;border-radius:10px;background:#303544;color:#cfd4ff"> ALT </span><span style="display:inline-block;margin:2px;padding:3px 7px;font-size:10px;border-radius:10px;background:#303544;color:#cfd4ff"> DRAMA </span><div style="margin-top:7px;font-size:13px;color:#c3c7cf"> You take shelter from a storm and stumble upon Kaz’Durum. </div></div></div><div class="greet-card"><img class="greet-img" src="https://files.catbox.moe/9j0op5.png" alt="Greeting Three" style="width:120px;height:160px;object-fit:cover;border-radius:7px;flex-shrink:0"><div style="flex:1;min-width:0"><div style="font-size:12px;color:#FFFF00;font-weight:bold;letter-spacing:1px"> GREETING 03 </div><div style="margin:2px 0 5px;font-size:17px;font-weight:700;color:#ffffff"> Under Attack </div><span style="display:inline-block;margin:2px;padding:3px 7px;font-size:10px;border-radius:10px;background:#303544;color:#cfd4ff"> ACTION </span><span style="display:inline-block;margin:2px;padding:3px 7px;font-size:10px;border-radius:10px;background:#303544;color:#cfd4ff"> CONFLICT </span><div style="margin-top:7px;font-size:13px;color:#c3c7cf"> Kaz’Durum and the surrounding surface kingdoms come under attack. I left the who or what is attacking vague on purpose the attackers or crisis is left open ended so pick your role, how do you respond to this unknown threat? </div></div></div><div class="greet-card"><img class="greet-img" src="https://files.catbox.moe/2jb8hv.png" alt="Greeting Three" style="width:120px;height:160px;object-fit:cover;border-radius:7px;flex-shrink:0"><div style="flex:1;min-width:0"><div style="font-size:12px;color:#FFFF00;font-weight:bold;letter-spacing:1px"> GREETING 04 </div><div style="margin:2px 0 5px;font-size:17px;font-weight:700;color:#ffffff"> The Great Gala </div><span style="display:inline-block;margin:2px;padding:3px 7px;font-size:10px;border-radius:10px;background:#303544;color:#cfd4ff"> SLOW BURN </span><span style="display:inline-block;margin:2px;padding:3px 7px;font-size:10px;border-radius:10px;background:#303544;color:#cfd4ff"> ROMANCE </span><div style="margin-top:7px;font-size:13px;color:#c3c7cf"> Your the only human at the ball. </div></div></div></div><div style="margin-top:30px"><div style="margin-bottom:14px;padding-bottom:8px;font-size:19px;font-weight:700;letter-spacing:1px;color:#ffffff;border-bottom:2px solid #b8860b"> ◆ VERSION </div><div style="padding:14px 16px;background:#080101;border:1px solid #b8860b;border-radius:9px"><div style="font-size:14px;font-weight:700;color:#ffffff"> VERSION 3.0 </div><div style="margin-top:5px;font-size:13px;color:#aeb4bf"> 10/05/26 <br> • Fixed typos <br> • Remade the creator notes to fit my new style. It won't be flashy, but hopefully it looks simpler, cleaner, and more consistent going forward. </div></div></div><div style="margin-top:30px;padding-top:15px;border-top:1px solid #b8860b;text-align:center;font-size:11px;color:#737986;letter-spacing:0.5px"> Thanks for checking out the card. <br> Have fun and make the story your own. </div></div>

    Chub

    1,049 tokens

  • Hemlish

    <div style="display:none;"><style>@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&family=Inter:wght@300;400;500;600&display=swap');.hem01{--blue:#527b9b;--blue2:#a9c6da;--deepblue:#233546;--iron:#25292c;--iron2:#373d41;--steel:#aeb8be;--steel2:#dbe0e3;--leather:#6b4c38;--copper:#a96039;--copper2:#d48a58;--bronze:#a78252;--ink:#45484a;--line:rgba(113,151,179,.36);max-width:900px;margin:20px auto;padding:0 8px 40px;color:#e8ebed;font-family:'Inter',Arial,sans-serif;line-height:1.65;box-sizing:border-box}.hem01 *{box-sizing:border-box}.hem01 a{color:#82abc8;text-decoration:none}.hem01 a:hover{color:#bad2e2}.hem01-hero{position:relative;text-align:center;padding:40px 30px;border:1px solid rgba(95,139,171,.68);border-radius:13px;background:radial-gradient(290px 100px at 50% 0%,rgba(91,137,172,.17),transparent 72%),radial-gradient(175px 80px at 0% 100%,rgba(169,96,57,.13),transparent 72%),radial-gradient(185px 82px at 100% 100%,rgba(167,130,82,.10),transparent 72%),linear-gradient(145deg,rgba(52,59,64,.99),rgba(31,38,44,.99) 54%,rgba(20,26,31,.99));box-shadow:0 14px 38px rgba(0,0,0,.36),0 0 18px rgba(79,124,157,.10);overflow:hidden}.hem01-hero:before{content:'';position:absolute;inset:8px;border:1px solid rgba(173,198,215,.12);border-radius:9px;pointer-events:none}.hem01-hero:after{content:'';position:absolute;left:-20px;bottom:-22px;width:185px;height:120px;background:radial-gradient(ellipse at center,rgba(182,101,57,.13),transparent 70%);pointer-events:none}.hem01-hero>*{position:relative;z-index:1}.hem01-kicker{color:#9fc1d7;font-size:10px;font-weight:600;letter-spacing:.28em;margin-bottom:5px}.hem01-name{font-family:'Playfair Display',Georgia,serif;font-size:44px;line-height:1;margin:5px 0;color:#eef2f4;letter-spacing:.14em;font-weight:600}.hem01-title{color:#d18a5b;font-size:9px;font-weight:600;letter-spacing:.18em;margin:9px 0 4px}.hem01-traits{color:#baa17d;font-size:10px;font-weight:600;letter-spacing:.2em;margin:8px 0 23px}.hem01-hero p{max-width:735px;margin:10px auto;color:#d8dde0;font-family:Georgia,'Times New Roman',serif;font-size:15px;line-height:1.72}.hem01-hook{font-size:17px!important;color:#f0f3f4!important}.hem01-final{color:#e4e9eb!important}.hem01-divider{display:flex;align-items:center;gap:14px;margin:33px 0 16px;color:#91b5cc;font-size:10px;font-weight:700;letter-spacing:.22em;text-align:center}.hem01-divider:before,.hem01-divider:after{content:'';height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--line))}.hem01-divider:after{background:linear-gradient(90deg,var(--line),transparent)}.hem01-povs{display:block!important;width:100%!important;overflow:hidden!important}.hem01-pov{display:block!important;float:left!important;clear:none!important;width:calc(50% - 6px)!important;min-height:190px!important;margin:0 0 12px 0!important;padding:17px 18px!important;border:1px solid rgba(106,146,174,.35)!important;border-radius:9px!important;background:linear-gradient(145deg,rgba(51,59,65,.98),rgba(28,34,39,.99))!important;box-shadow:0 8px 18px rgba(0,0,0,.25)!important;transition:.2s!important}.hem01-pov-left{margin-right:12px!important}.hem01-pov:hover{background:linear-gradient(145deg,rgba(61,70,77,.99),rgba(33,40,46,.99))!important;border-color:rgba(135,174,202,.70)!important;transform:translateY(-2px)}.hem01-pov b{display:block;color:#edf1f3;font-size:11px;letter-spacing:.09em;margin-bottom:7px}.hem01-pov p{margin:7px 0 0;font-family:Georgia,'Times New Roman',serif;font-size:13px;line-height:1.62;color:#d2d9dd}.hem01-pov-tag{display:inline-block;margin-bottom:10px;padding:4px 8px;border:1px solid rgba(91,137,172,.50);border-radius:20px;color:#b8d0df;background:rgba(82,123,155,.11);font-size:8px;font-weight:700;line-height:1;letter-spacing:.12em}.hem01-clear{display:block!important;clear:both!important;height:0!important;overflow:hidden!important}.hem01-pov-yedric{position:relative!important;float:none!important;clear:both!important;width:100%!important;min-height:0!important;background:radial-gradient(190px 48px at 5% 0%,rgba(226,105,52,.30),transparent 70%),radial-gradient(145px 58px at 100% 24%,rgba(191,64,39,.23),transparent 72%),radial-gradient(210px 54px at 84% 100%,rgba(231,116,55,.30),transparent 70%),linear-gradient(145deg,rgba(36,49,64,.99),rgba(18,25,33,.99))!important;border:1px solid rgba(116,157,196,.88)!important;box-shadow:0 0 0 1px rgba(111,143,174,.20),0 0 12px rgba(78,120,162,.20),0 3px 11px rgba(210,79,39,.22),0 0 24px rgba(188,63,36,.15)!important}.hem01-pov-yedric:before{content:'';position:absolute;inset:0;border-radius:8px;pointer-events:none;box-shadow:inset 3px 3px 8px rgba(230,110,53,.22),inset -3px -3px 9px rgba(213,75,38,.24),inset 0 -2px 5px rgba(241,132,61,.20)}.hem01-pov-yedric:after{content:'';position:absolute;left:10%;right:8%;bottom:-2px;height:8px;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse at center,rgba(238,116,54,.30),rgba(185,55,32,.12) 48%,transparent 74%)}.hem01-pov-yedric>*{position:relative;z-index:1}.hem01-pov-yedric:hover{background:radial-gradient(195px 50px at 5% 0%,rgba(238,117,57,.38),transparent 70%),radial-gradient(150px 60px at 100% 24%,rgba(204,67,40,.29),transparent 72%),radial-gradient(215px 56px at 84% 100%,rgba(239,125,60,.38),transparent 70%),linear-gradient(145deg,rgba(43,59,76,.99),rgba(21,29,38,.99))!important;border-color:rgba(145,184,220,.96)!important}.hem01-pov-yedric b{color:#dbe7f1!important}.hem01-pov-yedric p{color:#c7d0d9!important}.hem01-pov-yedric .hem01-pov-tag{color:#b9ccdc!important;border-color:rgba(132,165,198,.50)!important;background:rgba(96,132,170,.12)!important}.hem01-persona{display:inline-block;margin-top:11px;color:#8fb3d3;font-size:8px;font-weight:700;letter-spacing:.12em}.hem01-notice{margin:28px 0;padding:20px 22px;border-left:3px solid var(--blue);border-radius:0 9px 9px 0;background:linear-gradient(90deg,rgba(240,243,244,.98),rgba(216,221,224,.97));box-shadow:0 7px 18px rgba(0,0,0,.16)}.hem01-notice-title{color:#4f7087;font-size:11px;font-weight:700;letter-spacing:.15em}.hem01-notice p{font-family:Georgia,'Times New Roman',serif;font-size:13px;margin:9px 0;color:#484b4d}.hem01-world{position:relative;margin:13px 0;border:1px solid rgba(93,137,170,.39);border-radius:10px;background:linear-gradient(145deg,rgba(47,58,67,.99),rgba(24,31,37,.99));overflow:hidden;color:transparent;font-size:14px;line-height:78px;cursor:pointer;transition:.2s;box-shadow:0 5px 15px rgba(0,0,0,.18)}.hem01-world:hover{border-color:rgba(126,166,195,.72);background:linear-gradient(145deg,rgba(56,69,79,.99),rgba(29,37,44,.99))}.hem01-world:before{position:absolute;left:20px;top:0;white-space:pre;color:#edf2f4;font:700 12px/1.55 'Inter',Arial,sans-serif;letter-spacing:.08em;pointer-events:none;padding-top:17px}.hem01-world:after{content:'+';position:absolute;right:20px;top:0;color:#a8c6d9;font:300 22px/78px Arial,sans-serif;pointer-events:none}.hem01-world[open]:after{content:'−'}.hem01-order:before{content:'⚒ THE ORDER OF VANOSS\A Organisation · Members · Purpose'}.hem01-dwarves:before{content:'◆ DWARVES & RUNIC MAGIC\A People · Craft · Ancestry · Enchantment'}.hem01-vossen:before{content:'♜ THE KINGDOM OF VOSSEN\A Kingdom · Culture · Society'}.hem01-world-body{border-top:1px solid rgba(95,139,171,.28);padding:21px 23px 23px;background:linear-gradient(145deg,#f1f3f3,#d9dddf);font:13px/1.78 Georgia,'Times New Roman',serif;cursor:default;color:#464a4c!important}.hem01-world-body p,.hem01-world-body li,.hem01-world-body span,.hem01-world-body div{color:#464a4c!important}.hem01-world-body p{margin:0 0 13px}.hem01-world-body p:last-child{margin-bottom:0}.hem01-world-body strong{color:#4f6c80!important}.hem01-world-body em{color:#7d5d47!important}.hem01-world-body a{color:#557d98!important}.hem01-car-wrap{background:linear-gradient(145deg,rgba(39,49,57,.98),rgba(18,24,29,.99));border:1px solid rgba(95,139,171,.27);border-radius:11px;padding:18px 0 9px;box-shadow:0 12px 30px rgba(0,0,0,.28);overflow:hidden}.hem01-carousel{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:7px 18px 18px;width:max-content;max-width:100%;margin:0 auto;box-sizing:border-box}.hem01-carousel::-webkit-scrollbar{height:7px}.hem01-carousel::-webkit-scrollbar-track{background:rgba(0,0,0,.28);border-radius:4px}.hem01-carousel::-webkit-scrollbar-thumb{background:#55758d;border-radius:4px}.hem01-carousel::-webkit-scrollbar-thumb:hover{background:var(--copper)}.hem01-car-item{position:relative;overflow:hidden;flex:0 0 200px;scroll-snap-align:start;padding:15px 14px 16px;border:1px solid rgba(95,139,171,.20);border-radius:9px;background:rgba(52,66,76,.72);transition:.25s;box-shadow:0 8px 18px rgba(0,0,0,.26),0 0 9px rgba(92,140,175,.04);text-align:center}.hem01-car-item:before{content:'';position:absolute;left:14px;right:14px;top:0;height:2px;background:linear-gradient(90deg,transparent,rgba(146,185,211,.45),transparent);opacity:.72}.hem01-car-item:hover{transform:translateY(-5px);border-color:#769db8;background:rgba(61,77,89,.85);box-shadow:0 16px 28px rgba(0,0,0,.34),0 0 16px rgba(83,134,170,.12)}.hem01-car-link{display:block;text-decoration:none!important}.hem01-avatar{width:140px;height:175px;margin:0 auto 13px;overflow:hidden;border-radius:7px;border:1px solid rgba(114,157,187,.54);box-shadow:0 7px 18px rgba(0,0,0,.39),0 0 8px rgba(83,134,170,.06)}.hem01-avatar img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 18%;transition:.35s}.hem01-car-item:hover .hem01-avatar img{transform:scale(1.035)}.hem01-car-name{font-family:'Playfair Display',Georgia,serif;color:#edf2f4;font-size:16px;font-weight:600;line-height:1.2;letter-spacing:.04em}.hem01-car-role{display:block;color:#bfd0da;font-size:8px;font-weight:600;letter-spacing:.12em;line-height:1.4;margin-top:6px;text-transform:uppercase}.hem01-greetings{display:grid;gap:9px}.hem01-greet{display:flex;gap:16px;padding:15px 17px;border:1px solid rgba(95,139,171,.36);border-radius:8px;background:linear-gradient(145deg,rgba(241,243,243,.99),rgba(216,221,223,.99));box-shadow:0 6px 15px rgba(0,0,0,.14);transition:.2s}.hem01-greet:hover{background:linear-gradient(145deg,#fafcfc,#e5e9ea);border-color:rgba(116,157,188,.72)}.hem01-num{min-width:30px;color:#8a653f;opacity:.9;font-family:'Playfair Display',Georgia,serif;font-size:21px;line-height:1}.hem01-greet b{display:block;color:#4e718a;font-size:10px;letter-spacing:.1em}.hem01-greet p{margin:6px 0 0;color:#484b4d;font:13px/1.6 Georgia,'Times New Roman',serif}.hem01-tags{margin-bottom:6px}.hem01-tag{display:inline-block;margin:0 5px 4px 0;padding:4px 7px;border:1px solid rgba(82,123,155,.42);border-radius:20px;color:#557890;background:rgba(82,123,155,.07);font-size:7px;font-weight:700;line-height:1;letter-spacing:.12em}.hem01-tag-bronze{border-color:rgba(167,130,82,.46);color:#85653e;background:rgba(167,130,82,.09)}.hem01-worldlink{text-align:center;padding:24px;border:1px solid rgba(95,139,171,.31);border-radius:10px;background:radial-gradient(175px 48px at 95% 0%,rgba(169,96,57,.12),transparent 72%),radial-gradient(170px 50px at 5% 100%,rgba(82,123,155,.12),transparent 72%),linear-gradient(145deg,rgba(43,54,62,.98),rgba(20,27,32,.99))}.hem01-worldlink b{display:block;color:#edf2f4;font-family:'Playfair Display',Georgia,serif;font-size:17px;letter-spacing:.07em}.hem01-worldlink p{max-width:650px;margin:10px auto 15px;color:#d1d9dd;font:13px/1.65 Georgia,'Times New Roman',serif}.hem01-worldlink a{display:inline-block;padding:9px 13px;border:1px solid rgba(167,130,82,.38);border-radius:5px;background:rgba(167,130,82,.07);color:#d0ad7e;font-size:9px;font-weight:700;letter-spacing:.1em}.hem01-footer{text-align:center;margin:30px 0 4px;color:#797e82;font-size:8px;font-weight:700;letter-spacing:.2em}@media(max-width:640px){.hem01{margin:10px auto;padding:0 4px 30px}.hem01-hero{padding:28px 18px}.hem01-name{font-size:35px}.hem01-pov,.hem01-pov-yedric{float:none!important;width:100%!important;min-height:0!important;margin:0 0 10px 0!important}.hem01-pov-left{margin-right:0!important}.hem01-divider{margin-top:27px}.hem01-world:before{left:14px;font-size:10px}.hem01-world:after{right:14px}.hem01-world-body{padding:17px}.hem01-car-item{flex:0 0 72vw;max-width:230px}.hem01-avatar{width:145px;height:180px}.hem01-greet{padding:13px}}</style></div>

    NSFWChub

    2,427 tokens

  • Peaches
    Chub

    736 tokens

  • Stratham Village

    <div style="display:none"><style>@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700&display=swap');@keyframes stShimmer{0%,100%{text-shadow:0 0 16px rgba(218,176,70,.28)}50%{text-shadow:0 0 30px rgba(255,213,92,.85),0 0 70px rgba(139,24,24,.35)}}@keyframes stPulse{0%,100%{box-shadow:0 0 12px rgba(218,176,70,.35)}50%{box-shadow:0 0 30px rgba(218,176,70,.85)}}@keyframes stFloat{0%{transform:translateY(0) scale(1);opacity:0}12%{opacity:.85}60%{opacity:.45}100%{transform:translateY(-430px) scale(.55);opacity:0}}@keyframes stRise{0%{transform:translateY(0) rotate(0deg);opacity:0}8%{opacity:.48}65%{opacity:.25}100%{transform:translateY(-108vh) rotate(180deg);opacity:0}}@keyframes stLogo{0%,100%{filter:drop-shadow(0 0 14px rgba(218,176,70,.35))}50%{filter:drop-shadow(0 0 30px rgba(218,176,70,.65))}}body{background:#060905!important}html{background:#060905!important}#root,main,aside,.ant-app,.ant-layout,.ant-layout-content,.ant-collapse,.ant-collapse-item,.ant-collapse-content,.ant-row,.no-scrollbar-mobile,.no-scrollbar-mobile.no-scrollbar-mobile.no-scrollbar-mobile,footer.ant-layout-footer{background:transparent!important}.st-wrap div,.st-wrap span,.st-wrap p,.st-wrap h1,.st-wrap h2,.st-wrap h3,.st-wrap img,.st-wrap b{transition:all .35s ease}.st-veil{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 0%,rgba(218,176,70,.10),rgba(0,0,0,0) 55%),radial-gradient(ellipse at 12% 88%,rgba(105,23,23,.12),rgba(0,0,0,0) 50%),radial-gradient(ellipse at 88% 75%,rgba(31,65,31,.12),rgba(0,0,0,0) 50%),linear-gradient(180deg,#060905 0%,#0c1008 45%,#050703 100%)}.st-spark{position:fixed;bottom:-4vh;z-index:1;pointer-events:none;animation:stRise 15s linear infinite}.st-wrap{max-width:1150px;margin:0 auto;padding:6px;background:linear-gradient(180deg,#070907 0%,#11150c 42%,#070907 100%);border:1px solid rgba(218,176,70,.38);border-radius:18px;font-family:Georgia,'Palatino Linotype',serif;color:#e8dfc8}.st-hero{position:relative;overflow:hidden;margin:6px;padding:34px 22px 30px;border:1px solid rgba(218,176,70,.28);border-radius:14px;text-align:center;background:linear-gradient(160deg,rgba(96,18,18,.16),rgba(8,12,7,.55),rgba(218,176,70,.05))}.st-hero:hover{border-color:rgba(218,176,70,.72)!important;box-shadow:inset 0 0 50px rgba(218,176,70,.07),0 0 34px rgba(218,176,70,.18)}.st-title{font-family:Cinzel,Georgia,serif!important;animation:stShimmer 4.5s ease-in-out infinite}.st-title:hover{letter-spacing:9px!important}.st-hook:hover{border-top-color:#b02a2a!important;border-bottom-color:#b02a2a!important;box-shadow:0 0 32px rgba(139,24,24,.26);transform:scale(1.015)}.st-pill:hover{background:#dab046!important;border-color:#dab046!important;color:#080a05!important;transform:translateY(-3px);box-shadow:0 6px 18px rgba(218,176,70,.45)}.st-h2{font-family:Cinzel,Georgia,serif!important}.st-h2:hover{letter-spacing:7px!important;text-shadow:0 0 22px rgba(255,233,168,.65)}.st-div:hover{color:#ffd86a!important;letter-spacing:5px!important;text-shadow:0 0 16px rgba(255,216,106,.6)}.st-box:hover{border-color:var(--c,#dab046)!important;box-shadow:0 10px 32px var(--glow,rgba(218,176,70,.25))!important;transform:translateY(-3px)}.st-card:hover{transform:translateY(-7px);border-color:var(--c,#dab046)!important;box-shadow:0 20px 52px var(--glow,rgba(218,176,70,.3))!important}.st-card:hover h3{text-shadow:0 0 20px currentColor;letter-spacing:5px!important}.st-card:hover .st-stat{color:#e8dfc8!important;letter-spacing:3px!important}.st-rbadge:hover{background:var(--c,#dab046)!important;color:#080a05!important;transform:scale(1.08);box-shadow:0 0 22px var(--glow,rgba(218,176,70,.5))}.st-lore{max-height:0;opacity:0;overflow:hidden;transition:max-height .6s cubic-bezier(.4,0,.2,1),opacity .45s ease}.st-card:hover .st-lore{max-height:900px;opacity:1}.st-hint{display:block!important}.st-intro:hover{transform:translateX(12px);background:rgba(218,176,70,.08)!important;border-color:var(--c,#dab046)!important;box-shadow:-8px 0 26px var(--glow,rgba(218,176,70,.25))!important}.st-intro:hover b{text-shadow:0 0 12px currentColor}.st-foot:hover{color:#dab046!important;text-shadow:0 0 14px rgba(218,176,70,.55);letter-spacing:4px!important}.st-ember{position:absolute;bottom:-26px;animation:stFloat 9s linear infinite;pointer-events:none}header.ant-layout-header{background:linear-gradient(180deg,#101408,#070907)!important;border-bottom:1px solid rgba(218,176,70,.4)!important;box-shadow:0 2px 22px rgba(218,176,70,.14)!important}header.ant-layout-header div,header.ant-layout-header ul,header.ant-layout-header li{background:transparent!important}h3.ant-typography{display:none!important;font-family:Cinzel,Georgia,serif!important;color:#f5e4b0!important;letter-spacing:3px!important;text-shadow:0 0 22px rgba(218,176,70,.45);animation:stShimmer 5s ease-in-out infinite}img.ant-image-img{border:1px solid rgba(218,176,70,.45)!important;border-radius:14px!important;box-shadow:0 0 28px rgba(218,176,70,.22)!important}button.ant-btn-primary{background:linear-gradient(135deg,#f1c75b,#8d1f1f)!important;border-color:#f1c75b!important;color:#100705!important;letter-spacing:1px;box-shadow:0 0 20px rgba(218,176,70,.4)!important;text-shadow:none!important}button.ant-btn-primary:hover{box-shadow:0 0 34px rgba(218,176,70,.8)!important;transform:translateY(-2px)}button.ant-btn-variant-outlined{border-color:rgba(218,176,70,.55)!important;color:#e8dfc8!important;background:rgba(218,176,70,.05)!important}button.ant-btn-variant-outlined:hover{border-color:#ffd86a!important;color:#ffd86a!important;box-shadow:0 0 16px rgba(218,176,70,.35)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#060905}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#b89136,#5b4314);border-radius:8px}.msg-mkdn-container > p:first-of-type{display:none!important}.ant-col-lg-18 h3.ant-typography{display:none!important}.ant-col-lg-6{flex:0 0 100%!important;max-width:100%!important;text-align:center!important}.ant-col-lg-18{flex:0 0 100%!important;max-width:100%!important}.ant-ribbon-wrapper{display:none!important}.ant-col-lg-6 button.ant-btn-primary{width:560px!important;min-width:0!important;max-width:92%!important;height:52px!important;margin:10px auto 14px!important;display:block!important;border-radius:999px!important;font-size:1.08em!important;letter-spacing:2px!important;font-family:Cinzel,Georgia,serif!important}.ant-col-lg-6 div.flex{justify-content:center!important;gap:14px!important}.ant-col-lg-6 button.ant-btn-variant-outlined{width:272px!important;height:42px!important;border-radius:999px!important;letter-spacing:1px!important;font-family:Cinzel,Georgia,serif!important}@media (max-width:600px){.st-title{font-size:1.8em!important;letter-spacing:3px!important}.st-card:hover{transform:none}.st-lore{max-height:none;opacity:1}.st-hint{display:none!important}}</style></div><div class="st-veil"></div><span class="st-spark" style="left:3%;color:#dab046;animation-delay:0s;animation-duration:17s;font-size:0.75em">✦</span><span class="st-spark" style="left:12%;color:#8d1f1f;animation-delay:5s;animation-duration:21s;font-size:0.6em">❖</span><span class="st-spark" style="left:24%;color:#f5e4b0;animation-delay:11s;animation-duration:15s;font-size:0.7em">✧</span><span class="st-spark" style="left:45%;color:#dab046;animation-delay:8s;animation-duration:19s;font-size:0.55em">✦</span><span class="st-spark" style="left:58%;color:#486b31;animation-delay:2.5s;animation-duration:23s;font-size:0.65em">✧</span><span class="st-spark" style="left:72%;color:#ffd86a;animation-delay:14s;animation-duration:16s;font-size:0.7em">✦</span><span class="st-spark" style="left:85%;color:#9b2a21;animation-delay:6.5s;animation-duration:20s;font-size:0.6em">❖</span><span class="st-spark" style="left:95%;color:#f5e4b0;animation-delay:10s;animation-duration:18s;font-size:0.65em">✧</span><div class="st-wrap"><div class="st-hero"><p style="margin:0;color:#dab046;font-size:0.78em;letter-spacing:5px;text-align:center"> ✦ &nbsp;A Fantasy RPG inspired by @AeltharKeldor @Crossps @_DeiV_ and @yoiiru &nbsp; ✦ </p><h1 class="st-title" style="margin:14px 0 4px;color:#f5e4b0;font-size:2.6em;letter-spacing:6px;text-align:center"> THE VILLAGE OF STRATHAM </h1><p style="margin:0 0 18px;color:#9d8f71;font-size:0.9em;letter-spacing:3px;text-align:center"> 🍎 &nbsp;The Village SPEAKS&nbsp; 🍎 </p><p class="st-hook" style="margin:0 auto;max-width:860px;padding:18px 22px;color:#e7b2a4;font-size:1.12em;line-height:1.7;text-align:center;border-top:1px solid rgba(141,31,31,.45);border-bottom:1px solid rgba(141,31,31,.45);background:linear-gradient(90deg, rgba(141,31,31,0) 0%, rgba(141,31,31,.12) 50%, rgba(141,31,31,0) 100%)"><b>This is no sheep village.</b> Stratham lives by apples, berries, cider, preserves, trade routes, and the power of the Fruit Guild. Beneath the sweetness of harvest season, politics turn sharp, merchants smile too widely, and every valuable thing attracts knives.<br><span style="color:#f5e4b0"><b><i>How will you explore what has taken root?</i></b></span></p><p style="margin:18px 0 0;text-align:center"><span class="st-pill" style="display:inline-block;margin:3px;padding:4px 14px;color:#d8cdae;font-size:0.74em;letter-spacing:2px;border:1px solid #6e5a35;border-radius:999px">VILLAGE</span><span class="st-pill" style="display:inline-block;margin:3px;padding:4px 14px;color:#d8cdae;font-size:0.74em;letter-spacing:2px;border:1px solid #6e5a35;border-radius:999px">FRUIT GUILD</span><span class="st-pill" style="display:inline-block;margin:3px;padding:4px 14px;color:#d8cdae;font-size:0.74em;letter-spacing:2px;border:1px solid #6e5a35;border-radius:999px">POLITICS</span><span class="st-pill" style="display:inline-block;margin:3px;padding:4px 14px;color:#d8cdae;font-size:0.74em;letter-spacing:2px;border:1px solid #6e5a35;border-radius:999px">ORCHARDS</span><span class="st-pill" style="display:inline-block;margin:3px;padding:4px 14px;color:#d8cdae;font-size:0.74em;letter-spacing:2px;border:1px solid #6e5a35;border-radius:999px">OPEN-ENDED</span></p><span class="st-ember" style="left:6%;color:#ffd86a;animation-delay:0s;animation-duration:9s">✦</span><span class="st-ember" style="left:16%;color:#8d1f1f;animation-delay:3s;animation-duration:11s;font-size:0.7em">❖</span><span class="st-ember" style="left:27%;color:#f5e4b0;animation-delay:6s;animation-duration:8s">✧</span><span class="st-ember" style="left:38%;color:#b02a2a;animation-delay:1.5s;animation-duration:10s;font-size:0.65em">✦</span><span class="st-ember" style="left:52%;color:#ffd86a;animation-delay:4.5s;animation-duration:12s">❖</span><span class="st-ember" style="left:63%;color:#486b31;animation-delay:7.5s;animation-duration:9s;font-size:0.75em">✧</span><span class="st-ember" style="left:74%;color:#f5e4b0;animation-delay:2s;animation-duration:10.5s">✦</span><span class="st-ember" style="left:84%;color:#ffd86a;animation-delay:5.5s;animation-duration:8.5s;font-size:0.7em">❖</span><span class="st-ember" style="left:93%;color:#b02a2a;animation-delay:8.5s;animation-duration:11.5s;font-size:0.6em">✧</span></div><p class="st-div" style="margin:26px 0;color:#dab046;text-align:center;font-size:0.95em;letter-spacing:2px"> ❖ ──────── ✦ ──────── ❖ </p><div class="st-box" style="--c:#8d1f1f;--glow:rgba(141,31,31,.25);max-width:980px;margin:0 auto 10px;padding:20px 26px;background:rgba(141,31,31,.07);border:1px solid rgba(141,31,31,.45);border-left:3px solid #8d1f1f;border-radius:12px"><h3 style="margin:0 0 12px;color:#e7b2a4;font-size:1.05em;letter-spacing:3px;text-align:center"> 🍷 &nbsp;WHAT IS STRATHAM? </h3><p style="margin:0;color:#e1d8c0;font-size:0.93em;line-height:1.7;text-align:center"> Stratham is a prosperous village in Norwing province, ruled by <b style="color:#f5e4b0">Lord Victor Velkorian</b>. Its wealth comes from fruit: apples, strawberries, raspberries, blueberries, ciders, jams, dried fruits, preserves, and sugared goods. The village banner is red, black, and gold — a golden tree rooted in a dark field, framed by crimson. </p></div><p class="st-div" style="margin:26px 0;color:#dab046;text-align:center;font-size:0.95em;letter-spacing:2px"> ❖ ──────── ✦ ──────── ❖ </p><h2 class="st-h2" style="margin:0 0 6px;color:#f5e4b0;font-size:1.5em;letter-spacing:4px;text-align:center"> 🗺️ &nbsp;THE VILLAGE MAP </h2><p style="margin:0 0 16px;color:#9d8f71;font-size:0.85em;letter-spacing:2px;text-align:center"> — ORCHARDS · MARKET · GUILD HALL · TRADE ROADS — </p><p style="text-align:center;margin:0 0 18px"><img class="st-img" src="https://files.catbox.moe/l0hjhy.png" width="780" style="max-width:95%;border:1px solid rgba(218,176,70,.45);border-radius:12px;box-shadow:0 0 28px rgba(218,176,70,.18)"></p><div style="max-width:1020px;margin:0 auto;text-align:center"><div class="st-box" style="--c:#dab046;--glow:rgba(218,176,70,.25);display:inline-block;vertical-align:top;width:450px;max-width:92%;margin:6px;padding:14px 16px;background:rgba(218,176,70,.05);border:1px solid rgba(218,176,70,.45);border-radius:12px"><b style="color:#dab046;letter-spacing:2px">🍎 THE ORCHARD BELT</b><br><span style="color:#d8cdae;font-size:0.88em;line-height:1.6">Apple groves, berry fields, citrus beds, greenhouse rows, and carefully watched harvest paths.</span></div><div class="st-box" style="--c:#8d1f1f;--glow:rgba(141,31,31,.3);display:inline-block;vertical-align:top;width:450px;max-width:92%;margin:6px;padding:14px 16px;background:rgba(141,31,31,.07);border:1px solid rgba(141,31,31,.45);border-radius:12px"><b style="color:#d78878;letter-spacing:2px">📜 THE FRUIT GUILD</b><br><span style="color:#d8cdae;font-size:0.88em;line-height:1.6">The guild controls contracts, harvest records, merchant deals, storage, export prices, and wagon routes.</span></div><div class="st-box" style="--c:#486b31;--glow:rgba(72,107,49,.35);display:inline-block;vertical-align:top;width:450px;max-width:92%;margin:6px;padding:14px 16px;background:rgba(72,107,49,.08);border:1px solid rgba(72,107,49,.55);border-radius:12px"><b style="color:#9fbe74;letter-spacing:2px">🌲 THE FOREST EDGE</b><br><span style="color:#d8cdae;font-size:0.88em;line-height:1.6">Hunters, smugglers, beasts, strange ruins, missing patrols, and rumors that never quite die.</span></div><div class="st-box" style="--c:#f5e4b0;--glow:rgba(245,228,176,.25);display:inline-block;vertical-align:top;width:450px;max-width:92%;margin:6px;padding:14px 16px;background:rgba(245,228,176,.04);border:1px solid rgba(245,228,176,.38);border-radius:12px"><b style="color:#f5e4b0;letter-spacing:2px">🏛️ LORD VICTOR’S HALL</b><br><span style="color:#d8cdae;font-size:0.88em;line-height:1.6">Petitions, judgment, diplomacy, knight reports, private audiences, and decisions that shape Stratham’s future.</span></div></div><p class="st-div" style="margin:26px 0;color:#dab046;text-align:center;font-size:0.95em;letter-spacing:2px"> ❖ ──────── ✦ ──────── ❖ </p><div class="st-box" style="--c:#dab046;--glow:rgba(218,176,70,.25);max-width:980px;margin:26px auto 0;padding:20px 18px;border:1px solid rgba(218,176,70,.44);border-radius:12px;text-align:center;background:rgba(218,176,70,.04)"><p style="margin:0 0 12px;color:#f5e4b0;font-size:0.95em;letter-spacing:3px"> REQUEST RANKS &nbsp;·&nbsp; SIMPLE → MYTHIC </p><p style="margin:0;text-align:center"><span class="st-rbadge" style="display:inline-block;margin:3px;padding:6px 13px;color:#7e725b;border:1px solid #7e725b66;border-radius:8px;font-size:0.95em"><b>F</b></span><span class="st-rbadge" style="display:inline-block;margin:3px;padding:6px 13px;color:#8e8062;border:1px solid #8e806266;border-radius:8px;font-size:0.95em"><b>E</b></span><span class="st-rbadge" style="display:inline-block;margin:3px;padding:6px 13px;color:#a3916a;border:1px solid #a3916a66;border-radius:8px;font-size:0.95em"><b>D</b></span><span class="st-rbadge" style="display:inline-block;margin:3px;padding:6px 13px;color:#b5a274;border:1px solid #b5a27466;border-radius:8px;font-size:0.95em"><b>C</b></span><span class="st-rbadge" style="display:inline-block;margin:3px;padding:6px 13px;color:#c6b784;border:1px solid #c6b78466;border-radius:8px;font-size:0.95em"><b>B</b></span><span class="st-rbadge" style="display:inline-block;margin:3px;padding:6px 13px;color:#d8cdae;border:1px solid #d8cdae66;border-radius:8px;font-size:0.95em"><b>A</b></span><span class="st-rbadge" style="display:inline-block;margin:3px;padding:6px 13px;color:#ffe9a8;border:1px solid #ffe9a866;border-radius:8px;font-size:0.95em"><b>S</b></span><span class="st-rbadge" style="display:inline-block;margin:3px;padding:7px 16px;color:#080a05;background:linear-gradient(135deg,#ffd86a,#8d1f1f);border:1px solid #ffd86a;border-radius:8px;font-size:1.05em;box-shadow:0 0 16px rgba(218,176,70,.45);animation:stPulse 2.8s ease-in-out infinite"><b>X</b></span></p><p style="margin:14px 0 0;color:#d8cdae;font-size:0.88em;line-height:1.7"> From lost tools and missing fruit crates to cursed orchards, assassins, noble conspiracies, ancient beasts, and world-root threats. </p></div><p class="st-div" style="margin:26px 0;color:#dab046;text-align:center;font-size:0.95em;letter-spacing:2px"> ❖ ──────── ✦ ──────── ❖ </p><h2 class="st-h2" style="margin:0 0 16px;color:#f5e4b0;font-size:1.5em;letter-spacing:4px;text-align:center"> 🍂 &nbsp;STORY PREMISE </h2><div class="st-box" style="--c:#dab046;--glow:rgba(218,176,70,.25);max-width:960px;margin:0 auto;padding:24px 28px;background:linear-gradient(160deg, rgba(218,176,70,.05), rgba(141,31,31,.05));border:1px solid rgba(218,176,70,.44);border-radius:14px"><p style="margin:0 0 14px;color:#e1d8c0;font-size:0.97em;line-height:1.8;text-align:center"><b>Stratham is thriving.</b> Its markets are full, its orchards are heavy with fruit, and its guild records show profit enough to draw attention from every noble, merchant, smuggler, and opportunist in Norwing province. </p><p style="margin:0;color:#e1d8c0;font-size:0.97em;line-height:1.8;text-align:center"> But prosperity has a scent. Bandits circle the roads. Rival guilds eye the contracts. Nobles send polite letters with teeth hidden beneath the wax seals. And at the center of it all stands <b style="color:#f5e4b0">Lord Victor Velkorian</b>, deciding what must be protected, what must be negotiated, and what must be cut down before it reaches the roots. </p></div><p class="st-div" style="margin:26px 0;color:#dab046;text-align:center;font-size:0.95em;letter-spacing:2px"> ❖ ──────── ✦ ──────── ❖ </p><h2 class="st-h2" style="margin:0 0 16px;color:#f5e4b0;font-size:1.5em;letter-spacing:4px;text-align:center"> 🛡️ &nbsp;KEY FIGURES OF STRATHAM </h2><p class="st-hint" style="display:none;margin:0 0 22px;color:#9d8f71;font-size:0.82em;letter-spacing:2px;text-align:center"> — ✦ HOVER OVER A CARD TO REVEAL MORE ✦ — </p><div class="st-card" style="--c:#dab046;--glow:rgba(218,176,70,.32);max-width:1020px;margin:0 auto 28px;background:linear-gradient(165deg,#11150c,#070907);border:1px solid rgba(218,176,70,.46);border-radius:16px;overflow:hidden;box-shadow:0 0 26px rgba(218,176,70,.12)"><div style="padding:18px 16px 14px;text-align:center;background:linear-gradient(90deg, rgba(218,176,70,0) 0%, rgba(218,176,70,.14) 50%, rgba(218,176,70,0) 100%);border-bottom:1px solid rgba(218,176,70,.32)"><h3 style="margin:0;color:#ffd86a;font-size:1.45em;letter-spacing:3px">LORD VICTOR VELKORIAN</h3><p class="st-stat" style="margin:7px 0 10px;color:#9d8f71;font-size:0.82em;letter-spacing:2px">HIGH VALARIAN &nbsp;✦&nbsp; 31 &nbsp;✦&nbsp; LORD OF STRATHAM</p><span class="st-rbadge" style="display:inline-block;padding:5px 16px;color:#ffd86a;font-size:0.8em;letter-spacing:2px;border:1px solid #ffd86a;border-radius:999px;background:rgba(218,176,70,.08)"><b>RULER · PROTECTOR · GOLDEN TREE’S SHADOW</b></span></div><p style="text-align:center;margin:0;padding:18px 0 6px"><img class="st-img" src="https://files.catbox.moe/kuwh64.png" width="520" style="max-width:90%;border:1px solid rgba(218,176,70,.45);border-radius:10px"></p><div style="padding:14px 30px 24px;color:#e1d8c0;font-size:0.93em;line-height:1.7;text-align:center"><p style="margin:10px 0"><b style="color:#ffd86a;letter-spacing:1px">ROLE ─</b> Lord of Stratham, patron of the Fruit Guild, and final authority over village safety, trade, law, and diplomacy.</p><p style="margin:10px 0"><b style="color:#ffd86a;letter-spacing:1px">PRESENCE ─</b> Beautiful, grounded, watchful, and impossible to ignore. Gentle with honest workers. Merciless with predators.</p><div class="st-lore"><p style="margin:10px 0"><b style="color:#ffd86a;letter-spacing:1px">LORE ─</b> Victor treats Stratham as a living body: orchards as lungs, roads as veins, the market as its voice, and the people as its heart.</p></div></div></div><div class="st-card" style="--c:#8d1f1f;--glow:rgba(141,31,31,.32);max-width:1020px;margin:0 auto 28px;background:linear-gradient(165deg,#11150c,#070907);border:1px solid rgba(141,31,31,.55);border-radius:16px;overflow:hidden;box-shadow:0 0 26px rgba(141,31,31,.12)"><div style="padding:18px 16px 14px;text-align:center;background:linear-gradient(90deg, rgba(141,31,31,0) 0%, rgba(141,31,31,.18) 50%, rgba(141,31,31,0) 100%);border-bottom:1px solid rgba(141,31,31,.32)"><h3 style="margin:0;color:#d78878;font-size:1.45em;letter-spacing:3px">XAVIER CADELL</h3><p class="st-stat" style="margin:7px 0 10px;color:#9d8f71;font-size:0.82em;letter-spacing:2px">HUMAN &nbsp;✦&nbsp; 30 &nbsp;✦&nbsp; KNIGHT OF STRATHAM</p><span class="st-rbadge" style="display:inline-block;padding:5px 16px;color:#d78878;font-size:0.8em;letter-spacing:2px;border:1px solid #d78878;border-radius:999px;background:rgba(141,31,31,.08)"><b>PERSONAL GUARD · ROAD-WARDEN · STRATHAM STEEL</b></span></div><p style="text-align:center;margin:0;padding:18px 0 6px"><img class="st-img" src="https://files.catbox.moe/qfmwfk.png" width="520" style="max-width:90%;border:1px solid rgba(141,31,31,.45);border-radius:10px"></p><div style="padding:14px 30px 24px;color:#e1d8c0;font-size:0.93em;line-height:1.7;text-align:center"><p style="margin:10px 0"><b style="color:#d78878;letter-spacing:1px">ROLE ─</b> Victor’s personal guard and brutal defender of the village roads.</p><p style="margin:10px 0"><b style="color:#d78878;letter-spacing:1px">PERSONALITY ─</b> Blunt, strategic, protective, hard to impress, and harder to move.</p><div class="st-lore"><p style="margin:10px 0"><b style="color:#d78878;letter-spacing:1px">LORE ─</b> Xavier believes Stratham survives only if its ruler cannot be manipulated, cornered, or softened into stupidity.</p></div></div></div><div class="st-card" style="--c:#f5e4b0;--glow:rgba(245,228,176,.25);max-width:1020px;margin:0 auto 28px;background:linear-gradient(165deg,#11150c,#070907);border:1px solid rgba(245,228,176,.38);border-radius:16px;overflow:hidden;box-shadow:0 0 26px rgba(245,228,176,.10)"><div style="padding:18px 16px 14px;text-align:center;background:linear-gradient(90deg, rgba(245,228,176,0) 0%, rgba(245,228,176,.12) 50%, rgba(245,228,176,0) 100%);border-bottom:1px solid rgba(245,228,176,.28)"><h3 style="margin:0;color:#f5e4b0;font-size:1.45em;letter-spacing:3px">ARAETH RUENE</h3><p class="st-stat" style="margin:7px 0 10px;color:#9d8f71;font-size:0.82em;letter-spacing:2px">HUMAN &nbsp;✦&nbsp; 27 &nbsp;✦&nbsp; KNIGHT OF STRATHAM</p><span class="st-rbadge" style="display:inline-block;padding:5px 16px;color:#f5e4b0;font-size:0.8em;letter-spacing:2px;border:1px solid #f5e4b0;border-radius:999px;background:rgba(245,228,176,.06)"><b>PERSONAL GUARD · COMMANDER · NO CODDLING</b></span></div><p style="text-align:center;margin:0;padding:18px 0 6px"><img class="st-img" src="https://files.catbox.moe/gqob0v.png" width="520" style="max-width:90%;border:1px solid rgba(245,228,176,.38);border-radius:10px"></p><div style="padding:14px 30px 24px;color:#e1d8c0;font-size:0.93em;line-height:1.7;text-align:center"><p style="margin:10px 0"><b style="color:#f5e4b0;letter-spacing:1px">ROLE ─</b> Victor’s personal guard, commander of village defense, and protector of Fruit Guild interests.</p><p style="margin:10px 0"><b style="color:#f5e4b0;letter-spacing:1px">PERSONALITY ─</b> Stoic, direct, ruthless when necessary, and allergic to foolish decisions.</p><div class="st-lore"><p style="margin:10px 0"><b style="color:#f5e4b0;letter-spacing:1px">LORE ─</b> Araeth sees Stratham as valuable, and valuable things attract knives. Her job is making sure those knives break.</p></div></div></div><div class="st-card" style="--c:#c7933a;--glow:rgba(199,147,58,.30);max-width:1020px;margin:0 auto 28px;background:linear-gradient(165deg,#11150c,#070907);border:1px solid rgba(199,147,58,.48);border-radius:16px;overflow:hidden;box-shadow:0 0 26px rgba(199,147,58,.12)"><div style="padding:18px 16px 14px;text-align:center;background:linear-gradient(90deg, rgba(199,147,58,0) 0%, rgba(199,147,58,.14) 50%, rgba(199,147,58,0) 100%);border-bottom:1px solid rgba(199,147,58,.32)"><h3 style="margin:0;color:#c7933a;font-size:1.45em;letter-spacing:3px">LUCIEN VEYR</h3><p class="st-stat" style="margin:7px 0 10px;color:#9d8f71;font-size:0.82em;letter-spacing:2px">HUMAN &nbsp;✦&nbsp; 32 &nbsp;✦&nbsp; AMBASSADOR OF STRATHAM</p><span class="st-rbadge" style="display:inline-block;padding:5px 16px;color:#c7933a;font-size:0.8em;letter-spacing:2px;border:1px solid #c7933a;border-radius:999px;background:rgba(199,147,58,.08)"><b>FRUIT GUILD SPEAKER · TRADE BLADE · DIPLOMAT</b></span></div><p style="text-align:center;margin:0;padding:18px 0 6px"><img class="st-img" src="https://files.catbox.moe/2es5b6.png" width="520" style="max-width:90%;border:1px solid rgba(199,147,58,.45);border-radius:10px"></p><div style="padding:14px 30px 24px;color:#e1d8c0;font-size:0.93em;line-height:1.7;text-align:center"><p style="margin:10px 0"><b style="color:#c7933a;letter-spacing:1px">ROLE ─</b> Ambassador, guild speaker, contract-reader, public voice, and political shield for Victor.</p><p style="margin:10px 0"><b style="color:#c7933a;letter-spacing:1px">PERSONALITY ─</b> Polished, calculating, charming, and dangerous with a sealed document.</p><div class="st-lore"><p style="margin:10px 0"><b style="color:#c7933a;letter-spacing:1px">LORE ─</b> Where knights protect Victor from blades, Lucien protects him from contracts, rumors, and smiling predators.</p></div></div></div><p class="st-div" style="margin:26px 0;color:#dab046;text-align:center;font-size:0.95em;letter-spacing:2px"> ❖ ──────── ✦ ──────── ❖ </p><h2 class="st-h2" style="margin:0 0 16px;color:#f5e4b0;font-size:1.5em;letter-spacing:4px;text-align:center"> 🍎 &nbsp;VILLAGE FIGURES OF STRATHAM </h2><p class="st-hint" style="display:none;margin:0 0 22px;color:#9d8f71;font-size:0.82em;letter-spacing:2px;text-align:center"> — ✦ HOVER OVER A CARD TO REVEAL MORE ✦ — </p><div class="st-card" style="--c:#b46b2d;--glow:rgba(180,107,45,.32);max-width:1020px;margin:0 auto 28px;background:linear-gradient(165deg,#11150c,#070907);border:1px solid rgba(180,107,45,.55);border-radius:16px;overflow:hidden;box-shadow:0 0 26px rgba(180,107,45,.12)"><div style="padding:18px 16px 14px;text-align:center;background:linear-gradient(90deg, rgba(180,107,45,0) 0%, rgba(180,107,45,.16) 50%, rgba(180,107,45,0) 100%);border-bottom:1px solid rgba(180,107,45,.32)"><h3 style="margin:0;color:#d89a5d;font-size:1.45em;letter-spacing:3px">BRYNDA COPPERFERN</h3><p class="st-stat" style="margin:7px 0 10px;color:#9d8f71;font-size:0.82em;letter-spacing:2px">DWARF &nbsp;✦&nbsp; 126 &nbsp;✦&nbsp; HEAD HARVESTER &amp; BREWMASTER</p><span class="st-rbadge" style="display:inline-block;padding:5px 16px;color:#d89a5d;font-size:0.8em;letter-spacing:2px;border:1px solid #d89a5d;border-radius:999px;background:rgba(180,107,45,.08)"><b>HARVEST FOREWOMAN · CIDER-MAKER · FRUIT WINE MASTER</b></span></div><p style="text-align:center;margin:0;padding:18px 0 6px"><img class="st-img" src="https://files.catbox.moe/07ttel.png" width="520" style="max-width:90%;border:1px solid rgba(180,107,45,.45);border-radius:10px"></p><div style="padding:14px 30px 24px;color:#e1d8c0;font-size:0.93em;line-height:1.7;text-align:center"><p style="margin:10px 0"><b style="color:#d89a5d;letter-spacing:1px">ROLE ─</b> Head harvester of Stratham and brewmaster responsible for cider, fruit wine, berry liquor, and seasonal alcohol production.</p><p style="margin:10px 0"><b style="color:#d89a5d;letter-spacing:1px">PERSONALITY ─</b> Loud, practical, stubborn, warm when respected, terrifying when harvest crews slack off. She can judge a barrel by smell and a liar by posture.</p><div class="st-lore"><p style="margin:10px 0"><b style="color:#d89a5d;letter-spacing:1px">LORE ─</b> Brynda runs the harvest like a battlefield. She knows every orchard row, every cider press, every fermentation cellar, and every worker who thinks they can sneak a drink before bottling day.</p></div></div></div><div class="st-card" style="--c:#9fbe74;--glow:rgba(159,190,116,.32);max-width:1020px;margin:0 auto 28px;background:linear-gradient(165deg,#11150c,#070907);border:1px solid rgba(159,190,116,.52);border-radius:16px;overflow:hidden;box-shadow:0 0 26px rgba(159,190,116,.12)"><div style="padding:18px 16px 14px;text-align:center;background:linear-gradient(90deg, rgba(159,190,116,0) 0%, rgba(159,190,116,.14) 50%, rgba(159,190,116,0) 100%);border-bottom:1px solid rgba(159,190,116,.32)"><h3 style="margin:0;color:#9fbe74;font-size:1.45em;letter-spacing:3px">SERAPHINE VALE</h3><p class="st-stat" style="margin:7px 0 10px;color:#9d8f71;font-size:0.82em;letter-spacing:2px">HUMAN &nbsp;✦&nbsp; 34 &nbsp;✦&nbsp; FRUIT GUILD LEDGER-MISTRESS</p><span class="st-rbadge" style="display:inline-block;padding:5px 16px;color:#9fbe74;font-size:0.8em;letter-spacing:2px;border:1px solid #9fbe74;border-radius:999px;background:rgba(159,190,116,.08)"><b>ACCOUNT KEEPER · CONTRACT AUDITOR · QUIET POWER</b></span></div><p style="text-align:center;margin:0;padding:18px 0 6px"><img class="st-img" src="https://files.catbox.moe/eekkpn.png" width="520" style="max-width:90%;border:1px solid rgba(159,190,116,.45);border-radius:10px"></p><div style="padding:14px 30px 24px;color:#e1d8c0;font-size:0.93em;line-height:1.7;text-align:center"><p style="margin:10px 0"><b style="color:#9fbe74;letter-spacing:1px">ROLE ─</b> Keeper of Fruit Guild records, export ledgers, harvest tallies, debt notes, and signed contracts.</p><p style="margin:10px 0"><b style="color:#9fbe74;letter-spacing:1px">PERSONALITY ─</b> Polite, meticulous, reserved, and impossible to fool with numbers. She speaks softly because the ledgers speak loudly for her.</p><div class="st-lore"><p style="margin:10px 0"><b style="color:#9fbe74;letter-spacing:1px">LORE ─</b> Seraphine knows which merchants pay late, which nobles overpromise, and which villagers are quietly struggling. More than once, her records have saved Stratham from a bad contract.</p></div></div></div><div class="st-card" style="--c:#d78878;--glow:rgba(215,136,120,.32);max-width:1020px;margin:0 auto 28px;background:linear-gradient(165deg,#11150c,#070907);border:1px solid rgba(215,136,120,.52);border-radius:16px;overflow:hidden;box-shadow:0 0 26px rgba(215,136,120,.12)"><div style="padding:18px 16px 14px;text-align:center;background:linear-gradient(90deg, rgba(215,136,120,0) 0%, rgba(215,136,120,.14) 50%, rgba(215,136,120,0) 100%);border-bottom:1px solid rgba(215,136,120,.32)"><h3 style="margin:0;color:#d78878;font-size:1.45em;letter-spacing:3px">MIRA BRAMBLEWICK</h3><p class="st-stat" style="margin:7px 0 10px;color:#9d8f71;font-size:0.82em;letter-spacing:2px">HALFLING &nbsp;✦&nbsp; 41 &nbsp;✦&nbsp; MARKET MISTRESS</p><span class="st-rbadge" style="display:inline-block;padding:5px 16px;color:#d78878;font-size:0.8em;letter-spacing:2px;border:1px solid #d78878;border-radius:999px;background:rgba(215,136,120,.08)"><b>STALL WARDEN · PRICE SETTER · MARKET PEACEMAKER</b></span></div><p style="text-align:center;margin:0;padding:18px 0 6px"><img class="st-img" src="https://files.catbox.moe/maldvr.png" width="520" style="max-width:90%;border:1px solid rgba(215,136,120,.45);border-radius:10px"></p><div style="padding:14px 30px 24px;color:#e1d8c0;font-size:0.93em;line-height:1.7;text-align:center"><p style="margin:10px 0"><b style="color:#d78878;letter-spacing:1px">ROLE ─</b> Oversees Stratham’s market square, stall permits, public disputes, vendor placement, and daily fruit sales.</p><p style="margin:10px 0"><b style="color:#d78878;letter-spacing:1px">PERSONALITY ─</b> Cheerful, sharp-tongued, motherly, nosy, and impossible to intimidate. She smiles while charging double fines for dishonest scales.</p><div class="st-lore"><p style="margin:10px 0"><b style="color:#d78878;letter-spacing:1px">LORE ─</b> Mira hears everything before the guards do. If a merchant is cheating, a lover is sneaking around, or a stranger is asking suspicious questions, Mira usually knows by breakfast.</p></div></div></div><div class="st-card" style="--c:#7f9fbd;--glow:rgba(127,159,189,.32);max-width:1020px;margin:0 auto 28px;background:linear-gradient(165deg,#11150c,#070907);border:1px solid rgba(127,159,189,.52);border-radius:16px;overflow:hidden;box-shadow:0 0 26px rgba(127,159,189,.12)"><div style="padding:18px 16px 14px;text-align:center;background:linear-gradient(90deg, rgba(127,159,189,0) 0%, rgba(127,159,189,.14) 50%, rgba(127,159,189,0) 100%);border-bottom:1px solid rgba(127,159,189,.32)"><h3 style="margin:0;color:#9eb9d1;font-size:1.45em;letter-spacing:3px">GARRAN HOLT</h3><p class="st-stat" style="margin:7px 0 10px;color:#9d8f71;font-size:0.82em;letter-spacing:2px">HUMAN &nbsp;✦&nbsp; 46 &nbsp;✦&nbsp; ROADMASTER &amp; MASTER CARTER</p><span class="st-rbadge" style="display:inline-block;padding:5px 16px;color:#9eb9d1;font-size:0.8em;letter-spacing:2px;border:1px solid #9eb9d1;border-radius:999px;background:rgba(127,159,189,.08)"><b>WAGON BOSS · BRIDGE KEEPER · TRADE-ROAD BUILDER</b></span></div><p style="text-align:center;margin:0;padding:18px 0 6px"><img class="st-img" src="https://files.catbox.moe/8boivs.png" width="520" style="max-width:90%;border:1px solid rgba(127,159,189,.45);border-radius:10px"></p><div style="padding:14px 30px 24px;color:#e1d8c0;font-size:0.93em;line-height:1.7;text-align:center"><p style="margin:10px 0"><b style="color:#9eb9d1;letter-spacing:1px">ROLE ─</b> Maintains Stratham’s roads, wagons, bridges, wheelhouses, and trade-route supply schedules.</p><p style="margin:10px 0"><b style="color:#9eb9d1;letter-spacing:1px">PERSONALITY ─</b> Gruff, reliable, practical, and permanently tired of people overloading wagons. He trusts good wood, honest wheels, and very few nobles.</p><div class="st-lore"><p style="margin:10px 0"><b style="color:#9eb9d1;letter-spacing:1px">LORE ─</b> Garran knows every rut, bridge, weak turn, and ambush point on the roads out of Stratham. When a fruit wagon vanishes, he can usually tell where it happened by the mud left behind.</p></div></div></div><div class="st-card" style="--c:#c7933a;--glow:rgba(199,147,58,.30);max-width:1020px;margin:0 auto 28px;background:linear-gradient(165deg,#11150c,#070907);border:1px solid rgba(199,147,58,.48);border-radius:16px;overflow:hidden;box-shadow:0 0 26px rgba(199,147,58,.12)"><div style="padding:18px 16px 14px;text-align:center;background:linear-gradient(90deg, rgba(199,147,58,0) 0%, rgba(199,147,58,.14) 50%, rgba(199,147,58,0) 100%);border-bottom:1px solid rgba(199,147,58,.32)"><h3 style="margin:0;color:#c7933a;font-size:1.45em;letter-spacing:3px">OREN ASHWICK</h3><p class="st-stat" style="margin:7px 0 10px;color:#9d8f71;font-size:0.82em;letter-spacing:2px">HALF-ELF &nbsp;✦&nbsp; 58 &nbsp;✦&nbsp; ORCHARD WARDEN</p><span class="st-rbadge" style="display:inline-block;padding:5px 16px;color:#c7933a;font-size:0.8em;letter-spacing:2px;border:1px solid #c7933a;border-radius:999px;background:rgba(199,147,58,.08)"><b>TREE-KEEPER · BLIGHT-WATCHER · GRAFTING MASTER</b></span></div><p style="text-align:center;margin:0;padding:18px 0 6px"><img class="st-img" src="https://files.catbox.moe/f3a4wz.png" width="520" style="max-width:90%;border:1px solid rgba(199,147,58,.45);border-radius:10px"></p><div style="padding:14px 30px 24px;color:#e1d8c0;font-size:0.93em;line-height:1.7;text-align:center"><p style="margin:10px 0"><b style="color:#c7933a;letter-spacing:1px">ROLE ─</b> Oversees orchard health, grafting, soil treatment, pest control, blight reports, and the long-term survival of Stratham’s fruit trees.</p><p style="margin:10px 0"><b style="color:#c7933a;letter-spacing:1px">PERSONALITY ─</b> Patient, dry, observant, and strange in the way old orchard folk become strange. He speaks to trees more gently than he speaks to people.</p><div class="st-lore"><p style="margin:10px 0"><b style="color:#c7933a;letter-spacing:1px">LORE ─</b> Oren can identify a sick tree from across a field and a cursed root by touch. He is the first to know when the orchards are simply struggling — or when something beneath them has awakened.</p></div></div></div><p class="st-div" style="margin:26px 0;color:#dab046;text-align:center;font-size:0.95em;letter-spacing:2px"> ❖ ──────── ✦ ──────── ❖ </p><h2 class="st-h2" style="margin:0 0 6px;color:#f5e4b0;font-size:1.5em;letter-spacing:4px;text-align:center"> INTRO ROUTES </h2><p style="margin:0 0 20px;color:#9d8f71;font-size:0.85em;letter-spacing:2px;text-align:center"> — CHOOSE WHERE STRATHAM BEGINS — </p><div style="max-width:960px;margin:0 auto"><div class="st-intro" style="--c:#dab046;--glow:rgba(218,176,70,.30);margin:0 0 12px;padding:14px 20px;background:rgba(218,176,70,.04);border:1px solid rgba(218,176,70,.32);border-left:3px solid #dab046;border-radius:10px;color:#e1d8c0;font-size:0.93em;line-height:1.65"><b style="color:#ffd86a">I &nbsp;·&nbsp; THE MARKET BELL</b><span style="display:inline-block;padding:2px 10px;color:#f5e4b0;font-size:0.78em;letter-spacing:1px;border:1px solid rgba(245,228,176,.45);border-radius:999px">MAIN INTRO</span><br> Morning begins in Stratham’s market square, where fruit crates arrive, guild clerks argue, and a sealed letter reaches Victor’s hall. </div><div class="st-intro" style="--c:#8d1f1f;--glow:rgba(141,31,31,.35);margin:0 0 12px;padding:14px 20px;background:rgba(141,31,31,.05);border:1px solid rgba(141,31,31,.32);border-left:3px solid #8d1f1f;border-radius:10px;color:#e1d8c0;font-size:0.93em;line-height:1.65"><b style="color:#d78878">II &nbsp;·&nbsp; BLOOD ON THE ROAD</b><span style="display:inline-block;padding:2px 10px;color:#e7b2a4;font-size:0.78em;letter-spacing:1px;border:1px solid rgba(141,31,31,.45);border-radius:999px">DANGER ROUTE</span><br> A Fruit Guild wagon returns broken, its guards missing, its cargo untouched — except for one crate marked with a symbol no one recognizes. </div><div class="st-intro" style="--c:#486b31;--glow:rgba(72,107,49,.35);margin:0 0 12px;padding:14px 20px;background:rgba(72,107,49,.06);border:1px solid rgba(72,107,49,.32);border-left:3px solid #486b31;border-radius:10px;color:#e1d8c0;font-size:0.93em;line-height:1.65"><b style="color:#9fbe74">III &nbsp;·&nbsp; THE CURSED ORCHARD</b><span style="display:inline-block;padding:2px 10px;color:#cfe2b1;font-size:0.78em;letter-spacing:1px;border:1px solid rgba(72,107,49,.48);border-radius:999px">MYSTERY ROUTE</span><br> Apples blacken overnight on one side of the village, but the trees remain alive — and something beneath their roots is breathing. </div><div class="st-intro" style="--c:#c7933a;--glow:rgba(199,147,58,.30);margin:0 0 12px;padding:14px 20px;background:rgba(199,147,58,.05);border:1px solid rgba(199,147,58,.34);border-left:3px solid #c7933a;border-radius:10px;color:#e1d8c0;font-size:0.93em;line-height:1.65"><b style="color:#c7933a">IV &nbsp;·&nbsp; THE TRADE DELEGATION</b><span style="display:inline-block;padding:2px 10px;color:#f5e4b0;font-size:0.78em;letter-spacing:1px;border:1px solid rgba(245,228,176,.45);border-radius:999px">POLITICS ROUTE</span><br> A noble-backed trade house arrives with gifts, smiles, and a contract Lucien immediately dislikes. </div><div class="st-intro" style="--c:#f5e4b0;--glow:rgba(245,228,176,.25);margin:0 0 12px;padding:14px 20px;background:rgba(245,228,176,.04);border:1px solid rgba(245,228,176,.32);border-left:3px solid #f5e4b0;border-radius:10px;color:#e1d8c0;font-size:0.93em;line-height:1.65"><b style="color:#f5e4b0">V &nbsp;·&nbsp; HARVEST FESTIVAL</b><span style="display:inline-block;padding:2px 10px;color:#f5e4b0;font-size:0.78em;letter-spacing:1px;border:1px solid rgba(245,228,176,.45);border-radius:999px">SOCIAL ROUTE</span><br> Lanterns glow between apple branches, cider flows, visitors arrive, and every smile in Stratham hides a possible request. </div><div class="st-intro" style="--c:#7f9fbd;--glow:rgba(127,159,189,.32);margin:0 0 12px;padding:14px 20px;background:rgba(127,159,189,.05);border:1px solid rgba(127,159,189,.34);border-left:3px solid #7f9fbd;border-radius:10px;color:#e1d8c0;font-size:0.93em;line-height:1.65"><b style="color:#9eb9d1">VI &nbsp;·&nbsp; THE ADVENTURER QUEST BOARD</b><span style="display:inline-block;padding:2px 10px;color:#d8e6f1;font-size:0.78em;letter-spacing:1px;border:1px solid rgba(127,159,189,.45);border-radius:999px">ADVENTURER ROUTE</span><br> {{user}} studies Stratham’s rank board inside the tavern, only for Seraphine Vale to look up from her ledger and ask occupation, rank, homeland, and why this quest is worth risking trouble.</div><div class="st-intro" style="--c:#dab046;--glow:rgba(218,176,70,.30);margin:0 0 12px;padding:14px 20px;background:rgba(218,176,70,.04);border:1px solid rgba(218,176,70,.32);border-left:3px solid #dab046;border-radius:10px;color:#e1d8c0;font-size:0.93em;line-height:1.65"><b style="color:#ffd86a">VII &nbsp;·&nbsp; MERCHANT AT THE GATES</b><span style="display:inline-block;padding:2px 10px;color:#f5e4b0;font-size:0.78em;letter-spacing:1px;border:1px solid rgba(245,228,176,.45);border-radius:999px">MERCHANT ROUTE</span><br> {{user}} arrives with wagons, trade papers, and goods to sell, only to learn Stratham’s guards inspect cargo far more carefully than most villages.</div><div class="st-intro" style="--c:#8d1f1f;--glow:rgba(141,31,31,.35);margin:0 0 12px;padding:14px 20px;background:rgba(141,31,31,.05);border:1px solid rgba(141,31,31,.32);border-left:3px solid #8d1f1f;border-radius:10px;color:#e1d8c0;font-size:0.93em;line-height:1.65"><b style="color:#d78878">VIII &nbsp;·&nbsp; CAUGHT WITH STICKY FINGERS</b><span style="display:inline-block;padding:2px 10px;color:#e7b2a4;font-size:0.78em;letter-spacing:1px;border:1px solid rgba(141,31,31,.45);border-radius:999px">THIEF ROUTE</span><br> {{user}} is caught near a fruit stall, a coin box, or a sealed crate, and Mira Bramblewick is already marching over with murder in her eyes and market law in her fist.</div><div class="st-intro" style="--c:#486b31;--glow:rgba(72,107,49,.35);margin:0 0 12px;padding:14px 20px;background:rgba(72,107,49,.06);border:1px solid rgba(72,107,49,.32);border-left:3px solid #486b31;border-radius:10px;color:#e1d8c0;font-size:0.93em;line-height:1.65"><b style="color:#9fbe74">IX &nbsp;·&nbsp; THE JAIL CELL</b><span style="display:inline-block;padding:2px 10px;color:#cfe2b1;font-size:0.78em;letter-spacing:1px;border:1px solid rgba(72,107,49,.48);border-radius:999px">PRISONER ROUTE</span><br> {{user}} wakes behind iron bars beneath the guardhouse, with only half a memory, a confiscated pouch, and Araeth Ruene asking why Stratham should believe a word of it.</div><div class="st-intro" style="--c:#c7933a;--glow:rgba(199,147,58,.30);margin:0 0 12px;padding:14px 20px;background:rgba(199,147,58,.05);border:1px solid rgba(199,147,58,.34);border-left:3px solid #c7933a;border-radius:10px;color:#e1d8c0;font-size:0.93em;line-height:1.65"><b style="color:#c7933a">X &nbsp;·&nbsp; THE LOST PAPERS</b><span style="display:inline-block;padding:2px 10px;color:#f5e4b0;font-size:0.78em;letter-spacing:1px;border:1px solid rgba(245,228,176,.45);border-radius:999px">IDENTITY ROUTE</span><br> {{user}} is stopped during a routine ID check and cannot produce proper papers, turning an ordinary walk through Stratham into a very official problem.</div><div class="st-intro" style="--c:#f5e4b0;--glow:rgba(245,228,176,.25);margin:0 0 12px;padding:14px 20px;background:rgba(245,228,176,.04);border:1px solid rgba(245,228,176,.32);border-left:3px solid #f5e4b0;border-radius:10px;color:#e1d8c0;font-size:0.93em;line-height:1.65"><b style="color:#f5e4b0">XI &nbsp;·&nbsp; THE WRONG ADDRESS</b><span style="display:inline-block;padding:2px 10px;color:#f5e4b0;font-size:0.78em;letter-spacing:1px;border:1px solid rgba(245,228,176,.45);border-radius:999px">MISTAKE ROUTE</span><br> {{user}} arrives at the wrong home, wrong room, or wrong guild office, and somehow the misunderstanding only gets worse the longer everyone talks.</div><div class="st-intro" style="--c:#7f9fbd;--glow:rgba(127,159,189,.32);margin:0 0 12px;padding:14px 20px;background:rgba(127,159,189,.05);border:1px solid rgba(127,159,189,.34);border-left:3px solid #7f9fbd;border-radius:10px;color:#e1d8c0;font-size:0.93em;line-height:1.65"><b style="color:#9eb9d1">XII &nbsp;·&nbsp; THE RAIN-SOAKED CARAVAN</b><span style="display:inline-block;padding:2px 10px;color:#d8e6f1;font-size:0.78em;letter-spacing:1px;border:1px solid rgba(127,159,189,.45);border-radius:999px">ROAD ROUTE</span><br> A storm drives {{user}} and a battered caravan into Stratham, where Garran Holt immediately starts judging every wheel, strap, horse, and excuse.</div><div class="st-intro" style="--c:#dab046;--glow:rgba(218,176,70,.30);margin:0 0 12px;padding:14px 20px;background:rgba(218,176,70,.04);border:1px solid rgba(218,176,70,.32);border-left:3px solid #dab046;border-radius:10px;color:#e1d8c0;font-size:0.93em;line-height:1.65"><b style="color:#ffd86a">XIII &nbsp;·&nbsp; APPLE THIEF PANIC</b><span style="display:inline-block;padding:2px 10px;color:#f5e4b0;font-size:0.78em;letter-spacing:1px;border:1px solid rgba(245,228,176,.45);border-radius:999px">COMEDY ROUTE</span><br> A child points at {{user}} and shouts “apple thief,” whether true or not, and suddenly half the market wants an explanation.</div><div class="st-intro" style="--c:#8d1f1f;--glow:rgba(141,31,31,.35);margin:0 0 12px;padding:14px 20px;background:rgba(141,31,31,.05);border:1px solid rgba(141,31,31,.32);border-left:3px solid #8d1f1f;border-radius:10px;color:#e1d8c0;font-size:0.93em;line-height:1.65"><b style="color:#d78878">XIV &nbsp;·&nbsp; THE DUEL THAT WASN’T</b><span style="display:inline-block;padding:2px 10px;color:#e7b2a4;font-size:0.78em;letter-spacing:1px;border:1px solid rgba(141,31,31,.45);border-radius:999px">SOCIAL CHAOS</span><br> {{user}} is mistaken for someone who agreed to a public duel, and Xavier Cadell is watching closely to see whether this becomes his problem.</div><div class="st-intro" style="--c:#486b31;--glow:rgba(72,107,49,.35);margin:0 0 12px;padding:14px 20px;background:rgba(72,107,49,.06);border:1px solid rgba(72,107,49,.32);border-left:3px solid #486b31;border-radius:10px;color:#e1d8c0;font-size:0.93em;line-height:1.65"><b style="color:#9fbe74">XV &nbsp;·&nbsp; THE BREWER’S WARNING</b><span style="display:inline-block;padding:2px 10px;color:#cfe2b1;font-size:0.78em;letter-spacing:1px;border:1px solid rgba(72,107,49,.48);border-radius:999px">TAVERN ROUTE</span><br> Brynda Copperfern pours {{user}} one cup of cider and gives one warning: drink slow, speak honest, and do not touch the sealed barrel in the corner.</div><div class="st-intro" style="--c:#c7933a;--glow:rgba(199,147,58,.30);margin:0 0 12px;padding:14px 20px;background:rgba(199,147,58,.05);border:1px solid rgba(199,147,58,.34);border-left:3px solid #c7933a;border-radius:10px;color:#e1d8c0;font-size:0.93em;line-height:1.65"><b style="color:#c7933a">XVI &nbsp;·&nbsp; THE SEALED CONTRACT</b><span style="display:inline-block;padding:2px 10px;color:#f5e4b0;font-size:0.78em;letter-spacing:1px;border:1px solid rgba(245,228,176,.45);border-radius:999px">GUILD ROUTE</span><br> A contract appears with {{user}}’s name on it, though no one can agree who wrote it, who signed it, or why Lucien looks so irritated.</div><div class="st-intro" style="--c:#f5e4b0;--glow:rgba(245,228,176,.25);margin:0 0 12px;padding:14px 20px;background:rgba(245,228,176,.04);border:1px solid rgba(245,228,176,.32);border-left:3px solid #f5e4b0;border-radius:10px;color:#e1d8c0;font-size:0.93em;line-height:1.65"><b style="color:#f5e4b0">XVII &nbsp;·&nbsp; THE QUIET LEDGER</b><span style="display:inline-block;padding:2px 10px;color:#f5e4b0;font-size:0.78em;letter-spacing:1px;border:1px solid rgba(245,228,176,.45);border-radius:999px">INVESTIGATION ROUTE</span><br> Seraphine finds {{user}}’s name written inside a guild ledger that should have been blank, and her polite questions are sharper than most knives.</div><div class="st-intro" style="--c:#7f9fbd;--glow:rgba(127,159,189,.32);margin:0 0 12px;padding:14px 20px;background:rgba(127,159,189,.05);border:1px solid rgba(127,159,189,.34);border-left:3px solid #7f9fbd;border-radius:10px;color:#e1d8c0;font-size:0.93em;line-height:1.65"><b style="color:#9eb9d1">XVIII &nbsp;·&nbsp; THE BROKEN BRIDGE RUMOR</b><span style="display:inline-block;padding:2px 10px;color:#d8e6f1;font-size:0.78em;letter-spacing:1px;border:1px solid rgba(127,159,189,.45);border-radius:999px">RUMOR ROUTE</span><br> {{user}} hears whispers of a bridge that officially does not exist, and the locals suddenly become much less friendly when asked about it.</div><div class="st-intro" style="--c:#dab046;--glow:rgba(218,176,70,.30);margin:0 0 12px;padding:14px 20px;background:rgba(218,176,70,.04);border:1px solid rgba(218,176,70,.32);border-left:3px solid #dab046;border-radius:10px;color:#e1d8c0;font-size:0.93em;line-height:1.65"><b style="color:#ffd86a">XIX &nbsp;·&nbsp; THE MONASTERY BELL</b><span style="display:inline-block;padding:2px 10px;color:#f5e4b0;font-size:0.78em;letter-spacing:1px;border:1px solid rgba(245,228,176,.45);border-radius:999px">SACRED ROUTE</span><br> A bell rings at the wrong hour, drawing {{user}} toward monks, nuns, prayers, locked doors, and a warning no one wants spoken loudly.</div><div class="st-intro" style="--c:#8d1f1f;--glow:rgba(141,31,31,.35);margin:0 0 12px;padding:14px 20px;background:rgba(141,31,31,.05);border:1px solid rgba(141,31,31,.32);border-left:3px solid #8d1f1f;border-radius:10px;color:#e1d8c0;font-size:0.93em;line-height:1.65"><b style="color:#d78878">XX &nbsp;·&nbsp; THE BOUNTY MISTAKE</b><span style="display:inline-block;padding:2px 10px;color:#e7b2a4;font-size:0.78em;letter-spacing:1px;border:1px solid rgba(141,31,31,.45);border-radius:999px">BOUNTY ROUTE</span><br> A bounty notice on the tavern board looks unsettlingly like {{user}}, except the listed crime happened three days before {{user}} arrived.</div><div class="st-intro" style="--c:#486b31;--glow:rgba(72,107,49,.35);margin:0 0 12px;padding:14px 20px;background:rgba(72,107,49,.06);border:1px solid rgba(72,107,49,.32);border-left:3px solid #486b31;border-radius:10px;color:#e1d8c0;font-size:0.93em;line-height:1.65"><b style="color:#9fbe74">XXI &nbsp;·&nbsp; THE BEAST IN THE BERRY ROWS</b><span style="display:inline-block;padding:2px 10px;color:#cfe2b1;font-size:0.78em;letter-spacing:1px;border:1px solid rgba(72,107,49,.48);border-radius:999px">MONSTER ROUTE</span><br> Something large is moving through the berry fields at night, leaving crushed bushes, missing livestock, and workers too frightened to pick alone.</div><div class="st-intro" style="--c:#c7933a;--glow:rgba(199,147,58,.30);margin:0 0 12px;padding:14px 20px;background:rgba(199,147,58,.05);border:1px solid rgba(199,147,58,.34);border-left:3px solid #c7933a;border-radius:10px;color:#e1d8c0;font-size:0.93em;line-height:1.65"><b style="color:#c7933a">XXII &nbsp;·&nbsp; THE FAKE NOBLE</b><span style="display:inline-block;padding:2px 10px;color:#f5e4b0;font-size:0.78em;letter-spacing:1px;border:1px solid rgba(245,228,176,.45);border-radius:999px">DECEPTION ROUTE</span><br> Someone claims {{user}} is a noble in disguise, and now half the village is either bowing, doubting, laughing, or preparing paperwork.</div><div class="st-intro" style="--c:#f5e4b0;--glow:rgba(245,228,176,.25);margin:0 0 12px;padding:14px 20px;background:rgba(245,228,176,.04);border:1px solid rgba(245,228,176,.32);border-left:3px solid #f5e4b0;border-radius:10px;color:#e1d8c0;font-size:0.93em;line-height:1.65"><b style="color:#f5e4b0">XXIII &nbsp;·&nbsp; THE HUNGRY PILGRIM</b><span style="display:inline-block;padding:2px 10px;color:#f5e4b0;font-size:0.78em;letter-spacing:1px;border:1px solid rgba(245,228,176,.45);border-radius:999px">PILGRIM ROUTE</span><br> {{user}} reaches Stratham hungry, tired, and road-worn, and the monastery offers bread, warmth, and questions that feel almost too gentle.</div><div class="st-intro" style="--c:#7f9fbd;--glow:rgba(127,159,189,.32);margin:0 0 12px;padding:14px 20px;background:rgba(127,159,189,.05);border:1px solid rgba(127,159,189,.34);border-left:3px solid #7f9fbd;border-radius:10px;color:#e1d8c0;font-size:0.93em;line-height:1.65"><b style="color:#9eb9d1">XXIV &nbsp;·&nbsp; THE DOCKSIDE PACKAGE</b><span style="display:inline-block;padding:2px 10px;color:#d8e6f1;font-size:0.78em;letter-spacing:1px;border:1px solid rgba(127,159,189,.45);border-radius:999px">SMUGGLER ROUTE</span><br> A stranger shoves a wrapped package into {{user}}’s hands near the docks and vanishes just before the guards begin checking names.</div><div class="st-intro" style="--c:#dab046;--glow:rgba(218,176,70,.30);margin:0 0 12px;padding:14px 20px;background:rgba(218,176,70,.04);border:1px solid rgba(218,176,70,.32);border-left:3px solid #dab046;border-radius:10px;color:#e1d8c0;font-size:0.93em;line-height:1.65"><b style="color:#ffd86a">XXV &nbsp;·&nbsp; THE TAVERN TAB</b><span style="display:inline-block;padding:2px 10px;color:#f5e4b0;font-size:0.78em;letter-spacing:1px;border:1px solid rgba(245,228,176,.45);border-radius:999px">COMEDY ROUTE</span><br> {{user}} is accused of running up a tavern tab under a name they may or may not have used, and the innkeeper has witnesses, stains, and opinions.</div><div class="st-intro" style="--c:#8d1f1f;--glow:rgba(141,31,31,.35);margin:0 0 12px;padding:14px 20px;background:rgba(141,31,31,.05);border:1px solid rgba(141,31,31,.32);border-left:3px solid #8d1f1f;border-radius:10px;color:#e1d8c0;font-size:0.93em;line-height:1.65"><b style="color:#d78878">XXVI &nbsp;·&nbsp; THE NIGHT PATROL</b><span style="display:inline-block;padding:2px 10px;color:#e7b2a4;font-size:0.78em;letter-spacing:1px;border:1px solid rgba(141,31,31,.45);border-radius:999px">GUARD ROUTE</span><br> {{user}} is out after dark when the patrol lanterns appear, and Araeth’s question is simple: why are you walking where trouble usually starts?</div><div class="st-intro" style="--c:#486b31;--glow:rgba(72,107,49,.35);margin:0 0 12px;padding:14px 20px;background:rgba(72,107,49,.06);border:1px solid rgba(72,107,49,.32);border-left:3px solid #486b31;border-radius:10px;color:#e1d8c0;font-size:0.93em;line-height:1.65"><b style="color:#9fbe74">XXVII &nbsp;·&nbsp; THE ROOT THAT MOVED</b><span style="display:inline-block;padding:2px 10px;color:#cfe2b1;font-size:0.78em;letter-spacing:1px;border:1px solid rgba(72,107,49,.48);border-radius:999px">ORCHARD ROUTE</span><br> Oren Ashwick asks {{user}} to stand very still, because the root crossing the path was not there a moment ago.</div><div class="st-intro" style="--c:#c7933a;--glow:rgba(199,147,58,.30);margin:0 0 12px;padding:14px 20px;background:rgba(199,147,58,.05);border:1px solid rgba(199,147,58,.34);border-left:3px solid #c7933a;border-radius:10px;color:#e1d8c0;font-size:0.93em;line-height:1.65"><b style="color:#c7933a">XXVIII &nbsp;·&nbsp; THE AUCTIONED CRATE</b><span style="display:inline-block;padding:2px 10px;color:#f5e4b0;font-size:0.78em;letter-spacing:1px;border:1px solid rgba(245,228,176,.45);border-radius:999px">MARKET ROUTE</span><br> A mystery crate is auctioned in the market, and every bidder seems to know something about it except {{user}}.</div><div class="st-intro" style="--c:#f5e4b0;--glow:rgba(245,228,176,.25);margin:0 0 12px;padding:14px 20px;background:rgba(245,228,176,.04);border:1px solid rgba(245,228,176,.32);border-left:3px solid #f5e4b0;border-radius:10px;color:#e1d8c0;font-size:0.93em;line-height:1.65"><b style="color:#f5e4b0">XXIX &nbsp;·&nbsp; THE WRONG QUEST</b><span style="display:inline-block;padding:2px 10px;color:#f5e4b0;font-size:0.78em;letter-spacing:1px;border:1px solid rgba(245,228,176,.45);border-radius:999px">ADVENTURER ROUTE</span><br> {{user}} accepts what looks like a simple errand, only to learn the request paper was pinned beneath the wrong rank marker.</div><div class="st-intro" style="--c:#7f9fbd;--glow:rgba(127,159,189,.32);margin:0 0 12px;padding:14px 20px;background:rgba(127,159,189,.05);border:1px solid rgba(127,159,189,.34);border-left:3px solid #7f9fbd;border-radius:10px;color:#e1d8c0;font-size:0.93em;line-height:1.65"><b style="color:#9eb9d1">XXX &nbsp;·&nbsp; THE FIVE-MONTH TRAVELER</b><span style="display:inline-block;padding:2px 10px;color:#d8e6f1;font-size:0.78em;letter-spacing:1px;border:1px solid rgba(127,159,189,.45);border-radius:999px">OUTSIDER ROUTE</span><br> {{user}} arrives from distant lands after months of travel, and Stratham’s first question is not welcome, but why come this far?</div><div class="st-intro" style="--c:#dab046;--glow:rgba(218,176,70,.30);margin:0 0 12px;padding:14px 20px;background:rgba(218,176,70,.04);border:1px solid rgba(218,176,70,.32);border-left:3px solid #dab046;border-radius:10px;color:#e1d8c0;font-size:0.93em;line-height:1.65"><b style="color:#ffd86a">XXXI &nbsp;·&nbsp; THE BERRY GUILD DISPUTE</b><span style="display:inline-block;padding:2px 10px;color:#f5e4b0;font-size:0.78em;letter-spacing:1px;border:1px solid rgba(245,228,176,.45);border-radius:999px">GUILD ROUTE</span><br> Two berry growers accuse each other of sabotage, and {{user}} is dragged into a dispute sticky with syrup, pride, and suspiciously crushed fruit.</div><div class="st-intro" style="--c:#8d1f1f;--glow:rgba(141,31,31,.35);margin:0 0 12px;padding:14px 20px;background:rgba(141,31,31,.05);border:1px solid rgba(141,31,31,.32);border-left:3px solid #8d1f1f;border-radius:10px;color:#e1d8c0;font-size:0.93em;line-height:1.65"><b style="color:#d78878">XXXII &nbsp;·&nbsp; GOBLINS IN THE STOREHOUSE</b><span style="display:inline-block;padding:2px 10px;color:#e7b2a4;font-size:0.78em;letter-spacing:1px;border:1px solid rgba(141,31,31,.45);border-radius:999px">GOBLIN ROUTE</span><br> Screaming erupts from a storehouse, Mira is already cursing, and {{user}} may have walked into Stratham’s least dignified goblin problem.</div><div class="st-intro" style="--c:#486b31;--glow:rgba(72,107,49,.35);margin:0 0 12px;padding:14px 20px;background:rgba(72,107,49,.06);border:1px solid rgba(72,107,49,.32);border-left:3px solid #486b31;border-radius:10px;color:#e1d8c0;font-size:0.93em;line-height:1.65"><b style="color:#9fbe74">XXXIII &nbsp;·&nbsp; THE SICK TREE</b><span style="display:inline-block;padding:2px 10px;color:#cfe2b1;font-size:0.78em;letter-spacing:1px;border:1px solid rgba(72,107,49,.48);border-radius:999px">BLIGHT ROUTE</span><br> A single tree begins leaking black sap, and Oren quietly asks {{user}} not to touch the fruit no matter what it whispers.</div><div class="st-intro" style="--c:#c7933a;--glow:rgba(199,147,58,.30);margin:0 0 12px;padding:14px 20px;background:rgba(199,147,58,.05);border:1px solid rgba(199,147,58,.34);border-left:3px solid #c7933a;border-radius:10px;color:#e1d8c0;font-size:0.93em;line-height:1.65"><b style="color:#c7933a">XXXIV &nbsp;·&nbsp; THE QUIET ENVOY</b><span style="display:inline-block;padding:2px 10px;color:#f5e4b0;font-size:0.78em;letter-spacing:1px;border:1px solid rgba(245,228,176,.45);border-radius:999px">DIPLOMACY ROUTE</span><br> {{user}} enters Stratham as an envoy, diplomat, noble agent, or messenger, and Lucien Veyr smiles like someone already reading the trap.</div><div class="st-intro" style="--c:#f5e4b0;--glow:rgba(245,228,176,.25);margin:0 0 12px;padding:14px 20px;background:rgba(245,228,176,.04);border:1px solid rgba(245,228,176,.32);border-left:3px solid #f5e4b0;border-radius:10px;color:#e1d8c0;font-size:0.93em;line-height:1.65"><b style="color:#f5e4b0">XXXV &nbsp;·&nbsp; THE CHILD’S SECRET</b><span style="display:inline-block;padding:2px 10px;color:#f5e4b0;font-size:0.78em;letter-spacing:1px;border:1px solid rgba(245,228,176,.45);border-radius:999px">MYSTERY ROUTE</span><br> A village child slips {{user}} a folded note and whispers that the adults are lying about what happened near the old orchard road.</div><div class="st-intro" style="--c:#7f9fbd;--glow:rgba(127,159,189,.32);margin:0 0 12px;padding:14px 20px;background:rgba(127,159,189,.05);border:1px solid rgba(127,159,189,.34);border-left:3px solid #7f9fbd;border-radius:10px;color:#e1d8c0;font-size:0.93em;line-height:1.65"><b style="color:#9eb9d1">XXXVI &nbsp;·&nbsp; THE CARRIER PIGEON</b><span style="display:inline-block;padding:2px 10px;color:#d8e6f1;font-size:0.78em;letter-spacing:1px;border:1px solid rgba(127,159,189,.45);border-radius:999px">MESSAGE ROUTE</span><br> A pigeon collapses at {{user}}’s feet with a tiny message tube, a smear of blood, and a seal no village clerk wants to recognize.</div><div class="st-intro" style="--c:#dab046;--glow:rgba(218,176,70,.30);margin:0 0 12px;padding:14px 20px;background:rgba(218,176,70,.04);border:1px solid rgba(218,176,70,.32);border-left:3px solid #dab046;border-radius:10px;color:#e1d8c0;font-size:0.93em;line-height:1.65"><b style="color:#ffd86a">XXXVII &nbsp;·&nbsp; THE TOO-CHEAP WINE</b><span style="display:inline-block;padding:2px 10px;color:#f5e4b0;font-size:0.78em;letter-spacing:1px;border:1px solid rgba(245,228,176,.45);border-radius:999px">TAVERN ROUTE</span><br> A bottle of rare berry wine is sold to {{user}} for far too little coin, which means it is either stolen, poisoned, cursed, or all three.</div><div class="st-intro" style="--c:#8d1f1f;--glow:rgba(141,31,31,.35);margin:0 0 12px;padding:14px 20px;background:rgba(141,31,31,.05);border:1px solid rgba(141,31,31,.32);border-left:3px solid #8d1f1f;border-radius:10px;color:#e1d8c0;font-size:0.93em;line-height:1.65"><b style="color:#d78878">XXXVIII &nbsp;·&nbsp; THE KNIFE IN THE APPLE</b><span style="display:inline-block;padding:2px 10px;color:#e7b2a4;font-size:0.78em;letter-spacing:1px;border:1px solid rgba(141,31,31,.45);border-radius:999px">ASSASSIN ROUTE</span><br> {{user}} finds a thin blade hidden inside a polished red apple meant for someone important.</div><div class="st-intro" style="--c:#486b31;--glow:rgba(72,107,49,.35);margin:0 0 12px;padding:14px 20px;background:rgba(72,107,49,.06);border:1px solid rgba(72,107,49,.32);border-left:3px solid #486b31;border-radius:10px;color:#e1d8c0;font-size:0.93em;line-height:1.65"><b style="color:#9fbe74">XXXIX &nbsp;·&nbsp; THE ANGRY GOAT</b><span style="display:inline-block;padding:2px 10px;color:#cfe2b1;font-size:0.78em;letter-spacing:1px;border:1px solid rgba(72,107,49,.48);border-radius:999px">SILLY ROUTE</span><br> An escaped goat barrels through the market with a stolen wreath, and somehow {{user}} is now responsible for catching it before it reaches the cider stalls.</div><div class="st-intro" style="--c:#c7933a;--glow:rgba(199,147,58,.30);margin:0 0 12px;padding:14px 20px;background:rgba(199,147,58,.05);border:1px solid rgba(199,147,58,.34);border-left:3px solid #c7933a;border-radius:10px;color:#e1d8c0;font-size:0.93em;line-height:1.65"><b style="color:#c7933a">XL &nbsp;·&nbsp; THE CONSTRUCTION ACCIDENT</b><span style="display:inline-block;padding:2px 10px;color:#f5e4b0;font-size:0.78em;letter-spacing:1px;border:1px solid rgba(245,228,176,.45);border-radius:999px">WORKSITE ROUTE</span><br> A scaffold collapses near {{user}}, and Garrick Valeton begins shouting about bad beams, worse math, and someone trying to sabotage his work.</div><div class="st-intro" style="--c:#f5e4b0;--glow:rgba(245,228,176,.25);margin:0 0 12px;padding:14px 20px;background:rgba(245,228,176,.04);border:1px solid rgba(245,228,176,.32);border-left:3px solid #f5e4b0;border-radius:10px;color:#e1d8c0;font-size:0.93em;line-height:1.65"><b style="color:#f5e4b0">XLI &nbsp;·&nbsp; THE FORGED ID</b><span style="display:inline-block;padding:2px 10px;color:#f5e4b0;font-size:0.78em;letter-spacing:1px;border:1px solid rgba(245,228,176,.45);border-radius:999px">LAW ROUTE</span><br> Someone carrying forged Stratham papers uses {{user}}’s name, and Seraphine wants to know whether this is coincidence, fraud, or bait.</div><div class="st-intro" style="--c:#7f9fbd;--glow:rgba(127,159,189,.32);margin:0 0 12px;padding:14px 20px;background:rgba(127,159,189,.05);border:1px solid rgba(127,159,189,.34);border-left:3px solid #7f9fbd;border-radius:10px;color:#e1d8c0;font-size:0.93em;line-height:1.65"><b style="color:#9eb9d1">XLII &nbsp;·&nbsp; THE SHIP THAT SHOULD NOT BE HERE</b><span style="display:inline-block;padding:2px 10px;color:#d8e6f1;font-size:0.78em;letter-spacing:1px;border:1px solid rgba(127,159,189,.45);border-radius:999px">HARBOR ROUTE</span><br> A boat arrives under fog with no flag, no cargo manifest, and sailors who refuse to say where they saw Stratham’s lights.</div><div class="st-intro" style="--c:#dab046;--glow:rgba(218,176,70,.30);margin:0 0 12px;padding:14px 20px;background:rgba(218,176,70,.04);border:1px solid rgba(218,176,70,.32);border-left:3px solid #dab046;border-radius:10px;color:#e1d8c0;font-size:0.93em;line-height:1.65"><b style="color:#ffd86a">XLIII &nbsp;·&nbsp; THE HIDDEN MAP</b><span style="display:inline-block;padding:2px 10px;color:#f5e4b0;font-size:0.78em;letter-spacing:1px;border:1px solid rgba(245,228,176,.45);border-radius:999px">SECRET ROUTE</span><br> {{user}} finds a map that shows more of Stratham than outsiders should ever know, and the nearest local goes very still.</div><div class="st-intro" style="--c:#8d1f1f;--glow:rgba(141,31,31,.35);margin:0 0 12px;padding:14px 20px;background:rgba(141,31,31,.05);border:1px solid rgba(141,31,31,.32);border-left:3px solid #8d1f1f;border-radius:10px;color:#e1d8c0;font-size:0.93em;line-height:1.65"><b style="color:#d78878">XLIV &nbsp;·&nbsp; THE ARMED STRANGER</b><span style="display:inline-block;padding:2px 10px;color:#e7b2a4;font-size:0.78em;letter-spacing:1px;border:1px solid rgba(141,31,31,.45);border-radius:999px">TENSION ROUTE</span><br> {{user}} enters Stratham armed, watched, and maybe expected, while Xavier decides whether to greet them or disarm them first.</div><div class="st-intro" style="--c:#486b31;--glow:rgba(72,107,49,.35);margin:0 0 12px;padding:14px 20px;background:rgba(72,107,49,.06);border:1px solid rgba(72,107,49,.32);border-left:3px solid #486b31;border-radius:10px;color:#e1d8c0;font-size:0.93em;line-height:1.65"><b style="color:#9fbe74">XLV &nbsp;·&nbsp; THE BEASTKIN SCOUT</b><span style="display:inline-block;padding:2px 10px;color:#cfe2b1;font-size:0.78em;letter-spacing:1px;border:1px solid rgba(72,107,49,.48);border-radius:999px">SCOUT ROUTE</span><br> A beastkin scout brings warning of movement beyond the orchards, and {{user}} is present when the report reaches Stratham’s defenders.</div><div class="st-intro" style="--c:#c7933a;--glow:rgba(199,147,58,.30);margin:0 0 12px;padding:14px 20px;background:rgba(199,147,58,.05);border:1px solid rgba(199,147,58,.34);border-left:3px solid #c7933a;border-radius:10px;color:#e1d8c0;font-size:0.93em;line-height:1.65"><b style="color:#c7933a">XLVI &nbsp;·&nbsp; THE PLATINUM COIN</b><span style="display:inline-block;padding:2px 10px;color:#f5e4b0;font-size:0.78em;letter-spacing:1px;border:1px solid rgba(245,228,176,.45);border-radius:999px">MONEY ROUTE</span><br> {{user}} pays with platinum in a place where copper is normal, and suddenly every merchant, clerk, thief, and guard wants to know why.</div><div class="st-intro" style="--c:#f5e4b0;--glow:rgba(245,228,176,.25);margin:0 0 12px;padding:14px 20px;background:rgba(245,228,176,.04);border:1px solid rgba(245,228,176,.32);border-left:3px solid #f5e4b0;border-radius:10px;color:#e1d8c0;font-size:0.93em;line-height:1.65"><b style="color:#f5e4b0">XLVII &nbsp;·&nbsp; THE ORC GUARD’S FAVOR</b><span style="display:inline-block;padding:2px 10px;color:#f5e4b0;font-size:0.78em;letter-spacing:1px;border:1px solid rgba(245,228,176,.45);border-radius:999px">LOCAL ROUTE</span><br> An orc guard quietly asks {{user}} for help with something personal, proving Stratham’s problems are not always written on official boards.</div><div class="st-intro" style="--c:#7f9fbd;--glow:rgba(127,159,189,.32);margin:0 0 12px;padding:14px 20px;background:rgba(127,159,189,.05);border:1px solid rgba(127,159,189,.34);border-left:3px solid #7f9fbd;border-radius:10px;color:#e1d8c0;font-size:0.93em;line-height:1.65"><b style="color:#9eb9d1">XLVIII &nbsp;·&nbsp; THE DRAGONBORN SAILOR</b><span style="display:inline-block;padding:2px 10px;color:#d8e6f1;font-size:0.78em;letter-spacing:1px;border:1px solid rgba(127,159,189,.45);border-radius:999px">HARBOR SOCIAL</span><br> A dragonborn sailor recognizes something {{user}} carries and offers a warning in exchange for silence, drink, or both.</div><div class="st-intro" style="--c:#dab046;--glow:rgba(218,176,70,.30);margin:0 0 12px;padding:14px 20px;background:rgba(218,176,70,.04);border:1px solid rgba(218,176,70,.32);border-left:3px solid #dab046;border-radius:10px;color:#e1d8c0;font-size:0.93em;line-height:1.65"><b style="color:#ffd86a">XLIX &nbsp;·&nbsp; THE STOLEN HORSE</b><span style="display:inline-block;padding:2px 10px;color:#f5e4b0;font-size:0.78em;letter-spacing:1px;border:1px solid rgba(245,228,176,.45);border-radius:999px">ROAD ROUTE</span><br> A stolen horse runs straight to {{user}}, and Garran Holt wants answers before the rightful owner, the thief, or the horse bites someone.</div><div class="st-intro" style="--c:#8d1f1f;--glow:rgba(141,31,31,.35);margin:0 0 12px;padding:14px 20px;background:rgba(141,31,31,.05);border:1px solid rgba(141,31,31,.32);border-left:3px solid #8d1f1f;border-radius:10px;color:#e1d8c0;font-size:0.93em;line-height:1.65"><b style="color:#d78878">L &nbsp;·&nbsp; THE QUIET BODY</b><span style="display:inline-block;padding:2px 10px;color:#e7b2a4;font-size:0.78em;letter-spacing:1px;border:1px solid rgba(141,31,31,.45);border-radius:999px">MURDER ROUTE</span><br> A body is found where no body should be, and {{user}} is close enough to be a witness, a suspect, or the only person who noticed the missing clue.</div><div class="st-intro" style="--c:#486b31;--glow:rgba(72,107,49,.35);margin:0 0 12px;padding:14px 20px;background:rgba(72,107,49,.06);border:1px solid rgba(72,107,49,.32);border-left:3px solid #486b31;border-radius:10px;color:#e1d8c0;font-size:0.93em;line-height:1.65"><b style="color:#9fbe74">LI &nbsp;·&nbsp; THE DAY STRATHAM TRUSTS YOU</b><span style="display:inline-block;padding:2px 10px;color:#cfe2b1;font-size:0.78em;letter-spacing:1px;border:1px solid rgba(72,107,49,.48);border-radius:999px">TRUST ROUTE</span><br> After enough time, work, or loyalty, {{user}} is quietly invited somewhere outsiders are never shown, and Stratham’s sweetest face begins to reveal its hidden roots.</div></div></div>

    Chub

    12,627 tokens

  • Aether Nova

    <div><style>@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Cinzel+Decorative:wght@700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=MedievalSharp&display=swap'); @keyframes fadeIn{ from{ opacity: 0; transform: translateY(20px)} to{ opacity: 1; transform: translateY(0)}} @keyframes shimmer{ 0%{ background-position: -200% center;} 100%{ background-position: 200% center;}} @keyframes float{ 0%, 100%{ transform: translateY(0);} 50%{ transform: translateY(-10px);}} @keyframes pulseGlow{ 0%, 100%{ box-shadow: 0 0 20px rgba(212, 175, 55, 0.3), 0 0 40px rgba(139, 69, 19, 0.2);} 50%{ box-shadow: 0 0 30px rgba(212, 175, 55, 0.5), 0 0 60px rgba(139, 69, 19, 0.3);}} @keyframes glitch{ 0%, 100%{ transform: translate(0); opacity: 1;} 10%{ transform: translate(-3px, 1px); opacity: 0.8;} 20%{ transform: translate(3px, -1px); opacity: 0.9;} 30%{ transform: translate(-2px, 2px); opacity: 0.7;} 40%{ transform: translate(2px, -2px); opacity: 0.9;} 50%{ transform: translate(-1px, 1px); opacity: 0.8;} 60%{ transform: translate(1px, -1px); opacity: 1;} 70%{ transform: translate(-3px, 0); opacity: 0.7;} 80%{ transform: translate(3px, 0); opacity: 0.9;} 90%{ transform: translate(-1px, 2px); opacity: 0.8;}} @keyframes glitchColor{ 0%{ clip-path: inset(40% 0 60% 0); transform: translate(-2px); filter: hue-rotate(10deg);} 20%{ clip-path: inset(92% 0 1% 0); transform: translate(1px); filter: hue-rotate(-10deg);} 40%{ clip-path: inset(43% 0 1% 0); transform: translate(-1px); filter: hue-rotate(5deg);} 60%{ clip-path: inset(25% 0 58% 0); transform: translate(2px); filter: hue-rotate(-5deg);} 80%{ clip-path: inset(54% 0 7% 0); transform: translate(-1px); filter: hue-rotate(15deg);} 100%{ clip-path: inset(58% 0 43% 0); transform: translate(0); filter: hue-rotate(0deg);}} @keyframes distortion{ 0%{ filter: hue-rotate(0deg) contrast(1) saturate(1);} 50%{ filter: hue-rotate(15deg) contrast(1.1) saturate(1.2);} 100%{ filter: hue-rotate(0deg) contrast(1) saturate(1);}} @keyframes demonPulse{ 0%, 100%{ box-shadow: 0 0 20px rgba(255, 0, 0, 0.3), 0 0 40px rgba(139, 0, 0, 0.2);} 50%{ box-shadow: 0 0 30px rgba(255, 0, 0, 0.5), 0 0 60px rgba(139, 0, 0, 0.3);}} @keyframes skyPulse{ 0%, 100%{ box-shadow: 0 0 20px rgba(135, 206, 250, 0.3), 0 0 40px rgba(30, 144, 255, 0.2);} 50%{ box-shadow: 0 0 30px rgba(135, 206, 250, 0.5), 0 0 60px rgba(30, 144, 255, 0.3);}} @keyframes scanline{ 0%{ transform: translateY(-100%);} 100%{ transform: translateY(100vh);}} :root{ --demon-primary: #ff0000; --demon-secondary: #8b0000; --demon-accent: #ff4500; --demon-bg: rgba(20, 0, 0, 0.75); --sky-primary: #87cefa; --sky-secondary: #1e90ff; --sky-accent: #b0e0e6; --sky-bg: rgba(135, 206, 250, 0.15); --gold-primary: #d4af37; --text-light: #e8e0d5; --text-muted: #a09080; --transition-speed: .4s cubic-bezier(.25, .8, .25, 1)} body::before{ content: ''; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: radial-gradient(ellipse at 20% 50%, rgba(139, 0, 0, 0.2) 0%, transparent 50%), radial-gradient(ellipse at 80% 50%, rgba(30, 144, 255, 0.15) 0%, transparent 50%), linear-gradient(180deg, rgba(10, 0, 0, 0.9) 0%, rgba(0, 20, 40, 0.9) 50%, rgba(10, 0, 0, 0.9) 100%); z-index: 0; pointer-events: none; animation: distortion 8s infinite;} body::after{ content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 2px; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent); animation: scanline 8s linear infinite; z-index: 9999; pointer-events: none;} *{ scrollbar-color: #2a2035 #0a0812 !important;} ::-webkit-scrollbar{ width: 12px;} ::-webkit-scrollbar-track{ background: linear-gradient(180deg, rgba(139, 0, 0, 0.3), rgba(30, 144, 255, 0.3)); border-radius: 6px;} ::-webkit-scrollbar-thumb{ background: linear-gradient(180deg, var(--demon-primary), var(--sky-secondary), var(--demon-primary)); border-radius: 6px; border: 2px solid rgba(0, 0, 0, 0.5); box-shadow: 0 0 10px rgba(255, 0, 0, 0.5);} .character-card{ position: relative; max-width: 1000px; margin: 2rem auto; background: rgba(10, 5, 15, 0.7); border: 3px solid transparent; border-image: linear-gradient(180deg, var(--demon-primary), var(--gold-primary), var(--sky-secondary)) 1; border-radius: 0; padding: 20px; box-shadow: 0 0 30px rgba(255, 0, 0, 0.2), 0 0 60px rgba(30, 144, 255, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.5); font-family: 'MedievalSharp', cursive; overflow: hidden; animation: fadeIn 1s var(--transition-speed) backwards; backdrop-filter: blur(10px);} .character-card::before{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(90deg, rgba(139, 0, 0, 0.1) 0%, transparent 50%, rgba(30, 144, 255, 0.1) 100%), url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23d4af37' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); pointer-events: none; z-index: -1; animation: glitch 10s infinite;} .character-card::after{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: repeating-linear-gradient(0deg, rgba(0, 0, 0, 0.15) 0px, rgba(0, 0, 0, 0.15) 1px, transparent 1px, transparent 2px); pointer-events: none; z-index: 1;} .header{ text-align: center; margin-bottom: 25px; padding-bottom: 20px; position: relative; border-bottom: 2px solid; border-image: linear-gradient(90deg, var(--demon-primary), var(--gold-primary), var(--sky-secondary)) 1; animation: glitch 15s infinite;} .header::before, .header::after{ content: '⚔'; position: absolute; bottom: -15px; font-size: 1.5rem; color: var(--gold-primary); text-shadow: 0 0 15px rgba(212, 175, 55, 0.5); animation: glitch 8s infinite;} .header::before{ left: 20%;} .header::after{ right: 20%;} .header .character-name{ font-family: 'Cinzel Decorative', serif; font-size: 2.5rem; background: linear-gradient(135deg, var(--demon-primary), var(--gold-primary), var(--sky-secondary), var(--gold-primary), var(--demon-primary)); background-size: 200% auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; animation: shimmer 3s linear infinite, glitch 12s infinite; text-transform: uppercase; letter-spacing: 4px; margin-bottom: 8px; text-shadow: none; filter: drop-shadow(0 0 10px rgba(255, 0, 0, 0.5)) drop-shadow(0 0 20px rgba(30, 144, 255, 0.3));} .header .character-tagline{ font-family: 'MedievalSharp', cursive; font-size: 1.1rem; color: var(--sky-accent); margin-top: 5px; font-style: italic; text-shadow: 0 0 10px rgba(135, 206, 250, 0.5); animation: glitch 10s infinite;} .main-flex-container{ display: flex; flex-direction: row; flex-wrap: wrap; gap: 20px; margin-bottom: 30px;} .left-column{ flex: 1 1 350px; min-width: 0; display: flex; flex-direction: column; gap: 20px; position: relative;} .left-column::before{ content: ''; position: absolute; top: 0; left: -10px; bottom: 0; width: 3px; background: linear-gradient(180deg, var(--demon-primary), transparent); box-shadow: 0 0 15px var(--demon-primary);} .right-column{ flex: 1 1 350px; min-width: 0; display: flex; flex-direction: column; gap: 20px; position: relative;} .right-column::before{ content: ''; position: absolute; top: 0; right: -10px; bottom: 0; width: 3px; background: linear-gradient(180deg, var(--sky-secondary), transparent); box-shadow: 0 0 15px var(--sky-secondary);} .grid-wrapper{ display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 30px;} .grid-item{ flex: 1 1 280px; display: flex; flex-direction: column;} .profile-image-container{ width: 100%; border-radius: 0; box-shadow: 0 0 15px rgba(0, 0, 0, 0.8); overflow: hidden; margin-bottom: 12px; position: relative;} .left-column .profile-image-container{ border: 2px solid var(--demon-primary); box-shadow: 0 0 15px rgba(255, 0, 0, 0.3), inset 0 0 20px rgba(139, 0, 0, 0.2);} .right-column .profile-image-container{ border: 2px solid var(--sky-secondary); box-shadow: 0 0 15px rgba(30, 144, 255, 0.3), inset 0 0 20px rgba(135, 206, 250, 0.2);} .profile-image-container::before{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid rgba(255, 255, 255, 0.3); opacity: 0.3; pointer-events: none;} .profile-image-container img{ width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s ease-in-out, filter .5s ease;} .left-column .profile-image-container img{ transition: transform .5s ease-in-out, filter .5s ease;} .left-column .profile-image-container:hover img{ transform: scale(1.08); filter: brightness(1.2) saturate(1.5) hue-rotate(-10deg) contrast(1.1);} .right-column .profile-image-container img{ transition: transform .5s ease-in-out, filter .5s ease;} .right-column .profile-image-container:hover img{ transform: scale(1.08); filter: brightness(1.2) saturate(1.3) hue-rotate(10deg) contrast(1.05);} .panel{ background: rgba(15, 10, 25, 0.6); backdrop-filter: blur(8px); border: 2px solid; border-radius: 0; padding: 18px; font-size: 14px; line-height: 1.7; color: var(--text-light); transition: var(--transition-speed); position: relative; overflow: hidden;} .left-column .panel{ border-color: rgba(255, 0, 0, 0.4); background: linear-gradient(135deg, rgba(40, 0, 0, 0.7), rgba(20, 10, 30, 0.6)); box-shadow: 0 0 20px rgba(255, 0, 0, 0.15), inset 0 0 30px rgba(139, 0, 0, 0.1);} .right-column .panel{ border-color: rgba(30, 144, 255, 0.4); background: linear-gradient(135deg, rgba(0, 20, 40, 0.7), rgba(20, 30, 40, 0.6)); box-shadow: 0 0 20px rgba(30, 144, 255, 0.15), inset 0 0 30px rgba(135, 206, 250, 0.1);} .left-column .panel::before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(255, 0, 0, 0.1), transparent); transform: translateX(-100%); transition: transform .8s ease;} .right-column .panel::before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(135, 206, 250, 0.1)); transform: translateX(-100%); transition: transform .8s ease;} .panel:hover::before{ transform: translateX(100%);} .left-column .panel:hover{ border-color: var(--demon-primary); box-shadow: 0 0 30px rgba(255, 0, 0, 0.3), inset 0 0 30px rgba(139, 0, 0, 0.2); transform: translateY(-3px); animation: demonPulse 2s infinite;} .right-column .panel:hover{ border-color: var(--sky-secondary); box-shadow: 0 0 30px rgba(30, 144, 255, 0.3), inset 0 0 30px rgba(135, 206, 250, 0.2); transform: translateY(-3px); animation: skyPulse 2s infinite;} .panel h3{ font-family: 'Cinzel', serif; border-bottom: 2px solid; padding-bottom: 10px; margin-top: 0; margin-bottom: 15px; font-size: 1.15rem; font-weight: 600; text-transform: uppercase; letter-spacing: 2px;} .left-column .panel h3{ color: var(--demon-primary); border-color: rgba(255, 0, 0, 0.4); text-shadow: 0 0 10px rgba(255, 0, 0, 0.5);} .right-column .panel h3{ color: var(--sky-primary); border-color: rgba(30, 144, 255, 0.4); text-shadow: 0 0 10px rgba(135, 206, 250, 0.5);} .section-title{ background: linear-gradient(135deg, rgba(139, 0, 0, 0.3), rgba(30, 144, 255, 0.2)); border: 2px solid; border-image: linear-gradient(90deg, var(--demon-primary), var(--gold-primary), var(--sky-secondary)) 1; text-align: center; padding: 15px; margin-bottom: 20px; animation: glitch 12s infinite;} .section-title h2{ margin: 0; font-family: 'Cinzel Decorative', serif; background: linear-gradient(135deg, var(--demon-primary), var(--gold-primary), var(--sky-secondary)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-size: 1.4rem; letter-spacing: 3px; animation: shimmer 3s linear infinite;} .panel .ps{ font-style: italic; opacity: .9; font-size: 13px; margin-top: 15px; border-top: 1px dashed; padding-top: 12px;} .left-column .panel .ps{ color: var(--demon-accent); border-color: rgba(255, 0, 0, 0.4);} .right-column .panel .ps{ color: var(--sky-accent); border-color: rgba(30, 144, 255, 0.4);} .desc-text{ font-size: .9rem; color: var(--text-light); margin: 0; line-height: 1.6;} .panel ul{ list-style: none; padding: 0; margin: 0;} .panel ul li{ margin-bottom: 10px; padding-left: 20px; position: relative;} .left-column .panel ul li::before{ content: '◆'; position: absolute; left: 0; color: var(--demon-primary); font-size: 0.6rem; top: 5px; text-shadow: 0 0 5px var(--demon-primary);} .right-column .panel ul li::before{ content: '◇'; position: absolute; left: 0; color: var(--sky-secondary); font-size: 0.6rem; top: 5px; text-shadow: 0 0 5px var(--sky-secondary);} header.ant-layout-header, ul.ant-menu-root, li.ant-menu-item, li.ant-menu-overflow-item{ background: transparent !important; border-bottom: 2px solid rgba(212, 175, 55, 0.4) !important;} .ant-btn{ background: rgba(15, 10, 25, 0.6) !important; backdrop-filter: blur(5px); border: 2px solid rgba(212, 175, 55, 0.4) !important; color: var(--gold-primary) !important; transition: var(--transition-speed) !important; box-shadow: none !important; font-family: 'Cinzel', serif !important;} .ant-btn:hover{ border-color: var(--gold-light) !important; box-shadow: 0 0 25px rgba(212, 175, 55, 0.5) !important; color: var(--gold-light) !important; transform: scale(1.05);} a:hover{ color: var(--gold-light);} .ant-menu-title-content{ color: var(--gold-primary) !important; font-family: 'Cinzel', serif !important; transition: var(--transition-speed) !important; letter-spacing: 1px !important;} li.ant-menu-item:hover .ant-menu-title-content{ color: var(--gold-light) !important; text-shadow: 0 0 15px rgba(212, 175, 55, 0.5) !important;} .ant-typography, .ant-card-head-title span{ color: var(--text-light) !important; font-family: 'Cinzel', serif !important; text-shadow: 0 0 10px rgba(212, 175, 55, 0.5) !important;} .msg-mkdn-container, .ant-card-meta-description span{ color: var(--text-muted) !important; font-style: italic !important; line-height: 1.6 !important;} .ant-card-body .ant-row p a span, .ant-card-body button.ant-btn-text span{ color: var(--gold-primary) !important; font-weight: bold !important; transition: var(--transition-speed) !important;} .ant-card-body .ant-row p a:hover span{ color: var(--gold-light) !important; text-shadow: 0 0 15px rgba(212, 175, 55, 0.5) !important;} .ant-tag{ background-color: rgba(74, 0, 128, 0.4) !important; border: 1px solid var(--gold-primary) !important; color: var(--gold-primary) !important; border-radius: 0 !important; box-shadow: 0 0 8px rgba(212, 175, 55, 0.5) !important; padding: 3px 10px !important; font-family: 'Cinzel', serif !important;} .ant-tag:hover{ background-color: rgba(212, 175, 55, 0.2) !important; border-color: var(--gold-light) !important; color: var(--gold-light) !important; box-shadow: 0 0 15px rgba(212, 175, 55, 0.5) !important;} .char-card-class, .ant-card{ background-color: rgba(20, 15, 30, 0.9) !important; border: 2px solid rgba(212, 175, 55, 0.4) !important;} .char-card-class:hover{ border-color: var(--gold-primary) !important; box-shadow: 0 0 25px rgba(212, 175, 55, 0.5) !important;} .ant-image-mask{ background-color: rgba(10, 8, 18, 0.8) !important; border-radius: 0 !important; border: 2px solid var(--gold-primary) !important;} .ant-ribbon{ background-color: rgba(139, 69, 19, 0.8) !important; border: 2px solid var(--gold-primary) !important; color: var(--gold-light) !important; box-shadow: 0 0 15px rgba(212, 175, 55, 0.5) !important; border-radius: 0 !important; font-family: 'Cinzel', serif !important;} .ant-ribbon-corner{ color: var(--gold-primary) !important;} .ant-btn-primary{ background: linear-gradient(135deg, #8b0000, #4a0080) !important; border: 2px solid var(--gold-primary) !important; color: var(--gold-light) !important; font-family: 'Cinzel', serif !important; box-shadow: 0 0 15px rgba(212, 175, 55, 0.3) !important; transition: var(--transition-speed) !important;} .ant-btn-primary:hover{ box-shadow: 0 0 30px rgba(212, 175, 55, 0.5) !important; border-color: var(--gold-light) !important; transform: scale(1.05) !important;} .ant-btn-default.ant-btn-variant-outlined{ background-color: rgba(15, 10, 25, 0.6) !important; backdrop-filter: blur(5px); border: 2px solid rgba(212, 175, 55, 0.4) !important; color: var(--gold-primary) !important; transition: var(--transition-speed) !important;} .ant-btn-default.ant-btn-variant-outlined:hover{ background-color: rgba(212, 175, 55, 0.15) !important; border-color: var(--gold-primary) !important; color: var(--gold-light) !important; box-shadow: 0 0 20px rgba(212, 175, 55, 0.5) !important;} .galaxy-bg{ border: 2px dashed var(--gold-primary) !important; color: var(--text-light) !important; transition: var(--transition-speed) !important;} .galaxy-bg:hover{ border-style: solid !important; box-shadow: 0 0 25px rgba(212, 175, 55, 0.5) !important; color: var(--gold-light) !important;} .ant-collapse{ background-color: transparent !important; border: none !important;} .ant-collapse-item{ background-color: rgba(20, 15, 30, 0.9) !important; border: 2px solid rgba(212, 175, 55, 0.4) !important; border-radius: 0 !important; margin-bottom: 15px !important; overflow: hidden !important;} .ant-collapse-header{ background: linear-gradient(90deg, rgba(139, 69, 19, 0.4), rgba(74, 0, 128, 0.3)) !important; border-bottom: 2px solid rgba(212, 175, 55, 0.4) !important; align-items: center !important;} .ant-collapse-header-text{ color: var(--gold-primary) !important; font-family: 'Cinzel', serif !important; text-shadow: 0 0 10px rgba(212, 175, 55, 0.5) !important; font-size: 1.1rem !important;} .ant-collapse-arrow{ color: var(--gold-primary) !important;} .ant-descriptions-bordered .ant-descriptions-view{ border: 2px solid rgba(212, 175, 55, 0.4) !important; border-radius: 0 !important;} .ant-descriptions-item-label{ background: linear-gradient(135deg, rgba(139, 69, 19, 0.5), rgba(74, 0, 128, 0.3)) !important; color: var(--gold-primary) !important; border-right: 2px solid rgba(212, 175, 55, 0.4) !important; border-bottom: 2px solid rgba(212, 175, 55, 0.4) !important; font-weight: bold !important; font-family: 'Cinzel', serif !important;} .ant-descriptions-item-content{ background-color: rgba(10, 8, 18, 0.8) !important; color: var(--text-light) !important; border-bottom: 2px solid rgba(212, 175, 55, 0.4) !important;} .ant-input{ background-color: rgba(15, 10, 25, 0.6) !important; backdrop-filter: blur(5px); border: 2px solid rgba(212, 175, 55, 0.4) !important; color: var(--text-light) !important; border-radius: 0 !important; transition: var(--transition-speed) !important; font-family: 'MedievalSharp', cursive !important;} .ant-input:focus, .ant-input:hover{ border-color: var(--gold-primary) !important; box-shadow: 0 0 15px rgba(212, 175, 55, 0.5) !important; background-color: rgba(20, 15, 30, 0.9) !important;} .ant-comment-inner{ padding: 15px 0 !important;} .ant-comment-content-author-name a{ color: var(--gold-primary) !important; font-weight: bold !important; text-shadow: 0 0 8px rgba(212, 175, 55, 0.5) !important; font-size: 1rem !important; font-family: 'Cinzel', serif !important;} .ant-comment-content-detail p{ color: var(--text-light) !important; line-height: 1.6 !important;} .ant-comment-content-author-time span{ color: var(--text-muted) !important;} .ant-rate-star-full .anticon-star{ color: var(--gold-primary) !important; filter: drop-shadow(0 0 8px rgba(212, 175, 55, 0.5)) !important;} .ant-rate-star-zero .anticon-star{ color: rgba(212, 175, 55, 0.2) !important;} .ant-image-img{ border: 3px solid var(--gold-primary) !important; border-radius: 0 !important; padding: 4px !important; background-color: rgba(10, 8, 18, 0.8) !important; transition: all 0.4s ease !important;} .ant-image-img:hover{ transform: scale(1.05) !important; box-shadow: 0 0 40px rgba(212, 175, 55, 0.5), 0 0 80px rgba(212, 175, 55, 0.3) !important; border-color: var(--gold-light) !important;} .ant-tabs-nav{ background: linear-gradient(180deg, rgba(20, 15, 30, 0.95), rgba(30, 25, 45, 0.9)) !important; border-bottom: 2px solid rgba(212, 175, 55, 0.4) !important; border-radius: 0 !important; padding-top: 8px !important;} .ant-tabs-tab{ background: transparent !important; border: none !important; transition: all 0.3s ease !important;} .ant-tabs-tab:hover{ transform: translateY(-3px) !important;} .ant-tabs-tab:hover .ant-tabs-tab-btn{ color: var(--gold-light) !important; text-shadow: 0 0 15px rgba(212, 175, 55, 0.5) !important;} .ant-tabs-tab-active .ant-tabs-tab-btn{ color: var(--gold-primary) !important; font-weight: bold !important; text-shadow: 0 0 20px rgba(212, 175, 55, 0.5) !important; font-family: 'Cinzel', serif !important;} .ant-tabs-ink-bar{ background: linear-gradient(90deg, transparent, var(--gold-primary), transparent) !important; height: 3px !important; box-shadow: 0 0 15px rgba(212, 175, 55, 0.5) !important;} .panel[style*="border-color: var(--secondary-color)"], .panel[style*="rgba(77,168,218,0.1)"]{ border: 2px solid var(--gold-primary) !important; background: linear-gradient(135deg, rgba(74, 0, 128, 0.3), rgba(139, 69, 19, 0.2), rgba(20, 15, 30, 0.95)) !important; box-shadow: 0 0 25px rgba(212, 175, 55, 0.2), inset 0 0 40px rgba(74, 0, 128, 0.1);} .panel[style*="text-align: center; margin-bottom: 25px; border-style: dashed"], .panel[style*="text-align: center; border-color: var(--secondary-color)"]{ border: 2px solid var(--gold-primary) !important;} @media (max-width: 768px){ .header .character-name{ font-size: 1.8rem; letter-spacing: 2px;} .character-card{ padding: 15px; margin: 1rem;}} </style><div class="character-card"><div class="header"><h2 class="character-name">LOST YOUR MEMORY</h2><p class="character-tagline">...and free to do whatever you want!!</p><div style="display:inline-block; border: 1px solid var(--demon-primary); color: var(--demon-primary); padding: 5px 15px; border-radius: 5px; font-size: 0.85rem; margin-top: 5px; text-transform: uppercase;">Version 2.3</div></div><div class="main-flex-container"><div class="left-column"><div class="panel"><h3>About This RPG</h3><p style="margin-top:0;">An immersive RPG with a narrator, dynamic multi-NPC interactions, and a deep storyline!</p><p>This card is designed to give you the freedom to do whatever you want, whether you choose to be <strong style="color: var(--demon-primary);">evil or good</strong>. There are no restrictions on war, trade, politics, romance, murder, etc. </p><p class="ps">You can also create your own custom charm with the command <strong>[OOC: …fill in the charm of your desired NPC..]</strong></p></div><div class="panel"><h3>Dimensions</h3><ul style="list-style: none; padding-left: 0; margin: 0;"><li style="margin-bottom: 8px;">🔹 <strong>Primal Dimensions</strong></li><li style="margin-bottom: 8px;">🔹 <strong>Demon Dimension</strong></li><li style="margin-bottom: 0;">🔹 <strong>Heavenly Dimension</strong></li></ul><p class="ps">The user will be in the main dimension, where all races are available except the demon and angel races.</p></div></div><div class="right-column"><div class="panel"><h3>Main Skill List</h3><p style="margin-top:0;">There are many skills you can use, some of which I've already provided:</p><ul style="list-style: none; padding-left: 0; margin-bottom: 0;"><li style="margin-bottom: 8px;">🔹 <strong style="color: var(--sky-secondary);">Teleportation Skill</strong>(support)</li><li style="margin-bottom: 8px;">🔹 <strong style="color: var(--sky-secondary);">Storage Skill</strong>(support)</li><li style="margin-bottom: 8px;">🔹 <strong style="color: var(--sky-secondary);">Telepathy Skill</strong>(support)</li><li style="margin-bottom: 8px;">🔹 <strong style="color: #ff6b81;">Shadow Step Skill</strong>(attack/support)</li><li style="margin-bottom: 8px;">🔹 <strong style="color: #ff6b81;">Life Drain Skill</strong>(attack)</li><li style="margin-bottom: 8px;">🔹 <strong style="color: #7bed9f;">Shapeshift Skill</strong>(shapeshift)</li><li style="margin-bottom: 8px;">🔹 <strong style="color: #ff6b81;">Hellfire Skill</strong>(attack)</li><li style="margin-bottom: 8px;">🔹 <strong style="color: #a29bfe;">Demonic Aura</strong>(intimidation)</li></ul><p class="ps">Stay tuned for more updates later!!</p></div></div></div><div class="panel section-title"><h2>--- WORLD MAP & CHARACTERS ---</h2></div><div class="grid-wrapper"><div class="panel grid-item" style="flex: 1 1 100%; border-color: var(--demon-primary); background: rgba(40, 0, 0, 0.3);"><h3 style="border:none; padding-bottom:0; font-size:1.1rem;">🏰 The Kingdom of Aethelgard</h3><div class="profile-image-container" style="height: 390px;"><img src="https://avatars.charhub.io/avatars/uploads/images/gallery/file/a1ffa845-18ce-423d-bdc1-472d98ae8897/702548d2-2be1-4f0e-be03-41ddfeb03595.png" style="object-position: center;"></div><p class="desc-text" style="margin-top:5px;"><strong style="color: var(--sky-secondary);">Region:</strong>Almost all races<br>Aethelgard is an ambitious metropolitan kingdom and serves as a center of civilization for various races. Under the rule of the Valerius Dynasty for three centuries, the kingdom's main strength rests on its capital, Valerius—a white stone city with an impregnable fortress atop a high plateau—as well as its deadly elite cavalry. Although tough and very powerful, Aethelgard is now facing tense times due to the struggle for political influence between the racial delegate factions and wealthy trade guilds vying to control the capital's economy.</p></div><div class="panel grid-item"><h3 style="border:none; padding-bottom:0; font-size:1rem;">👤 Debi Marquetta</h3><div class="profile-image-container"><img src="https://avatars.charhub.io/avatars/uploads/images/gallery/file/e901a931-96de-493b-b651-5e6751b7ae09/a4ef18a9-af30-43f9-abf7-fb7fa49f6ce9.png"></div><p class="desc-text" style="margin-top:5px;"><strong style="color: var(--text-light);">Race/Title:</strong>Human - Merchant<br>[Add descripsi]</p></div><div class="panel grid-item"><h3 style="border:none; padding-bottom:0; font-size:1rem;">🦇 Mira Vespera</h3><div class="profile-image-container"><img src="image disini"></div><p class="desc-text" style="margin-top:5px;"><strong style="color: var(--text-light);">Race/Title:</strong>Vampire<br>[Add descripsi]</p></div><div class="panel grid-item"><h3 style="border:none; padding-bottom:0; font-size:1rem;">🧌 Zora Bloodtusk</h3><div class="profile-image-container"><img src="image disini"></div><p class="desc-text" style="margin-top:5px;"><strong style="color: var(--text-light);">Race/Title:</strong>Half-Orc<br>[Add descripsi]</p></div><div class="panel grid-item"><h3 style="border:none; padding-bottom:0; font-size:1rem;">🧌 Gara Stonemaw</h3><div class="profile-image-container"><img src="image disini"></div><p class="desc-text" style="margin-top:5px;"><strong style="color: var(--text-light);">Race/Title:</strong>Hualf-Ogre<br>[Add descripsi]</p></div><div class="panel grid-item"><h3 style="border:none; padding-bottom:0; font-size:1rem;">⚔️ Vera Nightshade</h3><div class="profile-image-container"><img src="image disini"></div><p class="desc-text" style="margin-top:5px;"><strong style="color: var(--text-light);">Race/Title:</strong>Dark Elf<br>[Add descripsi]</p></div><div class="panel grid-item"><h3 style="border:none; padding-bottom:0; font-size:1rem;">⚔️ Seraphina Duskryn</h3><div class="profile-image-container"><img src="image disini"></div><p class="desc-text" style="margin-top:5px;"><strong style="color: var(--text-light);">Race/Title:</strong>Half-Elf<br>[Add descripsi]</p></div><div class="panel grid-item" style="flex: 1 1 100%; border-color: var(--sky-secondary); background: rgba(0, 20, 40, 0.3); margin-top: 15px;"><h3 style="border:none; padding-bottom:0; font-size:1.1rem;">🏰 The Kingdom of Solmeryn </h3><div class="profile-image-container" style="height: 390px;"><img src="https://avatars.charhub.io/avatars/uploads/images/gallery/file/3d259ab5-6155-49a6-9226-58728a0751b4/a056d465-5e35-4b0c-b0ae-8ef7bbb677b9.png" style="object-position: center 20%;"></div><p class="desc-text" style="margin-top:5px;"><strong style="color: var(--sky-secondary);">Region:</strong>Human territories<br>Solmeryn is a very prosperous human kingdom with a strong political structure. Under the rule of the Montreval Dynasty for four centuries, the main strength of this kingdom rested on the fertile central river valley as well as the massive gold reserves controlled by the state. Its center of power is in Lunéval—a white stone cathedral city built along a crescent-shaped river. Although highly stable and able to balance the influence of the nobility and merchant dynasties, Solmeryn is now entering a dangerous succession crisis because the crown princess is the sole heir to the throne.</p></div><div class="panel grid-item"><h3 style="border:none; padding-bottom:0; font-size:1rem;">👑 Meridiane Valcourt</h3><div class="profile-image-container"><img src="https://avatars.charhub.io/avatars/uploads/images/gallery/file/455831e6-28fe-4098-a8b3-50179f252dee/fa30b06c-7d35-4d93-b74c-a0ecf0979fde.png"></div><p class="desc-text" style="margin-top:5px;"><strong style="color: var(--text-light);">Race/Title:</strong>Human - Queen Solmeryn<br>[None]</p></div><div class="panel grid-item"><h3 style="border:none; padding-bottom:0; font-size:1rem;">👑 Aveline Valcourt </h3><div class="profile-image-container"><img src="https://avatars.charhub.io/avatars/uploads/images/gallery/file/c47bead2-21e4-4f74-9aa6-40e18bbc2836/eceb4051-62cd-4790-b569-292cc236a9c0.png"></div><p class="desc-text" style="margin-top:5px;"><strong style="color: var(--text-light);">Race/Title:</strong>Human - Princess Solmeryn<br>[None]</p></div><div class="panel grid-item"><h3 style="border:none; padding-bottom:0; font-size:1rem;">⚔️ Halvair Montreval </h3><div class="profile-image-container"><img src="https://avatars.charhub.io/avatars/uploads/images/gallery/file/01cedf51-abfc-41ac-899f-fd3708c5baba/b949bf36-bc4f-4a7a-b9c7-fad91c434d91.png"></div><p class="desc-text" style="margin-top:5px;"><strong style="color: var(--text-light);">Race/Title:</strong>Human - King Solmeryn<br>[None]</p></div><div class="panel grid-item" style="flex: 1 1 100%; border-color: var(--sky-secondary); background: rgba(0, 20, 40, 0.3); margin-top: 15px;"><h3 style="border:none; padding-bottom:0; font-size:1.1rem;">🌲 Kingdom of Sylvaris</h3><div style="display: flex; gap: 10px; margin-bottom: 10px;"><div class="profile-image-container" style="flex: 1; height: 390px; margin-bottom: 0;"><img src="https://avatars.charhub.io/avatars/uploads/images/gallery/file/20c22360-2721-4a5a-b439-61c45e66adaf/bd5a09c1-58ad-444f-99e3-8b6a5b2bd62b.png" style="object-position: center;"></div></div><p class="desc-text"><strong style="color: var(--sky-secondary);">Region:</strong>Elven territory<br>Sylvaris is a peaceful, elegant elf kingdom that is highly attuned to ancient magic. Under the leadership of the Aerendil dynasty since the planting of the first Telperion Tree, the kingdom's main power relies on the sanctuary of the Telperion Tree, which emits a giant magical resonance, as well as an impenetrable fog of illusions guarded by the deadly precision of the elf rangers. Its center of power is in Ilyrien—a graceful canopy city built upon glowing giant branches and interconnected by living roots. Although highly isolationist, Sylvaris is now experiencing a quiet internal division, where the younger generation of elves begins to question the strict border laws maintained by the elders in a world that is continuously changing.</p></div><div class="panel grid-item"><h3 style="border:none; padding-bottom:0; font-size:1rem;">👑 Elyria Sylvaris </h3><div class="profile-image-container"><img src="https://avatars.charhub.io/avatars/uploads/images/gallery/file/7312350f-e7cc-4c6d-98c4-86e01049e384/c8634fd8-9b6b-46f6-b53e-6231c4006a1a.png"></div><p class="desc-text" style="margin-top:5px;"><strong style="color: var(--text-light);">Race/Title:</strong>Elf - Queen Sylvaris<br>[None]</p></div><div class="panel grid-item"><h3 style="border:none; padding-bottom:0; font-size:1rem;">👑 Jasmine Sylvaris </h3><div class="profile-image-container"><img src="https://avatars.charhub.io/avatars/uploads/images/gallery/file/d3375879-154c-46d0-8ecb-0b3ba71b98fa/8498b136-7068-4e79-b02f-73f68d8b4dcd.png"></div><p class="desc-text" style="margin-top:5px;"><strong style="color: var(--text-light);">Race/Title:</strong>High Elf - Princess Sylvaris<br>[None]</p></div><div class="panel grid-item"><h3 style="border:none; padding-bottom:0; font-size:1rem;">⚔️ Faelar Aerendil </h3><div class="profile-image-container"><img src="https://avatars.charhub.io/avatars/uploads/images/gallery/file/3604a509-52ed-42fb-adfd-5b45f548c562/cf29d2f4-8e9e-4d5b-a5ea-830b2c9ab22b.png"></div><p class="desc-text" style="margin-top:5px;"><strong style="color: var(--text-light);">Race/Title:</strong>High Elf - King Sylvaris<br>[None]</p></div><div class="panel grid-item" style="flex: 1 1 100%; border-color: var(--demon-primary); background: rgba(40, 0, 0, 0.3); margin-top: 15px;"><h3 style="border:none; padding-bottom:0; font-size:1.1rem;">🌲 Mistywood Forest</h3><div style="display: flex; gap: 10px; margin-bottom: 10px;"><div class="profile-image-container" style="flex: 1; height: 390px; margin-bottom: 0;"><img src="https://avatars.charhub.io/avatars/uploads/images/gallery/file/77eea36e-69f3-4579-952d-82b66b006028/4f952152-e53c-4e79-9551-4a3cf31e75fd.png" style="object-position: center;"></div></div><p class="desc-text"><strong style="color: var(--sky-secondary);">Region:</strong>dangerous territory<br>The Mistywood Forest is an uncharted wilderness in Aether Nova shrouded in eternal mist and supernatural horrors. Known as a "death zone" capable of bending reality, this labyrinthine forest is divided into five deadly zones—from towering tree canopies to dark underground pits—where ancient monsters, magical anomalies, and mythical guardians reign without law or intervention from any kingdom.</p></div><div class="panel grid-item"><h3 style="border:none; padding-bottom:0; font-size:1rem;">🐺Yume Nozimikara</h3><div class="profile-image-container"><img src="https://avatars.charhub.io/avatars/uploads/images/gallery/file/ba2126c4-3b6b-4d72-8261-a28d330accad/c6932974-55ea-4750-bb9d-737831bd5fe7.png"></div><p class="desc-text" style="margin-top:5px;"><strong style="color: var(--text-light);">Race/Title:</strong>Kitsune<br>[none] </p></div><div class="panel grid-item"><h3 style="border:none; padding-bottom:0; font-size:1rem;">🧚 Lulu Faeheart</h3><div class="profile-image-container"><img src="https://avatars.charhub.io/avatars/uploads/images/gallery/file/b376dedb-0c99-46ed-8285-a87ce7da3d5d/45f1bc30-ab11-41b4-8185-8f7572f1d616.png"></div><p class="desc-text" style="margin-top:5px;"><strong style="color: var(--text-light);">Race/Title:</strong>Pixie<br>[none] </p></div><div class="panel grid-item"><h3 style="border:none; padding-bottom:0; font-size:1rem;">🧚‍♀️ Kira Moonpetal</h3><div class="profile-image-container"><img src="https://avatars.charhub.io/avatars/uploads/images/gallery/file/8964c84d-20de-49be-867a-5e245e469af8/342441b5-ad8e-473b-908d-cf4b6ad23bfe.png"></div><p class="desc-text" style="margin-top:5px;"><strong style="color: var(--text-light);">Race/Title:</strong>Half-Pixie<br>[none]</p></div><div class="panel grid-item"><h3 style="border:none; padding-bottom:0; font-size:1rem;">🍃Nara Sylverroot</h3><div class="profile-image-container"><img src="https://avatars.charhub.io/avatars/uploads/images/gallery/file/cfea05a8-70ad-4d69-9e2a-94c3c29208ad/27a73b67-aaaa-4d81-b945-f5e9454f6995.png"></div><p class="desc-text" style="margin-top:5px;"><strong style="color: var(--text-light);">Race/Title:</strong>Dryad<br>[none] </p></div><div class="panel grid-item" style="flex: 1 1 100%; border-color: var(--demon-primary); background: rgba(40, 0, 0, 0.3); margin-top: 15px;"><h3 style="border:none; padding-bottom:0; font-size:1.1rem;">🏕️ The Kingdom of Valerest </h3><div class="profile-image-container" style="height: 390px;"><img src="https://avatars.charhub.io/avatars/uploads/images/gallery/file/b48ba6a0-1fc4-4caa-bbfe-c5891bb0c4ca/d838cdcd-872a-4430-9cb0-81674da2713f.png" style="object-position: center;"></div><p class="desc-text" style="margin-top:5px;"><strong style="color: var(--sky-secondary);">Region:</strong>Beastkin/Catkin territory<br>Valerest is a beastkin kingdom rich in resources and upholding a hierarchy of strength and instinct. Under the rule of the Felisara Dynasty for over five centuries, the main power of this kingdom relies on the ancient forests and vast hunting savannas, as well as an elite military force naturally gifted, consisting of guides, rangers, and mercenaries. Its center of power is in Sylvaen—a magnificent layered canopy city, built integrated with the trunks and branches of ancient giant trees. Despite being very self-sufficient, Valerest is now entering a dangerous era of internal tension due to several strong rival clans beginning to challenge the kingdom's dynastic authority regarding territorial disputes.</p></div><div class="panel grid-item"><h3 style="border:none; padding-bottom:0; font-size:1rem;">🐾 Lyra Valeris</h3><div class="profile-image-container"><img src="https://avatars.charhub.io/avatars/uploads/images/gallery/file/7a5d9c5d-244e-4b04-b5ca-a81b8464af86/229897f3-4784-4c20-87a2-16865aa8cbca.png"></div><p class="desc-text" style="margin-top:5px;"><strong style="color: var(--text-light);">Race/Title:</strong>Half-Catkin. - Queen Valerest<br>[None]</p></div><div class="panel grid-item"><h3 style="border:none; padding-bottom:0; font-size:1rem;">🐾 Niana Valeris</h3><div class="profile-image-container"><img src="https://avatars.charhub.io/avatars/uploads/images/gallery/file/d04a5822-ad30-4c63-87f3-d930f0087c27/89ceb096-03d0-4043-bd6b-2da57138a30c.png"></div><p class="desc-text" style="margin-top:5px;"><strong style="color: var(--text-light);">Race/Title:</strong>Catkin - Princess Valerest<br>[None]</p></div><div class="panel grid-item"><h3 style="border:none; padding-bottom:0; font-size:1rem;">🐾 Garrick Valeris</h3><div class="profile-image-container"><img src="https://avatars.charhub.io/avatars/uploads/images/gallery/file/11575943-e6df-4610-8c15-f68f6ae412ae/a52d7fc6-1d67-4dc7-8d74-f251aeeae448.png"></div><p class="desc-text" style="margin-top:5px;"><strong style="color: var(--text-light);">Race/Title:</strong>Lionkin - King Valerest<br>[None]</p></div><div class="panel grid-item" style="flex: 1 1 100%; border-color: var(--demon-primary); background: rgba(40, 0, 0, 0.3); margin-top: 15px;"><h3 style="border:none; padding-bottom:0; font-size:1.1rem;">⛰️ The Kingdom of Khazad Grim</h3><div class="profile-image-container" style="height: 390px;"><img src="https://avatars.charhub.io/avatars/uploads/images/gallery/file/b13e86b8-6edf-48a4-b879-8915b65c4c42/6f11ba89-92e6-4d83-ac8f-a962c0ea6ad5.png" style="object-position: center;"></div><p class="desc-text" style="margin-top:5px;"><strong style="color: var(--sky-secondary);">Region:</strong>Dwarven territory<br>**Khazad Grim** is a vast underground dwarf kingdom, extremely loyal, and possessing extraordinary mechanical advancements. Under the rule of the Ironfist Clan for more than a millennium, the kingdom's main strength rests on the *Forge Core*—a massive blacksmithing center that harnesses the direct heat of magma—as well as unmatched expertise in mechanical engineering, deep mining, and *rune* warfare. Its power center is located at **Grim-Hold**—an underground metropolis precisely carved into the heart of the mountain, supported by massive stone pillars and illuminated by rivers of lava. Despite being an impregnable fortress, Khazad Grim now faces tense times due to the relentless expansion of deep mining operations, which risks awakening ancient and dangerous underground entities that slumber beneath the Ironfist Mountains.</p></div><div class="panel grid-item"><h3 style="border:none; padding-bottom:0; font-size:1rem;">🛡️ Thora Stonevein</h3><div class="profile-image-container"><img src="https://avatars.charhub.io/avatars/uploads/images/gallery/file/503a025f-24db-44d4-92a6-3e4bc82b3cf3/175b4f78-efd8-43ba-b1bf-12f20ef5b76e.png"></div><p class="desc-text" style="margin-top:5px;"><strong style="color: var(--text-light);">Race/Title:</strong>Dwarf - Queen Khazad Grim<br>[None]</p></div><div class="panel grid-item"><h3 style="border:none; padding-bottom:0; font-size:1rem;">🛡️ Madison Ironspark </h3><div class="profile-image-container"><img src="https://avatars.charhub.io/avatars/uploads/images/gallery/file/af7279ca-1c11-4856-a344-ee0eec59fb86/9d216979-1ef1-405c-8c2a-9d7f1044cbd7.png"></div><p class="desc-text" style="margin-top:5px;"><strong style="color: var(--text-light);">Race/Title:</strong>Dwarf - Princess Khazad Grim<br>[None]</p></div><div class="panel grid-item"><h3 style="border:none; padding-bottom:0; font-size:1rem;">🛡️ Magni Ironvein </h3><div class="profile-image-container"><img src="https://avatars.charhub.io/avatars/uploads/images/gallery/file/f8de8049-54e4-4f94-902a-2197984809f2/ce51a13a-f18f-4569-9fb3-bad52bef9e2b.jpeg"></div><p class="desc-text" style="margin-top:5px;"><strong style="color: var(--text-light);">Race/Title:</strong>Dwarf - King Khazad Grim<br>[None]</p></div><div class="panel grid-item" style="flex: 1 1 100%; border-color: var(--demon-primary); background: rgba(40, 0, 0, 0.3); margin-top: 15px;"><h3 style="border:none; padding-bottom:0; font-size:1.1rem;">🌋 The Kingdom of Draconis </h3><div class="profile-image-container" style="height: 390px;"><img src="https://avatars.charhub.io/avatars/uploads/images/gallery/file/692716ce-fe67-4c46-b48e-66647d229d8a/d573bc16-bcbb-4fcb-9ec4-361e8d8889f0.png" style="object-position: center;"></div><p class="desc-text" style="margin-top:5px;"><strong style="color: var(--sky-secondary);">Region:</strong>Dragon territory<br>Draconis is a great, ancient, and very powerful dragon kingdom. Under the rule of The Vermilion Brood since the decline of the First Age, the kingdom's main strength relies on the peaks of impenetrable volcanic mountains rich in arcane energy, as well as absolute air supremacy and deadly ancient dragon magic. Its center of power is at The Vermilion Spire—a towering fortress carved directly into the highest active volcano, uniquely designed with gigantic landing balconies to accommodate their true forms as well as internal corridors for the dragons' humanoid forms. Although proud and untouchable, Draconis is now facing an era of tense cultural friction due to divisions between the traditionalists who choose to remain in dragon form in isolation and the progressives who support using humanoid forms to expand political influence in the mortal realm</p></div><div class="panel grid-item"><h3 style="border:none; padding-bottom:0; font-size:1rem;">🐲 Elara Vermithor </h3><div class="profile-image-container"><img src="https://avatars.charhub.io/avatars/uploads/images/gallery/file/adbefb2c-9b00-44b0-9021-f3fc2697ca97/ce55d48f-734d-4eb7-b84c-40ffc55a8098.png"></div><p class="desc-text" style="margin-top:5px;"><strong style="color: var(--text-light);">Race/Title:</strong>Dragonkin - Queen Draconis<br>[None]</p></div><div class="panel grid-item"><h3 style="border:none; padding-bottom:0; font-size:1rem;">🐲 Talia Draconis</h3><div class="profile-image-container"><img src="https://avatars.charhub.io/avatars/uploads/images/gallery/file/c8b9ea7a-73b0-4723-b6ef-b34b0104cf0f/da899c93-0723-471b-b215-f2f2e00b5515.png"></div><p class="desc-text" style="margin-top:5px;"><strong style="color: var(--text-light);">Race/Title:</strong>Dragonkin - Princess Draconis<br>[None]</p></div><div class="panel grid-item"><h3 style="border:none; padding-bottom:0; font-size:1rem;">🐲 Aelius Vermithor </h3><div class="profile-image-container"><img src="https://avatars.charhub.io/avatars/uploads/images/gallery/file/14995af5-94e6-4761-8142-167e1d79de69/2303aef9-b11d-49f6-a90a-14e846bcb89c.png"></div><p class="desc-text" style="margin-top:5px;"><strong style="color: var(--text-light);">Race/Title:</strong>Dragonkin - King Draconis<br>[None]</p></div><div class="panel grid-item"><h3 style="border:none; padding-bottom:0; font-size:1rem;">🐲 Maya Ashflare </h3><div class="profile-image-container"><img src="ikmage disini"></div><p class="desc-text" style="margin-top:5px;"><strong style="color: var(--text-light);">Race/Title:</strong>Half-Dragonkin<br>[None]</p></div><div class="panel grid-item" style="flex: 1 1 100%; border-color: var(--demon-primary); background: rgba(40, 0, 0, 0.3); margin-top: 15px;"><h3 style="border:none; padding-bottom:0; font-size:1.1rem;">🌋 Demon Dimension</h3><div class="profile-image-container" style="height: 390px;"><img src="https://avatars.charhub.io/avatars/uploads/images/gallery/file/8adca28d-3bed-48f4-8f26-a4521a4e1a5a/443de60b-c534-4c20-92f8-939a38c1178a.png" style="object-position: center;"></div><p class="desc-text" style="margin-top:5px;"><strong style="color: var(--sky-secondary);">Dimension:</strong>Demon Dimension<br>[none]</p></div><div class="panel grid-item"><h3 style="border:none; padding-bottom:0; font-size:1rem;">😈 Valla</h3><div class="profile-image-container"><img src="image disini"></div><p class="desc-text" style="margin-top:5px;"><strong style="color: var(--text-light);">Race/Title:</strong>High-Demon<br>[none]</p></div><div class="panel grid-item"><h3 style="border:none; padding-bottom:0; font-size:1rem;">😈 Rina Ashthorn</h3><div class="profile-image-container"><img src="https://avatars.charhub.io/avatars/uploads/images/gallery/file/9210419c-6c07-49a7-8b36-cfacbf5aa166/5c4435f7-a842-465c-bf0a-8401ae5963d6.png"></div><p class="desc-text" style="margin-top:5px;"><strong style="color: var(--text-light);">Race/Title:</strong>Half-Demon<br>[none]</p></div><div class="panel grid-item"><h3 style="border:none; padding-bottom:0; font-size:1rem;">😈 Sereza Malvora</h3><div class="profile-image-container"><img src="https://avatars.charhub.io/avatars/uploads/images/gallery/file/1b31ddaa-3c39-4670-8eb9-e518b7d19382/142ef30c-5a91-4d70-b2e0-db3a8e4facfb.png"></div><p class="desc-text" style="margin-top:5px;"><strong style="color: var(--text-light);">Race/Title:</strong>Demon<br>[none] </p></div><div class="panel grid-item" style="flex: 1 1 100%; border-color: var(--demon-primary); background: rgba(40, 0, 0, 0.3); margin-top: 15px;"><h3 style="border:none; padding-bottom:0; font-size:1.1rem;">🌋 Heavenly Dimension</h3><div class="profile-image-container" style="height: 390px;"><img src="https://avatars.charhub.io/avatars/uploads/images/gallery/file/97a62c30-45b8-4ee6-9996-d6626ec0b614/9e911565-275e-48e8-90c9-8e9f4735666a.png" style="object-position: center;"></div><p class="desc-text" style="margin-top:5px;"><strong style="color: var(--sky-secondary);">Dimension:</strong>Heavenly Dimension<br>[none]</p></div><div class="panel grid-item"><h3 style="border:none; padding-bottom:0; font-size:1rem;">🪽 Elys Seraphelion</h3><div class="profile-image-container"><img src="https://avatars.charhub.io/avatars/uploads/images/gallery/file/2e489e29-4be8-4b8d-9b88-90baf8b79b47/7afc257c-6999-4098-bd5b-d55c0e91abbe.png"></div><p class="desc-text" style="margin-top:5px;"><strong style="color: var(--text-light);">Race/Title:</strong>Angle<br>[none] </p></div><div class="panel grid-item"><h3 style="border:none; padding-bottom:0; font-size:1rem;">🪽 Hana Celestine</h3><div class="profile-image-container"><img src="https://avatars.charhub.io/avatars/uploads/images/gallery/file/2670adb3-64bb-4616-8f24-68f3ef921414/15b640cc-57c1-4fff-be92-995f9c3393b3.png"></div><p class="desc-text" style="margin-top:5px;"><strong style="color: var(--text-light);">Race/Title:</strong>Half-Angle<br>[none]</p></div></div><div class="panel" style="text-align: center; margin-bottom: 25px; border-style: dashed;"><p style="margin: 0; color: var(--sky-secondary);">🗺️ Territory can be added automatically through conflicts or story developments that you create. NPCs can also be added via the <strong>[OOC: …]</strong>command. </p></div><div class="panel" style="text-align: center; border-color: var(--sky-secondary);"><h3 style="border: none; margin-bottom: 5px;">Thank you for liking my bot experiment</h3><p style="margin-top: 0; font-size: 1.1rem; color: var(--sky-secondary);">☕ Give me coffee with crypto ☕ </p><div style="background: rgba(0,0,0,0.6); padding: 15px; border-radius: 8px; border: 1px dashed var(--sky-secondary); display: inline-block; margin-top: 5px;"><p style="margin: 0 0 10px 0; font-size: 0.9rem; color: var(--text-light);">EVM Address support eth, bnb, base, etc.</p><code style="color: #f1c40f; font-size: 1.1rem; text-shadow: 0 0 8px rgba(241, 196, 15, 0.5); word-break: break-all;">0xb96c40cbaa68b96b83be6a735aead0598ca54175 </code></div><p class="ps" style="border: none; margin-top: 15px;">NOTE: wait for further developments. If you like it, please leave a comment and don't forget to give 🌟!</p></div></div></div>

    NSFWChub

    3,224 tokens

  • Jill & Jack

    Fuck you *unfurries your furries*

    NSFWChub

    1,614 tokens

  • Dwarf RPG
    Chub

    4,016 tokens

  • Tyrion

    The last living heir of the House of Lannister. Born with dwarfism and an appetite for hedonism, Tyrion is witty, intelligent and charming, a valued advisor and Hand of the King.

    NSFWChub

    2,714 tokens

  • Thorin

    **THE HOBBIT: THORIN OAKENSHIELD** 👑 *Thorin might have his suspicions about you, Traveler, after Gandalf made him bring you with him. What are your motivations on this quest?*

    Chub

    3,471 tokens

  • Kíli

    **THE HOBBIT: KÍLI** 🏹 *Kíli wishes to get to know you better, Traveler, after Gandalf convinced Thorin to bring you along. What's on your mind?*

    Chub

    2,826 tokens

  • Kíli

    **THE HOBBIT: KÍLI** ✨ *Kíli thinks you're the most beautiful person he's ever met, Silvan Elf. Even though Elves and Dwarves don't exactly get along.*

    Chub

    2,779 tokens

  • Dulrig

    Character from Lusful Desires. Dwarf, blacksmith, giant pervert.

    NSFWChub

    321 tokens

  • Dillia

    <div style="background:#111; color:#eee; border:2px solid #555; padding:16px 18px; margin-bottom:18px; border-radius:10px;">

    NSFWChub

    2,841 tokens

  • Ymir
    NSFWChub

    2,452 tokens

  • Teya

    Welcome to a realm of velvet secrets and forbidden pleasures—a fantasy brothel where desire takes many forms, and every indulgence comes at a price. The beings here are not merely beautiful; they are enchantments given form, waiting to claim your breath... and your coin.

    NSFWChub

    2,899 tokens

  • MILF Misery Isekai

    # Okay, folks, time for misogyny or saviorfaggin. **Choose wisely**.

    NSFWChub

    1,809 tokens

  • Madame Vestra's Fantasy Slave Market

    <a href="https://forms.gle/Kg5ccrUK7WhxZEUx6">Bot Request Form</a>

    NSFWChub

    5,166 tokens

  • Chise
    NSFWChub

    2,282 tokens

  • Helen

    <div><style> body::before { content: ""; pointer-events:none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-image: url('https://avatars.charhub.io/avatars/uploads/images/gallery/file/eb550db7-e666-4de3-94b7-d4bb039bfc9c/231132fc-2ecb-43b5-9c56-f3b44e5f3c2b.png'); background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed; z-index: 0; opacity: 0.2; } </style></div>

    NSFWChub

    1,591 tokens+1 forks

  • Kara & You | Level Cap Potion

    ### **Reason for Fork:** *Honestly, this is just an experiment to see if the bot works just as well without 7K tokens of instructions. I'm pretty sure that 2K should be plenty. Otherwise, my goal was to change nothing. If you have a complaint about the theme or content, go complain to @NotReallyAnonymous.*

    NSFWChub

    5,699 tokens

  • [AnyPOV] Anti Futa Alliance VS. Futa Force

    ---

    NSFWChub

    7,491 tokens

  • Fallowspire Town

    <div style="max-width: 1046px; margin: auto; font-family: 'Crimson Text', serif; color: #000000; padding: 20px; background: linear-gradient(to bottom, #D2B48C, #F4E4BC); border: 3px solid #654321; border-radius: 10px; box-shadow: 0 0 20px rgba(101, 67, 33, 0.4), inset 0 0 10px rgba(255, 255, 255, 0.5); position: relative;">

    NSFWChub

    5,570 tokens

  • The Isle of Dwarfs

    **3 scenarios:**

    NSFWChub

    731 tokens

  • Tiny & Willow

    Tiny and Willow are inseparable dwarven twin mechanics aboard your mercenary ship. Tiny (the redhead) is loud, chaotic, and obsessed with devastating weapons that go BOOM. Willow (the blue hair) is shy, methodical, and prefers elegant programmable systems. They're opposites in every way except loyalty and genius. They argue constantly about design philosophy but produce innovations neither could achieve alone. They were hired after "accidentally" turning a luxury yacht into an armed corvette at their last job. Both are thicc shortstacks with exaggerated curves in all the right ways. They finish each other's sentences, work in perfect sync, and get anxious when separated.

    NSFWChub

    2,657 tokens