/* The original Clues C stays crisp; only its transform moves. */
.clues-loader { position:relative; display:inline-grid; place-items:center; width:64px; height:64px; flex:none; }
.clues-loader > img { display:block; width:66%; height:66%; object-fit:contain; }
.clues-loader::after { content:""; position:absolute; inset:0; border:2px solid #ddd7cd; border-top-color:#c64532; border-radius:50%; animation:clues-progress 1.2s linear infinite; animation-delay:var(--clues-progress-delay,0ms); }
@keyframes clues-progress { to { transform:rotate(360deg); } }
.clues-boot { box-sizing:border-box; min-height:100dvh; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; padding:28px; background:#f4f1ea; color:#111; text-align:center; font-family:Arial,sans-serif; }
.clues-boot .clues-loader { width:72px; height:72px; margin-top:calc(50dvh - 64px); margin-bottom:28px; }
.clues-boot .clues-boot-wordmark { display:block; width:160px; height:auto; aspect-ratio:1200/374; }
.clues-boot small { margin-top:8px; font-size:11px; color:#514e48; }
.clues-boot p { width:32ch; max-width:100%; min-height:3.2em; margin:28px 0 0; font-size:13px; line-height:1.6; color:#514e48; text-wrap:pretty; }
@media(max-height:480px) { .clues-boot { justify-content:center; } .clues-boot .clues-loader { margin-top:0; } }
@media(prefers-reduced-motion:reduce) { .clues-loader::after { animation:none; } }