/* All live positions and sizes come from signet-slots2.json. */
.slots2{background-image:none;aspect-ratio:var(--cab-ratio);width:auto;height:min(calc(var(--space-1) * 165),calc(100dvh - calc(var(--space-1) * 35.5)));container-type:inline-size}
.slots2 #reels,.slots2 #overlays{position:absolute;inset:0;pointer-events:none}
.slots2 #reels{display:block;background:none;border:0;border-radius:0;grid:none;padding:0;margin:0;overflow:visible}
.slots2 .rect{position:absolute;box-sizing:border-box;margin:0;display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--black);font-family:var(--font-title);text-align:center;line-height:1.1}
.slots2 .live{font-size:var(--rect-font);font-variant-numeric:tabular-nums;white-space:nowrap}
/* Opaque value windows also mask all printed sample figures in the kit SVG. */
.slots2 .value{background:var(--card-face);justify-content:flex-end;text-align:right;padding-inline:1cqw;font-weight:600}
.slots2 [data-rect="jackpot-value"]{color:var(--wax)}
.slots2 .cell{background:var(--card-face)}
.slots2 .cell>img{width:100%;height:100%;object-fit:contain}
.slots2 .cell .part{position:absolute;inset:0;z-index:2}
.slots2 .coin-value{position:absolute;z-index:3;bottom:12%;background:var(--card-face);color:var(--black);font-weight:bold;font-size:3cqw;line-height:1;padding:0 3%;border-radius:calc(var(--space-1) * 0.5)}
.slots2 .hit{pointer-events:auto;min-width:0;min-height:0;max-width:100%;max-height:100%;padding:0;border:0;border-radius:calc(var(--space-1) * 0.75);background:transparent;color:transparent;box-shadow:none;line-height:0;font-size:0;overflow:hidden;z-index:5}
.slots2 .hit[data-rect="key-spin"]{z-index:6}
.slots2 .hit:disabled{opacity:1;cursor:default}
.slots2 .hit:hover{background:transparent}
.slots2 .paytable{padding:.7cqw 1cqw;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25cqw 2cqw;align-content:start;align-items:start;background:var(--panel);text-align:left;font-variant-numeric:tabular-nums}
.slots2 .paytable div{display:flex;justify-content:space-between;align-items:baseline;gap:1cqw;font-size:inherit;line-height:1.05;min-width:0}
.slots2 .paytable span{min-width:0;white-space:normal}
.slots2 .paytable strong{white-space:nowrap;font-variant-numeric:tabular-nums}
.slots2 .plate{white-space:nowrap;line-height:1;background:var(--brass);color:var(--black);overflow:hidden;padding:0 2%;align-items:center;justify-content:center}
.slots2 .label{color:var(--brass);background:var(--panel)}
@media(max-width:900px),(max-height:500px){.slots2{height:auto;width:min(calc(var(--space-1) * 130),calc(100vw - calc(var(--space-1) * 70)));aspect-ratio:520/294}.cabinet-room:has(.slots2){gap:calc(var(--space-1) * 5.5)}.slots2 .coin-value{font-size:2.4cqw}.slots2 .paytable{grid-template-columns:minmax(0,1fr);gap:.15cqw;padding:.6cqw 1cqw}}
@media(max-width:540px) and (min-height:501px){.slots2{width:100%;height:auto;aspect-ratio:520/294}.cabinet-room:has(.slots2){width:100%}}