.pwa-window-close {
    position: fixed;
    z-index: 10000;
    top: max(12px, env(safe-area-inset-top));
    right: max(12px, env(safe-area-inset-right));
    display: grid;
    place-items: center;
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    margin: 0;
    padding: 0;
    color: white;
    border: 1px solid rgba(255, 255, 255, .55);
    border-radius: 50%;
    background: rgba(12, 35, 25, .78);
    box-shadow: 0 5px 18px rgba(5, 20, 13, .24);
    font: 400 1.65rem/1 "Aptos", "Trebuchet MS", sans-serif;
    cursor: pointer;
    backdrop-filter: blur(8px);
}

.pwa-window-close[hidden] { display: none; }
.pwa-window-close:hover { background: rgba(12, 35, 25, .96); }
.pwa-window-close:focus-visible { outline: 3px solid #e7b934; outline-offset: 3px; }
.pwa-window-close:active { transform: scale(.96); }

@media (prefers-reduced-motion: no-preference) {
    .pwa-window-close { transition: background-color .18s ease, transform .12s ease; }
}