.arcade-brand__mark { overflow: hidden; padding: 0; }
.arcade-brand__mark img { display: block; width: 100%; height: 100%; object-fit: cover; }
.pwa-install-brand { display: flex; align-items: center; gap: .9rem; margin: .6rem 0 1rem; padding: .9rem; border: 1px solid rgba(200,255,61,.16); border-radius: 1rem; background: linear-gradient(130deg,rgba(200,255,61,.07),rgba(71,230,238,.045)); }
.pwa-install-brand img { flex: 0 0 auto; border-radius: 1rem; }
.pwa-install-brand p { margin: 0; color: var(--arcade-muted); font-size: .76rem; line-height: 1.85; }
.pwa-install-action { width: 100%; min-height: 3.1rem; }
.pwa-install-help { min-height: 2.4rem; margin: .65rem 0 0; color: var(--arcade-muted); font-size: .72rem; line-height: 1.8; text-align: center; }
.pwa-install-later { display: block; margin: .5rem auto 0; padding: .5rem 1rem; border: 0; background: transparent; color: var(--arcade-soft); font: inherit; font-size: .72rem; cursor: pointer; }
.pwa-install-entry[hidden], .pwa-update-banner[hidden] { display: none; }
.pwa-update-banner { position: fixed; z-index: 60; right: max(1rem,env(safe-area-inset-right)); bottom: calc(1rem + env(safe-area-inset-bottom)); left: max(1rem,env(safe-area-inset-left)); display: flex; max-width: 460px; align-items: center; justify-content: space-between; gap: 1rem; margin-inline: auto; padding: .7rem .85rem; border: 1px solid rgba(71,230,238,.28); border-radius: 1rem; background: #211f27f5; color: var(--arcade-text); font-size: .75rem; box-shadow: 0 12px 35px #0008; }
.pwa-update-banner button { padding: .48rem .72rem; border: 0; border-radius: .65rem; background: var(--arcade-cyan); color: #111014; font: inherit; font-weight: 900; cursor: pointer; }
@media (display-mode: standalone) { .pwa-install-entry { display: none; } }
@media (prefers-reduced-motion: no-preference) { .pwa-install-brand img { animation: pwa-logo-bob 3s ease-in-out infinite; } @keyframes pwa-logo-bob { 50% { transform: translateY(-3px) rotate(2deg); } } }