# Hero Wars Guide - Hero Strategies & Game Tips

> Markdown mirror of DialtoneApp's public top-site detail page for `oaslo.com`.

URL: https://dialtoneapp.com/top-sites/oaslo.com/index.md
Canonical HTML: https://dialtoneapp.com/top-sites/oaslo.com

## Summary

- Domain: `oaslo.com`
- Website: https://oaslo.com
- Description: ai readable | score 27 | purchase read only
- Label: ai_readable
- Payment surface: Not available
- Purchase boundary: read_only
- Control boundary: unknown
- Rank: 631665

## robots

Not found.

## llms

~~~text
<!DOCTYPE html>
<html lang="en">
<head>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-SYL9F9H5P9"></script>
<script>window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}
gtag("js", new Date());gtag("config", "G-SYL9F9H5P9");</script><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6965351268394372" crossorigin="anonymous"></script><meta charset="UTF-8">
<meta http-equiv="Content-Language" content="en">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="Hero Wars Strategy - Guides and Tips">
<base target="_blank"><title>Hero Wars Guide - Hero Strategies & Game Tips</title>
                <meta name="description" content="Get the most comprehensive Hero Wars guides, including hero strategies, game tips, and equipment recommendations. Let us help you win in this epic adventure game.">
                <meta name="keywords" content="Hero Wars, guides, hero strategies, game tips, equipment"><link rel="alternate" href="/en" hreflang="en"><link rel="alternate" href="/ru" hreflang="ru"><link rel="alternate" href="/es" hreflang="es"><link rel="alternate" href="/de" hreflang="de"><link rel="alternate" href="/it" hreflang="it"><link rel="alternate" href="/fr" hreflang="fr"><link rel="alternate" href="/pl" hreflang="pl"><link rel="alternate" href="/pt" hreflang="pt"><link rel="alternate" href="/zh-CN" hreflang="zh-CN"><link rel="alternate" href="/zh-TW" hreflang="zh-TW"><link rel="alternate" href="/ja" hreflang="ja"><link rel="alternate" href="/ko" hreflang="ko"><link rel="alternate" href="/th" hreflang="th"><link rel="stylesheet" href="/strategy/css/ctn.css">
<script src="/strategy/css/ctn.js"></script><style>
body{
margin: 0;
padding: 0 0 100px 0;
font-family: Arial, sans-serif;
background-color: #0a0f3c;
color: #fff;
}

#languageSelect {
    min-width: 80px;
    height: 35px;  /* 设置高度 */
    padding: 5px 10px 5px 16px;  /* 内边距 */
    font-size: 16px;  /* 字体大小 */
    border-radius: 5px;  /* 圆角 */
    border: 1px solid #ccc;  /* 边框颜色 */
    color: white;
    background-color: #0a0f3c;
    appearance: none;  /* 去掉默认的下拉箭头 */
    -webkit-appearance: none; /* 去掉webkit浏览器默认的下拉箭头 */
    -moz-appearance: none;  /* 去掉Firefox浏览器默认的下拉箭头 */
    cursor: pointer;  /* 设置鼠标样式为指针 */
    box-sizing: border-box;  /* 确保边框不影响元素尺寸 */
}
#languageSelect::-ms-expand {display: none;}
#languageSelect {/* 适配ios的样式（防止ios上的 select 看起来太大） */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
#languageSelect-container {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #fff;
}
#languageSelect:focus {
    outline: none;
    border-color: #ffffff;
}
#languageSelect:hover {
    border-color: #ffffff;
}



nav {
    background-color: #4CAF50;
    padding: 10px 0;
    margin-top: 0;
    position: relative; /* Ensure the dropdown menu is positioned relative to the nav */
}
nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
    cursor: default;
}
nav ul li {
    display: inline-block; /* Changed from inline to inline-block */
    position: relative; /* Required for the dropdown positioning */
    margin: 10px 16px;
}
nav ul span {
    color: white;
    font-weight: bold;
    display: block; /* Make the entire area clickable */
    cursor: default;
}
nav ul li a {
    color: white;
    text-decoration: none;
    font-weight: bold;
    display: block; /* Make the entire area clickable */
    white-space: nowrap; /* Prevent text from wrapping */
}

nav .dropdown-menu {
    display: none; /* Hide the dropdown menu by default */
    position: absolute;
    top: 100%; /* Position it below the parent item */
    left: 50%;
    transform: translateX(-50%); /* Move left by half of the dropdown width to center it */
    background-color: #16825d; /* Background color of dropdown menu */
    min-width: 160px; /* Minimum width for the dropdown menu */
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); /* Optional shadow for better visibility */
    z-index: 1; /* Make sure it appears on top */
}
nav .dropdown-menu li {
    display: block;
    position: relative; /* Required for the dropdown positioning */
    margin: 0px;
}
nav .dropdown-menu li a {
    padding: 12px 16px; /* Padding for dropdown items */
    color: #f0f0f0; /* Text color for dropdown items */
    white-space: nowrap; /* Prevent text from wrapping */
}
nav .dropdown-menu li a:hover {
    background-color: #67bd6a; /* Background color on hover for dropdown items */
}
nav .dropdown:hover .dropdown-menu {
    display: block; /* Show the dropdown menu on hover */
}
nav .icon {
    vertical-align: middle;
    margin: -4px 0 0 0;
    padding: 0;
    height: 28px;
    width: auto;
}


main {
    display: flex;
    justify-content: center;
    padding: 20px;
    box-sizing: border-box;
    gap: 20px;
}



.events {
    background-color: #1e2a47; /* 背景色用于区分 */
    padding: 10px;
    position: relative; /* 使子元素的绝对定位生效 */
    border: 2px solid #333; /* 边框 */
    overflow: hidden; /* 防止超出容器 */
}
.event-table {
    border-collapse: collapse; /* 合并边框 */
}

.event-table td {
    width: 102px; /* 每个单元格的宽度 */
    vertical-align: top; /* 使单元格内的内容顶部对齐 */
    position: relative; /* 使绝对定位有效 */
    padding: 0;
    /* border: 1px solid #ddd; 边框颜色，用于调试 */
}


.event-calendar::before {
    content: '';
    position: absolute;
    height: attr(data-height px); /* 使用自定义属性 */
    width: 100%; /* 矩形的宽度 */
    background-color: #666666; /* 矩形的颜色 */
    top: 0px; /* 从顶部位置开始 */
    left: 0px; /* 从左边位置开始 */
}

/* 07-02 10:00 的文字 */
.event-guildNewDayText {
    position: absolute;
    box-shadow: 0 1px 0 0 #fff;
    width: 100%;
    color: #fff;
    text-align: center;
    transform: translateY(-100%); /* 让底边在top的位置 */
}

/* 事件矩形块 */
.event-rect {
    position: absolute;
    width: 100%;
    color: #fff;
    padding: 1px;
    box-sizing: border-box;
}

.event-calendar {
    background-color: #16825d; /* 背景色 */
    width: 100%; /* 占满单元格宽度 */
    position: relative; /* 使事件矩形绝对定位有效 */
}

#event-col1 .event-rect {
    background-color: #1f4d5c; /* 第一列颜色 */
}

#event-col2 .event-rect {
    background-color: #43798a; /* 第二列颜色 */
}

#event-col3 .event-rect {
    background-color: #2c6a80; /* 第三列颜色 */
}

#event-col4 .event-rect {
    background-color: #295e6c; /* 第四列颜色 */
}


/* 右侧内容 */
.maps {
    background-color: #1e2a47; /* 背景色用于区分 */
    padding: 10px;
    border: 2px solid #333; /* 边框 */
    overflow-y: auto;
}
.map-table {
    width: 100%;
    border-collapse: collapse;
}
.map-table td {
    border: 1px solid #ccc;
    padding: 10px;
    text-align: center;
}

