.dailyChestDialog{box-sizing:border-box;width:min(92vw,510px);max-height:90dvh;overflow-x:hidden;overflow-y:auto;border:1px solid #786043;border-radius:24px;background:radial-gradient(ellipse at 50% 42%,#3c2b23,#111827 65%);color:#f2f5ff;padding:26px;text-align:center;box-shadow:0 24px 100px #0009;font-family:system-ui}.dailyChestDialog::backdrop{background:#020714cc;backdrop-filter:blur(5px)}.dailyChestDialog h2{font-size:clamp(24px,5vw,32px);margin:10px 0}.dailyChestDialog p,.dailyChestDialog small{color:#c4cedd;line-height:1.5}.dailyChestDialog small{display:block;font-size:12px;margin-top:16px}.dailyChestClose{position:absolute;right:12px;top:12px;padding:7px;background:#26344b;color:#fff;border:1px solid #596780;border-radius:50%;cursor:pointer}.dailyChestEyebrow{font-size:11px;letter-spacing:.12em;color:#ffd18a;font-weight:800}.dailyChestStage{position:relative;isolation:isolate;height:240px;display:grid;place-items:center;margin:16px 0}.dailyChestStage img{position:relative;max-width:100%;width:250px;max-height:230px;object-fit:contain;filter:drop-shadow(0 14px 12px #0008);transition:transform .5s,opacity .5s}.dailyChestGlow{position:absolute;inset:5%;border-radius:50%;background:radial-gradient(ellipse,#ffc24766,transparent 68%);opacity:.6;transition:opacity .6s,transform .6s}.dailyChestOpen{width:100%;padding:14px 20px;border:1px solid #ffe2a6;border-radius:13px;background:linear-gradient(135deg,#ffd56e,#d79739);color:#231b10;font-size:17px;font-weight:800;cursor:pointer}.dailyChestOpen:disabled{opacity:.7;cursor:wait}.dailyChestReward{position:absolute;font-size:clamp(28px,7vw,44px);font-weight:900;color:#ffe4a8;text-shadow:0 0 24px #ffb92b;opacity:0;transform:scale(.75);transition:.5s}.dailyChestDialog.opening img{animation:chestUnseal 1.8s ease-in-out}.dailyChestDialog.opening .dailyChestGlow{opacity:1;transform:scale(1.25)}.dailyChestDialog.revealed img{opacity:.12;transform:scale(.85)}.dailyChestDialog.revealed .dailyChestReward{opacity:1;transform:scale(1)}.dailyChestDialog details{font-size:13px;text-align:left;border:1px solid #495366;border-radius:10px;padding:10px;background:#101827}.dailyChestDialog summary{cursor:pointer}.dailyChestOdds{padding-left:20px}.dailyChestStatus{min-height:22px;font-size:14px}@keyframes chestUnseal{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(-5deg)}50%{transform:translateY(-14px) rotate(5deg)}75%{transform:translateY(-20px) scale(1.08)}}@media(prefers-reduced-motion:reduce){.dailyChestDialog *{animation:none!important;transition:none!important}}@media(max-width:480px){.dailyChestDialog{padding:24px 18px}.dailyChestStage{height:210px}.dailyChestStage img{max-height:200px}}

body:not(.isSignedOut) .dailyChestDialog .dailyChestOpen{background:linear-gradient(135deg,#ffd56e,#d79739)!important;color:#231b10!important;border-color:#ffe2a6!important}

/* Playful daily gift: soft glow, floating chest and slowly rotating sunshine. */
.dailyChestDialog{border:2px solid #ffdc86;border-radius:30px;background:radial-gradient(ellipse at 50% 48%,#69401e 0%,#302447 52%,#17223b 100%);box-shadow:0 24px 90px #0009,0 0 40px #ffbf2830;padding:30px 24px}
.dailyChestDialog h2{font-weight:900;letter-spacing:-.03em;color:#fff5dc;text-shadow:0 3px 0 #0004}
.dailyChestEyebrow{display:inline-block;background:#ffc84e;color:#36244b;padding:8px 15px;border-radius:999px;letter-spacing:.06em;font-size:12px;box-shadow:0 3px 0 #a26426;font-weight:900}
.dailyChestStage{height:270px;overflow:visible;border-radius:0}
.dailyChestStage img{width:265px;max-height:250px;animation:chestFloat 3.4s ease-in-out infinite;filter:drop-shadow(0 18px 12px #0007) drop-shadow(0 0 16px #ffd26366)}
.dailyChestGlow{inset:-35px -25px;border-radius:50%;background:radial-gradient(ellipse,#ffe179aa 0%,#ffc32966 32%,transparent 70%);opacity:1;animation:chestGlow 4s ease-in-out infinite}
.dailyChestRays{position:absolute;width:420px;height:420px;border-radius:50%;background:repeating-conic-gradient(from 0deg,#ffd65155 0deg 12deg,transparent 12deg 30deg);mask-image:radial-gradient(circle,#000 15%,transparent 68%);animation:chestSun 24s linear infinite;pointer-events:none;z-index:-1}
.dailyChestGlow{z-index:-1}.dailyChestSparkles{position:absolute;inset:0;pointer-events:none}.dailyChestSparkles span{position:absolute;width:20px;height:20px;color:#fff2ad;filter:drop-shadow(0 0 8px #ffcb53);animation:chestSparkle 3s ease-in-out infinite}.dailyChestSparkles svg{width:100%;height:100%}.dailyChestSparkles span:nth-child(1){left:10%;top:25%}.dailyChestSparkles span:nth-child(2){right:11%;top:15%;animation-delay:.7s}.dailyChestSparkles span:nth-child(3){left:17%;bottom:18%;animation-delay:1.4s}.dailyChestSparkles span:nth-child(4){right:12%;bottom:25%;animation-delay:2s}
body:not(.isSignedOut) .dailyChestDialog .dailyChestOpen{background:linear-gradient(#ffe490,#ffc54e)!important;color:#3e274b!important;border:2px solid #ffefb5!important;border-radius:16px;box-shadow:0 5px 0 #af7428,0 0 20px #ffd25d33;font-weight:900;font-size:18px;transition:transform .15s,box-shadow .15s}
.dailyChestOpen:hover{transform:translateY(-2px)}.dailyChestOpen:active{transform:translateY(3px);box-shadow:0 2px 0 #af7428!important}.dailyChestDialog details{background:#171f3680;border-color:#686088}.dailyChestDialog.opening img{animation:chestUnseal 1.8s ease-in-out}.dailyChestDialog.revealed img{animation:none}.dailyChestDialog.revealed .dailyChestRays{animation-duration:16s}.dailyChestDialog.revealed .dailyChestReward{background:#38264be6;padding:12px 20px;border:2px solid #ffd968;border-radius:20px;box-shadow:0 0 25px #ffd34c55}.dailyChestStatus{color:#fff0c7!important}
@keyframes chestFloat{0%,100%{transform:translateY(5px) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}@keyframes chestGlow{0%,100%{transform:scale(.95);opacity:.75}50%{transform:scale(1.1);opacity:1}}@keyframes chestSun{to{transform:rotate(360deg)}}@keyframes chestSparkle{0%,100%{transform:translateY(5px) scale(.65);opacity:.55}50%{transform:translateY(-6px) scale(1);opacity:1}}
@media(max-width:480px){.dailyChestDialog{padding:28px 18px}.dailyChestStage{height:230px}.dailyChestStage img{max-height:215px}}@media(prefers-reduced-motion:reduce){.dailyChestDialog *{animation:none!important;transition:none!important}}

/* Decorative rays may overflow the stage without widening the dialog. */
.dailyChestDialog *{box-sizing:border-box}
.dailyChestDialog details{max-width:100%;overflow-wrap:anywhere}
