.le{text-align:center;box-sizing:border-box;top:calc(var(--hud-h) + 16px);bottom:calc(var(--safe-b) + 16px);height:fit-content;max-height:calc(100dvh - var(--hud-h) - var(--safe-b) - 32px);border:1px solid var(--line);background:var(--surface);width:min(560px,100% - 2*clamp(16px,4vw,48px));animation:le-in .42s var(--ease) both;background-image:radial-gradient(60% 70% at 50% 0,#fbad0112,#0000 70%);border-radius:28px;flex-direction:column;align-items:center;gap:8px;margin:auto;padding:40px 20px 32px;display:flex;position:fixed;left:0;right:0;overflow:auto}.le-logo{margin-bottom:10px;overflow:visible}.le-sun{opacity:.4;filter:saturate(.6)}.le-cloud{fill:#3a4a6d;filter:drop-shadow(0 4px 6px #00000059);animation:le-drift 1s var(--ease) .15s both}.le h2{margin:0;font-size:1.35rem}.le-copy{color:var(--muted);margin:0 0 14px}.le-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.le-actions button{min-width:160px;min-height:48px}.le-out:hover:not(:disabled){color:#ffb0b0;background:#dc26261a;border-color:#ff8a8a80}.le-actions button:focus-visible{outline:3px solid var(--ring);outline-offset:3px}.le-problem{color:var(--danger-text);background:#dc26261a;border:1px solid #dc26264d;border-radius:10px;margin:12px 0 0;padding:8px 12px;font-size:.9rem}@keyframes le-in{0%{opacity:0;transform:translateY(10px)}}@keyframes le-drift{0%{opacity:0;transform:translate(-70px)}40%{opacity:1}to{opacity:1;transform:none}}@media (max-width:480px){.le-actions{flex-direction:column;width:100%}.le-actions button{width:100%}}@media (prefers-reduced-motion:reduce){.le,.le-cloud{animation:none!important}}
