/* ACHIEVO — mobile keyboard for typer / console inputs */

@media (max-width: 820px) {
    html.achievo-mobile .achievo-mobile-kb-input,
    html.achievo-mobile .achievo-mobile-ghost-input {
        font-size: 16px !important;
        -webkit-text-size-adjust: 100%;
        touch-action: manipulation;
    }

    html.achievo-mobile .achievo-mobile-ghost-input {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: max(44px, var(--achievo-touch-min, 44px));
        margin: 0;
        padding: 0 12px;
        border: none;
        outline: none;
        opacity: 0.02;
        color: transparent;
        caret-color: transparent;
        background: transparent;
        z-index: 6;
    }

    html.achievo-mobile .achievo-mobile-kb-zone {
        cursor: text;
        -webkit-tap-highlight-color: transparent;
    }

    html.achievo-mobile .vos-breach-terminal-input input,
    html.achievo-mobile #vos-typer-input {
        opacity: 0.02 !important;
        font-size: 16px !important;
        height: max(44px, var(--achievo-touch-min, 44px)) !important;
        min-height: var(--achievo-touch-min, 44px);
        z-index: 4;
    }

    html.achievo-mobile #term-pro-input,
    html.achievo-mobile #dev-console-input,
    html.achievo-mobile #forge-console-input,
    html.achievo-mobile #bank-terminal-input,
    html.achievo-mobile #restore-terminal-input,
    html.achievo-mobile #argus-terminal-input,
    html.achievo-mobile #argus-node-hack-input,
    html.achievo-mobile #gg-freelance-code {
        font-size: 16px !important;
        min-height: var(--achievo-touch-min, 44px);
    }

    html.achievo-mobile .term-pro-input-line,
    html.achievo-mobile .forge-console-input-line,
    html.achievo-mobile .sd-typer__input-line {
        min-height: var(--achievo-touch-min, 44px);
        align-items: center;
    }

    html.achievo-mobile .intro-typer-display,
    html.achievo-mobile .sd-typer__console,
    html.achievo-mobile #typer-display,
    html.achievo-mobile #pvp-typer-display,
    html.achievo-mobile #ice-typer-display,
    html.achievo-mobile .ht-term__code {
        position: relative;
    }

    html.achievo-mobile .achievo-mobile-kb-hint::after {
        content: ' · нажмите для клавиатуры';
        opacity: 0.65;
    }
}