.mn {
    --mn-gold: #ffc94d;
    --mn-gold-2: #ffdf8a;
    --mn-ice: #7cc4ff;
    --mn-hot: #ff6b3d;
    background: #070b16;
    border-color: rgba(255,201,77,.16);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 24px 60px -30px rgba(0,0,0,.95);
    isolation: isolate;
}
.mn > .mn-bg, .mn > .mn-flash { position: absolute; }

.mn-bg {
    inset: 0; z-index: -1; pointer-events: none; overflow: hidden; border-radius: inherit;
    background:
        linear-gradient(180deg, rgba(7,11,22,.15) 0%, rgba(7,11,22,.6) 34%, rgba(7,11,22,.86) 100%),
        url(../assets/art/mines/cave.webp) center 20% / cover no-repeat;
}
.mn-lamp {
    position: absolute; width: 46%; aspect-ratio: 1; border-radius: 50%;
    background: radial-gradient(circle, rgba(255,176,72,.30), rgba(255,140,40,.08) 45%, transparent 68%);
    animation: mnFlicker 4.2s ease-in-out infinite;
}
.mn-lamp.l1 { left: -14%; top: -18%; }
.mn-lamp.l2 { right: -16%; top: 4%; width: 38%; animation-delay: -1.7s; animation-duration: 5.1s;
              background: radial-gradient(circle, rgba(90,170,255,.26), rgba(60,120,255,.06) 45%, transparent 68%); }
@keyframes mnFlicker {
    0%, 100% { opacity: .85; transform: scale(1); }
    40% { opacity: 1; transform: scale(1.04); }
    52% { opacity: .7; }
    58% { opacity: .95; }
}
.mn-dust {
    position: absolute; inset: 0; opacity: .5;
    background-image:
        radial-gradient(1.5px 1.5px at 12% 20%, rgba(255,220,160,.8), transparent),
        radial-gradient(1px 1px at 38% 64%, rgba(255,255,255,.7), transparent),
        radial-gradient(1.5px 1.5px at 72% 36%, rgba(160,210,255,.8), transparent),
        radial-gradient(1px 1px at 86% 78%, rgba(255,220,160,.7), transparent),
        radial-gradient(1px 1px at 54% 12%, rgba(255,255,255,.6), transparent);
    background-size: 100% 50%;
    animation: mnDust 14s linear infinite;
}
@keyframes mnDust { to { background-position: 0 100%, 0 100%, 0 100%, 0 100%, 0 100%; } }

.mn-flash {
    inset: 0; z-index: 4; pointer-events: none; opacity: 0; border-radius: inherit;
    background: radial-gradient(circle at 50% 60%, rgba(255,210,140,.55), rgba(255,90,50,.25) 40%, transparent 72%);
}
.mn.is-blast .mn-flash { animation: mnFlash .7s ease-out; }
.mn.is-blast { animation: mnQuake .5s cubic-bezier(.36,.07,.19,.97); }
@keyframes mnFlash { 0% { opacity: 0; } 12% { opacity: 1; } 100% { opacity: 0; } }
@keyframes mnQuake {
    10%, 90% { transform: translate3d(-1px, 0, 0); }
    20%, 80% { transform: translate3d(3px, 1px, 0); }
    30%, 50%, 70% { transform: translate3d(-5px, -1px, 0); }
    40%, 60% { transform: translate3d(5px, 1px, 0); }
}

.mn-head {
    display: flex; align-items: flex-end; gap: 12px;
    max-width: 560px; margin: -6px auto 6px; min-height: 104px;
}
.mn-lion {
    position: relative; flex: none; width: 108px; height: 112px;
    filter: drop-shadow(0 14px 18px rgba(0,0,0,.6));
}
.mn-lion img {
    position: absolute; left: 50%; bottom: -4px; height: 124px; width: auto; max-width: none;
    transform: translateX(-50%) scale(.9); transform-origin: 50% 100%;
    opacity: 0; transition: opacity .28s, transform .38s cubic-bezier(.34,1.56,.64,1);
}
.mn-lion[data-pose="idle"] .p-idle,
.mn-lion[data-pose="win"]  .p-win,
.mn-lion[data-pose="boom"] .p-boom { opacity: 1; transform: translateX(-50%) scale(1); }
.mn-lion[data-pose="idle"] .p-idle { animation: mnBreath 3.4s ease-in-out infinite; }
.mn-lion[data-pose="win"] .p-win { height: 132px; }
.mn-lion.hop { animation: mnHop .5s cubic-bezier(.34,1.56,.64,1); }
@keyframes mnBreath {
    0%, 100% { transform: translateX(-50%) scale(1, 1); }
    50% { transform: translateX(-50%) scale(1.015, .985) translateY(1px); }
}
@keyframes mnHop {
    0% { transform: none; }
    35% { transform: translateY(-10px) rotate(-3deg); }
    70% { transform: translateY(1px) rotate(1deg); }
    100% { transform: none; }
}

