.worddaily-wrap{
  --lg-bg1:#2d1b4e;
  --lg-bg2:#4a2d7a;
  --lg-panel:#3a2361;
  --lg-border:#6b4fa0;
  --lg-correct:#3ddc84;
  --lg-present:#ff8c42;
  --lg-absent:#4a3970;
  --lg-text:#fdf6ff;
  --lg-muted:#c9b8e8;
  --lg-accent:#ff5fa2;
  --lg-accent2:#ffd23f;

  box-sizing:border-box;
  background:linear-gradient(160deg,var(--lg-bg1),var(--lg-bg2) 60%,#1a0f33);
  color:var(--lg-text);
  font-family:'Inter',sans-serif;
  border-radius:20px;
  padding:24px 16px 36px;
  display:flex;
  flex-direction:column;
  align-items:center;
  max-width:560px;
  margin:0 auto;
}
.worddaily-wrap *{box-sizing:border-box;}

.worddaily-wrap .lg-lenpicker{display:flex; gap:6px; flex-wrap:wrap; justify-content:center; margin-bottom:14px;}
.worddaily-wrap .lg-lenpicker a{
  background:var(--lg-panel); border:2px solid var(--lg-border); color:var(--lg-text);
  font-family:'Fredoka',sans-serif; font-weight:600; font-size:0.9rem;
  padding:8px 14px; border-radius:14px; text-decoration:none;
}
.worddaily-wrap .lg-lenpicker a.active{background:var(--lg-accent); border-color:var(--lg-accent); color:#1a0f33;}
.worddaily-wrap .lg-lenpicker a:hover{border-color:var(--lg-accent2);}

.worddaily-wrap .lg-mode{
  background:var(--lg-accent2); border:none; color:#2b1500; border-radius:20px;
  padding:8px 16px; font-size:0.82rem; cursor:pointer; font-family:'Fredoka',sans-serif; font-weight:600;
  margin-bottom:8px;
}
.worddaily-wrap .lg-mode:hover{filter:brightness(1.08);}

.worddaily-wrap .lg-message{height:24px; font-size:0.95rem; color:var(--lg-accent2); font-weight:700; font-family:'Fredoka',sans-serif;}

.worddaily-wrap .lg-board{display:grid; gap:6px; margin:10px 0 22px;}
.worddaily-wrap .lg-row{display:grid; gap:6px; justify-content:center;}
.worddaily-wrap .lg-tile{
  width:54px; height:54px; border:3px solid var(--lg-border); background:var(--lg-panel);
  display:flex; align-items:center; justify-content:center; font-size:1.6rem; font-weight:700;
  font-family:'Fredoka',sans-serif; text-transform:uppercase; border-radius:12px;
  transition:transform 0.15s, background .2s;
}
.worddaily-wrap .lg-tile.pop{transform:scale(1.12) rotate(-2deg);}
.worddaily-wrap .lg-tile.correct{background:var(--lg-correct); border-color:var(--lg-correct); color:#12291c;}
.worddaily-wrap .lg-tile.present{background:var(--lg-present); border-color:var(--lg-present); color:#2b1500;}
.worddaily-wrap .lg-tile.absent{background:var(--lg-absent); border-color:var(--lg-absent); color:var(--lg-muted);}

.worddaily-wrap .lg-keyboard{display:flex; flex-direction:column; gap:8px; width:100%; max-width:480px;}
.worddaily-wrap .lg-krow{display:flex; justify-content:center; gap:6px;}
.worddaily-wrap .lg-key{
  background:var(--lg-border); color:var(--lg-text); border:none; border-radius:10px;
  font-family:'Fredoka',sans-serif; font-weight:600; font-size:0.85rem; padding:14px 0; flex:1;
  max-width:40px; cursor:pointer; user-select:none;
  display:flex; align-items:center; justify-content:center; line-height:1; text-align:center;
}
.worddaily-wrap .lg-key.wide{max-width:64px; font-size:0.68rem;}
.worddaily-wrap .lg-key.correct{background:var(--lg-correct); color:#12291c;}
.worddaily-wrap .lg-key.present{background:var(--lg-present); color:#2b1500;}
.worddaily-wrap .lg-key.absent{background:#342755; color:var(--lg-muted);}
.worddaily-wrap .lg-key:active{opacity:0.7; transform:scale(0.95);}

/* Long-form content pages (About, FAQ, Strategy Guide) reuse this class,
   scoped so it never leaks into the rest of the theme. */
.worddaily-article .lg-tag{display:inline-block; background:#3a2361; border:2px solid #6b4fa0; color:#ffd23f; font-family:'Fredoka',sans-serif; font-size:0.75rem; padding:3px 10px; border-radius:10px; margin-bottom:10px;}
.worddaily-article h2{font-family:'Fredoka',sans-serif; color:#a8579c; margin-top:1.6em;}