.sv {
    --ruby: #e0243f; --ruby-2: #8e1025; --ruby-3: #3d0612;
    --gold: #ffd76a; --gold-2: #e0a93a; --gold-3: #8a5a14;
    --ivory: #fff6e2;
    --mh: 560px;
    position: relative; overflow: hidden; border-radius: var(--r-xl); min-height: 780px;
    padding: 16px 18px 14px;
    display: flex; flex-direction: column; gap: 12px;
    background: #12040a;
    box-shadow: var(--sh-screen), inset 0 0 0 1px rgba(255,215,106,.12);
    isolation: isolate;
}
.sv-bg { position: absolute; inset: 0; z-index: -2; pointer-events: none;
    background:
        radial-gradient(60% 50% at 50% 48%, rgba(255,120,80,.12), transparent 70%),
        linear-gradient(180deg, rgba(18,4,10,.55), rgba(18,4,10,.25) 40%, rgba(18,4,10,.85)),
        url(../assets/art/seven/stage.webp) center 40% / cover no-repeat;
}
.sv-rays { position: absolute; left: 50%; top: 44%; width: 1400px; height: 1400px; margin: -700px 0 0 -700px; z-index: -1; pointer-events: none;
    background: repeating-conic-gradient(from 0deg, rgba(255,215,106,.13) 0 7deg, transparent 7deg 18deg);
    -webkit-mask: radial-gradient(closest-side, #000 20%, transparent 70%); mask: radial-gradient(closest-side, #000 20%, transparent 70%);
    opacity: 0; transform: scale(.6); transition: opacity .5s, transform .8s cubic-bezier(.2,.8,.2,1);
}
.sv[data-phase="win"][data-tier="2"] .sv-rays, .sv[data-phase="win"][data-tier="3"] .sv-rays { opacity: 1; transform: scale(1); animation: svRays 14s linear infinite; }
.sv[data-tier="3"] .sv-rays { background: repeating-conic-gradient(from 0deg, rgba(255,90,110,.16) 0 7deg, rgba(255,215,106,.16) 7deg 14deg, transparent 14deg 22deg); }
@keyframes svRays { to { rotate: 360deg; } }

.sv-board { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 8px; }
.sv-cell {
    position: relative; display: grid; place-items: center; gap: 3px; padding: 9px 4px 8px; border-radius: 12px;
    background: linear-gradient(180deg, rgba(40,10,18,.82), rgba(20,5,10,.86));
    box-shadow: inset 0 0 0 1px rgba(255,215,106,.18), inset 0 1px 0 rgba(255,255,255,.06), 0 8px 18px -12px #000;
    -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
    transition: opacity .35s, filter .35s, transform .35s cubic-bezier(.3,1.5,.5,1), box-shadow .35s;
}
.sv-cell .c { font: 800 17px/1 Unbounded, sans-serif; letter-spacing: .04em; color: var(--ivory); white-space: nowrap; }
.sv-cell .c i { font-style: normal; color: rgba(255,246,226,.3); }
.sv-cell .c .s7 { color: #ff6b7d; text-shadow: 0 0 10px rgba(255,80,100,.55); }
.sv-cell small { font: 800 11px/1 Manrope, sans-serif; color: var(--gold); letter-spacing: .02em; }
.sv-cell[data-id="777"] { background: linear-gradient(180deg, rgba(120,14,34,.9), rgba(50,6,16,.9)); box-shadow: inset 0 0 0 1px rgba(255,215,106,.45), 0 0 22px -6px rgba(255,80,100,.55); }
.sv-cell[data-id="777"] small { color: #fff1bf; }
.sv-cell.dead { opacity: .28; filter: saturate(.2); transform: scale(.96); }
.sv-cell.hit {
    opacity: 1; filter: none; transform: scale(1.08); z-index: 2;
    background: linear-gradient(180deg, #fff1bf, #ffd76a 45%, #e0a93a);
    box-shadow: 0 0 0 2px #fff6d8, 0 0 30px 4px rgba(255,215,106,.7), 0 10px 26px -8px rgba(255,160,40,.9);
    animation: svHit 1.1s ease-in-out infinite alternate;
}
.sv-cell.hit .c, .sv-cell.hit .c i, .sv-cell.hit .c .s7 { color: #3a0a12; text-shadow: none; }
.sv-cell.hit small { color: #5c1020; }
@keyframes svHit { from { box-shadow: 0 0 0 2px #fff6d8, 0 0 18px 2px rgba(255,215,106,.55); } to { box-shadow: 0 0 0 2px #fff6d8, 0 0 38px 8px rgba(255,215,106,.85); } }

.sv-main { position: relative; z-index: 1; flex: 1; display: flex; align-items: center; justify-content: center; min-height: 0; }
.sv-machine { --crop: 1; position: relative; flex: none; width: calc(var(--mh) * .5822); height: calc(var(--mh) * var(--crop)); margin-right: calc(var(--mh) * .58); }
.sv-cab { position: absolute; left: 0; top: 0; width: 100%; height: var(--mh); clip-path: inset(-40% -40% calc((1 - var(--crop)) * 100%) -40%); }
.sv-cab-img { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 2; pointer-events: none; user-select: none;
    filter: drop-shadow(0 30px 40px rgba(0,0,0,.75)) drop-shadow(0 0 30px rgba(255,90,110,.18)); }
.sv-sheen { position: absolute; inset: 0; z-index: 3; pointer-events: none; mix-blend-mode: screen; opacity: .55;
    -webkit-mask: url(../assets/art/seven/cabinet.webp) center / 100% 100%; mask: url(../assets/art/seven/cabinet.webp) center / 100% 100%;
    background: linear-gradient(105deg, transparent 38%, rgba(255,236,190,.55) 48%, transparent 58%) 0 0 / 300% 100%;
    animation: svSheen 6s ease-in-out infinite; }
@keyframes svSheen { 0%, 55% { background-position: 110% 0; } 100% { background-position: -110% 0; } }
.sv[data-phase="win"] .sv-sheen { animation-duration: 1.4s; opacity: .8; }

.sv-sign { position: absolute; left: 15.1%; top: 5.2%; width: 69.8%; height: 18.4%; z-index: 1; display: grid; place-items: center; overflow: hidden;
    -webkit-mask: url(../assets/art/seven/sign-mask.png) center / 100% 100% no-repeat; mask: url(../assets/art/seven/sign-mask.png) center / 100% 100% no-repeat;
    background: radial-gradient(90% 90% at 50% 70%, #4a0a1c, #12030a 75%); }
.sv-sign-glow { position: absolute; inset: 0;
    background: repeating-linear-gradient(90deg, rgba(255,215,106,.07) 0 2px, transparent 2px 9px),
                radial-gradient(60% 60% at 50% 62%, rgba(255,80,110,.45), transparent 70%);
    animation: svGlow 2.4s ease-in-out infinite alternate; }
@keyframes svGlow { from { opacity: .6; } to { opacity: 1; } }
.sv[data-phase="spin"] .sv-sign-glow { animation-duration: .35s; }
.sv[data-phase="win"] .sv-sign-glow { animation-duration: .18s; background: radial-gradient(70% 70% at 50% 60%, rgba(255,215,106,.6), transparent 70%); }

.sv-logo { position: relative; width: 78%; height: auto; margin-top: 11%; user-select: none;
    filter: drop-shadow(0 2px 0 rgba(0,0,0,.6)) drop-shadow(0 0 calc(var(--mh) * .012) rgba(255,255,255,.55)) drop-shadow(0 0 calc(var(--mh) * .03) rgba(255,90,120,.55));
    animation: svNeon 3.2s ease-in-out infinite; }
@keyframes svNeon { 50% { filter: drop-shadow(0 2px 0 rgba(0,0,0,.6)) drop-shadow(0 0 calc(var(--mh) * .018) rgba(255,255,255,.8)) drop-shadow(0 0 calc(var(--mh) * .05) rgba(255,190,90,.75)); } }
.sv[data-phase="spin"] .sv-logo { animation-duration: .5s; }

.sv-window {
    position: absolute; left: 14.2%; top: 30.9%; width: 71.6%; height: 25.8%; z-index: 1;
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 3%; padding: 3.2% 3.6%;
    background: linear-gradient(180deg, #050103, #14040a 50%, #050103);
    --fh: calc(var(--mh) * .258 * .62);
}
.sv-drum {
    position: relative; overflow: hidden; border-radius: 8px; perspective: calc(var(--fh) * 9);
    background: #12050a; box-shadow: inset 0 0 0 1px rgba(255,215,106,.18), 0 0 0 1px rgba(0,0,0,.6);
}
.sv-cyl { position: absolute; left: 0; right: 0; top: 50%; height: var(--fh); margin-top: calc(var(--fh) / -2); transform-style: preserve-3d; will-change: transform; }
.sv-face {
    position: absolute; inset: 0; display: grid; place-items: center; backface-visibility: hidden; -webkit-backface-visibility: hidden;
    font: 800 calc(var(--fh) * .8)/1 Manrope, sans-serif; color: #fff6e8; font-variant-numeric: tabular-nums;
    text-shadow: 0 0 14px rgba(255,220,170,.35), 0 2px 0 rgba(0,0,0,.6);
    background: linear-gradient(90deg, #14060b, #2a0d17 30%, #2a0d17 70%, #14060b);
    border-top: 1px solid rgba(255,215,106,.08); border-bottom: 1px solid rgba(255,215,106,.08);
}
.sv-face.d7 { color: #ff4d63; text-shadow: 0 0 16px rgba(255,60,90,.8), 0 0 4px rgba(255,160,170,.9), 0 2px 0 rgba(0,0,0,.6); }
.sv-drum.fast .sv-face { filter: blur(1.8px); }
.sv-drum.lit { box-shadow: inset 0 0 0 2px var(--gold), 0 0 26px 3px rgba(255,215,106,.6); }
.sv-drum.lit .sv-face { color: #ffe79a; text-shadow: 0 0 18px rgba(255,215,106,.95), 0 2px 0 rgba(0,0,0,.6); }
.sv-drum.lit .sv-face.d7 { color: #ff6b7d; text-shadow: 0 0 22px rgba(255,80,100,1), 0 0 6px #fff; }
.sv-drum.tease { animation: svTease .12s linear infinite; box-shadow: inset 0 0 0 2px #ff6b7d, 0 0 26px 4px rgba(255,90,110,.6); }
@keyframes svTease { 50% { transform: translateX(1px); } }
.sv-drum.land { animation: svLand .28s ease-out; }
@keyframes svLand { 30% { transform: translateY(2px); } }
.sv-shade { position: absolute; inset: 0; pointer-events: none;
    background:
        linear-gradient(180deg, rgba(5,1,3,.96) 0%, rgba(5,1,3,.45) 20%, transparent 36%, transparent 64%, rgba(5,1,3,.45) 80%, rgba(5,1,3,.96) 100%),
        linear-gradient(170deg, rgba(255,255,255,.12), transparent 30%);
}
.sv-payline { position: absolute; left: 1%; right: 1%; top: 50%; height: 2px; margin-top: -1px; pointer-events: none;
    background: linear-gradient(90deg, transparent, rgba(255,90,110,.75) 6%, rgba(255,90,110,.75) 94%, transparent); box-shadow: 0 0 8px rgba(255,90,110,.8); opacity: .45; }
.sv-payline::before, .sv-payline::after { content: ''; position: absolute; top: -6px; border: 7px solid transparent; }
.sv-payline::before { left: 0; border-left: 9px solid var(--gold); }
.sv-payline::after { right: 0; border-right: 9px solid var(--gold); }
.sv[data-phase="win"] .sv-payline { opacity: 1; background: linear-gradient(90deg, transparent, var(--gold) 6%, #fff6d8 50%, var(--gold) 94%, transparent); animation: svLine .6s ease-in-out infinite alternate; }
@keyframes svLine { to { box-shadow: 0 0 18px 3px rgba(255,215,106,.9); } }

.sv-plate { position: absolute; left: 13%; top: 70%; width: 74%; height: 7.6%; z-index: 4; display: grid; place-items: center; padding: 0 8px; border-radius: 8px; text-align: center;
    background: linear-gradient(180deg, rgba(8,1,4,.92), rgba(26,4,10,.92)); box-shadow: inset 0 0 0 1px rgba(255,215,106,.4), inset 0 6px 14px rgba(0,0,0,.6), 0 0 18px -6px rgba(255,90,110,.6);
    font: 800 calc(var(--mh) * .021)/1.2 Manrope, sans-serif; color: #ffe2a0; letter-spacing: .02em; text-shadow: 0 0 10px rgba(255,190,90,.45); }
.sv-plate span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.sv-plate b { color: #fff6d8; }
.sv-plate .w { color: #7dffb8; text-shadow: 0 0 10px rgba(80,255,160,.5); }
.sv-plate.pop span { animation: svPop .45s cubic-bezier(.3,1.6,.5,1); display: inline-block; }
@keyframes svPop { from { transform: scale(.7); opacity: 0; } }

.sv-tray { position: absolute; left: 28%; top: 83%; width: 44%; height: 9%; z-index: 4; pointer-events: none; border-radius: 10px; }
.sv-tray i { position: absolute; inset: 20% 8%; border-radius: 50%; background: radial-gradient(closest-side, rgba(255,215,106,.0), transparent); transition: background .4s; }
.sv[data-phase="win"] .sv-tray i { background: radial-gradient(closest-side, rgba(255,225,140,.85), transparent); }

.sv-machine { --pl: .548; --ph: .755; }
.sv-lion { position: absolute; z-index: 4; pointer-events: none;
    left: calc(var(--mh) * var(--pl)); height: calc(var(--mh) * var(--ph)); width: calc(var(--mh) * var(--ph) * .8128);
    top: calc(var(--mh) * (.98 - var(--ph))); transform-origin: 1% 58%; }
.sv-lion img { position: absolute; inset: 0; width: 100%; height: 100%; visibility: hidden;
    filter: drop-shadow(0 18px 18px rgba(0,0,0,.6)); }
.sv-lion[data-pose="idle"] .p-idle, .sv-lion[data-pose="m"] .p-m, .sv-lion[data-pose="b"] .p-b,
.sv-lion[data-pose="win"] .p-win, .sv-lion[data-pose="miss"] .p-miss { visibility: visible; }
.sv-lion[data-pose="win"] { animation: svCheer .5s cubic-bezier(.3,1.4,.5,1); }
@keyframes svCheer { 0% { transform: translateY(2%); } 50% { transform: translateY(-1.5%); } }

.sv-win { position: absolute; left: calc(50% - var(--mh) * .29); top: 29%; z-index: 6; transform: translate(-50%, -50%); pointer-events: none; text-align: center;
    display: grid; gap: 4px; padding: 14px 28px 12px; border-radius: 22px;
    background: radial-gradient(120% 140% at 50% 0%, rgba(90,10,26,.92), rgba(24,3,8,.94)); box-shadow: 0 0 0 2px var(--gold), 0 0 50px 6px rgba(255,190,80,.45), 0 30px 60px -20px #000;
    animation: svWin .6s cubic-bezier(.3,1.6,.5,1); }
.sv-win[hidden] { display: none; }
.sv-win small { font: 800 11px/1 Manrope, sans-serif; letter-spacing: .2em; text-transform: uppercase; color: #ffd76a; }
.sv-win b { font: 800 54px/1 Unbounded, sans-serif; background: linear-gradient(180deg, #fff6d8, #ffd76a 50%, #e0a93a); -webkit-background-clip: text; background-clip: text; color: transparent;
    filter: drop-shadow(0 3px 0 #5a0a1a); }
.sv-win span { font: 800 18px/1 Manrope, sans-serif; color: #7dffb8; }
.sv-win.t3 { padding: 18px 36px 16px; }
.sv-win.t3 b { font-size: 72px; }
.sv-win.out { animation: svWinOut .4s ease-in forwards; }
@keyframes svWin { from { transform: translate(-50%, -50%) scale(.3); opacity: 0; } }
@keyframes svWinOut { to { transform: translate(-50%, -60%) scale(.9); opacity: 0; } }

.sv-fx { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 5; pointer-events: none; }

.sv.flash::after { content: ''; position: absolute; inset: 0; z-index: 4; pointer-events: none;
    background: radial-gradient(70% 60% at 50% 45%, rgba(255,230,160,.5), transparent 70%); animation: svFlash .9s ease-out forwards; }
@keyframes svFlash { from { opacity: 1; } to { opacity: 0; } }
.sv.shake .sv-machine { animation: svShake .5s cubic-bezier(.36,.07,.19,.97); }
@keyframes svShake { 20%, 60% { transform: translateX(-4px) rotate(-.4deg); } 40%, 80% { transform: translateX(4px) rotate(.4deg); } }
.sv[data-phase="miss"] .sv-window { filter: saturate(.7) brightness(.85); transition: filter .4s; }

.sv-recent { position: relative; z-index: 2; display: flex; gap: 6px; overflow: hidden; min-height: 28px; -webkit-mask: linear-gradient(90deg, #000 85%, transparent); mask: linear-gradient(90deg, #000 85%, transparent); }
.sv-recent span { flex: none; padding: 6px 9px; border-radius: 9px; font: 800 12px/1 Unbounded, sans-serif; color: rgba(255,246,226,.55);
    background: rgba(20,5,10,.7); box-shadow: inset 0 0 0 1px rgba(255,255,255,.07); }
.sv-recent span.w { color: #3a0a12; background: linear-gradient(180deg, #fff1bf, #ffd76a); box-shadow: none; }
.sv-recent span.w em { font-style: normal; font: 800 10px/1 Manrope, sans-serif; margin-left: 5px; opacity: .8; }
.sv-recent span.new { animation: svChip .45s cubic-bezier(.3,1.6,.5,1); }
@keyframes svChip { from { transform: translateX(-24px) scale(.6); opacity: 0; } }

.sv-opts { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; margin: 12px 0 2px; }
.sv-bet .sv-go { margin-top: 12px; }
.sv-turbo { display: flex; justify-content: center; align-items: center; gap: 6px; height: 38px; padding: 0 12px; border-radius: 11px; font: 800 12.5px/1 Manrope, sans-serif; color: var(--dim);
    background: var(--surface-3); box-shadow: inset 0 0 0 1px var(--line); transition: .2s; }
.sv-turbo .ic { filter: grayscale(1); opacity: .6; transition: .2s; }
.sv-turbo[aria-pressed="true"] { color: #1b1206; background: linear-gradient(180deg, #fff1bf, #ffd76a 55%, #e0a93a); box-shadow: 0 6px 18px -8px rgba(255,215,106,.9); }
.sv-turbo[aria-pressed="true"] .ic { filter: none; opacity: 1; }
.sv-auto { display: grid; grid-template-columns: auto repeat(4, minmax(0, 1fr)); align-items: center; gap: 3px; padding: 3px; border-radius: 11px; background: var(--surface-3); box-shadow: inset 0 0 0 1px var(--line); }
.sv-auto small { padding: 0 6px 0 7px; font: 800 10px/1 Manrope, sans-serif; letter-spacing: .12em; text-transform: uppercase; color: var(--faint); }
.sv-auto button { height: 32px; border-radius: 8px; font: 800 12px/1 Manrope, sans-serif; color: var(--dim); transition: .2s; }
.sv-auto button.on { color: #fff; background: linear-gradient(180deg, #c3183a, #8e1025); box-shadow: 0 4px 12px -6px rgba(224,36,63,.9); }
.sv-go, .dock [data-sv-go] { background: linear-gradient(180deg, #ff5a6b, #e0243f 50%, #a50f2a) !important; box-shadow: 0 14px 30px -12px rgba(224,36,63,.9) !important; }
.sv-go.stop, .dock [data-sv-go].stop { background: linear-gradient(180deg, #fff1bf, #ffd76a 50%, #e0a93a) !important; color: #1b1206 !important; }
.sv-bet.is-live .field, .sv-bet.is-live .quick-row { opacity: .45; pointer-events: none; transition: opacity .3s; }

.sv-top-h { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.sv-top-tag { padding: 4px 8px; border-radius: 999px; font: 800 10px/1 Manrope, sans-serif; letter-spacing: .06em; color: var(--dim); background: var(--surface-3); box-shadow: inset 0 0 0 1px var(--line); }
.sv-top-row { --c: 255,215,106; position: relative; overflow: hidden; display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 12px 12px 12px 10px; border-radius: 14px;
    background: linear-gradient(100deg, rgba(var(--c),.13), rgba(var(--c),.03) 55%, transparent), var(--surface-3); box-shadow: inset 0 0 0 1px rgba(var(--c),.16); }
.sv-top-row + .sv-top-row { margin-top: 8px; }
.sv-top-row.is-mult { --c: 255,90,107; }
.sv-top-row::before { content: ''; position: absolute; left: 0; top: 10px; bottom: 10px; width: 3px; border-radius: 0 3px 3px 0; background: rgb(var(--c)); box-shadow: 0 0 12px rgba(var(--c),.8); }
.sv-top-row i { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 12px; font-style: normal;
    background: radial-gradient(circle at 50% 30%, rgba(var(--c),.35), rgba(var(--c),.08) 70%); box-shadow: inset 0 0 0 1px rgba(var(--c),.3), 0 6px 16px -8px rgba(var(--c),.8); }
.sv-top-row svg { width: 20px; height: 20px; fill: none; stroke: rgb(var(--c)); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 0 4px rgba(var(--c),.6)); }
.sv-top-row.is-mult svg { fill: rgba(var(--c),.25); }
.sv-top-row .v { min-width: 0; }
.sv-top-row small { display: block; font: 800 10px/1 Manrope, sans-serif; letter-spacing: .08em; text-transform: uppercase; color: var(--faint); margin-bottom: 6px; }
.sv-top-row b { display: block; font: 800 17px/1 Unbounded, sans-serif; letter-spacing: -.02em; color: rgb(var(--c)); text-shadow: 0 0 16px rgba(var(--c),.35); white-space: nowrap; }
.sv-top-row em { display: grid; justify-items: end; gap: 6px; font-style: normal; min-width: 0; }
.sv-top-row .nm { display: flex; align-items: center; gap: 6px; max-width: 110px; font: 700 12px/1 Manrope, sans-serif; color: var(--text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sv-top-row .nm.is-empty { color: var(--faint); }
.sv-top-row .av { flex: none; width: 18px; height: 18px; display: grid; place-items: center; border-radius: 50%; font: 800 9.5px/1 Manrope, sans-serif; color: #1b1206; background: linear-gradient(180deg, #fff1bf, rgb(var(--c))); }
.sv-top-row .px { padding: 4px 7px; border-radius: 7px; font: 800 11px/1 Manrope, sans-serif; color: var(--dim); background: rgba(255,255,255,.05); box-shadow: inset 0 0 0 1px var(--line); }
.sv-top-row.is-empty b { color: var(--faint); text-shadow: none; }

@media (max-width: 1300px), (max-height: 900px) {
    .sv { --mh: 480px; min-height: 700px; }
}

@media (min-width: 761px) and (max-height: 800px) {
    .sv { --mh: 420px; min-height: 0; height: calc(100vh - 110px); gap: 8px; padding-top: 12px; }
    .sv-cell { padding: 7px 4px 6px; }
}
@media (max-width: 1100px) {
    .sv-cell .c { font-size: 14px; }
}
@media (max-width: 760px) {

    .sv { --mh: min(calc(var(--free, 640px) - 170px), calc((100vw - 26px) / 1.17), 600px);
          min-height: 0; height: max(240px, calc(var(--free, 640px) - 10px)); padding: 10px 8px 8px; gap: 8px; border-radius: var(--r-lg); }
    .sv-board { gap: 4px; }
    .sv-cell { padding: 6px 1px 5px; border-radius: 8px; gap: 2px; -webkit-backdrop-filter: none; backdrop-filter: none; }
    .sv-cell .c { font-size: 10.5px; letter-spacing: 0; }
    .sv-cell small { font-size: 9px; }
    .sv-cell.hit { transform: scale(1.06); }
    .sv-main { padding-left: 0; }
    .sv-plate { font-size: max(9px, calc(var(--mh) * .026)); }
    .sv-win { padding: 10px 18px 9px; top: 30%; }
    .sv-win b { font-size: 40px; }
    .sv-win.t3 b { font-size: 50px; }
    .sv-win span { font-size: 15px; }
    .sv-recent span { padding: 5px 7px; font-size: 11px; }
    .sv-opts { margin-top: 0; grid-template-columns: 46px minmax(0, 1fr); }
    .sv-opts .sv-turbo { order: -1; padding: 0; }
    .sv-opts .sv-turbo span:not(.ic) { display: none; }
    .sv-opts .sv-turbo .ic { font-size: 16px; }
}

@media (max-width: 760px) and (max-height: 760px) {
    .sv { --mh: min(calc(var(--free, 520px) - 132px), calc((100vw - 26px) / 1.17), 600px); }
    .sv-recent { display: none; }
    .sv-cell { padding: 5px 1px 4px; }
}
@media (max-width: 380px) {
    .sv-cell .c { font-size: 9.5px; }
}

.is-lite .sv-sheen, .is-lite .sv-sign-glow, .is-lite .sv-logo, .is-lite .sv-lion, .is-lite .sv-rays, .is-lite .sv-cell.hit { animation: none !important; }
.is-lite .sv-cell { -webkit-backdrop-filter: none; backdrop-filter: none; }
.is-lite .sv-drum.fast .sv-face { filter: none; }
@media (prefers-reduced-motion: reduce) {
    .sv *, .sv { animation-duration: .01s !important; animation-iteration-count: 1 !important; }
}