.dbonus-backdrop{position:fixed;inset:0;z-index:1600;background:#000a;display:flex;align-items:center;justify-content:center;padding:12px;overflow:auto}
.dbonus{position:relative;width:min(560px,100%);max-height:100%;overflow:auto;background:#f5e6bf;border:3px solid #7a4a22;border-radius:6px;box-shadow:0 8px 40px #000a;padding:18px 18px 14px;color:#3b2711;font:14px/1.45 Arial,sans-serif}
.dbonus h2{margin:0 0 6px;text-align:center;font:700 22px/1.2 Georgia,serif}
.dbonus-sub,.dbonus-foot{margin:6px 0;text-align:center;font-size:13px}
.dbonus-foot{font-size:11px;color:#6b5230}
.dbonus-result{margin:8px 0;padding:8px 10px;border:1px solid #96cbb4;background:#eefaf4;color:#176449;border-radius:3px;font-size:13px}
.dbonus-error{margin:8px 0;padding:8px 10px;border:1px solid #e7a8b4;background:#fff0f2;color:#a52947;border-radius:3px;font-size:13px}
.dbonus-close{position:absolute;top:6px;right:8px;width:28px;height:28px;border:2px solid #3b2711;border-radius:4px;background:#fff6dc;color:#3b2711;font:700 18px/1 Arial,sans-serif;cursor:pointer;padding:0}
.dbonus form{margin:0}
.dbonus-grid{list-style:none;margin:12px 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.dbonus-chest{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:24px 4px 8px;border:2px solid #7a4a22;border-radius:4px;background:linear-gradient(#a8312f,#6e1d22);color:#fff3d6;min-width:0;text-align:center}
.dbonus-chest svg{width:62%;max-width:92px;height:auto}
.dbonus-no{position:absolute;top:4px;right:6px;min-width:22px;padding:0 5px;border-radius:3px;background:#f5e6bf;color:#3b2711;font:700 14px/20px Georgia,serif}
.dbonus-hours{font-size:11px;opacity:.9}
.dbonus-state{font-size:12px;font-weight:700;opacity:.85}
.dbonus-open{min-width:64px;padding:5px 12px;border:2px solid #3b2711;border-radius:4px;background:#f3d27a;color:#3b2711;font:700 13px/1.2 Arial,sans-serif;cursor:pointer}
.dbonus-open:hover,.dbonus-open:focus-visible{background:#ffe9a6}
.dbonus-chest.is-locked{filter:grayscale(.6) brightness(.8)}
.dbonus-chest.is-opened{background:linear-gradient(#5a4a3a,#3c3026)}
.dbonus-chest.is-ready{box-shadow:0 0 0 2px #ffe08a,0 0 14px #ffd35a99}
.dbonus-chest.is-gold{border-color:#d9a521}
@media(max-width:420px){.dbonus{padding:14px 10px}.dbonus h2{font-size:19px}.dbonus-grid{gap:6px}}

.dbonus-day{position:absolute;top:5px;left:6px;font:700 11px/1.2 Arial,sans-serif;text-align:left;color:#ffe9b8}.dbonus-day small{font-weight:400;opacity:.85}
.dbonus-chest.is-unavailable{filter:grayscale(.8) brightness(.65)}
.dbonus-chest.is-missed{box-shadow:0 0 0 2px #e8b24a88}
.dbonus-chest.is-today{outline:2px solid #fff3d6;outline-offset:1px}
@media(max-width:480px){.dbonus-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}