[html]
<div class="cr-novel" data-cr-novel>

    <div class="cr-scene" data-cr-scene>
        <div class="cr-sky"></div>
        <div class="cr-moon"></div>
        <div class="cr-cloud cr-cloud-one"></div>
        <div class="cr-cloud cr-cloud-two"></div>
        <div class="cr-city"></div>
        <div class="cr-river"></div>
        <div class="cr-rain"></div>
    </div>

    <div class="cr-hud">
        <div class="cr-chapter">
            Бостон · 23:47
        </div>

        <div class="cr-relation">
            <span class="cr-heart">♥</span>
            Киран
            <strong data-cr-score>0</strong>
        </div>
    </div>

    <button class="cr-restart" data-cr-restart type="button">
        ↻ начать заново
    </button>

    <svg
        class="cr-character cr-hidden"
        data-cr-character
        viewBox="0 0 430 650"
        role="img"
        aria-label="Киран"
    >
        <ellipse
            cx="220"
            cy="623"
            rx="152"
            ry="22"
            fill="rgba(10,20,34,.25)"
        />

        <path
            d="M123 620c8-124 25-216 49-278l52-4 55 5c31 75 43 168 47 277z"
            fill="#172437"
        />

        <path
            d="M166 356c22 35 42 50 61 50 21 0 42-17 62-52l25 116-176 1z"
            fill="#263b55"
        />

        <path
            d="M184 292h82v92c-21 25-61 25-82 0z"
            fill="#c99478"
        />

        <path
            d="M174 131c27-35 104-39 137 13 19 31 4 114-20 154-17 29-46 49-70 47-28-3-59-30-75-64-17-37-10-102 28-150z"
            fill="#d8a187"
        />

        <path
            d="M137 213c-6-78 30-135 91-139 71-5 111 51 91 147l-18-48-26-27c-43 30-89 38-134 24z"
            fill="#18202d"
        />

        <path
            d="M148 227c-19-10-27 5-20 29 6 20 21 31 34 20zM304 227c17-11 26 3 19 27-6 20-19 31-32 22z"
            fill="#ce957d"
        />

        <path
            d="M177 229c15-10 32-9 46 0M253 229c14-10 30-9 43 1"
            fill="none"
            stroke="#49342f"
            stroke-width="5"
            stroke-linecap="round"
        />

        <ellipse cx="202" cy="239" rx="5" ry="6" fill="#1a2730" />
        <ellipse cx="275" cy="239" rx="5" ry="6" fill="#1a2730" />

        <path
            d="M239 240c-5 21-7 36 4 40"
            fill="none"
            stroke="#b77e69"
            stroke-width="4"
            stroke-linecap="round"
        />

        <path
            d="M214 300c17 10 37 10 53-1"
            fill="none"
            stroke="#8f514e"
            stroke-width="4"
            stroke-linecap="round"
        />

        <path
            d="M166 362l-47 258M289 357l55 263"
            fill="none"
            stroke="#21324a"
            stroke-width="64"
            stroke-linecap="round"
        />

        <path
            d="M154 410l-35 105M302 412l40 105"
            fill="none"
            stroke="#324b68"
            stroke-width="9"
            stroke-linecap="round"
        />

        <path
            d="M164 367c18 35 43 53 64 53 23 0 48-18 68-54"
            fill="none"
            stroke="#7690ad"
            stroke-width="6"
        />
    </svg>

    <div class="cr-flash" data-cr-flash>
        ♥ ОТНОШЕНИЯ С КИРАНОМ УЛУЧШИЛИСЬ
    </div>

    <div class="cr-choices" data-cr-choices hidden></div>

    <div class="cr-dialogue" data-cr-dialogue>
        <div class="cr-name" data-cr-name>
            Рассказчик
        </div>

        <p class="cr-text" data-cr-text></p>

        <span class="cr-next" data-cr-next>›</span>
    </div>

</div>
[/html]