.word-loading-screen {
  position:fixed; inset:0; z-index:60; display:flex; flex-direction:column;
  align-items:center; justify-content:center; padding:28px;
  padding-top:max(28px,env(safe-area-inset-top)); padding-bottom:max(28px,env(safe-area-inset-bottom));
  background:var(--theme-background);
  color:var(--theme-text); text-align:center; font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  overflow-y:auto;
}
.word-loading-screen[hidden] { display:none; }
.word-loading-title { font-size:clamp(30px,7.2vw,54px); font-weight:800; letter-spacing:-.045em; line-height:1.06; margin:0; }
.loading-words {
  position:relative; flex-shrink:0; width:min(640px,100%); height:clamp(86px,14vh,120px);
  margin-top:clamp(20px,5vh,38px); font-size:clamp(18px,4vw,25px);
  font-weight:800; letter-spacing:.015em; line-height:1.4; color:var(--theme-text);
}
.loading-word {
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  gap:.28em; opacity:0; animation:loadingWord 28s linear infinite;
  animation-delay:var(--word-delay,-.5s);
}
.loading-word i { font-style:normal; flex-shrink:0; }
.loading-word b { font-weight:inherit; overflow-wrap:anywhere; min-width:0; }
.loading-word.long-word { font-size:.8em; }
.loading-word.der i { color:#256b9c; }
.loading-word.die i { color:#a64369; }
.loading-word.das i { color:#28754e; }
@keyframes loadingWord { 0%,100% { opacity:0; } 1.4%,8.6% { opacity:1; } 10% { opacity:0; } }
.word-loading-progress { appearance:none; -webkit-appearance:none; flex-shrink:0;
  width:min(320px,74vw); height:6px; margin-top:20px; border:0; border-radius:99px;
  background:var(--theme-track); color:var(--theme-brown); overflow:hidden; }
.word-loading-progress::-webkit-progress-bar { background:var(--theme-track); border-radius:99px; }
.word-loading-progress::-webkit-progress-value { background:var(--theme-brown); border-radius:99px; }
.word-loading-progress::-moz-progress-bar { background:var(--theme-brown); border-radius:99px; }
.word-loading-caption { margin:18px 0 0; max-width:340px; font-size:13px; line-height:1.5; color:var(--theme-muted); }
.word-loading-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-top:24px; }
.word-loading-screen button { min-height:44px; padding:10px 18px; border:1px solid var(--theme-accent-deep);
  border-radius:12px; color:var(--theme-text); background:var(--theme-button); cursor:pointer; font:inherit; }
.word-loading-screen button:hover { background:var(--theme-button-hover); }
.word-loading-screen button:focus-visible { outline:3px solid var(--theme-accent-deep); outline-offset:3px; }
.word-loading-status { margin-top:16px; max-width:340px; font-size:14px; line-height:1.5; }
.loading-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
[hidden] .loading-word { animation-play-state:paused; }
@media (prefers-reduced-motion:reduce) {
  .loading-word { animation:none; display:none; }
  .loading-word:first-child { display:flex; opacity:1; }
}