.dm{justify-content:space-between}.dm-show{flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:clamp(14px,6cqh,44px);width:100%;min-height:0;display:flex;container-type:size}.dm-row{--gw:min(16.8cqw, 38cqh, 186px);align-items:flex-end;gap:calc(var(--gw) * .16);display:flex}.dm-slot{width:var(--gw);flex-direction:column;align-items:stretch;transition:opacity .35s;display:flex}.dm-gem{aspect-ratio:100/90;place-items:end center;padding:0 9%;display:grid;position:relative}.dm-gem:after{content:"";pointer-events:none;background:radial-gradient(#0000008c,#0000 70%);border-radius:50%;height:10%;position:absolute;bottom:-4%;left:22%;right:22%}.dm-in{width:100%;animation:.36s both dm-in}.dm-svg{z-index:1;width:100%;height:auto;display:block;position:relative}@keyframes dm-in{0%{opacity:0;transform:translateY(8%)}}.dm-plinth{margin-top:calc(var(--gw) * .07);height:calc(var(--gw) * .3);border:1px solid var(--line-2);background:linear-gradient(#1b253b,#111624);border-top-color:#ffc53d73;border-radius:2px;place-items:center;min-height:22px;transition:border-color .3s;display:grid;position:relative;overflow:visible}.dm-top{height:calc(var(--gw) * .06);clip-path:polygon(7% 0,93% 0,100% 100%,0 100%);background:linear-gradient(#1f2942,#1e2942);position:absolute;bottom:100%;left:-1px;right:-1px}.dm-name{font-size:clamp(8px, calc(var(--gw) * .075), 11px);letter-spacing:.22em;text-transform:uppercase;color:var(--dim);white-space:nowrap;padding-left:.22em;font-weight:500}.dm-slot.hit .dm-plinth{border-color:#ffc53dd9}.dm-slot.hit .dm-plinth:after{content:"";left:18%;right:18%;bottom:calc(var(--gw) * -.08);background:var(--gold);height:2px;animation:.35s both dm-fade;position:absolute}.dm-slot.hit .dm-name{color:var(--gold-3)}.dm-slot.dim .dm-gem{opacity:.42;transition:opacity .35s}@keyframes dm-fade{0%{opacity:0}}.dm-read{text-align:center}.dm-pattern{font-family:var(--display);color:var(--text);font-size:clamp(26px,min(10cqh,6.4cqw),56px);font-weight:600;line-height:1;animation:.35s both dm-in}.dm-pattern.win{color:var(--gold-3)}.dm-pattern.push{color:var(--text)}.dm-pattern.loss{color:var(--muted)}.dm-sub{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-variant-numeric:tabular-nums lining-nums;margin-top:clamp(6px,1.8cqh,14px);font-size:11px;font-weight:500}.dm-pay{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);flex:none;grid-template-columns:repeat(7,minmax(0,1fr));width:min(100%,980px);display:grid;overflow:hidden}.dm-pay-cell{border-left:1px solid var(--line);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;height:52px;padding:0 4px;transition:background .3s;display:flex}.dm-pay-cell:first-child{border-left:0}.dm-pay-cell span{letter-spacing:.14em;text-transform:uppercase;color:var(--dim);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:9.5px;font-weight:500;overflow:hidden}.dm-pay-cell b{font-family:var(--display);color:var(--gold);font-size:19px;font-weight:600;line-height:1}.dm-pay-cell.on{background:var(--gold-soft);box-shadow:inset 0 -2px 0 var(--gold)}.dm-pay-cell.on span{color:var(--text)}.dm-pay-cell.on b{color:var(--gold-3)}.dm .result-banner{animation:.3s both pop,.5s 2.6s forwards dm-out}@keyframes dm-out{to{opacity:0;visibility:hidden}}@container (width<=640px){.dm-pay{grid-template-columns:repeat(4,minmax(0,1fr))}.dm-pay-cell{border-bottom:1px solid var(--line);height:44px}.dm-pay-cell:nth-child(4n+1){border-left:0}.dm-pay-cell:nth-child(n+5){border-bottom:0}.dm-pay-cell span{letter-spacing:.1em;font-size:9px}.dm-pay-cell b{font-size:17px}}@container (width<=520px){.dm-name{letter-spacing:.06em;padding-left:.06em;font-size:7.5px}}@container (width<=460px){.dm-pay-cell{gap:3px;height:50px}.dm-pay-cell span{white-space:normal;letter-spacing:.08em;line-height:1.25}}@media (width<=900px){.dm{--o-mh:372px}}.dm-pattern.ux-win{animation:.5s both ux-win}.dm-pattern.ux-win.w2{animation:.7s both ux-win2}.dm-pattern.ux-win.w3{animation:1s both ux-win3}.dm.won .dm-slot.hit .dm-plinth{background:linear-gradient(110deg, transparent 38%, color-mix(in srgb, var(--gold-3) 26%, transparent) 50%, transparent 62%) 100% 0 / 300% 100% no-repeat, linear-gradient(180deg, #1b253b, #111624);animation:1s ease-in-out .1s both dm-sweep}.dm.won.w2 .dm-slot.hit .dm-plinth{animation-iteration-count:2}.dm.won.w3 .dm-slot.hit .dm-plinth{animation-iteration-count:3}.dm.won.w2 .dm-slot.hit .dm-in,.dm.won.w3 .dm-slot.hit .dm-in{animation:.36s both dm-in,.6s .1s both dm-lift}@keyframes dm-sweep{0%{background-position:100% 0,0 0}to{background-position:0 0,0 0}}@keyframes dm-lift{50%{transform:translateY(-5%)}}@media (prefers-reduced-motion:reduce){.dm-in,.dm-pattern,.dm-pattern.ux-win,.dm.won .dm-slot.hit .dm-plinth,.dm.won .dm-slot.hit .dm-in,.dm-slot.hit .dm-plinth:after{animation:none!important}}@media (width<=900px){.dm-sub{font-size:12px}}@container (width<=520px){.dm-row{--gw:min(18.2cqw, 38cqh, 186px);gap:calc(var(--gw) * .1)}.dm-name{letter-spacing:0;text-transform:none;padding-left:0;font-size:12px}}@media (width<=900px){.dm-name{font-size:12px}.dm-pay-cell span{letter-spacing:.04em;white-space:normal;text-align:center;font-size:12px;line-height:1.2}}