#treasure-chest-wrapper{margin:40px auto;text-align:center;padding:20px;max-width:300px;transition:opacity 0.5s ease;}
#treasure-chest-wrapper.treasure-chest-hidden{display:none;}
#treasure-chest-img{max-width:90px;cursor:pointer;transition:transform 0.2s ease, filter 0.2s ease;}
#treasure-chest-img:hover{transform:scale(1.05);}
#treasure-chest-hint{font-size:15px;color:#555;margin-top:15px;font-style:italic;}
#treasure-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);display:flex;justify-content:center;align-items:center;z-index:999999;opacity:1;transition:opacity 0.3s ease;}
#treasure-modal-overlay.treasure-hidden{opacity:0;pointer-events:none;}
#treasure-modal-box{background:#fff;padding:40px;border-radius:8px;text-align:center;max-width:450px;box-shadow:0 15px 35px rgba(0,0,0,0.2);border-top:5px solid #8224e3;font-family:inherit;}
#treasure-modal-box h2{margin-top:0;color:#333;font-size:24px;}
.treasure-code{font-size:22px;font-weight:bold;color:#8224e3;background:#f7efff;padding:12px 25px;border-radius:6px;display:inline-block;margin:20px 0;border:1px dashed #8224e3;letter-spacing:1px;}
#treasure-modal-box p{color:#555;font-size:15px;line-height:1.5;}
#treasure-modal-close{background:#333;color:#fff;border:none;padding:12px 30px;font-size:16px;border-radius:4px;cursor:pointer;font-weight:500;transition:background 0.2s;margin-top:15px;}
#treasure-modal-close:hover { 
background: #555; 
}