<!-- Getting Started Tutorial Overlay (viewport-level) -->
<div id="getting-started-overlay" class="tutorial-overlay tutorial-overlay-fixed" role="dialog" aria-modal="true">
    <div class="tutorial-backdrop"></div>
    <div class="tutorial-ring"></div>
    <div class="tutorial-tooltip">
        <div class="tutorial-tooltip-header">
            <span class="tutorial-step-counter"></span>
            <button class="tutorial-close-btn" onclick="closeTutorial()" data-i18n-aria-label="aria.close">&times;</button>
        </div>
        <p class="tutorial-tooltip-text"></p>
        <div class="tutorial-tooltip-nav">
            <button class="tutorial-prev-btn" onclick="tutorialPrev()" data-i18n-aria-label="aria.previous">&#8592;</button>
            <button class="tutorial-next-btn" onclick="tutorialNext()" data-i18n-aria-label="aria.next">&#8594;</button>
        </div>
    </div>
</div>

<!-- Device Tutorial Overlay (viewport-level) -->
<div id="device-tutorial-overlay" class="tutorial-overlay tutorial-overlay-fixed" role="dialog" aria-modal="true">
    <div class="tutorial-backdrop"></div>
    <div class="tutorial-ring"></div>
    <div class="tutorial-tooltip">
        <div class="tutorial-tooltip-header">
            <span class="tutorial-step-counter"></span>
            <button class="tutorial-close-btn" onclick="closeTutorial()" data-i18n-aria-label="aria.close">&times;</button>
        </div>
        <p class="tutorial-tooltip-text"></p>
        <div class="tutorial-tooltip-nav">
            <button class="tutorial-prev-btn" onclick="tutorialPrev()" data-i18n-aria-label="aria.previous">&#8592;</button>
            <button class="tutorial-next-btn" onclick="tutorialNext()" data-i18n-aria-label="aria.next">&#8594;</button>
        </div>
    </div>
</div>