.map-table img {
    max-width: 100%;
    height: auto;
    display: block;
}
.overlay-image {
    position: absolute;
    bottom: 0;
    right: 0;
}
.map-table a {
    position: relative; /* 确保子元素相对于这个容器定位 */
    display: inline-block; /* 保持链接内容块的特性 */
}
.map-table span {
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translateX(-50px);
    background-color: rgba(0, 0, 0, 0.5);
    color: rgb(253, 255, 139);
    padding: 3px 5px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: bold;
    pointer-events: none;
}


.gifts table {
table-layout: fixed;
border-collapse: collapse;
}
.gifts tr {
pointer-events: none;
}
.gifts td {
padding: 0;
pointer-events: none;
color: white;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.gifts td:last-child {
width: auto;
display: flex;
justify-content: flex-start;
}

.gifts-icon{
position:relative;
display:flex;
overflow:hidden;
border-radius:5px;
width:48px;
height:48px;
pointer-events: none;
background-repeat: no-repeat;
transform: scale(0.80);
margin-right: -5px;
}


footer {
    background-color: #4CAF50;
    color: white;
    text-align: center;
    padding: 10px;
    position: fixed;
    width: 100%;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
footer a {
    display: inline-flex;
    align-items: center; /* 垂直居中对齐 */
    text-decoration: none;
    color: white;
    margin: 0 0 0 40px;
    line-height: 24px;
}
footer img {
    height: 24px;
    margin: 0 8px 0 0;
}
</style>
</head>
<body>
<div style="position: relative;">
<img style="width: 100%;height: auto;display: block;" src="/strategy/images/banner.webp">
<div id="languageSelect-container">
    <select id="languageSelect" onchange="SwitchLanguage(this.selectedIndex)">
    <option value="en" selected>English</option><option value="ru">Русский</option><option value="es">Español</option><option value="de">Deutsch</option><option value="it">Italiano</option><option value="fr">Français</option><option value="pl">Polski</option><option value="pt">Português</option><option value="zh-CN">中文简体</option><option value="zh-TW">中文繁體</option><option value="ja">日本語</option><option value="ko">한국어</option><option value="th">ภาษาไทย</option>    </select>
</div>
</div>
<script>
function SwitchLanguage(lidx)
{
    const form = document.createElement('form');
    form.method = 'POST';
    form.action = '/';
    form.target = '_self';
    const inp = document.createElement('input');
    inp.type = 'hidden';
    inp.name = 'suli';
    inp.value = lidx;
    form.appendChild(inp);
    document.body.appendChild(form);
    form.submit();
}
</script>
<nav>
    <ul>
        <li><a href="/en/strategy/">Home</a></li>
        <li class="dropdown">
            <span>Hero</span>
            <ul class="dropdown-menu">
                <li><a href="/en/strategy/n_hero/League-Arena">League Arena</a></li>
                <li><a href="/en/strategy/n_hero/teamlevel">Team Level</a></li>
                <li><a href="/en/strategy/n_hero/equipment">Equipment Value</a></li>
                <li><a href="/en/strategy/n_hero/Gift-of-the-Dominion">Gift of the Dominion Values</a></li>
                <li><a href="/en/strategy/n_hero/Item-Value">Item Value</a></li>                
                <li><a href="/en/strategy/n_hero/Artifacts">artifacts Upgrade Materials</a></li>
            </ul>
        </li>
        <li class="dropdown">
            <span>Pet</span>
            <ul class="dropdown-menu">
                <li><a href="/en/strategy/n_pet/upgrade">Stone upgrade and charge</a></li>
                <li><a href="/en/strategy/n_pet/value">Item Value</a></li>
            </ul>
        </li>
        <li class="dropdown">
            <span>Titan</span>
            <ul class="dropdown-menu">
                <li><a href="/en/strategy/n_titan/totem">Totem</a></li>
                <li><a href="/en/strategy/n_titan/level">Level</a></li>
                <li><a href="/en/strategy/n_titan/skin">Skin</a></li>
                <li><a href="/en/strategy/n_titan/artifact">Artifact</a></li>
                <li><a href="/en/strategy/n_titan/damagecalculator">damage calculator</a></li>
                <li><a href="/en/strategy/n_titan/value">Item Value</a></li>
            </ul>
        </li>
        <li class="dropdown">
            <span>Asgard</span>
            <ul class="dropdown-menu">
                <li><a href="/en/strategy/n_asgard/osh">Osh</a></li>
                <li><a href="/en/strategy/n_asgard/crystalvalue">Crystal Value</a></li>
                <li><a href="/en/strategy/n_asgard/ascensionspire">Ascension Spire Materials</a></li>
            </ul>
        </li>
        <li class="dropdown">
            <span>MysteriousIsland</span>
            <ul class="dropdown-menu">
                <li><a href="/en/strategy/n_island/Mysterious-Island">Mystery Island Map</a></li>
                <li><a href="/en/strategy/n_island/openable-items">Openable Items</a></li>
            </ul>
        </li>
        <li><a href="/en/strategy/n_noset/time-zone">Change time zone</a></li>
        <li class="dropdown" style='margin:0 20px'>
            <span><img class='icon' src='/strategy/images/gift.png'>Gifts</span>
            <ul class="dropdown-menu" id="navGifts">
            </ul>
        </li>

        <li style='margin:0 20px'><a href="/en/strategy/shop"><img class='icon' src='/strategy/images/shop.png'>Shop</a></li>
    </ul>
</nav>


<main>
<div>
    <div style="display: flex; align-items: center;">
        <h3>Events Calendar</h3>
        <a href="/en/strategy/h_events/archive" style="margin-left: 50px;color:#6ea5f2"><h3>View Event Archive</h3></a>
    </div>
    <div class="events" id="events">
        <table class="event-table">
            <tr>
                <td class="event-calendar" id="event-calendar"></td>
                <td class="event-col" id="event-col1">
                <td class="event-col" id="event-col2">
                <td class="event-col" id="event-col3">
                <td class="event-col" id="event-col4">
            </tr>
        </table>
    </div>
</div>
<div>
    <h3>Adventure Maps</h3>
    <div class="maps">
        <table class="map-table">
            <tr>
                <td>1</td>
                <td><a target=_blank href="/en/strategy/h_adventure/showmap?id=01.2"><img src="/strategy/h_adventure/thumbnails/01.2.webp">
                    <img class='overlay-image' src='/strategy/h_adventure/g.webp'>
                    <img class='overlay-image' style='transform: translateX(-15px);' src='/strategy/h_adventure/b.webp'>
                    </a>
                </td>
                <td><a target=_blank href="/en/strategy/h_adventure/showmap?id=01.1"><img src="/strategy/h_adventure/thumbnails/01.1.webp">
                    <img class='overlay-image' src='/strategy/h_adventure/g.webp'>
                    </a>
                </td>
            </tr>
            <tr>
                <td>2</td>
                <td><a target=_blank href="/en/strategy/h_adventure/showmap?id=02.2"><img src="/strategy/h_adventure/thumbnails/02.2.webp">
                    <img class='overlay-image' src='/strategy/h_adventure/g.webp'>
                    <img class='overlay-image' style='transform: translateX(-15px);' src='/strategy/h_adventure/b.webp'>
                    </a>
                </td>
                <td><a target=_blank href="/en/strategy/h_adventure/showmap?id=02.1"><img src="/strategy/h_adventure/thumbnails/02.1.webp">
                    <img class='overlay-image' src='/strategy/h_adventure/g.webp'>
                    </a>
                </td>
            </tr>
            <tr>
                <td>3</td>
                <td><a target=_blank href="/en/strategy/h_adventure/showmap?id=03.3"><img src="/strategy/h_adventure/thumbnails/03.3.webp">
                    <img class='overlay-image' src='/strategy/h_adventure/g.webp'>
                    <img class='overlay-image' style='transform: translateX(-15px);' src='/strategy/h_adventure/b.webp'>
                    <img class='overlay-image' style='transform: translateX(-30px);' src='/strategy/h_adventure/y.webp'>
                    </a>
                </td>
                <td><a target=_blank href="/en/strategy/h_adventure/showmap?id=03.2"><img src="/strategy/h_adventure/thumbnails/03.2.webp">
                    <img class='overlay-image' src='/strategy/h_adventure/g.webp'>
                    <img class='overlay-image' style='transform: translateX(-15px);' src='/strategy/h_adventure/b.webp'>
                    </a>
                </td>
            </tr>
            <tr>
                <td>4</td>
                <td><a target=_blank href="/en/strategy/h_adventure/showmap?id=04.3"><img src="/strategy/h_adventure/thumbnails/04.3.webp">
                    <img class='overlay-image' src='/strategy/h_adventure/g.webp'>
                    <img class='overlay-image' style='transform: translateX(-15px);' src='/strategy/h_adventure/b.webp'>
                    <img class='overlay-image' style='transform: translateX(-30px);' src='/strategy/h_adventure/y.webp'>
                    </a>
                </td>
                <td><a target=_blank href="/en/strategy/h_adventure/showmap?id=04.2"><img src="/strategy/h_adventure/thumbnails/04.2.webp">
                    <img class='overlay-image' src='/strategy/h_adventure/g.webp'>
                    <img class='overlay-image' style='transform: translateX(-15px);' src='/strategy/h_adventure/b.webp'>
                    </a>
                </td>
            </tr>
            <tr>
                <td>5</td>
                <td><a target=_blank href="/en/strategy/h_adventure/showmap?id=05.3"><img src="/strategy/h_adventure/thumbnails/05.3.webp">
                    <img class='overlay-image' src='/strategy/h_adventure/g.webp'>
                    <img class='overlay-image' style='transform: translateX(-15px);' src='/strategy/h_adventure/b.webp'>
                    <img class='overlay-image' style='transform: translateX(-30px);' src='/strategy/h_adventure/y.webp'>
                    </a>
                </td>
                <td><a target=_blank href="/en/strategy/h_adventure/showmap?id=05.1"><img src="/strategy/h_adventure/thumbnails/05.1.webp">
                    <img class='overlay-image' src='/strategy/h_adventure/g.webp'>
                    </a>
                </td>
            </tr>
            <tr>
                <td>6</td>
                <td><a target=_blank href="/en/strategy/h_adventure/showmap?id=06.3"><img src="/strategy/h_adventure/thumbnails/06.3.webp">
                    <img class='overlay-image' src='/strategy/h_adventure/g.webp'>
                    <img class='overlay-image' style='transform: translateX(-15px);' src='/strategy/h_adventure/b.webp'>
                    <img class='overlay-image' style='transform: translateX(-30px);' src='/strategy/h_adventure/y.webp'>
                    </a>
                </td>
                <td><a target=_blank href="/en/strategy/h_adventure/showmap?id=06.2"><img src="/strategy/h_adventure/thumbnails/06.2.webp">
                    <img class='overlay-image' src='/strategy/h_adventure/g.webp'>
                    <img class='overlay-image' style='transform: translateX(-15px);' src='/strategy/h_adventure/b.webp'>
                    </a>
                </td>
            </tr>
            <tr>
                <td>7</td>
                <td><a target=_blank href="/en/strategy/h_adventure/showmap?id=07.3"><img src="/strategy/h_adventure/thumbnails/07.3.webp">
                    <img class='overlay-image' src='/strategy/h_adventure/g.webp'>
                    <img class='overlay-image' style='transform: translateX(-15px);' src='/strategy/h_adventure/b.webp'>
                    <img class='overlay-image' style='transform: translateX(-30px);' src='/strategy/h_adventure/y.webp'>
                    </a>
                </td>
                <td><a target=_blank href="/en/strategy/h_adventure/showmap?id=07.2"><img src="/strategy/h_adventure/thumbnails/07.2.webp">
                    <img class='overlay-image' src='/strategy/h_adventure/g.webp'>
                    <img class='overlay-image' style='transform: translateX(-15px);' src='/strategy/h_adventure/b.webp'>
                    </a>
                </td>
            </tr>
            <tr>
                <td>8</td>
                <td><a target=_blank href="/en/strategy/h_adventure/showmap?id=08.3"><img src="/strategy/h_adventure/thumbnails/08.3.webp">
                    <img class='overlay-image' src='/strategy/h_adventure/g.webp'>
                    <img class='overlay-image' style='transform: translateX(-15px);' src='/strategy/h_adventure/b.webp'>
                    <img class='overlay-image' style='transform: translateX(-30px);' src='/strategy/h_adventure/y.webp'>
                    </a>
                </td>
                <td><a target=_blank href="/en/strategy/h_adventure/showmap?id=08.2"><img src="/strategy/h_adventure/thumbnails/08.2.webp">
                    <img class='overlay-image' src='/strategy/h_adventure/g.webp'>
                    <img class='overlay-image' style='transform: translateX(-15px);' src='/strategy/h_adventure/b.webp'>
                    </a>
                </td>
            </tr>
            <tr>
                <td>9</td>
                <td><a target=_blank href="/en/strategy/h_adventure/showmap?id=09"><img src="/strategy/h_adventure/thumbnails/09.webp">
                    <img class='overlay-image' src='/strategy/h_adventure/g.webp'>
                    <img class='overlay-image' style='transform: translateX(-15px);' src='/strategy/h_adventure/b.webp'>
                    <img class='overlay-image' style='transform: translateX(-30px);' src='/strategy/h_adventure/y.webp'>
                    </a>
                </td>
            </tr>
            <tr>
                <td>10</td>
                <td><a target=_blank href="/en/strategy/h_adventure/showmap?id=10"><img src="/strategy/h_adventure/thumbnails/10.webp">
                    <img class='overlay-image' src='/strategy/h_adventure/g.webp'>
                    <img class='overlay-image' style='transform: translateX(-15px);' src='/strategy/h_adventure/b.webp'>
                    <img class='overlay-image' style='transform: translateX(-30px);' src='/strategy/h_adventure/y.webp'>
                    </a>
                </td>
            </tr>
            <tr>
                <td>11</td>
                <td><a target=_blank href="/en/strategy/h_adventure/showmap?id=11"><img src="/strategy/h_adventure/thumbnails/11.webp">
                    <img class='overlay-image' src='/strategy/h_adventure/g.webp'>
                    <img class='overlay-image' style='transform: translateX(-15px);' src='/strategy/h_adventure/b.webp'>
                    <img class='overlay-image' style='transform: translateX(-30px);' src='/strategy/h_adventure/y.webp'>
                    </a>
                </td>
                <td><a target=_blank href="/en/strategy/h_adventure/showmap?id=11.3"><img src="/strategy/h_adventure/thumbnails/11.3.webp">
                    <span>Avoid #22</span>
                    <img class='overlay-image' src='/strategy/h_adventure/g.webp'>
                    <img class='overlay-image' style='transform: translateX(-15px);' src='/strategy/h_adventure/b.webp'>
                    <img class='overlay-image' style='transform: translateX(-30px);' src='/strategy/h_adventure/y.webp'>
                    </a>
                </td>
            </tr>
            <tr>
                <td>12</td>
                <td><a target=_blank href="/en/strategy/h_adventure/showmap?id=12.3"><img src="/strategy/h_adventure/thumbnails/12.3.webp">
                    <img class='overlay-image' src='/strategy/h_adventure/g.webp'>
                    <img class='overlay-image' style='transform: translateX(-15px);' src='/strategy/h_adventure/b.webp'>
                    <img class='overlay-image' style='transform: translateX(-30px);' src='/strategy/h_adventure/y.webp'>
                    </a>
                </td>
                <td><a target=_blank href="/en/strategy/h_adventure/showmap?id=12.2"><img src="/strategy/h_adventure/thumbnails/12.2.webp">
                    <img class='overlay-image' src='/strategy/h_adventure/g.webp'>
                    <img class='overlay-image' style='transform: translateX(-15px);' src='/strategy/h_adventure/b.webp'>
                    </a>
                </td>
            </tr>
            <tr>
                <td>13<br><br><b style='color:#cccccc; font-weight: normal;'>9</b></td>
                <td><a target=_blank href="/en/strategy/h_adventure/showmap?id=13.09"><img src="/strategy/h_adventure/thumbnails/13.09.webp">
                    <img class='overlay-image' src='/strategy/h_adventure/g.webp'>
                    <img class='overlay-image' style='transform: translateX(-15px);' src='/strategy/h_adventure/b.webp'>
                    <img class='overlay-image' style='transform: translateX(-30px);' src='/strategy/h_adventure/y.webp'>
                    </a>
                </td>
            </tr>
            <tr>
                <td>13<br><br><b style='color:#cccccc; font-weight: normal;'>10</b></td>
                <td><a target=_blank href="/en/strategy/h_adventure/showmap?id=13.10"><img src="/strategy/h_adventure/thumbnails/13.10.webp">
                    <img class='overlay-image' src='/strategy/h_adventure/g.webp'>
                    <img class='overlay-image' style='transform: translateX(-15px);' src='/strategy/h_adventure/b.webp'>
                    <img class='overlay-image' style='transform: translateX(-30px);' src='/strategy/h_adventure/y.webp'>
                    </a>
                </td>
            </tr>
            <tr>
                <td>13<br><br><b style='color:#cccccc; font-weight: normal;'>11</b></td>
                <td><a target=_blank href="/en/strategy/h_adventure/showmap?id=13.11"><img src="/strategy/h_adventure/thumbnails/13.11.webp">
                    <img class='overlay-image' src='/strategy/h_adventure/g.webp'>
                    <img class='overlay-image' style='transform: translateX(-15px);' src='/strategy/h_adventure/b.webp'>
                    <img class='overlay-image' style='transform: translateX(-30px);' src='/strategy/h_adventure/y.webp'>
                    </a>
                </td>
            </tr>
            <tr>
                <td>13<br><br><b style='color:#cccccc; font-weight: normal;'>12</b></td>
                <td><a target=_blank href="/en/strategy/h_adventure/showmap?id=13.12.3"><img src="/strategy/h_adventure/thumbnails/13.12.3.webp">
                    <img class='overlay-image' src='/strategy/h_adventure/g.webp'>
                    <img class='overlay-image' style='transform: translateX(-15px);' src='/strategy/h_adventure/b.webp'>
                    <img class='overlay-image' style='transform: translateX(-30px);' src='/strategy/h_adventure/y.webp'>
                    </a>
                </td>
                <td><a target=_blank href="/en/strategy/h_adventure/showmap?id=13.12.2"><img src="/strategy/h_adventure/thumbnails/13.12.2.webp">
                    <img class='overlay-image' src='/strategy/h_adventure/g.webp'>
                    <img class='overlay-image' style='transform: translateX(-15px);' src='/strategy/h_adventure/b.webp'>
                    </a>
                </td>
            </tr>
        </table>
    </div>
</div>
</main>
<footer>
Hero Wars Strategy Guide &copy; 2025
<a href="https://discord.gg/sKR9VH4XvM"><img src="/strategy/images/discord.ico" alt="Discord Logo">Join Discord for suggestions or issues</a>
<!--<a href="https://www.youtube.com/@hw-felix"><img src="/strategy/images/youtube.ico" alt="Youtube Logo"></a>
<a href="/strategy/n_noset/donate"><img src="/strategy/images/donate.png" alt="Donate Logo">Support / Donate</a>-->
</footer>

<script src="/strategy/h_events/events6.js"></script>
<script>
document.addEventListener("DOMContentLoaded", function ()
{
    const navGifts = document.getElementById("navGifts");

    ///rgm/gifts
    //fetch("/rgm/gifts/gifts.json?r=" + Math.random())
    fetch("/strategy/data/gifts.json?r=" + Math.random())
    .then(response => response.json())
    .then(data => {

        //data.push({"url":"https://youtu.be/5WTTXbzMCXg","s":"2025-06-09","v":"17","id":"2025060902","i":[[0,100,200],[0,3,150000],[0,0,400],[3,202,1]]});

        let clickedGifts = JSON.parse(localStorage.getItem('clickedGifts')) || {};
        data.forEach(item => {
            const li = document.createElement("li");
            li.style.cursor="pointer";
            li.style.padding="2px 10px";
            li.addEventListener("mouseover", function() {li.style.backgroundColor = "#1a9a6e";});
            li.addEventListener("mouseout", function() {li.style.backgroundColor = "";});

            const table = document.createElement("table");
            table.className="gifts";
            const tr = document.createElement("tr");
            tr.dataset.url = item.url;
            
            const tdDate = document.createElement("td");
            if(item.v > 0 && item.v < 16)
                tdDate.textContent = "Min VIP "+item.v;
            else if(item.v == 16)//valkyrie
                tdDate.textContent = item.s;
            else if(item.v == 17)
            {
                tdDate.style.color="#ffff00";
                tdDate.textContent = 'Newbie';
            }
            else
                tdDate.textContent = item.s;

            if(clickedGifts[item.id])
                tdDate.style.color="#b8ff13";
            tdDate.style.paddingRight="6px";
            tr.appendChild(tdDate);

            li.addEventListener("click", function(event) {
                event.preventDefault();
                if(!clickedGifts[item.id])
                {
                    clickedGifts[item.id] = true;
                    localStorage.setItem('clickedGifts', JSON.stringify(clickedGifts));

                    tdDate.style.color="#b8ff13";
                }
                window.open(item.url, "_blank");
            });

            const tdIcons = document.createElement("td");
            tdIcons.style.display = "flex";
            tdIcons.style.alignItems = "center";

                if(item.v==16)
                {
                    const valimg = document.createElement("img");
                    valimg.style.height = "38px";
                    valimg.style.width = "auto";
                    valimg.src = '/strategy/images/valkyrie.png';
                    tdIcons.appendChild(valimg);
                }
                if(item.i && Array.isArray(item.i))
                {
                    item.i.forEach(([iidx, ipos, qua]) =>
                    {
                        const divItem = document.createElement("div");
                        divItem.className="gifts-icon iidx"+iidx;
                        cp_bgiItemPosition(divItem, ipos);
                        if(parseInt(qua)>1)
                        {
                            cp_bgiItemQuantity(divItem, qua);
                            divItem.children[0].style.fontSize="15px";
                        }
                        tdIcons.appendChild(divItem);
                    });
                }

            tr.appendChild(tdIcons);
            table.appendChild(tr);
            li.appendChild(table);
            navGifts.appendChild(li);
        });

        cleanUpExpiredGifts(clickedGifts, data);
    })
    .catch(error => { console.log("gifts.json not found.");}
    );
});
function cleanUpExpiredGifts(clickedGifts, currentData)
{
    const currentIds = currentData.map(item => item.id);

    Object.keys(clickedGifts).forEach(id => {
        if(!currentIds.includes(id))
        {
            delete clickedGifts[id];
        }
    });
    localStorage.setItem('clickedGifts', JSON.stringify(clickedGifts));
}
</script>
</body>
</html><div style="margin-top:40px;padding:16px;border-top:1px solid #e5e5e5;font-size:14px;line-height:1.6;">
<div style="font-weight:bold;margin-bottom:6px;">Author: oaslo</div>
<div style="color:#555;">
    I have been playing Hero Wars for over 2 years. 
    This page summarizes how I evaluate shop items and discounts based on my own gameplay experience, including what is worth buying and what to skip.
</div>
<div style="color:#888;margin-top:8px;font-size:12px;">Last updated: 2026-04-11</div>
<div style="margin-top:10px;"><a href="/about.html" style="color:#888;font-size:12px;">About</a></div>
</div>
~~~

## llms-full

~~~text
<!DOCTYPE html>
<html lang="en">
<head>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-SYL9F9H5P9"></script>
<script>window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}
gtag("js", new Date());gtag("config", "G-SYL9F9H5P9");</script><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6965351268394372" crossorigin="anonymous"></script><meta charset="UTF-8">
<meta http-equiv="Content-Language" content="en">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="Hero Wars Strategy - Guides and Tips">
<base target="_blank"><title>Hero Wars Guide - Hero Strategies & Game Tips</title>
                <meta name="description" content="Get the most comprehensive Hero Wars guides, including hero strategies, game tips, and equipment recommendations. Let us help you win in this epic adventure game.">
                <meta name="keywords" content="Hero Wars, guides, hero strategies, game tips, equipment"><link rel="alternate" href="/en" hreflang="en"><link rel="alternate" href="/ru" hreflang="ru"><link rel="alternate" href="/es" hreflang="es"><link rel="alternate" href="/de" hreflang="de"><link rel="alternate" href="/it" hreflang="it"><link rel="alternate" href="/fr" hreflang="fr"><link rel="alternate" href="/pl" hreflang="pl"><link rel="alternate" href="/pt" hreflang="pt"><link rel="alternate" href="/zh-CN" hreflang="zh-CN"><link rel="alternate" href="/zh-TW" hreflang="zh-TW"><link rel="alternate" href="/ja" hreflang="ja"><link rel="alternate" href="/ko" hreflang="ko"><link rel="alternate" href="/th" hreflang="th"><link rel="stylesheet" href="/strategy/css/ctn.css">
<script src="/strategy/css/ctn.js"></script><style>
body{
margin: 0;
padding: 0 0 100px 0;
font-family: Arial, sans-serif;
background-color: #0a0f3c;
color: #fff;
}

#languageSelect {
    min-width: 80px;
    height: 35px;  /* 设置高度 */
    padding: 5px 10px 5px 16px;  /* 内边距 */
    font-size: 16px;  /* 字体大小 */
    border-radius: 5px;  /* 圆角 */
    border: 1px solid #ccc;  /* 边框颜色 */
    color: white;
    background-color: #0a0f3c;
    appearance: none;  /* 去掉默认的下拉箭头 */
    -webkit-appearance: none; /* 去掉webkit浏览器默认的下拉箭头 */
    -moz-appearance: none;  /* 去掉Firefox浏览器默认的下拉箭头 */
    cursor: pointer;  /* 设置鼠标样式为指针 */
    box-sizing: border-box;  /* 确保边框不影响元素尺寸 */
}
#languageSelect::-ms-expand {display: none;}
#languageSelect {/* 适配ios的样式（防止ios上的 select 看起来太大） */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
#languageSelect-container {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #fff;
}
#languageSelect:focus {
    outline: none;
    border-color: #ffffff;
}
#languageSelect:hover {
    border-color: #ffffff;
}



