#daily-reward-slot:empty { display:none; }
.daily-reward { display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:210px; padding:12px 36px; margin-bottom:24px; border-block:1px solid #e2e9f0; background:#f6f9fc; overflow:hidden; }
.daily-reward-copy { max-width:430px; }
.reward-eyebrow { font-size:11px; color:#8a6b27; font-weight:700; }
.daily-reward h2 { margin:8px 0; font-size:23px; color:#253549; }
.daily-reward p { margin:8px 0; color:#677587; font-size:13px; }
.reward-egg-button { position:relative; width:184px; height:190px; flex:0 0 184px; padding:0; border:0; background:transparent; cursor:pointer; overflow:visible; isolation:isolate; }
.reward-egg-button:hover { background:transparent; }
.reward-egg-button:focus-visible { outline:3px solid #2868a5; outline-offset:4px; border-radius:8px; }
.reward-egg-image { width:154px; height:180px; display:block; margin:auto; filter:drop-shadow(0 6px 8px #9a6e2320); transition:transform .2s; }
.reward-egg-button:not(:disabled):hover .reward-egg-image { transform:rotate(-4deg); }
.reward-egg-label { position:absolute; inset:auto 0 0; font-size:11px; color:#7c6024; font-weight:600; }
.reward-hammer { position:absolute; top:12px; right:18px; width:72px; height:72px; opacity:0; color:#94682b; z-index:4; pointer-events:none; }
.reward-hammer svg { width:100%; height:100%; fill:#e7c887; stroke-width:1.5; }
.reward-shells { position:absolute; inset:0; opacity:0; pointer-events:none; }
.reward-shells img { position:absolute; inset:5px 15px; width:154px; height:180px; }
.reward-shell-left { clip-path:polygon(0 0,55% 0,45% 35%,57% 47%,43% 61%,54% 78%,45% 100%,0 100%); }
.reward-shell-right { clip-path:polygon(55% 0,100% 0,100% 100%,45% 100%,54% 78%,43% 61%,57% 47%,45% 35%); }
.reward-treasure { position:absolute; left:calc(50% - 9px); top:54%; width:18px; height:18px; border-radius:50%; background:linear-gradient(120deg,#fff1a7,#d8a02b 65%,#a96916); border:2px solid #e4b746; box-shadow:inset 0 0 0 2px #fff4b650,0 2px 5px #59462228; pointer-events:none; z-index:5; }
.reward-treasure.silver { background:linear-gradient(120deg,#fff,#bdc7d1 65%,#7e8c9d); border-color:#d1d9e1; }
.reward-treasure.ingot { width:29px; height:17px; border-radius:2px 2px 9px 9px; border-width:3px; transform:rotate(12deg); }
.reward-error { color:#a43b37!important; }
.reward-result { padding:24px 32px; text-align:center; }
.reward-result-mark { width:60px; height:60px; display:grid; place-items:center; margin:0 auto 18px; background:#fff4ce; color:#ae7c17; border-radius:50%; }
.reward-result-mark svg { width:30px; height:30px; }
.reward-result h2 { margin:10px 0; font-size:24px; }
.reward-result .reward-phrase { font-size:20px; line-height:1.7; color:#253549; margin:20px 0; }
.reward-result .reward-gift { font-size:27px; color:#9e751e; font-weight:700; margin:20px 0 6px; }
.reward-result .reward-caption { font-size:12px; color:#778495; }
.reward-result footer { justify-content:center; margin-top:26px; }
.reward-history-row { display:flex; gap:16px; align-items:center; justify-content:space-between; padding:18px 0; border-bottom:1px solid #e2e9f0; }
.reward-history-row p { margin:5px 0; }.reward-history-row small { color:#778495; }
@media(max-width:600px) { .daily-reward { padding:12px 16px; gap:8px; min-height:185px; margin-bottom:16px; } .daily-reward h2 { font-size:18px; } .daily-reward p { font-size:12px; line-height:1.6; } .reward-egg-button { width:142px; height:166px; flex-basis:142px; } .reward-egg-image { width:128px; height:150px; } .reward-shells img { inset:0 7px; width:128px; height:150px; } .reward-result { padding:20px 14px; } .reward-result h2 { font-size:21px; } .reward-result .reward-gift { font-size:24px; overflow-wrap:anywhere; } .reward-history-row { align-items:flex-start; } }
@media(prefers-reduced-motion:reduce) { .reward-egg-image { transition:none; }.reward-egg-button:not(:disabled):hover .reward-egg-image { transform:none; } }