Chapter 9: Chapter 9

Okay then let's see what's behind the portal. As they stepped through the portal, Scarlett and Aoto found themselves standing atop a massive tower that stretched upwards for six or seven floors. The unexpected location caused Aoto to voice his frustration humorously. "Aaaa, what kind of shitty portal was that? How are we supposed to get down from here?" he complained, scanning their precarious position. "Shut up! Look in front of you," Scarlett hissed, her tone sharp with amazement. In front of them, the scene unfolded into a fantastical world where the air itself seemed alive with a palpable, crackling energy of magic. The landscape beyond the tower was breathtaking, a tapestry of vibrant colors and mystical structures that defied conventional physics. The sky shimmered with a spectrum of colors that suggested the presence of powerful magic at work. The sheer altitude of their position on the tower gave them a panoramic view of a land that was both alien and awe-inspiring, filled with floating islands, arcane symbols glowing in the air, and creatures of myth flitting about in the ether. "Is this a different world? It feels like we've stepped into a storybook," Aoto muttered, momentarily distracted from his initial annoyance by the wonder of their surroundings. Here, anyone could harness its power, weaving spells that danced on the wind. Elves, with their graceful forms and elegant demeanor, moved among the trees, their presence adding an aura of mystique to the surroundings. Check latest chapters at Nove1Fire.net Humanoid wolves, with eyes gleaming like embers, trotted through the underbrush, their movements fluid and untamed. Dwarves, stout and sturdy, tinkered with intricate machinery, their creations blending seamlessly with the natural landscape. The beauty of this world was like none they had ever seen. Enchanted forests stretched as far as the eye could see, their canopies alive with vibrant colors and shimmering lights. Streams of iridescent water wound through the land, their gentle murmurs echoing in the stillness of the air. Towering mountains pierced the sky, their peaks crowned with glistening snow that sparkled under the embrace of the moonlight. "Look up asta there are two moons in the sky." excited and impressed look on his face like he was a 10year old child. "This really is a fantasy world." "This really is a fantasy world," Scarlett remarked, marveling at the sights around them. Aoto chuckled at Asta's observation. "That means we can make a harem, and there are probably many femboys like you in this world. Maybe even someone more feminine-looking than you. Hahaha." Curiosity sparked in Scarlett's mind as she turned to Aoto with a question. "Hey, Aoto, one thing I always wanted to ask you. Are you gay?" Aoto's response was swift and emphatic. "NO! Why ask?" "Because you're always obsessed with femboys," Scarlett teased, prompting a defensive response from Aoto. "Ahem, ahem, I am really not gay, but... if I see feminine hips, I am fucking it, whether it's a boy or a girl," Aoto admitted with a sheepish grin. Suddenly, Aoto noticed something unexpected on Scarlett's face. "Ack... Asta, look at your face, a horn has grown on your head." Scarlett was taken aback as she touched the horn protruding from his forehead. It was a vibrant blue color, about 30cm long on her vibrant blue eyes and her eyes also started glowing very brightly like a blue colour smoke was coming out. "Wait, what?" Scarlett exclaimed in disbelief, feeling a strange sensation coursing through her body, akin to mana, the essence used to perform magic and spells. Despite the surprise, Scarlett managed to regain control, suppressing her glowing blue eye and returning it to normal. "Your eye got back to normal, but what about this horn?" Aoto inquired. Scarlett shrugged dismissively. "Who cares? This is a fantasy world; I'm sure many people will have horns." "Okay, if you say so, but how do we get down?" Aoto asked. Scarlett grinned. "Sit on my back; let me give you a piggyback ride." As they slowly descended from the tower, Scarlett and Aoto found themselves surrounded by a myriad of different species, with humans being the most prevalent among them. The beauty of this new world captivated their senses, leaving them lost in awe. "Where are we?" Aoto questioned, his voice filled with uncertainty. Scarlett shrugged in response. "How would I know? We haven't even thought about where we will live or where we will go after coming here." Their attention was soon drawn to the abundance of males in the area, prompting Scarlett's observation. "Why are there so many males in this area?" She wondered aloud. Before them lay a scene of anticipation and decadence, with a diverse array of prostitutes representing different species occupying the houses. The atmosphere was thick with desire and intrigue, illuminated by the glow of crimson lights that cast an alluring haze over the scene. "It's the red-light district of the fantasy world," Aoto remarked, his tone tinged with fascination. "Let's go further and see from the front." Unbeknownst to Aoto, Scarlett's reaction to the provocative setting was unexpected. As they ventured forward, Scarlett found herself experiencing a sensation she hadn't anticipated. Her legs trembled, and an unfamiliar excitement stirred within her as she beheld the almost naked prostitutes. 'What the... I'm getting excited by seeing those girls,' Scarlett admitted, surprised by her own reaction. "But that excitement is happening on some other body part below." 'Did I become a lesbian? Is this a good thing or a bad thing?' Scarlett pondered aloud. 'Well, I think it's a good thing,'her voice laced with amusement. "Okay, Aoto, let's go," Scarlett declared, ready to continue their exploration of the unfamiliar territory. But before they could take another step, a peculiar pattern began to form on the ground beneath them. "Aaaackkk, what is this?" Asta exclaimed, alarmed by the sudden development. "This looks dangerous, come out of it quickly." Despite Aoto's attempts to move, he found himself immobilized by the strange force. "Hey, Asta, how did you get out of it? My feet aren't moving." "What? Let me help you," Scarlett replied, reaching out to assist his friend. However, before they could escape the mysterious pattern, they were enveloped by a spell and abruptly transported to another location out of thin air. PLACE: ROYAL PALACE OF DARWITZ As they opened their eyes, the grandeur of the royal palace of Darwitz unfolded before them, and standing before them was a vision of ethereal beauty—a young saintess adorned in the sacred garments of her revered position. Her eyes, pools of tranquility, held a serene depth, while her gentle smile radiated a warmth that could thaw the coldest of hearts. 'Huhh? A saintess costume-wearing girl, or is she a real saintess?'her gaze shifting between the girl's serene expression and her impressive bosom. 'Wohhh, look at her boobs, freaking huge. Now, what will she say? 'Welcome, hero, we have summoned you to save this kingdom from the demon lord'? Aoto, meanwhile, contemplated the situation, acknowledging the delicacy of the moment. "Welcome, hero-sama," he began, addressing the saintess respectfully. "I am Clare Anastasia, and I summoned you so that you can defeat the demon lord and save this world." 'Tsk tsk, she really said that. All fantasy worlds have this kind of system,' she teased, her attention still fixated on the saintess's figure. 'But we heroes? Are you sure? We are more like demons. What answer will Aoto give?' But Scarlett didn't know that aoto switched to his fantasy hero type mode. Aoto, determined to maintain decorum, replied with assurance, "Of course, my lady. I will defeat the demon lord and save this world." However, Scarlett couldn't resist a sly remark. 'You idiot... When a girl asks you for something lovingly, you just say yes to it without thinking. At least look at her face while talking; you've been staring at her big boobs from the start. Her eyes are closed, but that doesn't mean you can look anywhere.' As the saintess slowly opened her eyes, her expression shifted from serenity to terror as she laid eyes on Scarlett "Aaaaackkkkk! Guards, hurry up! Guards, there's a demon here!" she screamed, her voice trembling with fear. In an instant, a barrage of guards stormed into the room, their weapons poised and aimed at Scarlett 'What... why me? What did I do?'Scarlett exclaimed, bewildered by the sudden turn of events. "Get away from her, hero-sama! Look at her horns, around 30cm long. She must be a high-ranking succubus or even the succubus queen," one of the guards shouted, his voice filled with urgency. Desclaimer:In this world a demon with one horn is considered as tamed and a slave of someone and in females, 90% time a high ranking succubus or succubus queen have horn as big as asta. Normally female demons have no horns or around 10 to 15cm long horns. "She may be tamed, but we don't know who her master is. She could be dangerous," another guard added, his grip tightening on his weapon. Scarlett's mind raced with anger and confusion. 'Slave? I am not someone's slave. Should I kill everyone...?' Then Aoto suddenly interjected, "Don't worry, she's my slave." Asta's sharp voice pierced the air, barely a whisper, "Hey! Who is your slave?" Scarlett's frustration was palpable. "Shut up! I don't think you can make it out alive if I don't say you're my slave," Aoto hissed back quietly, his voice tinged with annoyance but also concern for their precarious situation. "Hell nah... All you want is to start a harem in this world," Scarlett retorted sharply, her voice low but fierce. "So what? Who knows, if I create my own harem, maybe you'll find a girl among them who loves you," Aoto shot back, his words laced with a teasing edge as he tried to lighten the mood. Clearing her throat, Scarlett turned her attention back to the guards with a forced smile. "Yea-yeah, I am his slave. There's no need to panic. I am friendly with humans," she declared, her voice a mixture of feigned humility and a hint of sarcasm, hoping her words would defuse the tension and avoid further scrutiny. "Everyone, put down your weapons," the saintess commanded, her voice trembling slightly with residual fear. "So, what... what are you? A high-ranking succubus?" Scarlett pondered her question for a moment, a mix of confusion and contemplation clouding her expression. 'Hmm, now that I think about it, what am I? Human? Demon? Dragon?'she mused inwardly, unsure of her true identity and nature. As the tension in the room began to ease, Scarlett decided to go along with the assumption. "Yeah, I am a succubus from a royal family," she announced confidently, hoping to maintain the facade and avoid any further complications. The guards and the saintess seemed to accept her explanation, their expressions shifting from suspicion to deference. "Oh, that explains it then," the saintess remarked, a note of relief evident in her voice. "And taming a royal succubus, as expected of hero-sama." Scarlett gritted his teeth at the praise, feeling a surge of irritation at the undeserved accolades. 'Shit! Why is he getting praised,'she muttered under his breath, his frustration bubbling just beneath the surface. But despite his annoyance, Aoto managed to maintain his composure, offering a modest response to the saintess's praise. "Hahaha, there's no need for so much praise. This is nothing," he deflected, hoping to downplay his role in the situation. As the tension continued to dissipate, the saintess turned her attention to Asta and Aoto. "Now, now, hero-sama and succubus-sama, look at your status window and tell me the results," she instructed, prompting Asta to access his status window and reveal his true abilities and attributes. HERO

