.daily-dialog{padding:0;border:0;background:transparent;width:min(1080px,98vw,calc(96dvh * 1.3333));max-width:98vw;max-height:98dvh;overflow:visible;color:#482805;font-family:Arial,sans-serif;filter:drop-shadow(0 16px 26px #0007)}
.daily-dialog::backdrop{background:#142d40b8;backdrop-filter:blur(4px)}
.daily-frame{position:relative;width:100%;aspect-ratio:1448/1086;container-type:inline-size}
.daily-art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.daily-frame h2{position:absolute;inset:18% 23% auto;height:7%;margin:0;display:grid;place-items:center;font-size:4.3cqw;line-height:1;color:#ffe09c;text-shadow:0 2px 1px #4b2509;white-space:nowrap}
.daily-close{position:absolute;left:8.3%;top:14%;width:7.7%;height:10.9%;border:0;border-radius:50%;background:none;cursor:pointer}
.daily-countdown{position:absolute;inset:28.7% 30% auto;height:4.2%;display:flex;justify-content:center;align-items:center;gap:.8cqw;font-size:2.3cqw;font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}
.daily-subtitle{position:absolute;inset:33.2% 25% auto;margin:0;text-align:center;font-size:1.45cqw;font-weight:bold}
.daily-tasks{position:absolute;inset:36.5% 11.9% 15.55%;display:grid;grid-template-rows:repeat(4,1fr) 1.12fr;gap:.62cqw}
.daily-task{display:grid;grid-template-columns:7% 40% 29% 21%;gap:1%;align-items:center;padding:.45cqw .8cqw;min-height:0;border-radius:1cqw}
.daily-task.complete:not(.claimed){background:linear-gradient(90deg,#ffe99b33,#ffdd6377,#ffe99b33)}
.daily-task-icon{height:5.7cqw;display:flex;justify-content:center;align-items:center}
.daily-task-icon svg,.daily-task-icon img{width:100%;height:100%;object-fit:contain}
.daily-task-icon svg{height:auto;max-height:100%}
.daily-objective{min-width:0}.daily-objective h3{margin:0 0 .55cqw;font-size:1.65cqw;line-height:1.15;text-wrap:balance}
.daily-progress{position:relative;height:1.8cqw;border:1px solid #856435;border-radius:99px;overflow:hidden;background:#5f625f;box-shadow:inset 0 1px 3px #0006;direction:ltr}
.daily-progress i{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:linear-gradient(#83dcf5,#1599c9 55%,#1374a0);transition:width .5s ease}
.daily-task.complete .daily-progress i{background:linear-gradient(#b7e369,#79ad35 50%,#457620)}
.daily-progress bdi{position:absolute;inset:0;display:grid;place-items:center;color:#fff9e6;font-size:1.3cqw;font-weight:bold;text-shadow:0 1px 2px #17364a;line-height:1}
.daily-rewards{display:flex;justify-content:center;align-items:center;gap:.5cqw;flex-wrap:wrap;direction:ltr}
.daily-reward{display:inline-flex;align-items:center;gap:.15cqw;font-size:1.6cqw;font-weight:bold;white-space:nowrap}
.daily-reward svg{width:2.8cqw;height:2.8cqw;flex:none}.daily-heal{font-size:1.3cqw}.daily-heal svg{width:2.15cqw;height:2.15cqw}
.daily-claim{font:bold 1.65cqw/1.1 Arial;padding:.8cqw .25cqw;min-height:4.1cqw;border:3px solid #c99031;border-radius:.65cqw;background:linear-gradient(#15c7cb,#07808d 55%,#0a5462);color:#fff2cf;text-shadow:0 1px 2px #133f45;box-shadow:inset 0 0 0 1px #fff6,0 2px 1px #63390d;cursor:pointer}
.daily-claim:disabled{opacity:1;border-color:#888373;background:linear-gradient(#c7c9c9,#919698);color:#3e4141;text-shadow:0 1px #fff8;box-shadow:inset 0 0 0 1px #fff6;cursor:default}
.daily-task.claimed .daily-claim{border-color:#8b9e54;background:#afc47a;color:#35441e}
.daily-claim:not(:disabled):hover{filter:brightness(1.12)}
.daily-message{position:absolute;inset:85.5% 30% auto;height:3.2%;margin:0;display:grid;place-items:center;text-align:center;font-size:1.3cqw;line-height:1.12;font-weight:bold}
.daily-dialog button:focus-visible{outline:3px solid #fff1b0;outline-offset:2px}
@media(prefers-reduced-motion:reduce){.daily-progress i{transition:none}}
