#view-loading{display:none}
html.view-pending body{overflow:hidden}
html.view-pending body>:not(#view-loading){visibility:hidden!important}
html.view-pending #view-loading{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:max(20px,env(safe-area-inset-top,0px)) max(20px,env(safe-area-inset-right,0px)) max(20px,env(safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-left,0px));box-sizing:border-box;background:#e81e63 url('/tlo-gry.png') center/cover;visibility:visible}
#view-loading .view-loading-card{box-sizing:border-box;width:min(100%,360px);padding:32px 24px;border:1px solid #fff;border-radius:24px;background:#fff7fc;text-align:center;color:#635d7c;font:15px/1.5 'DM Sans',sans-serif;box-shadow:0 12px 32px #30113520}
#view-loading .event-brand{font:800 18px/1.3 'Syne',sans-serif;margin-bottom:24px}
#view-loading-message{margin:16px 0 0}
#view-loading .view-loading-spinner{display:inline-block;width:28px;height:28px;box-sizing:border-box;border:3px solid #eadff7;border-top-color:#aa52c4;border-radius:50%;animation:view-loading-spin .8s linear infinite}
#view-loading-retry{margin-top:18px;padding:12px 20px;border:0;border-radius:12px;background:linear-gradient(135deg,#ff3d6b,#7c6af7);color:#fff;font:700 14px 'DM Sans',sans-serif;cursor:pointer}
#view-loading-retry[hidden]{display:none}
@keyframes view-loading-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#view-loading .view-loading-spinner{animation:none}}