/* ── Prevent iOS zoom on input focus ─────── */
html, body {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body {
    margin: 0;
    overflow: hidden;
    background: #060311;
}

/* Prevent ghost clicks on Avalonia-managed canvas */
#out {
    touch-action: none;
}

/* ── AppMare browser splash — mirrors the dashboard surfaces ── */
.appmare-splash { --splash-back:#060311; --splash-muted:#c6c6c6; --splash-accent:#1aadd6; position:fixed; inset:0; z-index:10000; display:grid; place-items:center; overflow:hidden; color:#fff; background:radial-gradient(125% 78% at 50% 115%,#0b3a6b 0%,#0a2f5a 35%,#081a3c 65%,var(--splash-back) 88%) no-repeat,var(--splash-back); font-family:Roboto,"Segoe UI",Arial,sans-serif; transition:opacity 220ms ease-in,visibility 220ms ease-in; }
.appmare-splash.is-hidden { opacity:0; visibility:hidden; pointer-events:none; }
.splash-card { position:relative; isolation:isolate; width:min(440px,calc(100vw - 48px)); padding:40px 24px; text-align:center; animation:splash-enter 280ms ease-out both; }
.splash-card::before { position:absolute; z-index:-1; top:0; left:50%; width:230px; height:230px; border-radius:50%; background:radial-gradient(circle,rgba(26,173,214,.16),rgba(26,173,214,.04) 45%,transparent 72%); content:""; filter:blur(14px); transform:translate(-50%,-26%); }
.brand-mark { display:block; width:68px; height:68px; margin:0 auto 16px; border-radius:18px; box-shadow:0 14px 36px rgba(0,22,67,.45); }
.brand-name { margin:0 0 32px; color:#fff; font-size:19px; font-weight:600; letter-spacing:-.01em; }
.splash-card h1 { margin:0; color:#fff; font-family:inherit; font-size:clamp(30px,3vw,36px); font-weight:700; line-height:1.15; letter-spacing:-.03em; }
.splash-card p { margin:14px auto 0; color:var(--splash-muted); font-size:17px; line-height:1.5; }.splash-card #splash-detail { min-height:26px; max-width:360px; }
.loading-row { display:flex; align-items:center; justify-content:center; gap:10px; margin-top:30px; }.loading-spinner { width:20px; height:20px; border:2px solid rgba(255,255,255,.18); border-top-color:var(--splash-accent); border-radius:50%; animation:splash-spin .8s linear infinite; }.loading-label { color:#fff; font-size:12px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; }
@keyframes splash-spin { to { transform:rotate(360deg); } }
@keyframes splash-enter { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } }
@media (max-width:420px) { .splash-card { width:calc(100vw - 40px); padding:24px 20px; }.brand-mark { width:60px; height:60px; border-radius:16px; }.brand-name { margin-bottom:26px; }.splash-card h1 { font-size:28px; }.splash-card p { font-size:16px; } }
@media (prefers-reduced-motion:reduce) { .appmare-splash { transition:none; }.splash-card,.loading-spinner { animation:none; } }