.effect-banner.lucky{top:auto;bottom:55px;left:18px;right:auto;width:min(320px,calc(100% - 36px));padding:17px 20px;text-align:left;box-sizing:border-box;background:linear-gradient(125deg,#20291ff2,#111c19f5);border:1px solid #d4b77799;border-radius:10px;box-shadow:0 12px 40px #0006;text-shadow:none}
.effect-banner.lucky>strong{font:700 14px/1.3 Arial,sans-serif;letter-spacing:2px;color:#f3d790}
.effect-banner.lucky>#effect-detail{display:none}
.lucky-reward{pointer-events:auto;color:#f8f0dc}
.lucky-reward[hidden]{display:none}
.lucky-title{display:block;font:italic 30px/1.15 Georgia,serif;color:#ffe6b7;margin-top:5px}
.lucky-reward p{font:13px/1.5 Arial,sans-serif;margin:8px 0 12px}
.lucky-actions{display:flex;flex-wrap:wrap;gap:8px}
.lucky-actions button,.lucky-actions a{font:700 12px/1.3 Arial,sans-serif;min-height:38px;padding:10px 12px;box-sizing:border-box;border:1px solid #d4b777;border-radius:5px;text-decoration:none;cursor:pointer;background:#efd69f;color:#24291e;display:inline-flex;align-items:center;justify-content:center;letter-spacing:0}
.lucky-actions button{background:transparent;color:#f6e7c4}
.lucky-actions :is(button,a):hover{background:#fff1c8;color:#24291e}
.lucky-actions :is(button,a):focus-visible{outline:3px solid #fff;outline-offset:3px}
.lucky-reward small{display:block;font:10px/1.5 Arial,sans-serif;color:#d1ccbe;margin-top:9px}
.lucky-reward [role=status]:empty{display:none}
@media(max-width:500px){.effect-banner.lucky{left:12px;bottom:49px;width:min(300px,calc(100% - 24px));padding:13px 15px}.lucky-title{font-size:27px}.lucky-actions button,.lucky-actions a{min-height:42px}}