/* Today's question: a special letter above the browse deck, and the shared board behind it. */
.daily-card{position:relative;margin:0 0 30px;padding:24px 26px;border:1px solid #e0cfe8;border-radius:22px;background:linear-gradient(150deg,#fff6e8,#f7ecf7 60%,#f0e6f6);box-shadow:0 8px 26px #b4a0dc1f;overflow:hidden;text-align:left}
.daily-card:before{content:'';position:absolute;inset:-40% -20% auto auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(closest-side,#ffe3b866,transparent);pointer-events:none}
.daily-card:empty{display:none}
.daily-eyebrow{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#81658b;margin-bottom:10px}
.daily-symbol{font-size:15px;color:#c09a4e;letter-spacing:0}
.daily-dot{width:9px;height:9px;border-radius:50%;background:#e0a64e;box-shadow:0 0 0 4px #f4dfbf66}
.daily-question{font:clamp(22px,2.6vw,30px)/1.25 Georgia,serif;color:#4c3a5c;margin:0 0 10px;max-width:34ch}
.daily-refresh{margin:0;font-variant-numeric:tabular-nums}
.daily-card .actions{margin:18px 0 0}
.daily-card[data-answered=true]{background:linear-gradient(150deg,#f8f3ea,#f4eef7 60%,#efe8f5)}

.daily-page .flow-header h1{font-size:clamp(28px,4vw,42px);max-width:22ch}
.daily-paper{background:repeating-linear-gradient(0deg,#d4c3ad07 0,#d4c3ad07 1px,transparent 1px,transparent 4px),linear-gradient(180deg,#fffdf6,#fffaf0);border-color:#ecdfc9}
.daily-form .actions{margin-top:18px}

.daily-board{display:grid;gap:14px;margin:18px 0 10px}
.daily-answer{display:flex;gap:16px;align-items:flex-start;padding:20px 22px;border:1px solid #e3d5e9;border-radius:18px;background:#fffaf5a8}
.daily-answer[data-mine=true]{border-color:#e2c9a8;background:#fffaf0}
.daily-answer-body{min-width:0;flex:1}
.daily-answer .handwriting{margin:8px 0 0;font-size:23px}
.daily-answer .pill{margin-bottom:4px}
.daily-answer .quiet{margin-top:6px;padding-left:0;font-size:13px}
.daily-answer :is(img,.monster-art){flex:none}

@media(max-width:760px){
 .daily-card{padding:20px;margin-bottom:22px}
 .daily-card .actions button{flex:1 1 100%}
 .daily-answer{padding:16px 18px;gap:12px}
 .daily-answer .handwriting{font-size:21px}
}