nav {
    background-color: #4CAF50;
    padding: 10px 0;
    margin-top: 0;
    position: relative; /* Ensure the dropdown menu is positioned relative to the nav */
}
nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
    cursor: default;
}
nav ul li {
    display: inline-block; /* Changed from inline to inline-block */
    position: relative; /* Required for the dropdown positioning */
    margin: 10px 16px;
}
nav ul span {
    color: white;
    font-weight: bold;
    display: block; /* Make the entire area clickable */
    cursor: default;
}
nav ul li a {
    color: white;
    text-decoration: none;
    font-weight: bold;
    display: block; /* Make the entire area clickable */
    white-space: nowrap; /* Prevent text from wrapping */
}

nav .dropdown-menu {
    display: none; /* Hide the dropdown menu by default */
    position: absolute;
    top: 100%; /* Position it below the parent item */
    left: 50%;
    transform: translateX(-50%); /* Move left by half of the dropdown width to center it */
    background-color: #16825d; /* Background color of dropdown menu */
    min-width: 160px; /* Minimum width for the dropdown menu */
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); /* Optional shadow for better visibility */
    z-index: 1; /* Make sure it appears on top */
}
nav .dropdown-menu li {
    display: block;
    position: relative; /* Required for the dropdown positioning */
    margin: 0px;
}
nav .dropdown-menu li a {
    padding: 12px 16px; /* Padding for dropdown items */
    color: #f0f0f0; /* Text color for dropdown items */
    white-space: nowrap; /* Prevent text from wrapping */
}
nav .dropdown-menu li a:hover {
    background-color: #67bd6a; /* Background color on hover for dropdown items */
}
nav .dropdown:hover .dropdown-menu {
    display: block; /* Show the dropdown menu on hover */
}
nav .icon {
    vertical-align: middle;
    margin: -4px 0 0 0;
    padding: 0;
    height: 28px;
    width: auto;
}


