/* Theme tokens — applied via data-theme on , used by the public entry page */
:root,
[data-theme="bb"] { --tp: #1a2744; --tpd: #0f1829; }
[data-theme="indigo"] { --tp: #4338ca; --tpd: #312e81; }
[data-theme="violet"] { --tp: #7c3aed; --tpd: #4c1d95; }
[data-theme="slate"] { --tp: #334155; --tpd: #0f172a; }
[data-theme="emerald"] { --tp: #059669; --tpd: #064e3b; }
[data-theme="rose"] { --tp: #be123c; --tpd: #881337; }
/* Spinner */
@keyframes spin { to { transform: rotate(360deg); } }
.spinner {
display: inline-block;
width: 22px; height: 22px;
border: 3px solid rgba(0, 0, 0, 0.10);
border-top-color: #6366f1;
border-radius: 50%;
animation: spin 0.7s linear infinite;
}
/* Winner card entrance */
@keyframes pop-in {
from { opacity: 0; transform: scale(0.85); }
to { opacity: 1; transform: scale(1); }
}
.winner-reveal { animation: pop-in 0.45s cubic-bezier(0.34, 1.56, 0.64, 1); }