40 30

45 100

60 600

creation( unique), swordmanship lvl.5, magic lvl.5 , resistance lvl. 5.

"Wohh this is like a game." Aoto busted aloud with excitement.

"Let me see my too." Scarlett couldn't help herself and started checking her status window too.

[Status Window]

Scarlett Nova.

Demonic Angel.</p><p><Strength>5000 <Endurance>8000</p><p><Agility>7000 <Luck>30</p><p><Intelligence> 70 <MP> 18000</p><p><Skills> ultimate skill: evolver, combat lvl.8, ultimate regeneration.</p><p>Ultimate skill: ???<Locked> </p><p><Notification> strength increased by 5.</p><p><Notification> Agility increasing by 4.</p><p><Notification> agi-, < notificat–, <notification.....</p><p>'I always used to that my strength is increasing, now I can even see that My overall strength increasing every second.'</p><p>Aoto gazed perplexedly at his status window, a complex grid of information that made little sense to him. "Ahhh man, this is one hell of a status window. I don't understand most of it."</p><p>"Damn, I'm only Level one right now. I think I have to gain exp to level up," Aoto muttered, a note of disappointment in his voice as he scrutinized the digital display before him.</p><p>"Level? I don't see that in my status window," Scarlett remarked, furrowing her brow in confusion as she toggled through her own digital interface.</p><p>The saintess, overhearing their conversation, stepped closer, her expression marked by curiosity and concern. "Hero-sama, did you say 'level'?" she inquired, her voice tinged with worry. "I was concerned because the summoning spell used only half the mana it usually requires."</p><p>Peering over Aoto's shoulder, she nodded slowly, her eyes widening with realization. "Now that you mention it, you have 'LVL' in your status window. You really are a hero," she confirmed, her tone reverberating with the gravity of his role in this new world.</p><p>The summoning spell.uswd half of the mana, it usually requires because they already entered in this world.</p><p>"Oh, forgive my rudeness. I didn't even ask you your name," she apologized before turning to Aoto. </p><p>"Oh, my name is Aoto Takahashi. I will do my best to save this world," Aoto declared, a note of resolve in his voice.</p><p>The saintess turned her attention to Scarlett, awaiting his introduction. "And what's your name, succubus-sama?" she inquired politely.</p><p>Scarlett hesitated for a moment before responding. "Sighh, me? Um, I am S-Scarlett Nova," she stammered, feeling a pang of embarrassment at the mention of her new identity.</p><p>With introductions out of the way, the saintess urged them to proceed. "Okay, Aoto-san and Nova-san, let's go meet the king," she suggested, prompting them to follow her lead.</p><p>Aoto eagerly agreed, his enthusiasm palpable. "Yeah, let's go!"</p><p>Meanwhile, Scarlett couldn't help but notice Aoto's gaze lingering on the saintess's body. "Ugh, look at him lusting over the saintess's body. Scarlett grumbled inwardly, feeling a twinge of annoyance at his friend's behavior.</p><p>'Who the hell made him a hero' </p> </article> <nav class="chapter-nav"> <div class="keyboard-hint" x-show="showKeyboardHint" x-transition.opacity> <svg class="hint-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/> </svg> <span class="hint-text"> Use <span class="kbd">←</span> and <span class="kbd">→</span> arrow keys to navigate between chapters </span> <button @click="dismissKeyboardHint()" class="dismiss-hint" title="Close">×</button> </div> <div class="nav-row"> <a href="https://novelhub.net/novel/that-time-i-got-turned-into-a-dragonoid/chapter-8" class="nav-link"> <svg fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/> </svg> <div class="text"> <div class="label">Previous</div> <div class="title">Chapter 8</div> </div> </a> <a href="https://novelhub.net/novel/that-time-i-got-turned-into-a-dragonoid/chapter-10" class="nav-link next"> <div class="text"> <div class="label">Next</div> <div class="title">Chapter 10</div> </div> <svg fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </a> </div> <a href="https://novelhub.net/novel/that-time-i-got-turned-into-a-dragonoid" class="novel-link"> <svg fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18"/> </svg> Back to That Time I Got Turned In... </a> </nav> <section class="comments-section"> <div x-data="commentSystem(4769, 2646149, [], 'false')"> <h2 class="py-2 mb-4 text-lg font-bold text-blue-600 dark:text-blue-400">Comments</h2> <div class="mb-6"> <div class="p-4 text-center text-gray-500 dark:text-dark-600 bg-gray-50 dark:bg-dark-50 rounded-lg border border-gray-200 dark:border-dark-300"> <svg class="mx-auto mb-3 w-12 h-12 text-gray-300 dark:text-dark-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"></path> </svg> <p class="mb-3 text-sm dark:text-dark-700">Join the discussion! Login to share your thoughts and connect with other readers.</p> <div class="flex gap-3 justify-center"> <button @click="$dispatch('open-modal', { type: 'auth', mode: 'login' })" class="px-4 py-2 text-sm font-medium text-white bg-blue-600 rounded-md transition-colors hover:bg-blue-700"> Login </button> <button @click="$dispatch('open-modal', { type: 'auth', mode: 'register' })" class="px-4 py-2 text-sm font-medium text-gray-700 dark:text-dark-800 bg-gray-200 dark:bg-dark-200 rounded-md transition-colors hover:bg-gray-300 dark:hover:bg-dark-300"> Register </button> </div> </div> </div> <div id="comments-list" class="space-y-4" x-show="replyingTo === null && !hasInteractions"> <div class="p-6 text-center text-gray-500 dark:text-dark-600 bg-white dark:bg-dark-50 rounded-lg border border-gray-200 dark:border-dark-300"> <svg class="mx-auto mb-3 w-12 h-12 text-gray-300 dark:text-dark-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"></path> </svg> <p class="text-sm dark:text-dark-700">No comments yet. Be the first to comment!</p> </div> </div> <div x-show="hasInteractions" x-cloak class="space-y-4"> <template x-for="comment in comments" :key="comment.id"> <div :data-comment-id="comment.id" class="p-2 bg-white dark:bg-dark-50 rounded-lg border border-gray-200 dark:border-dark-300 transition-all duration-200"> <div class="flex gap-3"> <div class="flex-shrink-0"> <div class="inline-block relative"> <img :src="comment.user.avatar && comment.user.avatar !== 'images/default-avatar.svg' ? `/storage/${comment.user.avatar}` : '/images/default-avatar.svg'" alt="" class="object-cover w-12 h-12 rounded-full" loading="lazy"> </div> </div> <div class="flex-1"> <div class="flex justify-between items-center mb-2"> <div class="flex gap-2 items-center"> <span class="font-semibold text-gray-800 dark:text-dark-900" x-text="comment.user.name"></span> <span class="username-level-badge" :class="`lv_${comment.user.level || 1}`"> <span x-text="`Lv${comment.user.level || 1}`"></span> </span> <template x-if="comment.chapter_id"> <span class="inline-flex items-center px-2 py-1 text-xs font-medium text-blue-700 dark:text-blue-300 bg-blue-100 dark:bg-blue-900/30 rounded-full"> Chapter <span x-text="comment.chapter_number"></span> </span> </template> </div> <span class="text-xs text-gray-500 dark:text-dark-600" x-text="formatDate(comment.created_at)"></span> </div> <div class="leading-relaxed text-gray-700 dark:text-dark-800" x-html="parseCommentBody(comment.content)"></div> <div class="flex gap-4 items-center mt-3 text-xs text-gray-600 dark:text-dark-600"> <button x-on:click="toggleLike(comment.id)" class="flex gap-1 items-center px-2 py-1 rounded transition-colors duration-200 hover:text-blue-600 dark:hover:text-blue-400 hover:bg-blue-50 dark:hover:bg-blue-900/30"> <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path d="M7.493 18.75c-.425 0-.82-.236-.975-.632A7.48 7.48 0 016 15.375c0-1.75.599-3.358 1.602-4.634.151-.192.373-.309.6-.397.473-.183.89-.514 1.212-.924a9.042 9.042 0 012.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 00.322-1.672V3a.75.75 0 01.75-.75 2.25 2.25 0 012.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558-.107 1.282.725 1.282h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 01-2.649 7.521c-.388.482-.987.729-1.605.729H14.23c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 00-1.423-.23h-.777zM2.331 10.977a11.969 11.969 0 00-.831 4.398 12 12 0 00.52 3.507c.26.85 1.084 1.368 1.973 1.368H4.9c.445 0 .72-.498.523-.898a8.963 8.963 0 01-.924-3.977c0-1.708.476-3.305 1.302-4.666.245-.403-.028-.959-.5-.959H4.25c-.832 0-1.612.453-1.918 1.227z" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> </svg> <span x-text="comment.likes_count > 0 ? comment.likes_count : ''"></span> </button> <button x-on:click="toggleReply(comment.id)" class="flex gap-1 items-center px-2 py-1 rounded transition-colors duration-200 hover:text-blue-600 dark:hover:text-blue-400 hover:bg-blue-50 dark:hover:bg-blue-900/30"> <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path d="M4.5 12L9.5 17M4.5 12L9.5 7M4.5 12L14.5 12C16.1667 12 19.5 11 19.5 7" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> </svg> <span>Reply</span> </button> </div> </div> </div> <div x-show="replyingTo === comment.id" x-transition class="mt-4 ml-0 md:ml-4"> <div :id="`replyPlaceholder${comment.id}`" class="reply-placeholder"></div> </div> <div x-show="comment.replies && comment.replies.length > 0" class="mt-4 ml-4 space-y-4"> <template x-for="reply in comment.replies" :key="reply.id"> <div class="flex gap-3"> <div class="flex-shrink-0"> <div class="inline-block relative"> <img :src="reply.user.avatar && reply.user.avatar !== 'images/default-avatar.svg' ? `/storage/${reply.user.avatar}` : '/images/default-avatar.svg'" alt="" class="object-cover w-8 h-8 rounded-full" loading="lazy"> </div> </div> <div class="flex-1"> <div class="flex justify-between items-center mb-2"> <div class="flex gap-2 items-center"> <span class="font-semibold text-gray-800 dark:text-dark-900" x-text="reply.user.name"></span> <span class="username-level-badge" :class="`lv_${reply.user.level || 1}`"> <span x-text="`Lv${reply.user.level || 1}`"></span> </span> </div> <span class="text-xs text-gray-500 dark:text-dark-600" x-text="formatDate(reply.created_at)"></span> </div> <div class="leading-relaxed text-gray-700 dark:text-dark-800" x-html="parseCommentBody(reply.content)"></div> <div class="flex gap-4 items-center mt-3 text-xs text-gray-600 dark:text-dark-600"> <button x-on:click="toggleLike(reply.id)" class="flex gap-1 items-center px-2 py-1 rounded transition-colors duration-200 hover:text-blue-600 dark:hover:text-blue-400 hover:bg-blue-50 dark:hover:bg-blue-900/30"> <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path d="M7.493 18.75c-.425 0-.82-.236-.975-.632A7.48 7.48 0 016 15.375c0-1.75.599-3.358 1.602-4.634.151-.192.373-.309.6-.397.473-.183.89-.514 1.212-.924a9.042 9.042 0 012.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 00.322-1.672V3a.75.75 0 01.75-.75 2.25 2.25 0 012.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558-.107 1.282.725 1.282h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 01-2.649 7.521c-.388.482-.987.729-1.605.729H14.23c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 00-1.423-.23h-.777zM2.331 10.977a11.969 11.969 0 00-.831 4.398 12 12 0 00.52 3.507c.26.85 1.084 1.368 1.973 1.368H4.9c.445 0 .72-.498.523-.898a8.963 8.963 0 01-.924-3.977c0-1.708.476-3.305 1.302-4.666.245-.403-.028-.959-.5-.959H4.25c-.832 0-1.612.453-1.918 1.227z" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> </svg> <span x-text="reply.likes_count > 0 ? reply.likes_count : ''"></span> </button> <button x-on:click="toggleReply(reply.id)" class="flex gap-1 items-center px-2 py-1 rounded transition-colors duration-200 hover:text-blue-600 dark:hover:text-blue-400 hover:bg-blue-50 dark:hover:bg-blue-900/30"> <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path d="M4.5 12L9.5 17M4.5 12L9.5 7M4.5 12L14.5 12C16.1667 12 19.5 11 19.5 7" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> </svg> <span>Reply</span> </button> </div> <div x-show="replyingTo === reply.id" x-transition class="mt-4 -ml-4 md:ml-0"> <div :id="`replyPlaceholder${reply.id}`" class="reply-placeholder"></div> </div> </div> </div> </template> </div> </div> </template> </div> <div x-show="hasMorePages" x-cloak class="mt-6 text-center"> <button x-on:click="loadMoreComments" :disabled="loadingMore" class="px-6 py-3 text-sm font-medium text-white bg-gray-600 rounded-lg transition-colors duration-200 hover:bg-gray-700 disabled:opacity-50 disabled:cursor-not-allowed"> <span x-show="!loadingMore">Load More Comments</span> <span x-show="loadingMore" class="flex justify-center items-center"> <svg class="mr-2 w-4 h-4 animate-spin" fill="none" viewBox="0 0 24 24"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> Loading... </span> </button> </div> <div id="mobileReplyForm" x-show="replyingTo !== null" x-cloak class="hidden"> <form x-on:submit.prevent="postReply()" class="ml-0 space-y-4 md:ml-0"> <div class="bg-white dark:bg-dark-50 rounded-lg border border-gray-200 dark:border-dark-300 focus-within:ring-2 focus-within:ring-blue-500 focus-within:border-blue-500"> <div class="px-2 py-2 border-b border-gray-200 dark:border-dark-300"> <div class="flex justify-end items-center mb-1"> <button type="button" x-on:click="activeReplyStickerSet = null" x-show="activeReplyStickerSet" class="text-xs text-gray-500 dark:text-dark-600 hover:text-gray-700 dark:hover:text-dark-800"> Close </button> </div> <nav class="flex overflow-x-auto pb-1 space-x-3" aria-label="Reply Sticker Sets"> <template x-for="(set, setName) in stickerSets" :key="setName"> <button type="button" x-on:click="activeReplyStickerSet = (activeReplyStickerSet === setName ? null : setName)" :class="activeReplyStickerSet === setName ? 'ring-2 ring-blue-500 bg-blue-50 dark:bg-blue-900/30' : 'hover:bg-gray-200 dark:hover:bg-dark-200'" class="flex-shrink-0 p-2 rounded-md transition-all duration-200 focus:outline-none"> <img :src="getRepresentative(setName)" :alt="set.name" class="object-contain w-8 h-8" :title="set.name"> </button> </template> </nav> <div x-show="activeReplyStickerSet" x-transition class="pt-2 mt-2 border-t border-gray-200 dark:border-dark-300"> <div class="grid overflow-y-auto grid-cols-6 gap-3 max-h-48 md:grid-cols-8 lg:grid-cols-10"> <template x-for="file in stickerSets[activeReplyStickerSet]?.files || []" :key="file"> <button type="button" x-on:click="insertReplySticker(activeReplyStickerSet, file, replyingTo)" class="p-2 rounded-md transition-transform sticker-button hover:bg-gray-200 dark:hover:bg-dark-200 focus:outline-none focus:ring-2 focus:ring-blue-500"> <img :src="stickerSets[activeReplyStickerSet].path + file" :alt="file" class="object-contain w-12 h-12 md:w-16 md:h-16"> </button> </template> </div> </div> </div> <div class="relative px-2 py-2"> <input type="hidden" name="reply_content" x-model="newReply"> <div id="mobileReplyEditor" x-on:input="syncMobileReplyEditorState()" contenteditable="true" role="textbox" class="block p-3 pr-20 w-full border-0 resize-none reply-editor focus:ring-0" style="word-break: break-word; min-height: 60px;" data-placeholder="Write your reply..."> </div> <div class="absolute right-2 bottom-2"> <button type="submit" :disabled="loading" class="inline-flex items-center px-3 py-1.5 text-sm font-medium text-white bg-blue-600 rounded-md border border-transparent shadow-sm transition-all duration-200 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:opacity-50 disabled:cursor-not-allowed"> <svg x-show="!loading" class="mr-1 w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path d="M4.5 12L9.5 17M4.5 12L9.5 7M4.5 12L14.5 12C16.1667 12 19.5 11 19.5 7" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/> </svg> <svg x-show="loading" class="mr-1 w-4 h-4 animate-spin" fill="none" viewBox="0 0 24 24"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> <span x-text="loading ? 'Replying...' : 'Reply'"></span> </button> </div> </div> </div> </form> </div> </div> </section> </main> <div class="side-panel" @click.stop> <button class="side-btn" :class="{ 'active': showSettings }" @click="toggleSettings()" title="Settings"> <svg fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"/> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/> </svg> </button> <a href="https://novelhub.net/novel/that-time-i-got-turned-into-a-dragonoid/chapters" class="side-btn" title="Chapters"> <svg fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 10h16M4 14h16M4 18h16"/> </svg> </a> <button class="side-btn" @click="$dispatch('open-report')" title="Report"> <svg fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"/> </svg> </button> </div> <div class="swipe-hint" :class="{ 'show': showHint }">↑ Swipe up for menu</div> <nav class="mobile-bar" :class="{ 'show': toolbarVisible }" @click.stop> <div class="mobile-bar-inner"> <a href="https://novelhub.net/novel/that-time-i-got-turned-into-a-dragonoid/chapter-8" class="mobile-btn"> <svg fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/></svg> <span>Prev</span> </a> <a href="https://novelhub.net/novel/that-time-i-got-turned-into-a-dragonoid/chapters" class="mobile-btn"> <svg fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 10h16M4 14h16M4 18h16"/></svg> <span>List</span> </a> <button class="mobile-btn" :class="{ 'active': showSettings }" @click="toggleSettings()"> <svg fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/></svg> <span>Settings</span> </button> <a href="https://novelhub.net/novel/that-time-i-got-turned-into-a-dragonoid/chapter-10" class="mobile-btn"> <svg fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/></svg> <span>Next</span> </a> </div> </nav> <div class="overlay" :class="{ 'show': showSettings }" @click="closeAll()"></div> <div class="settings" :class="{ 'show': showSettings }" @click.stop> <div class="settings-header"> <span class="settings-title">Reading Settings</span> <button class="settings-close" @click="closeAll()"> <svg fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/></svg> </button> </div> <div class="settings-body"> <div class="theme-row"> <button class="theme-box white" :class="{ 'active': theme === 'auto' }" @click="setTheme('auto')"></button> <button class="theme-box gray" :class="{ 'active': theme === 'gray' }" @click="setTheme('gray')"></button> <button class="theme-box cream" :class="{ 'active': theme === 'sepia' }" @click="setTheme('sepia')"></button> <button class="theme-box pink" :class="{ 'active': theme === 'pink' }" @click="setTheme('pink')"></button> <button class="theme-box green" :class="{ 'active': theme === 'green' }" @click="setTheme('green')"></button> <button class="theme-box dark" :class="{ 'active': theme === 'dark' }" @click="setTheme('dark')"> <svg fill="currentColor" viewBox="0 0 24 24"><path d="M21.752 15.002A9.718 9.718 0 0118 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 003 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 009.002-5.998z"/></svg> </button> </div> <div class="control-row"> <button class="control-btn" @click="decreaseFontSize()" :disabled="fontSize <= 14">-</button> <span class="control-value" x-text="fontSize + 'px'"></span> <button class="control-btn" @click="increaseFontSize()" :disabled="fontSize >= 28">+</button> <span class="control-divider"></span> <button class="control-btn" @click="decreaseLineHeight()" :disabled="lineHeight <= 1.4">-</button> <span class="control-value" x-text="lineHeight.toFixed(1) + 'x'"></span> <button class="control-btn" @click="increaseLineHeight()" :disabled="lineHeight >= 2.4">+</button> </div> <div class="settings-actions"> <button class="report-btn" @click="$dispatch('open-report'); closeAll();"> <svg fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"/></svg> Report Issue </button> </div> </div> </div> </div> <div x-data="{ show: false }" @open-report.window="show = true" @close-report.window="show = false" x-show="show" x-cloak class="modal"> <div class="modal-bg" @click="show = false"></div> <div class="modal-box" @click.stop x-show="show" x-transition> <div class="modal-head"> <h3>Report Issue</h3> <button class="modal-close" @click="show = false"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/></svg> </button> </div> <div class="modal-body"> <form action="https://novelhub.net/novel/that-time-i-got-turned-into-a-dragonoid/chapter-9/report" method="POST" x-data="reportForm()" @submit.prevent="submit($event)"> <input type="hidden" name="chapter_id" value="2646149"> <input type="hidden" name="novel_id" value="4769"> <div x-show="success" class="mb-4 p-3 bg-green-100 text-green-700 rounded-lg text-sm">Report submitted!</div> <div x-show="error" x-text="error" class="mb-4 p-3 bg-red-100 text-red-700 rounded-lg text-sm"></div> <div class="mb-4" x-show="!success"> <label class="block text-sm font-medium mb-2">Issue Type</label> <select name="report_type" required class="w-full px-4 py-3 rounded-lg border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800"> <option value="">Select...</option> <option value="missing_content">Missing Content</option> <option value="wrong_chapter">Wrong Chapter</option> <option value="formatting_issue">Formatting Issue</option> <option value="duplicate_content">Duplicate Content</option> <option value="other">Other</option> </select> </div> <div class="mb-4" x-show="!success"> <label class="block text-sm font-medium mb-2">Description</label> <textarea name="description" required rows="3" maxlength="500" placeholder="Describe the issue..." class="w-full px-4 py-3 rounded-lg border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 resize-none"></textarea> </div> <div class="flex gap-3" x-show="!success"> <button type="button" @click="show = false" class="flex-1 py-3 px-4 rounded-lg bg-gray-100 dark:bg-gray-800 font-medium">Cancel</button> <button type="submit" :disabled="submitting" class="flex-1 py-3 px-4 rounded-lg bg-blue-600 text-white font-medium disabled:opacity-50"> <span x-show="!submitting">Submit</span> <span x-show="submitting">Sending...</span> </button> </div> </form> </div> </div> </div> <link rel="modulepreload" href="https://novelhub.net/build/assets/reader-3ZEI6_A9.js" /><link rel="modulepreload" href="https://novelhub.net/build/assets/comments-LdW9pvaX.js" /><script type="module" src="https://novelhub.net/build/assets/reader-3ZEI6_A9.js" data-navigate-track="reload"></script> <link rel="modulepreload" href="https://novelhub.net/build/assets/common-4CfY8fbP.js" /><script type="module" src="https://novelhub.net/build/assets/common-4CfY8fbP.js" data-navigate-track="reload"></script></body> </html> <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'9c76b17c8da65fa8',t:'MTc3MDAwMzkwMA=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script> </div> <div class="chapter-nav" style="margin-top:2rem"> <a href="/novel/that-time-i-got-turned-into-a-dragonoid/chapter/8">← Previous Chapter</a> <a href="/novel/that-time-i-got-turned-into-a-dragonoid">Back to Novel</a> <a href="/novel/that-time-i-got-turned-into-a-dragonoid/chapter/10">Next Chapter →</a> </div> </div> </main> <footer class="footer"> <div class="footer-inner"> <p class="footer-logo">Noveler</p> <p>Read Online Novels & Stories for Free. Fantasy, romance, and adventure.</p> <p class="footer-copy">© 2026 Noveler. All Rights Reserved.</p> </div> </footer> <script> (function(){ function trimText(t){return (t||'').toString().trim()} function sendEvent(name){if(typeof gtag==='function')gtag('event',name)} document.addEventListener('click',function(e){ var link=e.target.closest('a'); if(link&&link.href){ var lt=trimText(link.textContent),lu=link.href||''; sendEvent(('click_'+lt+'_'+lu).slice(0,40)); return; } var btn=e.target.closest('button,input[type="submit"],input[type="button"]'); if(btn){ var bt=trimText(btn.textContent||btn.value); sendEvent(('click_'+bt).slice(0,40)); } }); })(); </script> </body> </html>