body [data-commerce-view="treasure"] #commerce-content{display:block!important;flex:none!important;height:auto!important;max-height:none!important;overflow:visible!important;margin-top:18px}
[data-commerce-view="treasure"] .treasure-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;max-width:1300px;margin:auto}
[data-commerce-view="treasure"] .commerce-box{--treasure-accent:#ffe26b;padding:22px 24px 16px;border:2px solid var(--treasure-accent);border-radius:25px;background:radial-gradient(ellipse at 50% 42%,#7c5c2440,transparent 70%),linear-gradient(135deg,#121c25ee,#001327ef);box-shadow:inset 0 0 17px #ffdd6433,0 0 10px #ffda3b44;min-width:0;height:auto;max-height:none}
[data-commerce-view="treasure"] .commerce-box.weekly{--treasure-accent:#d9a1ff;background:radial-gradient(ellipse at 50% 42%,#6f20ba44,transparent 70%),linear-gradient(135deg,#130e35ee,#001331ef);box-shadow:inset 0 0 17px #b13cff55,0 0 10px #a32cff66}
[data-commerce-view="treasure"] .box-kicker{display:block;color:var(--treasure-accent);letter-spacing:3px;font-size:12px;line-height:1.5}
.treasure-showcase{position:relative;height:250px;margin:7px -15px 0;display:flex;justify-content:flex-end;align-items:center}
.treasure-chest-image{width:88%;height:100%;object-fit:contain;mask-image:radial-gradient(ellipse 65% 63% at 52% 50%,#000 53%,transparent 85%)}
.treasure-ranges{position:absolute;left:8px;top:45px;display:flex;flex-direction:column;gap:7px;text-align:left;z-index:1}.treasure-ranges>div{display:flex;gap:9px;align-items:center;padding:5px 8px 5px 0;border-radius:9px;background:linear-gradient(90deg,#001125ed,#00112560,transparent);font-size:12px;color:#eef5ff;line-height:1.4}.treasure-ranges .club-icon{width:36px;height:38px;flex-shrink:0;border:1px solid #8c713f77;border-radius:10px;background:#001323;padding:5px}.treasure-ranges small{display:block;color:#d5e6f5;font-size:11px}.treasure-ranges b{font-size:14px;color:var(--treasure-accent)}
body [data-commerce-view="treasure"] .commerce-box h4{font:800 clamp(25px,2.7vw,40px)/1.2 'Manrope',Arial,sans-serif;margin:0;color:#f3f7ff}.commerce-box h4 em{font-style:normal;color:var(--treasure-accent)}
[data-commerce-view="treasure"] .treasure-tagline{font-size:16px;margin:6px 0 15px;color:#cde3f5}
[data-commerce-view="treasure"] .commerce-box .commerce-button{max-width:430px;width:90%;min-height:52px;margin:0 auto;border:1px solid #fff0ae;border-radius:15px;background:linear-gradient(130deg,#ffe991,#ffcd32,#ffe47b);box-shadow:0 0 16px #ffd83e55;color:#002047;font-size:19px}
[data-commerce-view="treasure"] .commerce-box .commerce-button.secondary{background:linear-gradient(#123e67,#082949);border-color:#62c3f3;box-shadow:none;color:#dff2ff}
[data-commerce-view="treasure"] .treasure-reset{margin:12px 0 0;font-size:13px;color:#bad9f3}
[data-commerce-view="treasure"] .treasure-odds{display:flex;align-items:center;justify-content:center;padding:13px 20px;margin-top:18px;gap:25px;background:#001a35aa;border:1px solid #138bc4;border-radius:15px;color:#c4ddf5}
.treasure-odds>strong{color:#51e7ff;font-size:11px;letter-spacing:2px}.treasure-odds>span{display:flex;align-items:center;gap:12px;border-left:1px solid #397aa6;padding-left:25px;font-size:14px}.treasure-odds b{font-size:22px}.treasure-odds .club-icon{width:29px;height:30px}.treasure-info{text-align:center;font-size:11px!important;line-height:1.7;margin:14px 0 0!important}
@media(max-width:900px),(max-height:600px){[data-commerce-view="treasure"] .treasure-cards{gap:14px}[data-commerce-view="treasure"] .commerce-box{padding:14px 12px 12px;border-radius:18px}.treasure-showcase{height:180px;margin:5px -8px 0}.treasure-ranges{top:25px;left:4px;gap:5px}.treasure-ranges>div{font-size:10px;gap:5px}.treasure-ranges b{font-size:11px}.treasure-ranges small{font-size:9px}.treasure-ranges .club-icon{width:28px;height:30px;padding:4px}[data-commerce-view="treasure"] .box-kicker{font-size:9px;letter-spacing:1.5px}[data-commerce-view="treasure"] .treasure-tagline{font-size:12px;margin-bottom:10px}[data-commerce-view="treasure"] .commerce-box .commerce-button{font-size:14px;min-height:40px;border-radius:10px}[data-commerce-view="treasure"] .treasure-reset{font-size:10px;margin-top:8px}[data-commerce-view="treasure"] .treasure-odds{gap:12px;padding:10px}.treasure-odds>span{font-size:11px;padding-left:12px;gap:7px}.treasure-odds b{font-size:16px}.treasure-odds .club-icon{width:22px;height:23px}}
@media(max-width:550px){[data-commerce-view="treasure"] .treasure-cards{grid-template-columns:1fr;gap:14px}.treasure-showcase{height:195px}[data-commerce-view="treasure"] .treasure-odds{flex-wrap:wrap;gap:10px}.treasure-odds>strong{flex-basis:100%;text-align:center}.treasure-odds>span{border:0;padding:0;font-size:10px;gap:4px}.treasure-odds b{font-size:14px}.treasure-odds .club-icon{width:18px;height:20px}}
/* Fit the complete reward controls on short landscape screens. */
@media(min-width:600px) and (max-height:430px){
 body [data-commerce-view="treasure"] .commerce-box{padding:6px 10px!important}
 body [data-commerce-view="treasure"] .treasure-showcase{height:64px!important}
 body [data-commerce-view="treasure"] .treasure-ranges>div{padding:0;font-size:8px;line-height:1.2}
 body [data-commerce-view="treasure"] .treasure-ranges .club-icon{width:18px!important;height:19px!important;padding:2px!important}
 body [data-commerce-view="treasure"] .treasure-ranges b{font-size:9px!important}
 body [data-commerce-view="treasure"] .treasure-ranges small{font-size:8px!important}
 body [data-commerce-view="treasure"] .commerce-box h4{font-size:20px!important}
 body [data-commerce-view="treasure"] .treasure-tagline{margin:2px 0 5px!important;font-size:10px!important}
 body [data-commerce-view="treasure"] .treasure-odds{padding:5px 8px!important;margin-top:6px!important}
 body [data-commerce-view="treasure"] .treasure-info{font-size:8px!important;margin-top:4px!important}
}
@media(min-width:600px) and (max-height:750px){
 body [data-commerce-view="treasure"] #commerce-content{margin-top:0!important}
 body [data-commerce-view="treasure"] .treasure-cards{gap:12px}
 body [data-commerce-view="treasure"] .commerce-box{padding:10px 12px 8px;border-radius:16px}
 body [data-commerce-view="treasure"] .box-kicker{font-size:9px;letter-spacing:1.5px}
 body [data-commerce-view="treasure"] .treasure-showcase{height:clamp(72px,calc(100dvh - 300px),190px);margin:3px -6px 0}
 body [data-commerce-view="treasure"] .treasure-chest-image{width:76%}
 body [data-commerce-view="treasure"] .treasure-ranges{top:50%;transform:translateY(-50%);gap:3px;left:3px}
 body [data-commerce-view="treasure"] .treasure-ranges>div{font-size:10px;padding:2px 5px 2px 0;gap:5px}
 body [data-commerce-view="treasure"] .treasure-ranges .club-icon{width:24px;height:25px;padding:3px}
 body [data-commerce-view="treasure"] .treasure-ranges b{font-size:11px}
 body [data-commerce-view="treasure"] .treasure-ranges small{font-size:9px}
 body [data-commerce-view="treasure"] .commerce-box h4{font-size:25px;line-height:1.15}
 body [data-commerce-view="treasure"] .treasure-tagline{font-size:11px;margin:4px 0 7px}
 body [data-commerce-view="treasure"] .commerce-box .commerce-button{min-height:34px;padding:7px 12px;font-size:13px;border-radius:9px}
 body [data-commerce-view="treasure"] .treasure-reset{font-size:10px;margin:5px 0 0}
 body [data-commerce-view="treasure"] .treasure-odds{margin-top:8px;gap:15px;padding:7px 12px;border-radius:10px}
 body [data-commerce-view="treasure"] .treasure-odds>strong{font-size:9px;letter-spacing:1px}
 body [data-commerce-view="treasure"] .treasure-odds>span{font-size:11px;gap:6px;padding-left:15px}
 body [data-commerce-view="treasure"] .treasure-odds b{font-size:16px}
 body [data-commerce-view="treasure"] .treasure-odds .club-icon{width:20px;height:21px}
 body [data-commerce-view="treasure"] .treasure-info{font-size:9px!important;line-height:1.3;margin-top:6px!important}
}