.monthly-challenge{height:100dvh;overflow:hidden}
.monthly-challenge .daily-page{width:calc(100% - 40px);max-width:1900px;height:100dvh;padding:56px 0 14px;overflow:hidden;box-sizing:border-box}
.monthly-challenge .daily-header{margin-bottom:12px;flex:none}.monthly-challenge .daily-header h1{font-size:clamp(20px,2.5vh,28px);margin:0 0 6px}
.monthly-challenge #dailyContent{display:flex;flex-direction:column;gap:10px;flex:1;min-height:0}.monthly-challenge #dailyContent[hidden]{display:none}
.monthly-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex:none}.monthly-zoom,.monthly-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.monthly-zoom button,.monthly-actions>button,.monthly-clue-filters button{padding:9px 13px;border:1px solid var(--yap-border,#494d70);border-radius:9px;background:var(--yap-surface,#24263e);color:var(--yap-text,#fff);font:700 13px Arial;cursor:pointer}.monthly-zoom button:disabled{opacity:.4;cursor:default}.monthly-zoom output{min-width:44px;text-align:center;font-size:12px}
.monthly-actions .daily-check{width:auto;margin:0;background:var(--yap-secondary,#7657ff);padding:10px 18px}.monthly-actions .daily-complete{margin:0;padding:6px 12px;width:auto;gap:8px}.monthly-actions .daily-complete h2{font-size:12px}.monthly-actions .daily-complete-icon{width:24px;height:24px;font-size:17px}
.monthly-challenge .daily-grid-scroll{display:block;flex:1;width:100%;min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;touch-action:none;scrollbar-width:thin;border:1px solid var(--yap-border,#494d70);border-radius:14px;padding:16px;background:color-mix(in srgb,var(--yap-bg,#17182b) 90%,transparent);text-align:left;cursor:grab;user-select:none}.monthly-challenge .daily-grid-scroll.is-dragging,.monthly-challenge .daily-grid-scroll.is-dragging input{cursor:grabbing}.monthly-challenge .crossword-grid{max-width:none;gap:2px}
.monthly-challenge .daily-question{flex:none;display:flex;align-items:center;gap:20px;padding:12px 16px;min-height:66px;border:1px solid var(--yap-border,#494d70);border-radius:12px;background:var(--yap-surface,#24263e);text-align:left;box-sizing:border-box}.monthly-challenge .daily-clue-nav{gap:10px;flex:none}.monthly-current-clue{flex:1;min-width:0}.monthly-challenge #activeClue{font-size:clamp(14px,1.3vw,19px);line-height:1.3;margin:0 0 3px}.monthly-challenge #clueLength{font-size:11px}.monthly-grid-help{font-size:11px;color:var(--yap-muted,#bac1da);flex:none}.monthly-challenge #dailyStatus{flex:none;margin:5px auto 0}
#monthlyCluesDialog{width:min(960px,calc(100% - 32px));height:min(780px,85dvh);max-height:85dvh;box-sizing:border-box;margin:auto;padding:22px;border:1px solid var(--yap-border,#494d70);border-radius:18px;background:var(--yap-surface,#24263e);color:var(--yap-text,#fff);overflow:hidden}#monthlyCluesDialog[open]{display:flex;flex-direction:column;gap:16px}#monthlyCluesDialog::backdrop{background:#0009;backdrop-filter:blur(5px)}
.monthly-clues-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex:none}.monthly-clues-heading h2{margin:0 0 5px;font-size:23px}.monthly-clues-heading p{margin:0;font-size:13px;color:var(--yap-muted,#bac1da)}.monthly-clues-heading>button{background:transparent;color:var(--yap-text,#fff);border:1px solid var(--yap-border,#494d70);border-radius:8px;width:34px;height:34px;font-size:24px;cursor:pointer;flex:none}
.monthly-clues-tools{display:flex;align-items:center;gap:12px;flex:none}.monthly-clues-tools input{min-width:0;flex:1;padding:11px 12px;border:1px solid var(--yap-border,#494d70);border-radius:9px;background:var(--yap-bg,#17182b);color:var(--yap-text,#fff);font:inherit;font-size:14px}.monthly-clue-filters{display:flex;gap:6px}.monthly-clue-filters button[aria-pressed=true]{border-color:var(--yap-primary,#34d399);color:var(--yap-primary,#34d399)}
#monthlyCluesDialog .daily-clues{flex:1;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;overflow-y:auto;overscroll-behavior:contain;border:0;border-radius:0;padding:0 8px 12px 0;scrollbar-width:thin}#monthlyCluesDialog .daily-clue-list{display:grid;gap:3px}#monthlyCluesDialog .daily-clue{font-size:14px;padding:9px 8px;line-height:1.4}#monthlyCluesDialog .daily-clues h2{position:sticky;top:0;background:var(--yap-surface,#24263e);padding:8px 0;font-size:12px;z-index:1}#monthlyClueCount{flex:none;margin:0;font-size:12px;color:var(--yap-muted,#bac1da)}
@media(max-width:700px){.monthly-challenge .daily-page{width:calc(100% - 20px);padding:65px 0 10px}.monthly-challenge .daily-header{margin-bottom:9px}.monthly-toolbar{gap:8px;flex-wrap:wrap}.monthly-zoom{gap:5px}.monthly-zoom button{font-size:12px;padding:8px 11px}.monthly-actions{margin-left:auto;gap:6px}.monthly-actions>button{font-size:11px;padding:9px 12px}.monthly-actions .daily-check{padding:9px 12px}.monthly-challenge .daily-grid-scroll{padding:12px}.monthly-challenge .daily-question{gap:8px;padding:10px;flex-wrap:wrap;min-height:0}.monthly-challenge .daily-clue-nav{width:100%}.monthly-current-clue{text-align:center;flex-basis:100%}.monthly-grid-help{display:none}#monthlyCluesDialog{padding:16px;height:85dvh}.monthly-clues-tools{flex-wrap:wrap}.monthly-clues-tools input{flex-basis:100%}#monthlyCluesDialog .daily-clues{grid-template-columns:1fr;gap:16px}}

/* Keep the question and controls aligned as a single board workspace. */
.monthly-challenge .daily-page{width:min(1700px,calc(100% - 64px));max-width:none;padding:66px 0 22px;align-items:stretch}
.monthly-challenge .daily-header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;text-align:center;margin:0 0 18px;padding:0 4px;box-sizing:border-box}
.monthly-challenge .daily-header h1{font-size:clamp(22px,2vw,30px);margin:0;letter-spacing:.015em}
.monthly-challenge .daily-date-nav{margin:0;gap:16px}.monthly-challenge .daily-header #dailyDate{font-size:13px}
.monthly-challenge #dailyContent{width:100%;align-self:stretch;gap:12px}
.monthly-challenge .daily-question{width:100%;align-self:stretch;min-height:88px;padding:18px 22px;gap:24px;border-radius:16px;box-shadow:0 8px 24px #00000012}
.monthly-challenge #activeClue{font-size:clamp(17px,1.4vw,22px);margin:0 0 5px;line-height:1.35}.monthly-challenge #clueLength{font-size:12px}
.monthly-challenge .daily-clue-nav{gap:12px}.monthly-challenge .daily-clue-nav button{width:34px;height:34px}.monthly-challenge #cluePosition{font-size:12px;min-width:110px}
.monthly-toolbar{width:100%;box-sizing:border-box;padding:0 4px;align-self:stretch;min-height:44px;flex-wrap:nowrap}
.monthly-zoom{background:var(--yap-surface,#24263e);border:1px solid var(--yap-border,#494d70);border-radius:12px;padding:4px;gap:6px}.monthly-zoom button{border:0;background:transparent;padding:9px 13px}.monthly-zoom button:hover{background:var(--yap-raised,#30324c)}
.monthly-actions{margin-left:auto}.monthly-actions>button{padding:12px 18px;border-radius:11px}.monthly-actions .daily-check{padding:12px 20px}
.monthly-challenge .daily-grid-scroll{padding:24px;border-radius:18px;scrollbar-width:none;background:color-mix(in srgb,var(--yap-bg,#17182b) 96%,var(--yap-text,#fff));box-shadow:inset 0 0 60px #00000012}.monthly-challenge .daily-grid-scroll::-webkit-scrollbar{display:none}
.monthly-grid-stage{display:flex;align-items:center;justify-content:center;min-width:100%;min-height:100%;width:max-content;height:max-content}.monthly-challenge .crossword-grid{flex:none;margin:0}
.monthly-challenge .crossword-cell:not(.block):not(.active):not(.correct):not(.incorrect){background:color-mix(in srgb,var(--yap-surface,#24263e) 90%,var(--yap-text,#fff));border-color:color-mix(in srgb,var(--yap-border,#494d70) 85%,var(--yap-text,#fff))}
@media(max-width:850px){.monthly-challenge .daily-page{width:calc(100% - 24px);padding:68px 0 12px}.monthly-challenge .daily-header{flex-direction:column;gap:8px;text-align:center;margin-bottom:12px}.monthly-challenge .daily-header h1{font-size:22px}.monthly-challenge .daily-question{padding:12px;gap:8px;min-height:0;flex-wrap:wrap}.monthly-challenge .daily-clue-nav{width:100%;gap:10px}.monthly-current-clue{text-align:center;flex-basis:100%}.monthly-grid-help{display:none}.monthly-challenge #activeClue{font-size:16px}.monthly-toolbar{flex-wrap:wrap;gap:8px;padding:0}.monthly-zoom{padding:3px;gap:2px}.monthly-zoom button{padding:8px 10px;font-size:12px}.monthly-actions>button,.monthly-actions .daily-check{padding:10px 13px;font-size:12px}.monthly-challenge .daily-grid-scroll{padding:16px;border-radius:14px}}

.monthly-challenge .daily-question{flex-direction:column;justify-content:center;text-align:center;gap:8px}
.monthly-challenge .daily-question .daily-clue-nav{width:100%;justify-content:center}
.monthly-challenge .daily-question .monthly-current-clue{flex:none;width:100%;text-align:center}