html:has(#effects-modal[open]){overflow:hidden}
.game-effect{position:fixed;inset:0;margin:auto;width:min(100vw,480px);height:100dvh;max-width:480px;max-height:none;padding:0;border:0;border-radius:0;overflow:hidden;color:#ffda73;box-shadow:none;container-type:inline-size;background:transparent}
.game-effect::backdrop{background:#0c1008b8;backdrop-filter:none}
#effects-body{position:relative;width:100%;height:100%;overflow:hidden}
.award-effect{background:#2c1a0e77}
.award-rays{position:absolute;inset:0;background:url('assets/ui/bw_vfx_a.png') center/130% auto no-repeat;mix-blend-mode:screen;animation:effect-rays 14s linear infinite;pointer-events:none}
.free-rays{position:absolute;inset:0;background:url('assets/ui/bonus_transition_a.png') center/100% 100% no-repeat;mix-blend-mode:screen;opacity:.5;pointer-events:none}
.award-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:3vh;isolation:isolate}
.award-title{width:68%;height:26cqw;object-fit:contain;filter:drop-shadow(0 0 15px #fff09b88);animation:effect-pop .55s cubic-bezier(.2,.7,.3,1.3) both}
.award-amount{width:94%;height:16cqw;margin:3cqw 0 0;display:flex;align-items:center;justify-content:center;gap:0;filter:drop-shadow(0 0 7px #ffef92);font:900 10cqw/1 Georgia,serif;color:#fff28c;white-space:nowrap}
.award-amount img{height:100%;width:auto;min-width:0;max-width:12%;object-fit:contain}.award-amount span{align-self:flex-end;padding-bottom:1cqw;font-size:9cqw}
.award-pile{position:relative;width:100%;margin-top:8cqw;height:55cqw}.award-pile>img:first-child{position:absolute;bottom:0;width:100%;height:auto}.award-wild{position:absolute;width:24%;left:38%;top:-2cqw;animation:effect-float 2.2s ease-in-out infinite;filter:drop-shadow(0 0 12px #ffe783)}
.effect-coins{position:absolute;inset:0;overflow:hidden;pointer-events:none}.effect-coin{position:absolute;left:var(--x);top:-80px;width:var(--size);animation:effect-coin-fall var(--duration) linear var(--delay) infinite}
.effect-leaving{animation:effect-out .4s ease-in forwards}.count-complete .award-amount{animation:effect-count-pulse .4s ease-out}
.free-intro-effect{background:#b54516 url('assets/ui/bonus_transition_d.png') center/cover no-repeat}
.free-intro-effect::backdrop{background:#2f180cdd}
.free-mahjong-layer,.free-coins-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;animation:free-layer-enter .8s ease-out both}.free-coins-layer{animation:effect-float 4s ease-in-out infinite}
.free-intro-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 4%;animation:effect-pop .65s ease-out both}
.free-title{width:96%;height:auto;filter:drop-shadow(0 3px 4px #75430c88)}.free-award-count{display:flex;height:25cqw;justify-content:center;margin:3cqw 0 5cqw;filter:drop-shadow(0 0 12px #fff)}.free-award-count img{height:100%;width:auto}.free-feature{width:95%;height:auto}
.free-start{background:url('assets/ui/bonus_button.png') center/100% 100% no-repeat;width:51cqw;height:19cqw;border:0;border-radius:0;padding:4cqw 13cqw;margin-top:11cqw;filter:drop-shadow(0 0 8px #ffe778);cursor:pointer}.free-start img{width:100%;height:100%;object-fit:contain}.free-start:focus-visible{outline:3px solid white;outline-offset:4px}
.free-retrigger{font-size:18px;color:#632407}.effect-preview-note{font:12px/1.5 'Microsoft YaHei',sans-serif;color:#fff1c4;text-shadow:0 1px 2px #5c210a;text-align:center;position:absolute;bottom:12px;left:0;right:0}
.footer-brand{display:flex;justify-content:center;padding:5px 0}.footer-brand svg{width:min(86%,350px);height:32px;filter:drop-shadow(0 1px 2px #173cb9)}
.effects-preview{display:flex;justify-content:center;gap:8px;padding:8px}.effects-preview button{font-size:12px;background:#462211;color:#edcc8d;border:1px solid #a07840;padding:7px}
@keyframes effect-pop{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes effect-float{50%{transform:translateY(-12px)}}@keyframes effect-rays{to{transform:rotate(360deg)}}@keyframes effect-coin-fall{to{transform:translateY(calc(100dvh + 120px)) rotate(400deg)}}@keyframes effect-out{to{opacity:0;transform:scale(1.06)}}@keyframes free-layer-enter{from{transform:scale(1.3);opacity:0}to{transform:scale(1);opacity:1}}@keyframes effect-count-pulse{50%{transform:scale(1.08)}}
@media(prefers-reduced-motion:reduce){.game-effect *{animation:none!important}.effect-leaving{animation:none;opacity:0}.effect-coin{display:none}}

.free-summary-effect{background:#d28d16 url('assets/ui/total_bg.png') center/100% 100% no-repeat}.free-summary-effect::backdrop{background:#391b0bbb}.summary-coins{position:absolute;bottom:0;left:0;width:100%;height:70%;object-fit:contain;object-position:center bottom;pointer-events:none}.summary-glow{position:absolute;inset:10% -15%;background:url('assets/ui/total_glow_c.png') center/100% auto no-repeat;mix-blend-mode:screen;animation:effect-rays 18s linear infinite;pointer-events:none}.summary-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;padding-top:9vh}.summary-title{width:48%;height:20cqw;object-fit:contain}.summary-content .award-amount{margin-top:2cqw;z-index:1}.summary-collect{position:absolute;bottom:6vh;left:25%;width:50%;height:17cqw;border:0;border-radius:0;background:url('assets/ui/bonus_button.png') center/100% 100% no-repeat;padding:3cqw 9cqw;cursor:pointer}.summary-collect img{width:100%;height:100%;object-fit:contain}.summary-collect:focus-visible{outline:3px solid white;outline-offset:4px}