/* Boot splash for Clef World. A file, not an inline style: the site CSP has style-src 'self'. */
html, body { margin: 0; height: 100%; overflow: hidden; background: #FFF8EE; overscroll-behavior: none; }
/* Pinch-zoom stays available on the overlays and panels (no user-scalable=no); only the 3D view eats gestures. */
body.world { touch-action: manipulation; -webkit-user-select: none; user-select: none; }
#app { position: fixed; inset: 0; touch-action: none; }
#app canvas { touch-action: none; }
#ui { position: fixed; inset: 0; pointer-events: none; z-index: 10; }
#boot { position: fixed; inset: 0; z-index: 20; display: grid; place-items: center; background: #FFF8EE; color: #151414; font: 600 15px 'Inter', system-ui, sans-serif; transition: opacity 0.6s ease; }
#boot .b { display: flex; flex-direction: column; align-items: center; gap: 14px; }
#boot .r { width: 34px; height: 34px; border-radius: 50%; border: 3px solid #F0DBBD; border-top-color: #FF5E1F; animation: cwspin 0.9s linear infinite; }
#boot.out { opacity: 0; pointer-events: none; }
@keyframes cwspin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { #boot .r { animation-duration: 2.4s; } }