.mn-smoke {
    position: absolute; left: 40%; top: 0; width: 40px; height: 40px; opacity: 0; pointer-events: none;
    background:
        radial-gradient(circle at 30% 70%, rgba(180,190,210,.55) 0 30%, transparent 32%),
        radial-gradient(circle at 60% 40%, rgba(160,170,190,.45) 0 26%, transparent 28%),
        radial-gradient(circle at 45% 15%, rgba(200,205,220,.35) 0 20%, transparent 22%);
    filter: blur(1.5px);
}
.mn-lion[data-pose="boom"] .mn-smoke { animation: mnSmoke 2.4s ease-out 2; }
@keyframes mnSmoke {
    0% { opacity: 0; transform: translateY(8px) scale(.6); }
    25% { opacity: 1; }
    100% { opacity: 0; transform: translateY(-26px) scale(1.4); }
}

.mn-say {
    position: relative; flex: 1; min-width: 0; margin-bottom: 14px;
    padding: 10px 14px 11px; border-radius: 16px 16px 16px 4px;
    background: linear-gradient(160deg, rgba(34,44,70,.92), rgba(18,24,42,.92));
    border: 1px solid rgba(255,201,77,.22);
    box-shadow: 0 12px 30px -14px rgba(0,0,0,.9), inset 0 1px 0 rgba(255,255,255,.06);
}
.mn-say::before {
    content: ''; position: absolute; left: -7px; bottom: 8px; width: 12px; height: 12px;
    background: rgba(24,32,54,.95); border-left: 1px solid rgba(255,201,77,.22); border-bottom: 1px solid rgba(255,201,77,.22);
    transform: rotate(45deg);
}
.mn-say b {
    display: block; font-family: var(--f-display); font-size: 14.5px; font-weight: 700; letter-spacing: -.02em;
    color: var(--mn-gold-2);
}
.mn-say span { display: block; margin-top: 2px; font-size: 12px; font-weight: 600; color: var(--muted, #9aa6c4); }
.mn-say.pop { animation: mnSay .42s cubic-bezier(.34,1.56,.64,1); }
@keyframes mnSay { 0% { transform: scale(.94) translateY(4px); opacity: .4; } 100% { transform: none; opacity: 1; } }
.mn-lion[data-pose="boom"] + .mn-say { border-color: rgba(255,107,61,.35); }
.mn-lion[data-pose="boom"] + .mn-say b { color: #ffb199; }
.mn-lion[data-pose="win"] + .mn-say { border-color: rgba(255,201,77,.5); box-shadow: 0 0 0 4px rgba(255,201,77,.08), 0 12px 30px -14px rgba(0,0,0,.9); }

.mn .mult-strip { max-width: 560px; margin-inline: auto; }
.mn .mult-strip span {
    background: rgba(12,17,31,.78); border: 1px solid rgba(255,255,255,.07); color: var(--faint, #7c88a8);
}
.mn .mult-strip span.done {
    color: #1b1403; border-color: transparent;
    background: linear-gradient(180deg, var(--mn-gold-2), var(--mn-gold) 60%, #e0a526);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.55), 0 6px 14px -8px rgba(255,190,60,.9);
}
.mn .mult-strip span.next {
    color: #fff; border-color: rgba(124,196,255,.6);
    background: linear-gradient(180deg, rgba(77,141,255,.4), rgba(40,80,170,.35));
    box-shadow: 0 0 0 3px rgba(124,196,255,.14), 0 0 18px -4px rgba(124,196,255,.7);
    animation: mnNext 1.6s ease-in-out infinite;
}
@keyframes mnNext { 50% { box-shadow: 0 0 0 5px rgba(124,196,255,.08), 0 0 24px -2px rgba(124,196,255,.85); } }

.mn .mines-grid { gap: 10px; perspective: 900px; }

.mn .mines-grid .cell {
    border-radius: 14px; overflow: visible; color: transparent; font-size: 0;
    background: url(../assets/art/mines/tile.webp) center / 100% 100% no-repeat;
    box-shadow: 0 10px 18px -10px rgba(0,0,0,.95);
    transition: transform .22s cubic-bezier(.34,1.56,.64,1), filter .2s, box-shadow .2s;
}

.mn .mines-grid .cell::before {
    content: ''; position: absolute; inset: 6%; border-radius: 10px; opacity: 1; pointer-events: none;
    background: linear-gradient(115deg, transparent 38%, rgba(255,236,190,.28) 50%, transparent 62%) 150% 0 / 250% 100% no-repeat;
    box-shadow: none;
}
.mn .mines-grid.is-idle .cell::before { animation: mnSheen 5s ease-in-out infinite; animation-delay: calc(var(--d, 0) * 90ms); }
@keyframes mnSheen { 0%, 60% { background-position: 150% 0; } 85%, 100% { background-position: -60% 0; } }

.mn .mines-grid .cell::after {
    content: ''; position: absolute; inset: 14%; width: auto; height: auto; border-radius: 0;
    background: none center / contain no-repeat; box-shadow: none; opacity: 0; transform: scale(.3);
}

.mn .mines-grid:not(.is-over) .cell:not(.open):not(.boom):hover {
    transform: translateY(-4px) scale(1.03);
    filter: brightness(1.18) saturate(1.1);
    box-shadow: 0 16px 24px -12px rgba(0,0,0,.95), 0 0 0 2px rgba(255,201,77,.5), 0 0 26px -6px rgba(255,190,80,.55);
}
.mn .mines-grid .cell:active { transform: scale(.95); }
.mn .mines-grid.is-idle .cell { opacity: .9; filter: saturate(.85); }

.mn .mines-grid .cell.dig { animation: mnDig .26s ease-in-out infinite; filter: brightness(1.25); }
@keyframes mnDig {
    0%, 100% { transform: rotate(0) scale(1); }
    30% { transform: rotate(-4deg) scale(.96); }
    60% { transform: rotate(3deg) scale(1.02); }
}

.mn .mines-grid .cell.open,
.mn .mines-grid .cell.ghost {
    background:
        radial-gradient(circle at 50% 45%, rgba(124,196,255,.45), rgba(40,90,190,.18) 50%, transparent 72%),
        radial-gradient(circle at 50% 50%, #0c1630 55%, #070c1a);
    box-shadow: inset 0 0 0 1.5px rgba(124,196,255,.55), inset 0 6px 14px rgba(0,0,0,.7), 0 0 28px -8px rgba(124,196,255,.8);
    animation: mnCrack .42s cubic-bezier(.34,1.56,.64,1);
}
.mn .mines-grid .cell.open::before,
.mn .mines-grid .cell.boom::before,
.mn .mines-grid .cell.ghost::before { animation: none; background: none; }
.mn .mines-grid .cell.open::after {
    background-image: url(../assets/art/mines/gem.webp); opacity: 1; transform: none;
    filter: drop-shadow(0 0 10px rgba(124,196,255,.9));
    animation: mnGem .55s cubic-bezier(.34,1.56,.64,1), mnGemGlow 2.6s ease-in-out .6s infinite;
}
@keyframes mnCrack { 0% { transform: scale(1.08); filter: brightness(2.2); } 100% { transform: none; filter: none; } }
@keyframes mnGem {
    0% { transform: scale(.2) rotate(-25deg) translateY(10px); opacity: 0; }
    60% { transform: scale(1.18) rotate(6deg); opacity: 1; }
    100% { transform: none; }
}
@keyframes mnGemGlow {
    0%, 100% { filter: drop-shadow(0 0 8px rgba(124,196,255,.75)); transform: translateY(0); }
    50% { filter: drop-shadow(0 0 16px rgba(160,215,255,1)); transform: translateY(-2px); }
}

.mn .mines-grid .cell.boom {
    background:
        radial-gradient(circle at 50% 50%, rgba(255,120,60,.55), rgba(190,40,30,.25) 48%, transparent 72%),
        radial-gradient(circle at 50% 50%, #2a0d10 55%, #12060a);
    box-shadow: inset 0 0 0 1.5px rgba(255,107,61,.6), inset 0 6px 14px rgba(0,0,0,.7), 0 0 30px -6px rgba(255,90,50,.85);
    animation: mnBoomCell .5s cubic-bezier(.34,1.56,.64,1);
}
.mn .mines-grid .cell.boom::after {
    background-image: url(../assets/art/mines/bomb.webp); opacity: 1; transform: none;
    filter: drop-shadow(0 0 10px rgba(255,120,60,.8));
    animation: mnBomb .5s cubic-bezier(.34,1.56,.64,1);
}
.mn .mines-grid .cell.hit { z-index: 2; animation: mnBoomCell .5s cubic-bezier(.34,1.56,.64,1), mnHot 1.4s ease-in-out .5s infinite; }
@keyframes mnBoomCell { 0% { transform: scale(.7); filter: brightness(3); } 45% { transform: scale(1.14); } 100% { transform: none; filter: none; } }
@keyframes mnBomb { 0% { transform: scale(0) rotate(40deg); } 70% { transform: scale(1.2) rotate(-8deg); } 100% { transform: none; } }
@keyframes mnHot { 50% { box-shadow: inset 0 0 0 2px rgba(255,140,80,.9), inset 0 6px 14px rgba(0,0,0,.7), 0 0 40px -2px rgba(255,90,50,1); } }

.mn .mines-grid .cell.late { animation: mnLate .45s cubic-bezier(.34,1.56,.64,1) both; animation-delay: calc(var(--d, 0) * 45ms); }
.mn .mines-grid .cell.late::after { animation: none; }
.mn .mines-grid .cell.boom.late { opacity: .82; filter: saturate(.8); }
.mn .mines-grid .cell.ghost { opacity: .42; filter: saturate(.6); box-shadow: inset 0 0 0 1px rgba(124,196,255,.25), inset 0 6px 14px rgba(0,0,0,.7); }
.mn .mines-grid .cell.ghost::after { background-image: url(../assets/art/mines/gem.webp); opacity: .7; transform: scale(.82); filter: none; }
.mn .mines-grid.is-over .cell:not(.open):not(.boom):not(.ghost) { opacity: .5; }
@keyframes mnLate { 0% { transform: rotateX(80deg) scale(.9); opacity: 0; } 100% { transform: none; } }

.mn .mn-fx { position: absolute; inset: 0; pointer-events: none; z-index: 3; }
.mn .mn-chip {
    position: absolute; left: 50%; top: 50%; width: 9px; height: 7px; margin: -4px 0 0 -4px;
    border-radius: 2px 4px 1px 3px;
    background: linear-gradient(135deg, #7f93b8, #34405e);
    animation: mnChip .75s cubic-bezier(.2,.7,.3,1) forwards;
}
.mn .mn-chip.gem:nth-child(3n) { background: linear-gradient(135deg, #d6f0ff, var(--mn-ice)); width: 6px; height: 6px; border-radius: 1px; box-shadow: 0 0 8px var(--mn-ice); }
.mn .mn-chip.boom { background: linear-gradient(135deg, #ffd27a, var(--mn-hot)); box-shadow: 0 0 10px rgba(255,120,60,.9); }
.mn .mn-chip.boom:nth-child(2n) { background: #2a2f3d; box-shadow: none; }
@keyframes mnChip {
    0% { transform: translate(0, 0) rotate(0) scale(1); opacity: 1; }
    100% { transform: translate(var(--x), calc(var(--y) + 26px)) rotate(var(--r)) scale(.5); opacity: 0; }
}
.mn .mn-ring {
    position: absolute; inset: 0; border-radius: 16px;
    border: 2px solid rgba(124,196,255,.9);
    animation: mnRing .6s ease-out forwards;
}
.mn .mn-ring.boom { border-color: rgba(255,150,80,.95); border-radius: 50%; animation-duration: .7s; }
@keyframes mnRing { 0% { transform: scale(.8); opacity: 1; } 100% { transform: scale(1.7); opacity: 0; } }
.mn .mn-float {
    position: absolute; left: 50%; top: 0; z-index: 4; pointer-events: none; white-space: nowrap;
    font-family: var(--f-display); font-size: 14px; font-weight: 800; letter-spacing: -.02em;
    color: var(--mn-gold-2); text-shadow: 0 2px 8px rgba(0,0,0,.9), 0 0 12px rgba(255,190,60,.6);
    animation: mnFloat 1.05s cubic-bezier(.2,.7,.3,1) forwards;
}
@keyframes mnFloat {
    0% { transform: translate(-50%, 6px) scale(.7); opacity: 0; }
    20% { transform: translate(-50%, -10px) scale(1.1); opacity: 1; }
    100% { transform: translate(-50%, -38px) scale(1); opacity: 0; }
}

.mn .m-result { background: rgba(5,8,16,.5); }
.mn .m-result .mr-card { --tone: var(--mn-gold); background: linear-gradient(170deg, rgba(34,30,18,.96), rgba(14,16,26,.96)); }
.mn .m-result.is-lose .mr-card { --tone: var(--mn-hot); background: linear-gradient(170deg, rgba(44,18,16,.96), rgba(14,12,22,.96)); }

.mn .fair { max-width: 560px; margin-inline: auto; }

.mn .mn-bonus {
    position: absolute; inset: 0; z-index: 6; display: flex; align-items: center; justify-content: center;
    padding: 16px; border-radius: inherit; opacity: 0; transition: opacity .3s var(--ease, ease);
    background: radial-gradient(circle at 50% 50%, rgba(255,190,60,.16), rgba(5,8,16,.72) 62%);
    backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px);
}
.mn .mn-bonus.on { opacity: 1; }
.mn .mn-bonus.out { opacity: 0; pointer-events: none; }
.mn .mn-bc {
    width: min(440px, 100%); padding: 18px 18px 20px; border-radius: 22px; text-align: center;
    background: linear-gradient(170deg, rgba(40,32,14,.97), rgba(14,16,26,.97));
    border: 1px solid rgba(255,201,77,.4);
    box-shadow: 0 0 0 5px rgba(255,201,77,.07), 0 26px 60px -24px rgba(0,0,0,.95), 0 0 60px -20px rgba(255,190,60,.6);
    animation: mnBonusIn .5s cubic-bezier(.34,1.56,.64,1);
}
@keyframes mnBonusIn { 0% { transform: scale(.82) translateY(10px); opacity: 0; } 100% { transform: none; opacity: 1; } }
.mn .mn-bt {
    display: block; font-family: var(--f-display); font-size: 22px; font-weight: 800; letter-spacing: -.02em;
    color: var(--mn-gold-2); text-shadow: 0 0 18px rgba(255,190,60,.55);
}
.mn .mn-bt i { font-style: normal; color: var(--mn-gold); display: inline-block; animation: mnStar 1.2s linear infinite; }
@keyframes mnStar { to { transform: rotate(360deg); } }
.mn .mn-bs { display: block; margin-top: 3px; font-size: 12.5px; font-weight: 600; color: var(--muted, #9aa6c4); }
.mn .mn-bonus.is-done .mn-bt { animation: mnSay .42s cubic-bezier(.34,1.56,.64,1); }
.mn .mn-bonus.is-done .mn-bt i { animation: none; }

.mn .mn-reel {
    position: relative; margin-top: 14px; height: 64px; overflow: hidden; border-radius: 14px;
    background: rgba(5,8,16,.7); box-shadow: inset 0 0 0 1px rgba(255,201,77,.18), inset 0 8px 18px rgba(0,0,0,.7);
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 18%, #000 82%, transparent);
    mask-image: linear-gradient(90deg, transparent, #000 18%, #000 82%, transparent);
}
.mn .mn-track { position: absolute; left: 0; top: 8px; display: flex; gap: 8px; padding-left: 0; will-change: transform; }
.mn .mn-track span {
    flex: none; width: 64px; height: 48px; display: grid; place-items: center; border-radius: 12px;
    font-family: var(--f-display); font-size: 18px; font-weight: 800; letter-spacing: -.02em;
    color: #dfe7ff; background: linear-gradient(180deg, #24304e, #161f36);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
.mn .mn-track span.x1 { color: #cfe8ff; background: linear-gradient(180deg, #24508a, #183660); }
.mn .mn-track span.x2 { color: #f1dcff; background: linear-gradient(180deg, #5b2f8c, #3a1d60); }
.mn .mn-track span.x3, .mn .mn-track span.x4 { color: #2a1a02; background: linear-gradient(180deg, var(--mn-gold-2), var(--mn-gold) 60%, #e0a526); }
.mn .mn-track span.win {
    color: #1b1403; background: linear-gradient(180deg, #fff1c2, var(--mn-gold) 60%, #e0a526);
    box-shadow: 0 0 0 2px #fff4cf, 0 0 26px rgba(255,201,77,.95);
    animation: mnWinX .6s cubic-bezier(.34,1.56,.64,1);
}
@keyframes mnWinX { 0% { transform: scale(1); } 45% { transform: scale(1.16); } 100% { transform: scale(1.06); } }
.mn .mn-ptr {
    position: absolute; left: 50%; top: 0; bottom: 0; width: 2px; margin-left: -1px; pointer-events: none;
    background: linear-gradient(180deg, var(--mn-gold-2), rgba(255,201,77,.2) 50%, var(--mn-gold-2));
    box-shadow: 0 0 10px rgba(255,201,77,.9);
}
.mn .mn-ptr::before, .mn .mn-ptr::after {
    content: ''; position: absolute; left: 50%; width: 0; height: 0; margin-left: -7px;
    border-left: 7px solid transparent; border-right: 7px solid transparent;
}
.mn .mn-ptr::before { top: 0; border-top: 9px solid var(--mn-gold-2); }
.mn .mn-ptr::after { bottom: 0; border-bottom: 9px solid var(--mn-gold-2); }

.mn .mn-xb {
    position: absolute; left: 14px; top: -13px; z-index: 3; display: flex; align-items: center; gap: 5px;
    padding: 3px 10px 3px 8px; border-radius: 999px;
    background: linear-gradient(180deg, rgba(60,46,12,.95), rgba(30,24,10,.95));
    border: 1px solid rgba(255,201,77,.55);
    box-shadow: 0 0 0 3px rgba(255,201,77,.08), 0 0 22px -6px rgba(255,190,60,.8);
    font-size: 11.5px; font-weight: 700; color: var(--mn-gold-2);
    animation: mnBadge .5s cubic-bezier(.34,1.56,.64,1);
}

.mn .mn-say.has-xb { padding-top: 17px; }
.mn .mn-xb i { font-style: normal; color: var(--mn-gold); }

.mn .mn-xb span { display: inline; margin: 0; font-size: 11.5px; color: var(--mn-gold-2); }
.mn .mn-xb b { display: inline; font-family: var(--f-display); font-size: 14px; font-weight: 800; color: #fff3cc; letter-spacing: -.02em; }
@keyframes mnBadge { 0% { transform: scale(.4); opacity: 0; } 100% { transform: none; opacity: 1; } }

@media (max-width: 720px) {
    .mn-head { min-height: 84px; margin-top: -2px; gap: 8px; }
    .mn-lion { width: 84px; height: 88px; }
    .mn-lion img { height: 98px; }
    .mn-lion[data-pose="win"] .p-win { height: 104px; }
    .mn-say { margin-bottom: 8px; padding: 8px 11px 9px; }
    .mn-say b { font-size: 13px; }
    .mn-say span { font-size: 11px; }
    .mn .mines-grid { gap: 6px; }
    .mn .mines-grid .cell { border-radius: 10px; }
    .mn .mn-float { font-size: 12px; }
    .mn .mn-bt { font-size: 19px; }
    .mn .mn-reel { height: 56px; }
    .mn .mn-track { top: 7px; gap: 6px; }
    .mn .mn-track span { width: 54px; height: 42px; font-size: 16px; }

    .mn .mines-grid { width: 100%; }
}

@media (max-width: 720px) and (max-height: 760px) {
    .screen:has(.mn) .m-metrics { display: none !important; }
    .mn-head { min-height: 50px; gap: 6px; }
    .mn-lion { width: 48px; height: 50px; }
    .mn-lion img { height: 56px; }
    .mn-lion[data-pose="win"] .p-win { height: 58px; }
    .mn-say { margin-bottom: 4px; padding: 6px 10px; }
    .mn-say span { display: none; }
    .mn .mult-strip { padding: 6px 2px 9px; }
    .mn .mult-strip span { padding: 4px 9px; }
}

html.is-lite .mn-dust, html.is-lite .mn-lamp, html.is-lite .mn-smoke,
html.is-lite .mn .mn-fx, html.is-lite .mn-flash { display: none; }
html.is-lite .mn .mines-grid .cell, html.is-lite .mn .mines-grid .cell::before,
html.is-lite .mn .mines-grid .cell::after, html.is-lite .mn-lion, html.is-lite .mn-lion img,
html.is-lite .mn-say, html.is-lite .mn, html.is-lite .mn .mult-strip span,
html.is-lite .mn .mn-bc, html.is-lite .mn .mn-bc *, html.is-lite .mn .mn-xb { animation: none !important; }
html.is-lite .mn .mn-bonus { backdrop-filter: none; -webkit-backdrop-filter: none; }
@media (prefers-reduced-motion: reduce) {
    .mn *, .mn *::before, .mn *::after, .mn { animation: none !important; }
}