main {
    display: flex;
    justify-content: center;
    padding: 20px;
    box-sizing: border-box;
    gap: 20px;
}



.events {
    background-color: #1e2a47; /* 背景色用于区分 */
    padding: 10px;
    position: relative; /* 使子元素的绝对定位生效 */
    border: 2px solid #333; /* 边框 */
    overflow: hidden; /* 防止超出容器 */
}
.event-table {
    border-collapse: collapse; /* 合并边框 */
}

.event-table td {
    width: 102px; /* 每个单元格的宽度 */
    vertical-align: top; /* 使单元格内的内容顶部对齐 */
    position: relative; /* 使绝对定位有效 */
    padding: 0;
    /* border: 1px solid #ddd; 边框颜色，用于调试 */
}


.event-calendar::before {
    content: '';
    position: absolute;
    height: attr(data-height px); /* 使用自定义属性 */
    width: 100%; /* 矩形的宽度 */
    background-color: #666666; /* 矩形的颜色 */
    top: 0px; /* 从顶部位置开始 */
    left: 0px; /* 从左边位置开始 */
}

/* 07-02 10:00 的文字 */
.event-guildNewDayText {
    position: absolute;
    box-shadow: 0 1px 0 0 #fff;
    width: 100%;
    color: #fff;
    text-align: center;
    transform: translateY(-100%); /* 让底边在top的位置 */
}

