:root{--ww-tile-bg:#e8ecf1;--ww-tile-text:#1e293b;--ww-tile-shadow:rgba(0,0,0,.12);--ww-tile-loading-bg:#dcfce7;--ww-tile-loading-text:#15803d;--ww-tile-loading-border:#4ade80}html.dark{--ww-tile-bg:#3b4a5e;--ww-tile-text:#e2e8f0;--ww-tile-shadow:rgba(0,0,0,.3);--ww-tile-loading-bg:#166534;--ww-tile-loading-text:#f0fdf4;--ww-tile-loading-border:#22c55e}.ww-loading-board{grid-template-columns:repeat(5, var(--tile-size));gap:calc(var(--tile-size) * .1);display:grid}.ww-loading-board--fill{grid-template-columns:repeat(5,1fr);gap:4px;width:100%;display:grid}.ww-loading-board--fill .ww-tile{aspect-ratio:1;width:auto;height:auto;font-size:clamp(1.4rem,5.5vw,2rem)}.ww-tile{width:var(--tile-size);height:var(--tile-size);background:var(--ww-tile-bg);border-radius:var(--tile-radius);box-shadow:0 2px 4px var(--ww-tile-shadow);text-transform:uppercase;color:var(--ww-tile-text);border:2px solid transparent;justify-content:center;align-items:center;font-family:Verdana,Geneva,sans-serif;font-weight:700;transition:background-color .4s,border-color .4s,color .4s;display:flex}.ww-tile-loading{background:var(--ww-tile-loading-bg);color:var(--ww-tile-loading-text);border-color:var(--ww-tile-loading-border)}@media (prefers-reduced-motion:no-preference){@keyframes ww-tile-flip{0%{transform:scaleY(1)}50%{transform:scaleY(0)}to{transform:scaleY(1)}}.ww-tile-wave{animation:ww-tile-flip .75s ease-in-out var(--flip-delay)}}