/* splash.css — start page: the big spinning logo on the Union Jack navy, tap to enter. */
:root { --bg: #012169; --bg2: #0B1438; --fg: #FFFFFF; --yellow: #FFD23F; }
* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; }
body.sp { min-height: 100vh; min-height: 100dvh; display: flex; flex-direction: column; align-items: center; justify-content: center;
  background: radial-gradient(circle at 50% 42%, #1A3A9A 0%, var(--bg) 45%, var(--bg2) 100%); color: var(--fg); font-family: Nunito, system-ui, sans-serif; overflow: hidden; padding: 24px 16px; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.sp-stage { flex: 1; display: grid; place-items: center; width: 100%; }
.sp-logo { display: flex; flex-direction: column; align-items: center; gap: 14px; text-decoration: none; color: inherit; border-radius: 50%; outline-offset: 10px; }
.sp-logo svg { width: min(78vw, 64vh, 520px); height: auto; display: block; filter: drop-shadow(0 18px 40px rgba(0,0,0,.45)); transition: transform .35s ease; }
.sp-ring { transform-origin: 200px 200px; animation: sp-spin 14s linear infinite; }
@keyframes sp-spin { from { transform: rotate(0deg); } to { transform: rotate(-360deg); } }
.sp-logo:hover svg, .sp-logo:focus-visible svg { transform: scale(1.04); }
.sp-logo:active svg { transform: scale(.97); }
.sp-enter { font: 800 20px/1.2 "Baloo 2", sans-serif; letter-spacing: .02em; background: var(--yellow); color: #012169; padding: 10px 26px; border-radius: 999px; box-shadow: 0 6px 18px rgba(0,0,0,.3); animation: sp-pulse 2.2s ease-in-out infinite; }
.sp-enter small { font: 700 14px Nunito, sans-serif; opacity: .75; margin-left: 4px; }
@keyframes sp-pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.06); } }
.sp-poi { display: inline-flex; align-items: center; gap: 10px; margin: 10px 0 0; font-weight: 700; font-size: 14px; opacity: .9; }
@media (prefers-reduced-motion: reduce) { .sp-ring, .sp-enter { animation: none; } }
.sp-logo { cursor: pointer; }