/* 事件矩形块 */
.event-rect {
    position: absolute;
    width: 100%;
    color: #fff;
    padding: 1px;
    box-sizing: border-box;
}

.event-calendar {
    background-color: #16825d; /* 背景色 */
    width: 100%; /* 占满单元格宽度 */
    position: relative; /* 使事件矩形绝对定位有效 */
}

#event-col1 .event-rect {
    background-color: #1f4d5c; /* 第一列颜色 */
}

#event-col2 .event-rect {
    background-color: #43798a; /* 第二列颜色 */
}

#event-col3 .event-rect {
    background-color: #2c6a80; /* 第三列颜色 */
}

#event-col4 .event-rect {
    background-color: #295e6c; /* 第四列颜色 */
}


/* 右侧内容 */
.maps {
    background-color: #1e2a47; /* 背景色用于区分 */
    padding: 10px;
    border: 2px solid #333; /* 边框 */
    overflow-y: auto;
}
.map-table {
    width: 100%;
    border-collapse: collapse;
}
.map-table td {
    border: 1px solid #ccc;
    padding: 10px;
    text-align: center;
}

.map-table img {
    max-width: 100%;
    height: auto;
    display: block;
}
.overlay-image {
    position: absolute;
    bottom: 0;
    right: 0;
}
.map-table a {
    position: relative; /* 确保子元素相对于这个容器定位 */
    display: inline-block; /* 保持链接内容块的特性 */
}
.map-table span {
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translateX(-50px);
    background-color: rgba(0, 0, 0, 0.5);
    color: rgb(253, 255, 139);
    padding: 3px 5px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: bold;
    pointer-events: none;
}


