/* Daily Chest visual cleanup and premium chest treatment. */
.daily-chest-kicker,.daily-chest-heading p,.daily-chest-pips{display:none!important}
.daily-chest-heading{align-items:center;margin-bottom:20px}
.daily-chest-heading>div:first-child{display:flex;align-items:center;min-height:64px}
.daily-chest-heading h1{margin:0!important}
.daily-chest-progress-track{margin-bottom:0}
.daily-chest-progress{margin-top:24px}
.daily-chest-card{padding-top:30px}

/* Replace the flat blocky chest look with a deeper, more game-like treasure chest. */
.daily-chest-art{height:265px;margin-bottom:0;perspective:900px}
.daily-chest-glow{width:285px;height:145px;bottom:8px;background:radial-gradient(circle,#c69b3d30 0%,#a78bfa18 48%,transparent 75%);filter:blur(24px);opacity:.72}
.treasure-chest{width:286px;height:196px;margin-top:30px;filter:drop-shadow(0 28px 28px #0009) drop-shadow(0 0 18px #b78d3922);transform:rotateX(2deg);transform-style:preserve-3d}

.treasure-lid,.treasure-body{border:2px solid #ddb9666b!important;background:none!important;box-shadow:none!important;overflow:visible}
.treasure-lid{top:0!important;height:82px!important;border-radius:54px 54px 13px 13px/38px 38px 13px 13px!important;background:
 radial-gradient(circle at 26% 22%,#f4c96a1c 0 4px,transparent 5px),
 linear-gradient(180deg,#704526 0%,#5c351f 42%,#3f2419 100%)!important;
 box-shadow:inset 0 4px 0 #f4c56e20,inset 0 -16px 24px #160b0838,0 8px 0 #24120d!important;
 transform-origin:50% 100%;z-index:5}
.treasure-lid:after{content:"";position:absolute;inset:11px 18px 16px;border-radius:42px 42px 8px 8px/28px 28px 8px 8px;border:1px solid #f1d08424;background:linear-gradient(180deg,#ffffff04,transparent 55%);pointer-events:none}

.treasure-body{top:78px!important;height:116px!important;border-radius:12px 12px 24px 24px!important;background:
 linear-gradient(90deg,transparent 0 9%,#ffffff035 9% 10%,transparent 10% 90%,#00000022 90% 91%,transparent 91%),
 linear-gradient(180deg,#5c351f 0%,#4a2a1d 44%,#321b15 100%)!important;
 box-shadow:inset 0 4px 0 #f6d78b12,inset 0 -22px 28px #130a073f,0 10px 18px #0005!important;z-index:2}
.treasure-body:after{content:"";position:absolute;left:18px;right:18px;bottom:15px;height:26px;border-radius:8px 8px 14px 14px;border:1px solid #d6ad5b20;background:linear-gradient(180deg,#ffffff03,#0002);pointer-events:none}

.treasure-lid:before,.treasure-body:before{left:14px!important;right:14px!important;height:13px!important;border:1px solid #ffe4a464!important;background:linear-gradient(180deg,#e4bd64 0%,#a97a32 46%,#74501f 100%)!important;box-shadow:inset 0 1px #fff7,0 2px 5px #0006!important}
.treasure-lid:before{top:30px!important}
.treasure-body:before{top:37px!important}

.treasure-lid i,.treasure-lid b,.treasure-body i,.treasure-body b{width:23px!important;background:linear-gradient(90deg,#6f4b1c 0%,#cda44e 28%,#efd37c 52%,#a97d31 77%,#5f3e17 100%)!important;box-shadow:inset 1px 0 #fff5,inset -1px 0 #0007,0 0 3px #0004!important}
.treasure-lid i,.treasure-body i{left:39px!important}.treasure-lid b,.treasure-body b{right:39px!important}

.treasure-lock{left:50%!important;top:67px!important;width:60px!important;height:66px!important;border:2px solid #f6d88785!important;border-radius:11px 11px 15px 15px!important;background:linear-gradient(145deg,#f0cd70 0%,#bc8b39 42%,#815925 100%)!important;box-shadow:0 9px 18px #0008,0 0 0 2px #5a3b193d,inset 0 2px #fff7,inset 0 -7px 10px #4d301b55!important;z-index:8}
.treasure-lock:before{left:10px!important;top:-31px!important;width:34px!important;height:37px!important;border:8px solid #b98738!important;border-bottom:0!important;border-radius:22px 22px 0 0!important;box-shadow:inset 2px 0 #f6d88755,inset -2px 0 #4b30174a}
.treasure-lock:after{content:"";position:absolute;inset:6px 7px auto;height:12px;border-radius:7px;background:linear-gradient(180deg,#fff7,#fff0);opacity:.22}
.treasure-lock span{top:27px!important;width:10px!important;height:18px!important;background:#2b1b13!important;box-shadow:0 0 0 2px #f5d77d4f!important}

.daily-chest-art.is-locked{filter:saturate(.72) brightness(.9)}
.daily-chest-art.is-ready{filter:none}
.daily-chest-art.is-ready .treasure-chest{animation:daily-chest-premium-float 2.1s ease-in-out infinite}
.daily-chest-art.is-ready .treasure-lock{box-shadow:0 9px 18px #0008,0 0 22px #f6d88775,0 0 50px #a78bfa26,inset 0 2px #fff7,inset 0 -7px 10px #4d301b55!important}
.daily-chest-art.is-ready .daily-chest-glow{background:radial-gradient(circle,#ffe29455 0%,#c7953b2e 32%,#a78bfa1f 58%,transparent 76%);opacity:1}
.daily-chest-art.is-opening .treasure-lid{animation:daily-premium-lid-open .72s cubic-bezier(.16,.8,.2,1) forwards!important}
.daily-chest-art.is-opening .treasure-lock{animation:daily-premium-lock-pop .5s cubic-bezier(.2,.75,.2,1) forwards!important}
.daily-chest-art.is-open .treasure-lid{top:-24px!important;transform:rotateX(-58deg) translateY(-8px)!important}

@keyframes daily-chest-premium-float{0%,100%{transform:rotateX(2deg) translateY(0)}50%{transform:rotateX(2deg) translateY(-8px)}}
@keyframes daily-premium-lid-open{0%{top:0;transform:rotateX(0)}45%{top:-10px;transform:rotateX(-18deg)}100%{top:-24px;transform:rotateX(-58deg) translateY(-8px)}}
@keyframes daily-premium-lock-pop{0%{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}62%{opacity:1;transform:translateX(-50%) translateY(20px) rotate(8deg) scale(.88)}100%{opacity:0;transform:translateX(-50%) translateY(54px) rotate(18deg) scale(.3)}}

/* Final alignment and chest simplification. */
.daily-chest-heading{width:100%;max-width:none!important;display:flex!important;justify-content:flex-start!important;overflow:visible}
.daily-chest-heading>div:first-child{flex:0 1 auto;overflow:visible}
.daily-chest-heading h1{line-height:1.1!important;padding-bottom:6px;overflow:visible!important}
.chest-reset-timer{margin-left:auto!important;margin-right:0!important;align-self:center!important}
.treasure-lock:before{display:none!important}
.treasure-lock{top:70px!important;height:60px!important;border-radius:10px 10px 14px 14px!important}
.treasure-lock span{top:23px!important}

/* Keep the entire chest body visibly brown, including the inset lower panel. */
.treasure-body{background:linear-gradient(180deg,#77492d 0%,#663d27 48%,#4d2d20 100%)!important}
.treasure-body:after{background:linear-gradient(180deg,#70442b 0%,#5a3523 56%,#47291d 100%)!important;border-color:#d6ad5b38!important}
.daily-chest-art.is-open .treasure-body,.daily-chest-art.is-opening .treasure-body{background:linear-gradient(180deg,#77492d 0%,#663d27 48%,#4d2d20 100%)!important}

/* Remove the extra helper sentence under the chest action. */
.daily-chest-footnote{display:none!important}

/* Name Color rewards should visibly use the unlocked color. */
.daily-reward-color{background:var(--reward-color)!important;border-color:#ffffff38!important;box-shadow:0 12px 35px #0005,0 0 28px var(--reward-color)!important}
.daily-reward-color i{background:var(--reward-color)!important;border:2px solid #ffffff73;box-shadow:inset 0 0 22px #ffffff38,0 0 32px var(--reward-color)!important}
.daily-reward-card[data-name-color-reward="1"] h3{text-shadow:0 0 20px currentColor}

@media(max-width:760px){.daily-chest-heading{align-items:stretch}.daily-chest-heading>div:first-child{min-height:0}.daily-chest-art{height:245px}.treasure-chest{transform:scale(.94) rotateX(2deg)}}
@media(max-width:480px){.daily-chest-heading h1{font-size:44px}.daily-chest-art{height:220px}.treasure-chest{transform:scale(.82) rotateX(2deg)}}
