/* "Enjoying Luma Arcade? Support it on Ko-fi": one quiet line of text at the
   bottom centre of every page except the stream page (stream.html doesn't
   link this file). Just type on the wallpaper - no box. Above the sign-in
   overlay, so signed-out visitors see it too. */

.lt-support {
    position: fixed;
    left: 0;
    right: 0;
    bottom: calc(10px + env(safe-area-inset-bottom, 0px));
    z-index: 5001; /* above the sign-in overlay (modal-background, 5000) */
    margin: 0;
    padding: 0 16px;
    text-align: center;
    color: rgba(255, 255, 255, 0.66);
    font: 400 12.5px/1.4 system-ui, -apple-system, "Segoe UI", sans-serif;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    pointer-events: none;
}

.lt-support a {
    pointer-events: auto;
    color: rgba(255, 255, 255, 0.92) !important;
    font-weight: 600;
    text-decoration: underline;
    text-decoration-color: #ff5e5b; /* Ko-fi's red */
    text-decoration-thickness: 1.5px;
    text-underline-offset: 3px;
}

.lt-support a:hover,
.lt-support a:focus-visible {
    color: #fff !important;
    text-decoration-thickness: 2px;
}

/* Room for it, so the last thing on the page can scroll clear of it. */
body:has(> .lt-support) {
    padding-bottom: 40px;
}

@media print {
    .lt-support { display: none; }
}