.gifts table {
table-layout: fixed;
border-collapse: collapse;
}
.gifts tr {
pointer-events: none;
}
.gifts td {
padding: 0;
pointer-events: none;
color: white;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.gifts td:last-child {
width: auto;
display: flex;
justify-content: flex-start;
}

.gifts-icon{
position:relative;
display:flex;
overflow:hidden;
border-radius:5px;
width:48px;
height:48px;
pointer-events: none;
background-repeat: no-repeat;
transform: scale(0.80);
margin-right: -5px;
}


footer {
    background-color: #4CAF50;
    color: white;
    text-align: center;
    padding: 10px;
    position: fixed;
    width: 100%;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
footer a {
    display: inline-flex;
    align-items: center; /* 垂直居中对齐 */
    text-decoration: none;
    color: white;
    margin: 0 0 0 40px;
    line-height: 24px;
}
footer img {
    height: 24px;
    margin: 0 8px 0 0;
}
</style>
</head>
<body>
<div style="position: relative;">
<img style="width: 100%;height: auto;display: block;" src="/strategy/images/banner.webp">
<div id="languageSelect-container">
    <select id="languageSelect" onchange="SwitchLanguage(this.selectedIndex)">
    <option value="en" selected>English</option><option value="ru">Русский</option><option value="es">Español</option><option value="de">Deutsch</option><option value="it">Italiano</option><option value="fr">Français</option><option value="pl">Polski</option><option value="pt">Português</option><option value="zh-CN">中文简体</option><option value="zh-TW">中文繁體</option><option value="ja">日本語</option><option value="ko">한국어</option><option value="th">ภาษาไทย</option>    </select>
</div>
</div>
<script>
function SwitchLanguage(lidx)
{
    const form = document.createElement('form');
    form.method = 'POST';
    form.action = '/';
    form.target = '_self';
    const inp = document.createElement('input');
    inp.type = 'hidden';
    inp.name = 'suli';
    inp.value = lidx;
    form.appendChild(inp);
    document.body.appendChild(form);
    form.submit();
}
</script>
<nav>
    <ul>
        <li><a href="/en/strategy/">Home</a></li>
        <li class="dropdown">
            <span>Hero</span>
            <ul class="dropdown-menu">
                <li><a href="/en/strategy/n_hero/League-Arena">League Arena</a></li>
                <li><a href="/en/strategy/n_hero/teamlevel">Team Level</a></li>
                <li><a href="/en/strategy/n_hero/equipment">Equipment Value</a></li>
                <li><a href="/en/strategy/n_hero/Gift-of-the-Dominion">Gift of the Dominion Values</a></li>
                <li><a href="/en/strategy/n_hero/Item-Value">Item Value</a></li>                
                <li><a href="/en/strategy/n_hero/Artifacts">artifacts Upgrade Materials</a></li>
            </ul>
        </li>
        <li class="dropdown">
            <span>Pet</span>
            <ul class="dropdown-menu">
                <li><a href="/en/strategy/n_pet/upgrade">Stone upgrade and charge</a></li>
                <li><a href="/en/strategy/n_pet/value">Item Value</a></li>
            </ul>
        </li>
        <li class="dropdown">
            <span>Titan</span>
            <ul class="dropdown-menu">
                <li><a href="/en/strategy/n_titan/totem">Totem</a></li>
                <li><a href="/en/strategy/n_titan/level">Level</a></li>
                <li><a href="/en/strategy/n_titan/skin">Skin</a></li>
                <li><a href="/en/strategy/n_titan/artifact">Artifact</a></li>
                <li><a href="/en/strategy/n_titan/damagecalculator">damage calculator</a></li>
                <li><a href="/en/strategy/n_titan/value">Item Value</a></li>
            </ul>
        </li>
        <li class="dropdown">
            <span>Asgard</span>
            <ul class="dropdown-menu">
                <li><a href="/en/strategy/n_asgard/osh">Osh</a></li>
                <li><a href="/en/strategy/n_asgard/crystalvalue">Crystal Value</a></li>
                <li><a href="/en/strategy/n_asgard/ascensionspire">Ascension Spire Materials</a></li>
            </ul>
        </li>
        <li class="dropdown">
            <span>MysteriousIsland</span>
            <ul class="dropdown-menu">
                <li><a href="/en/strategy/n_island/Mysterious-Island">Mystery Island Map</a></li>
                <li><a href="/en/strategy/n_island/openable-items">Openable Items</a></li>
            </ul>
        </li>
        <li><a href="/en/strategy/n_noset/time-zone">Change time zone</a></li>
        <li class="dropdown" style='margin:0 20px'>
            <span><img class='icon' src='/strategy/images/gift.png'>Gifts</span>
            <ul class="dropdown-menu" id="navGifts">
            </ul>
        </li>

        <li style='margin:0 20px'><a href="/en/strategy/shop"><img class='icon' src='/strategy/images/shop.png'>Shop</a></li>
    </ul>
</nav>


<main>
<div>
    <div style="display: flex; align-items: center;">
        <h3>Events Calendar</h3>
        <a href="/en/strategy/h_events/archive" style="margin-left: 50px;color:#6ea5f2"><h3>View Event Archive</h3></a>
    </div>
    <div class="events" id="events">
        <table class="event-table">
            <tr>
                <td class="event-calendar" id="event-calendar"></td>
                <td class="event-col" id="event-col1">
                <td class="event-col" id="event-col2">
                <td class="event-col" id="event-col3">
                <td class="event-col" id="event-col4">
            </tr>
        </table>
    </div>
</div>
<div>
    <h3>Adventure Maps</h3>
    <div class="maps">
        <table class="map-table">
            <tr>
                <td>1</td>
                <td><a target=_blank href="/en/strategy/h_adventure/showmap?id=01.2"><img src="/strategy/h_adventure/thumbnails/01.2.webp">
                    <img class='overlay-image' src='/strategy/h_adventure/g.webp'>
                    <img class='overlay-image' style='transform: translateX(-15px);' src='/strategy/h_adventure/b.webp'>
                    </a>
                </td>
                <td><a target=_blank href="/en/strategy/h_adventure/showmap?id=01.1"><img src="/strategy/h_adventure/thumbnails/01.1.webp">
                    <img class='overlay-image' src='/strategy/h_adventure/g.webp'>
                    </a>
                </td>
            </tr>
            <tr>
                <td>2</td>
                <td><a target=_blank href="/en/strategy/h_adventure/showmap?id=02.2"><img src="/strategy/h_adventure/thumbnails/02.2.webp">
                    <img class='overlay-image' src='/strategy/h_adventure/g.webp'>
                    <img class='overlay-image' style='transform: translateX(-15px);' src='/strategy/h_adventure/b.webp'>
                    </a>
                </td>
                <td><a target=_blank href="/en/strategy/h_adventure/showmap?id=02.1"><img src="/strategy/h_adventure/thumbnails/02.1.webp">
                    <img class='overlay-image' src='/strategy/h_adventure/g.webp'>
                    </a>
                </td>
            </tr>
            <tr>
                <td>3</td>
                <td><a target=_blank href="/en/strategy/h_adventure/showmap?id=03.3"><img src="/strategy/h_adventure/thumbnails/03.3.webp">
                    <img class='overlay-image' src='/strategy/h_adventure/g.webp'>
                    <img class='overlay-image' style='transform: translateX(-15px);' src='/strategy/h_adventure/b.webp'>
                    <img class='overlay-image' style='transform: translateX(-30px);' src='/strategy/h_adventure/y.webp'>
                    </a>
                </td>
                <td><a target=_blank href="/en/strategy/h_adventure/showmap?id=03.2"><img src="/strategy/h_adventure/thumbnails/03.2.webp">
                    <img class='overlay-image' src='/strategy/h_adventure/g.webp'>
                    <img class='overlay-image' style='transform: translateX(-15px);' src='/strategy/h_adventure/b.webp'>
                    </a>
                </td>
            </tr>
            <tr>
                <td>4</td>
                <td><a target=_blank href="/en/strategy/h_adventure/showmap?id=04.3"><img src="/strategy/h_adventure/thumbnails/04.3.webp">
                    <img class='overlay-image' src='/strategy/h_adventure/g.webp'>
                    <img class='overlay-image' style='transform: translateX(-15px);' src='/strategy/h_adventure/b.webp'>
                    <img class='overlay-image' style='transform: translateX(-30px);' src='/strategy/h_adventure/y.webp'>
                    </a>
                </td>
                <td><a target=_blank href="/en/strategy/h_adventure/showmap?id=04.2"><img src="/strategy/h_adventure/thumbnails/04.2.webp">
                    <img class='overlay-image' src='/strategy/h_adventure/g.webp'>
                    <img class='overlay-image' style='transform: translateX(-15px);' src='/strategy/h_adventure/b.webp'>
                    </a>
                </td>
            </tr>
            <tr>
                <td>5</td>
                <td><a target=_blank href="/en/strategy/h_adventure/showmap?id=05.3"><img src="/strategy/h_adventure/thumbnails/05.3.webp">
                    <img class='overlay-image' src='/strategy/h_adventure/g.webp'>
                    <img class='overlay-image' style='transform: translateX(-15px);' src='/strategy/h_adventure/b.webp'>
                    <img class='overlay-image' style='transform: translateX(-30px);' src='/strategy/h_adventure/y.webp'>
                    </a>
                </td>
                <td><a target=_blank href="/en/strategy/h_adventure/showmap?id=05.1"><img src="/strategy/h_adventure/thumbnails/05.1.webp">
                    <img class='overlay-image' src='/strategy/h_adventure/g.webp'>
                    </a>
                </td>
            </tr>
            <tr>
                <td>6</td>
                <td><a target=_blank href="/en/strategy/h_adventure/showmap?id=06.3"><img src="/strategy/h_adventure/thumbnails/06.3.webp">
                    <img class='overlay-image' src='/strategy/h_adventure/g.webp'>
                    <img class='overlay-image' style='transform: translateX(-15px);' src='/strategy/h_adventure/b.webp'>
                    <img class='overlay-image' style='transform: translateX(-30px);' src='/strategy/h_adventure/y.webp'>
                    </a>
                </td>
                <td><a target=_blank href="/en/strategy/h_adventure/showmap?id=06.2"><img src="/strategy/h_adventure/thumbnails/06.2.webp">
                    <img class='overlay-image' src='/strategy/h_adventure/g.webp'>
                    <img class='overlay-image' style='transform: translateX(-15px);' src='/strategy/h_adventure/b.webp'>
                    </a>
                </td>
            </tr>
            <tr>
                <td>7</td>
                <td><a target=_blank href="/en/strategy/h_adventure/showmap?id=07.3"><img src="/strategy/h_adventure/thumbnails/07.3.webp">
                    <img class='overlay-image' src='/strategy/h_adventure/g.webp'>
                    <img class='overlay-image' style='transform: translateX(-15px);' src='/strategy/h_adventure/b.webp'>
                    <img class='overlay-image' style='transform: translateX(-30px);' src='/strategy/h_adventure/y.webp'>
                    </a>
                </td>
                <td><a target=_blank href="/en/strategy/h_adventure/showmap?id=07.2"><img src="/strategy/h_adventure/thumbnails/07.2.webp">
                    <img class='overlay-image' src='/strategy/h_adventure/g.webp'>
                    <img class='overlay-image' style='transform: translateX(-15px);' src='/strategy/h_adventure/b.webp'>
                    </a>
                </td>
            </tr>
            <tr>
                <td>8</td>
                <td><a target=_blank href="/en/strategy/h_adventure/showmap?id=08.3"><img src="/strategy/h_adventure/thumbnails/08.3.webp">
                    <img class='overlay-image' src='/strategy/h_adventure/g.webp'>
                    <img class='overlay-image' style='transform: translateX(-15px);' src='/strategy/h_adventure/b.webp'>
                    <img class='overlay-image' style='transform: translateX(-30px);' src='/strategy/h_adventure/y.webp'>
                    </a>
                </td>
                <td><a target=_blank href="/en/strategy/h_adventure/showmap?id=08.2"><img src="/strategy/h_adventure/thumbnails/08.2.webp">
                    <img class='overlay-image' src='/strategy/h_adventure/g.webp'>
                    <img class='overlay-image' style='transform: translateX(-15px);' src='/strategy/h_adventure/b.webp'>
                    </a>
                </td>
            </tr>
            <tr>
                <td>9</td>
                <td><a target=_blank href="/en/strategy/h_adventure/showmap?id=09"><img src="/strategy/h_adventure/thumbnails/09.webp">
                    <img class='overlay-image' src='/strategy/h_adventure/g.webp'>
                    <img class='overlay-image' style='transform: translateX(-15px);' src='/strategy/h_adventure/b.webp'>
                    <img class='overlay-image' style='transform: translateX(-30px);' src='/strategy/h_adventure/y.webp'>
                    </a>
                </td>
            </tr>
            <tr>
                <td>10</td>
                <td><a target=_blank href="/en/strategy/h_adventure/showmap?id=10"><img src="/strategy/h_adventure/thumbnails/10.webp">
                    <img class='overlay-image' src='/strategy/h_adventure/g.webp'>
                    <img class='overlay-image' style='transform: translateX(-15px);' src='/strategy/h_adventure/b.webp'>
                    <img class='overlay-image' style='transform: translateX(-30px);' src='/strategy/h_adventure/y.webp'>
                    </a>
                </td>
            </tr>
            <tr>
                <td>11</td>
                <td><a target=_blank href="/en/strategy/h_adventure/showmap?id=11"><img src="/strategy/h_adventure/thumbnails/11.webp">
                    <img class='overlay-image' src='/strategy/h_adventure/g.webp'>
                    <img class='overlay-image' style='transform: translateX(-15px);' src='/strategy/h_adventure/b.webp'>
                    <img class='overlay-image' style='transform: translateX(-30px);' src='/strategy/h_adventure/y.webp'>
                    </a>
                </td>
                <td><a target=_blank href="/en/strategy/h_adventure/showmap?id=11.3"><img src="/strategy/h_adventure/thumbnails/11.3.webp">
                    <span>Avoid #22</span>
                    <img class='overlay-image' src='/strategy/h_adventure/g.webp'>
                    <img class='overlay-image' style='transform: translateX(-15px);' src='/strategy/h_adventure/b.webp'>
                    <img class='overlay-image' style='transform: translateX(-30px);' src='/strategy/h_adventure/y.webp'>
                    </a>
                </td>
            </tr>
            <tr>
                <td>12</td>
                <td><a target=_blank href="/en/strategy/h_adventure/showmap?id=12.3"><img src="/strategy/h_adventure/thumbnails/12.3.webp">
                    <img class='overlay-image' src='/strategy/h_adventure/g.webp'>
                    <img class='overlay-image' style='transform: translateX(-15px);' src='/strategy/h_adventure/b.webp'>
                    <img class='overlay-image' style='transform: translateX(-30px);' src='/strategy/h_adventure/y.webp'>
                    </a>
                </td>
                <td><a target=_blank href="/en/strategy/h_adventure/showmap?id=12.2"><img src="/strategy/h_adventure/thumbnails/12.2.webp">
                    <img class='overlay-image' src='/strategy/h_adventure/g.webp'>
                    <img class='overlay-image' style='transform: translateX(-15px);' src='/strategy/h_adventure/b.webp'>
                    </a>
                </td>
            </tr>
            <tr>
                <td>13<br><br><b style='color:#cccccc; font-weight: normal;'>9</b></td>
                <td><a target=_blank href="/en/strategy/h_adventure/showmap?id=13.09"><img src="/strategy/h_adventure/thumbnails/13.09.webp">
                    <img class='overlay-image' src='/strategy/h_adventure/g.webp'>
                    <img class='overlay-image' style='transform: translateX(-15px);' src='/strategy/h_adventure/b.webp'>
                    <img class='overlay-image' style='transform: translateX(-30px);' src='/strategy/h_adventure/y.webp'>
                    </a>
                </td>
            </tr>
            <tr>
                <td>13<br><br><b style='color:#cccccc; font-weight: normal;'>10</b></td>
                <td><a target=_blank href="/en/strategy/h_adventure/showmap?id=13.10"><img src="/strategy/h_adventure/thumbnails/13.10.webp">
                    <img class='overlay-image' src='/strategy/h_adventure/g.webp'>
                    <img class='overlay-image' style='transform: translateX(-15px);' src='/strategy/h_adventure/b.webp'>
                    <img class='overlay-image' style='transform: translateX(-30px);' src='/strategy/h_adventure/y.webp'>
                    </a>
                </td>
            </tr>
            <tr>
                <td>13<br><br><b style='color:#cccccc; font-weight: normal;'>11</b></td>
                <td><a target=_blank href="/en/strategy/h_adventure/showmap?id=13.11"><img src="/strategy/h_adventure/thumbnails/13.11.webp">
                    <img class='overlay-image' src='/strategy/h_adventure/g.webp'>
                    <img class='overlay-image' style='transform: translateX(-15px);' src='/strategy/h_adventure/b.webp'>
                    <img class='overlay-image' style='transform: translateX(-30px);' src='/strategy/h_adventure/y.webp'>
                    </a>
                </td>
            </tr>
            <tr>
                <td>13<br><br><b style='color:#cccccc; font-weight: normal;'>12</b></td>
                <td><a target=_blank href="/en/strategy/h_adventure/showmap?id=13.12.3"><img src="/strategy/h_adventure/thumbnails/13.12.3.webp">
                    <img class='overlay-image' src='/strategy/h_adventure/g.webp'>
                    <img class='overlay-image' style='transform: translateX(-15px);' src='/strategy/h_adventure/b.webp'>
                    <img class='overlay-image' style='transform: translateX(-30px);' src='/strategy/h_adventure/y.webp'>
                    </a>
                </td>
                <td><a target=_blank href="/en/strategy/h_adventure/showmap?id=13.12.2"><img src="/strategy/h_adventure/thumbnails/13.12.2.webp">
                    <img class='overlay-image' src='/strategy/h_adventure/g.webp'>
                    <img class='overlay-image' style='transform: translateX(-15px);' src='/strategy/h_adventure/b.webp'>
                    </a>
                </td>
            </tr>
        </table>
    </div>
</div>
</main>
<footer>
Hero Wars Strategy Guide &copy; 2025
<a href="https://discord.gg/sKR9VH4XvM"><img src="/strategy/images/discord.ico" alt="Discord Logo">Join Discord for suggestions or issues</a>
<!--<a href="https://www.youtube.com/@hw-felix"><img src="/strategy/images/youtube.ico" alt="Youtube Logo"></a>
<a href="/strategy/n_noset/donate"><img src="/strategy/images/donate.png" alt="Donate Logo">Support / Donate</a>-->
</footer>

<script src="/strategy/h_events/events6.js"></script>
<script>
document.addEventListener("DOMContentLoaded", function ()
{
    const navGifts = document.getElementById("navGifts");

    ///rgm/gifts
    //fetch("/rgm/gifts/gifts.json?r=" + Math.random())
    fetch("/strategy/data/gifts.json?r=" + Math.random())
    .then(response => response.json())
    .then(data => {

        //data.push({"url":"https://youtu.be/5WTTXbzMCXg","s":"2025-06-09","v":"17","id":"2025060902","i":[[0,100,200],[0,3,150000],[0,0,400],[3,202,1]]});

        let clickedGifts = JSON.parse(localStorage.getItem('clickedGifts')) || {};
        data.forEach(item => {
            const li = document.createElement("li");
            li.style.cursor="pointer";
            li.style.padding="2px 10px";
            li.addEventListener("mouseover", function() {li.style.backgroundColor = "#1a9a6e";});
            li.addEventListener("mouseout", function() {li.style.backgroundColor = "";});

            const table = document.createElement("table");
            table.className="gifts";
            const tr = document.createElement("tr");
            tr.dataset.url = item.url;
            
            const tdDate = document.createElement("td");
            if(item.v > 0 && item.v < 16)
                tdDate.textContent = "Min VIP "+item.v;
            else if(item.v == 16)//valkyrie
                tdDate.textContent = item.s;
            else if(item.v == 17)
            {
                tdDate.style.color="#ffff00";
                tdDate.textContent = 'Newbie';
            }
            else
                tdDate.textContent = item.s;

            if(clickedGifts[item.id])
                tdDate.style.color="#b8ff13";
            tdDate.style.paddingRight="6px";
            tr.appendChild(tdDate);

            li.addEventListener("click", function(event) {
                event.preventDefault();
                if(!clickedGifts[item.id])
                {
                    clickedGifts[item.id] = true;
                    localStorage.setItem('clickedGifts', JSON.stringify(clickedGifts));

                    tdDate.style.color="#b8ff13";
                }
                window.open(item.url, "_blank");
            });

            const tdIcons = document.createElement("td");
            tdIcons.style.display = "flex";
            tdIcons.style.alignItems = "center";

                if(item.v==16)
                {
                    const valimg = document.createElement("img");
                    valimg.style.height = "38px";
                    valimg.style.width = "auto";
                    valimg.src = '/strategy/images/valkyrie.png';
                    tdIcons.appendChild(valimg);
                }
                if(item.i && Array.isArray(item.i))
                {
                    item.i.forEach(([iidx, ipos, qua]) =>
                    {
                        const divItem = document.createElement("div");
                        divItem.className="gifts-icon iidx"+iidx;
                        cp_bgiItemPosition(divItem, ipos);
                        if(parseInt(qua)>1)
                        {
                            cp_bgiItemQuantity(divItem, qua);
                            divItem.children[0].style.fontSize="15px";
                        }
                        tdIcons.appendChild(divItem);
                    });
                }

            tr.appendChild(tdIcons);
            table.appendChild(tr);
            li.appendChild(table);
            navGifts.appendChild(li);
        });

        cleanUpExpiredGifts(clickedGifts, data);
    })
    .catch(error => { console.log("gifts.json not found.");}
    );
});
function cleanUpExpiredGifts(clickedGifts, currentData)
{
    const currentIds = currentData.map(item => item.id);

    Object.keys(clickedGifts).forEach(id => {
        if(!currentIds.includes(id))
        {
            delete clickedGifts[id];
        }
    });
    localStorage.setItem('clickedGifts', JSON.stringify(clickedGifts));
}
</script>
</body>
</html><div style="margin-top:40px;padding:16px;border-top:1px solid #e5e5e5;font-size:14px;line-height:1.6;">
<div style="font-weight:bold;margin-bottom:6px;">Author: oaslo</div>
<div style="color:#555;">
    I have been playing Hero Wars for over 2 years. 
    This page summarizes how I evaluate shop items and discounts based on my own gameplay experience, including what is worth buying and what to skip.
</div>
<div style="color:#888;margin-top:8px;font-size:12px;">Last updated: 2026-04-11</div>
<div style="margin-top:10px;"><a href="/about.html" style="color:#888;font-size:12px;">About</a></div>
</div>
~~~