/* A welcoming cover for the daily run; the playing surface stays compact. */
body.simplified {
  --welcome-bg: #ece5f7;
  --welcome-ink: #352c45;
  --welcome-muted: #6f627d;
  --welcome-input: #fffdf8;
  --welcome-button: #543b78;
  --welcome-button-ink: #fffdf8;
  --welcome-border: #d8cde8;
  --welcome-tab: #eeeaf2;
}
.daily-lobby {
  position: relative;
  overflow: hidden;
  padding: 42px 36px 35px;
  border: 1px solid var(--welcome-border);
  border-radius: 30px;
  background: var(--welcome-bg);
  color: var(--welcome-ink);
  box-shadow: 0 8px 0 color-mix(in srgb, var(--welcome-bg), #443153 8%);
}
.lobby-badge { position: absolute; top: 18px; right: 20px; padding: 7px 11px; background: #f8df9b; color: #614e1a; border-radius: 99px; font-size: 10px; font-weight: 650; letter-spacing: .01em; transform: rotate(4deg); }
.lobby-art { display: block; width: 192px; max-width: 55%; height: auto; margin: 1px auto 15px; }
.daily-lobby h2 { white-space: pre-line; font-family: "Trebuchet MS", "Segoe UI", sans-serif; font-size: clamp(40px, 5.4vw, 54px); line-height: .99; font-weight: 800; letter-spacing: -.065em; margin: 0 0 17px; }
.daily-lobby p { color: var(--welcome-muted); opacity: 1; font-size: 13px; line-height: 1.7; margin-bottom: 26px; }
#daily-start-form { display: flex; align-items: stretch; gap: 0; max-width: 445px; padding: 5px; border: 1px solid transparent; border-radius: 16px; background: var(--welcome-input); box-shadow: 0 2px 7px #352c4508; transition: border-color .15s, box-shadow .15s; }
#daily-start-form:focus-within { border-color: var(--welcome-button); box-shadow: 0 0 0 3px color-mix(in srgb, var(--welcome-button), transparent 85%); }
#player-name { min-width: 100px; min-height: 52px; padding: 13px 15px; border: 0; background: transparent; color: var(--welcome-ink); font-size: 15px; outline: none; border-radius: 11px; }
#start-daily, .daily-lobby > .challenge-action { display: inline-flex; align-items: center; justify-content: center; gap: 17px; min-height: 52px; padding: 13px 23px; background: var(--welcome-button); color: var(--welcome-button-ink); border-radius: 11px; font-size: 14px; font-weight: 700; white-space: nowrap; box-shadow: 0 3px 0 #0002; transition: transform .15s, box-shadow .15s; }
#start-daily span { font-size: 22px; line-height: .7; font-weight: 400; }
#start-daily:hover:not(:disabled), .daily-lobby > .challenge-action:hover:not(:disabled) { transform: translateY(-2px); box-shadow: 0 5px 0 #0002; }
#start-daily:active:not(:disabled), .daily-lobby > .challenge-action:active:not(:disabled) { transform: translateY(1px); box-shadow: none; }
#start-daily:disabled { cursor: wait; opacity: .7; }
.daily-lobby.is-finished .lobby-badge { display: none; }
.daily-lobby.is-finished .lobby-art { width: 160px; margin-bottom: 20px; }
.daily-lobby.is-finished h2 { font-size: 38px; }
.daily-idle .challenge-controls { margin-bottom: 25px; }
.daily-idle .challenge-toolbar { margin-bottom: 23px; }
.daily-idle .mode-picker { background: var(--welcome-tab); padding: 4px; border-radius: 12px; gap: 2px; }
.daily-idle .mode-picker button { min-height: 34px; padding: 8px 17px; border-radius: 9px; margin: 0; font-size: 12px; }
.daily-idle .mode-picker button[aria-pressed="true"] { background: var(--challenge-surface, #fff); text-decoration: none; box-shadow: 0 1px 4px #0001; }
.daily-idle .combo-panel { width: auto; min-width: 95px; }
.daily-idle #combo-progress { background: #b39bc83d; }
.daily-idle .leaderboard { margin-top: 28px; }
.leaderboard > summary { display: flex; align-items: center; gap: 15px; border: 1px solid #8883; border-radius: 99px; padding: 11px 17px; font-size: 11px; opacity: .85; }
.leaderboard > summary:hover { background: #8881; }
body.after-hours { --welcome-bg: #192c23; --welcome-ink: #eff5e9; --welcome-muted: #b8c9bc; --welcome-input: #2c4235; --welcome-button: #b9f8cf; --welcome-button-ink: #15251b; --welcome-border: #36513f; --welcome-tab: #1a2b22; }
body.candy-club { --welcome-bg: #ffd6e2; --welcome-ink: #8b1c39; --welcome-muted: #985369; --welcome-button: #b42145; --welcome-border: #eeb7c8; --welcome-tab: #f7d8e2; }
body.blue-note { --welcome-bg: #f7f1d5; --welcome-ink: #141b53; --welcome-muted: #5d6085; --welcome-input: #fffdf3; --welcome-button: #2344e8; --welcome-border: #e7e0be; --welcome-tab: #1b37c4; }
body.margins { --welcome-bg: #e9e8d9; --welcome-ink: #263c31; --welcome-muted: #667260; --welcome-button: #263c31; --welcome-border: #d6d7c5; --welcome-tab: #e7e4d7; }
body.split-decision { --welcome-bg: #fff3db; --welcome-ink: #152d48; --welcome-muted: #6f6971; --welcome-button: #152d48; --welcome-border: #f7c4a8; --welcome-tab: #f7a086; }
body.pocket-arcade { --welcome-bg: #e3ddff; --welcome-ink: #173c39; --welcome-muted: #676080; --welcome-button: #173c39; --welcome-border: #c9bcea; --welcome-tab: #e9e4d5; }
body.word-play { --welcome-bg: #e8efdf; --welcome-ink: #303e28; --welcome-muted: #687660; --welcome-button: #507847; --welcome-border: #d1dec7; --welcome-tab: #e9eddf; }
body.daily-press { --welcome-bg: #eeece1; --welcome-ink: #1c2428; --welcome-muted: #656a65; --welcome-button: #1c2428; --welcome-border: #dcd9cc; --welcome-tab: #eae8df; }
@media (max-width: 640px) {
  .daily-lobby { padding: 45px 20px 26px; border-radius: 25px; }
  .lobby-badge { top: 15px; right: 15px; font-size: 9px; padding: 6px 9px; }
  .lobby-art { width: 169px; margin-bottom: 18px; }
  .daily-lobby h2 { font-size: clamp(37px, 11vw, 48px); }
  .daily-lobby p { font-size: 11px; margin-bottom: 22px; }
  #daily-start-form { padding: 4px; border-radius: 14px; }
  #player-name { padding-inline: 11px; min-height: 49px; min-width: 70px; font-size: 14px; }
  #start-daily { padding: 12px 15px; gap: 10px; min-height: 49px; font-size: 13px; }
  .daily-lobby.is-finished h2 { font-size: 32px; }
  .daily-idle .mode-picker button { padding-inline: 14px; }
}
@media (max-width: 355px) { .daily-lobby { padding-inline: 15px; } #start-daily { padding-inline: 12px; } }
@media (prefers-reduced-motion: reduce) { #daily-start-form, #start-daily, .daily-lobby > .challenge-action { transition: none; } }