.mrg-shell{--tile:clamp(84px,23vw,148px);--row-gap:14px;--row-h:calc(var(--tile) + 141px);--step:calc(var(--row-h) + 26px)}@media (max-height:820px){.mrg-shell{--tile:clamp(76px,18vw,116px)}}.mrg-slots{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.mrg-slot{border:1px dashed var(--hairline-strong,#ffffff29);color:#a1a1aa;text-align:center;background:#ffffff05;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:172px;padding:18px 14px;transition:transform .22s cubic-bezier(.34,1.56,.64,1),border-color .2s,background-color .2s,box-shadow .25s;display:flex;position:relative}.mrg-slot:not(.is-filled):hover,.mrg-slot.is-over{background:var(--accent-soft,#10b98114);color:#fff;border-color:#10b9818c;transform:translateY(-2px)}.mrg-slot.is-over{transform:scale(1.02);box-shadow:0 0 0 3px #10b98129,0 14px 40px -20px #10b981b3}.mrg-slot.is-filled{color:#fff;background:linear-gradient(#10b9811a,#10b98105);border-style:solid;border-color:#10b9816b;animation:.42s cubic-bezier(.34,1.56,.64,1) both mrgSlotIn}@keyframes mrgSlotIn{0%{opacity:0;transform:translateY(10px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}.mrg-rank{color:#032117;background:#10b981e6;border-radius:7px;place-items:center;width:20px;height:20px;font-size:11px;font-weight:800;display:grid;position:absolute;top:8px;left:8px}.mrg-slot-x{color:#a1a1aa;border-radius:8px;place-items:center;width:24px;height:24px;transition:background-color .15s,color .15s;display:grid;position:absolute;top:6px;right:6px}.mrg-slot-x:hover{color:#fff;background:#ffffff14}.mrg-slot-icon{object-fit:contain;width:52px;height:52px;image-rendering:pixelated;background:#00000047;border-radius:12px}.mrg-reel{height:calc(var(--row-h) + 108px);position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#000 calc(100% - 76px),#0000 100%);mask-image:linear-gradient(#000 calc(100% - 76px),#0000 100%)}.mrg-row{align-items:center;gap:var(--row-gap);will-change:transform,opacity;flex-direction:column;transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .4s;display:flex;position:absolute;top:0;left:0;right:0}.mrg-row:not(.is-current){pointer-events:none}.mrg-q{letter-spacing:-.02em;color:#fff;text-align:center;font-size:clamp(19px,4.6vw,27px);font-weight:700;line-height:1.15}.mrg-q-sub{color:#71717a;margin-top:3px;font-size:12px;font-weight:500}.mrg-opts{justify-content:center;align-items:flex-start;gap:clamp(8px,2.4vw,18px);display:flex}.mrg-opt-wrap{position:relative}.mrg-opt{border:1px solid var(--hairline,#ffffff1a);background:#ffffff06;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:10px 10px 12px;transition:transform .28s cubic-bezier(.34,1.56,.64,1),border-color .2s,background-color .2s,box-shadow .25s,opacity .28s;display:flex;position:relative}.mrg-row.is-current .mrg-opt-wrap:hover .mrg-opt{background:var(--accent-soft,#10b98114);border-color:#10b98180;transform:translateY(-6px)scale(1.03);box-shadow:0 18px 44px -22px #10b981cc}.mrg-opt.is-picked{background:#10b98124;border-color:#10b981f2;transform:translateY(-6px)scale(1.06);box-shadow:0 0 0 3px #10b98147,0 20px 50px -20px #10b981e6}.mrg-opt.is-dimmed{opacity:.22;transform:scale(.92)}.mrg-thumb{width:var(--tile);height:var(--tile);border:1px solid #ffffff12;border-radius:11px;overflow:hidden}.mrg-thumb img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}.mrg-thumb-sound{background:radial-gradient(120% 100% at 50% 0,#10b98129,#0000 70%),#ffffff08;place-items:center;display:grid}.mrg-bars{justify-content:center;align-items:center;gap:4px;height:42%;display:flex}.mrg-bars i{background:#10b9818c;border-radius:99px;width:4px;height:22%;transition:height .25s,background-color .25s}.mrg-bars.is-playing i{background:#34d399;animation:.62s ease-in-out infinite alternate mrgBar}.mrg-bars.is-playing i:first-child{height:45%;animation-delay:0s}.mrg-bars.is-playing i:nth-child(2){height:100%;animation-delay:.11s}.mrg-bars.is-playing i:nth-child(3){height:65%;animation-delay:50ms}.mrg-bars.is-playing i:nth-child(4){height:92%;animation-delay:.17s}.mrg-bars.is-playing i:nth-child(5){height:38%;animation-delay:80ms}@keyframes mrgBar{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}.mrg-play{top:calc(10px + var(--tile)/2);color:#032117;background:#34d399eb;border-radius:50%;place-items:center;width:44px;height:44px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),background-color .2s;display:grid;position:absolute;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 20px -6px #10b981e6,inset 0 1px #fff6}.mrg-play:hover{background:#34d399;transform:translate(-50%,-50%)scale(1.1)}.mrg-play:active{transform:translate(-50%,-50%)scale(.94)}.mrg-play.is-playing{background:#fff}.mrg-play svg{margin-left:2px}.mrg-play.is-playing svg{margin-left:0}.mrg-opt-name{max-width:var(--tile);color:#e4e4e7;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.mrg-key{color:#a1a1aa;font-variant-numeric:tabular-nums;background:#ffffff12;border-radius:5px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10px;font-weight:700;display:grid}.mrg-stamp{color:#032117;background:#10b981;border-radius:50%;place-items:center;width:27px;height:27px;animation:.34s cubic-bezier(.34,1.56,.64,1) both mrgStamp;display:grid;position:absolute;top:4px;right:4px;box-shadow:0 4px 14px -4px #10b981e6}@keyframes mrgStamp{0%{opacity:0;transform:scale(.2)rotate(-25deg)}to{opacity:1;transform:scale(1)rotate(0)}}.mrg-bar{background:#ffffff12;border-radius:99px;height:5px;overflow:hidden}.mrg-bar-fill{transform-origin:0;background:linear-gradient(90deg,#10b981,#34d399);border-radius:99px;height:100%;transition:width .5s cubic-bezier(.22,1,.36,1)}.mrg-result{grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:7px;display:grid}.mrg-result-tile{aspect-ratio:1;border:1px solid var(--hairline,#ffffff1a);animation:.44s cubic-bezier(.34,1.56,.64,1) both mrgPop;animation-delay:calc(var(--i)*20ms);border-radius:9px;overflow:hidden}.mrg-result-tile img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}@keyframes mrgPop{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}.mrg-fade-in{animation:.4s cubic-bezier(.22,1,.36,1) both mrgFadeIn}@keyframes mrgFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:420px){.mrg-shell{--tile:clamp(76px,25vw,110px)}.mrg-opt{border-radius:13px;padding:7px 7px 9px}}
