.machine{--cab: #b3261e;--plate: #f6e7bf;--glass: #fbf6ea;--led: #ff5a36;--panel: #171410;--key: #f1e8d6;--key-depth: #a2967f;--spin: #f2c62b;--spin-depth: #a67c10;--kink: #221f1a;position: relative;max-width: 560px;margin-inline: auto;padding: 12px 12px 14px;border-radius: 30px 30px 14px 14px;background: linear-gradient(180deg,color-mix(in srgb,var(--cab) 78%,white),var(--cab) 16%,var(--cab) 72%,color-mix(in srgb,var(--cab) 70%,black));box-shadow: inset 0 2px 0 rgb(255 255 255 / 0.3),inset 0 -5px 0 rgb(0 0 0 / 0.25),0 22px 34px -22px rgb(0 0 0 / 0.8);color: var(--plate);-webkit-user-select: none;user-select: none;touch-action: manipulation;-webkit-tap-highlight-color: transparent}.m-tuplaseiska{--cab: #b3261e;--plate: #f6e7bf;--cell: 0.7;max-width: 500px}.m-tulikuuma{--cell: 0.86;--cab: #2a2420;--plate: #f29a2e;--led: #ffb22e;--spin: #f29a2e;--spin-depth: #9c5410;max-width: 780px}.m-marjamyrsky{--cab: #24553a;--plate: #f1e7c9;--led: #9ef06a;--spin: #f2a33a;--spin-depth: #9d5f10;max-width: 600px}.m-messinki{--cab: #16474b;--plate: #d9b45c;--led: #ffb84d;--spin: #d9b45c;--spin-depth: #8a6a1c;max-width: 470px}.m-kirjokansi{--cell: 0.86;--cab: #1f2c55;--plate: #e9c46a;--led: #ffcf5a;--spin: #e9c46a;--spin-depth: #8f6d1c;max-width: 780px}@media (max-width: 560px){.machine{margin-inline: calc(var(--gutter) * -1 + 6px);padding: 8px 8px 10px;border-radius: 22px 22px 10px 10px}}.cab-head{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 4px 12px;padding: 4px 8px 10px}.cab-plate{padding: 4px 20px;border: 2px solid var(--kink);border-radius: 999px;background: var(--plate);box-shadow: 0 3px 0 rgb(0 0 0 / 0.35);color: var(--kink);font: 700 clamp(1.15rem,0.95rem + 1vw,1.55rem)/1.15 var(--display);font-stretch: 87.5%;letter-spacing: 0.08em;text-transform: uppercase}.cab-sub{font: 600 0.8rem/1 var(--display);letter-spacing: 0.12em;text-transform: uppercase}.glass{position: relative;display: flex;align-items: stretch;gap: 5px;padding: 7px;border-radius: 12px;background: linear-gradient(180deg,#e2e2de,#8c8c86 46%,#c9c9c4 54%,#74746c);box-shadow: inset 0 1px 0 #fff,0 2px 0 rgb(0 0 0 / 0.4)}.reels{position: relative;flex: 1;min-width: 0;display: grid;grid-template-columns: repeat(var(--reels),minmax(0,1fr));gap: 4px;padding: 4px;aspect-ratio: var(--reels) / calc(var(--rows) * var(--cell,1));border-radius: 6px;background: #24201c}.reel{position: relative;overflow: hidden;border-radius: 3px;background: var(--glass);container-type: size}.reel::after{content: '';position: absolute;inset: 0;pointer-events: none;background: linear-gradient(180deg,rgb(0 0 0 / 0.32),transparent 20%,transparent 80%,rgb(0 0 0 / 0.32))}.track{transform: translateY(calc(-100cqh / var(--rows)))}.cell{display: grid;place-items: center;height: calc(100cqh / var(--rows))}.cell svg{width: 84%;height: 84%}.reels.has-win .cell{opacity: 0.36;transition: opacity 0.2s}.reels.has-win .cell.is-win{opacity: 1;background: radial-gradient(circle,rgb(255 226 120 / 0.85),transparent 68%)}.reels.has-win .cell.is-win svg{animation: win-pulse 0.9s ease-in-out infinite}@keyframes win-pulse{50%{transform: scale(1.1)}}.reel.is-held{box-shadow: inset 0 0 0 3px var(--spin)}.reel.is-held::before{content: 'Lukittu';position: absolute;left: 50%;bottom: 6px;z-index: 2;translate: -50% 0;padding: 2px 8px;border-radius: 999px;background: var(--spin);color: var(--kink);font: 700 0.7rem/1.4 var(--display);letter-spacing: 0.08em;text-transform: uppercase}.paylines{position: absolute;inset: 4px;width: calc(100% - 8px);height: calc(100% - 8px);overflow: visible;pointer-events: none}.pl{fill: none;stroke-width: 4;stroke-linecap: round;stroke-linejoin: round;opacity: 0}.pl.on{opacity: 0.92}.line-tabs{display: grid;grid-template-rows: repeat(3,1fr);padding-block: 4px}.tab-row{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 3px}.tab{width: 22px;border-radius: 4px;background: var(--c);box-shadow: 0 1px 0 rgb(0 0 0 / 0.45);color: var(--kink);font: 700 0.72rem/17px var(--display);text-align: center}@media (max-width: 600px){.m-tulikuuma .line-tabs,.m-kirjokansi .line-tabs{display: none}}.holds{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 8px;margin-top: 12px;padding-inline: 34px}.key-hold{font-size: 0.8rem}.meters{display: grid;grid-template-columns: 1.7fr 1fr 1.35fr;gap: 10px;margin-top: 12px;padding: 8px 10px 9px;border-radius: 8px;background: var(--panel);box-shadow: inset 0 2px 7px rgb(0 0 0 / 0.7)}.meters-4{grid-template-columns: 1.7fr 1fr 1.2fr 1.2fr}.meter{display: flex;flex-direction: column;gap: 5px;min-width: 0}.meter-label{color: #b7ad9c;font: 600 0.66rem/1 var(--display);letter-spacing: 0.14em;text-transform: uppercase}.seg-svg{width: 100%;height: auto;max-height: 32px;filter: drop-shadow(0 0 3px color-mix(in srgb,var(--led) 55%,transparent))}.seg-svg polygon{fill: color-mix(in srgb,var(--led) 11%,transparent)}.seg-svg polygon.on{fill: var(--led)}.deck{display: flex;align-items: stretch;gap: 10px;margin-top: 14px}.deck-keys{display: flex;flex: 1;flex-wrap: wrap;gap: 7px}.key{min-width: 44px;min-height: 44px;padding: 0 10px;border: 2px solid var(--kink);border-radius: 10px;background: var(--key);box-shadow: 0 4px 0 var(--key-depth),0 5px 0 var(--kink);color: var(--kink);font: 700 0.86rem/1 var(--display);font-stretch: 87.5%;letter-spacing: 0.06em;text-transform: uppercase;cursor: pointer;transition: transform 0.06s,box-shadow 0.06s,background-color 0.15s}.key:hover:not(:disabled){background: color-mix(in srgb,var(--key) 88%,white)}.key:active:not(:disabled){transform: translateY(3px);box-shadow: 0 1px 0 var(--key-depth),0 2px 0 var(--kink)}.key:disabled{cursor: default;opacity: 0.42}.key[aria-pressed='true']{transform: translateY(3px);background: #ffd95a;box-shadow: inset 0 2px 4px rgb(0 0 0 / 0.3),0 1px 0 var(--key-depth),0 2px 0 var(--kink)}.key-sq{width: 44px;padding: 0;font-size: 1.4rem}.key-spin{--key: var(--spin);--key-depth: var(--spin-depth);min-width: 112px;min-height: 56px;font-size: 1.3rem}.is-busy .key-spin{--key: color-mix(in srgb,var(--spin) 75%,white)}@media (max-width: 560px){.deck{flex-direction: column}.deck-keys{justify-content: space-between}.deck-keys .key-toggle{flex: 1;padding: 0 6px}.key-spin{width: 100%}}.ticker{display: flex;align-items: center;justify-content: space-between;gap: 10px;min-height: 46px;margin-top: 12px;padding: 6px 10px;border-radius: 6px;background: rgb(0 0 0 / 0.24)}.ticker-msg{margin: 0;font-size: 0.95rem;line-height: 1.3}.ticker-refill{flex: none;min-height: 36px;padding: 0 12px;border: 2px solid var(--kink);border-radius: 8px;background: var(--spin);color: var(--kink);font: 700 0.85rem/1 var(--display);letter-spacing: 0.05em;text-transform: uppercase;cursor: pointer}.noscript{margin: 8px 0 0;font-weight: 600}.is-broken .deck,.is-broken .holds{opacity: 0.4;pointer-events: none}.overlay{position: absolute;inset: 0;z-index: 3;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 10px;padding: 12px;border-radius: 12px;background: rgb(23 20 16 / 0.93);animation: overlay-in 0.2s ease both}.overlay[hidden]{display: none}@keyframes overlay-in{from{opacity: 0;transform: scale(0.97)}}.overlay-title{margin: 0;color: var(--plate);font: 700 1.5rem/1 var(--display);letter-spacing: 0.12em;text-transform: uppercase}.coin-window{position: relative;width: min(100%,340px);height: 72px;overflow: hidden;border-radius: 8px;background: #2b2621;box-shadow: inset 0 0 0 2px #000}.coin-window::before,.coin-window::after{content: '';position: absolute;left: 50%;z-index: 1;translate: -50% 0;border: 8px solid transparent}.coin-window::before{top: 0;border-top-color: var(--spin)}.coin-window::after{bottom: 0;border-bottom-color: var(--spin)}.coin-strip{display: flex;align-items: center;height: 100%;will-change: transform}.coin{flex: 0 0 60px;height: 60px;padding: 4px}.coin svg{width: 100%;height: 100%}.coin.is-picked svg{filter: drop-shadow(0 0 6px #ffd95a)}.gamble-stake{margin: 0;min-height: 1.3em;font-variant-numeric: tabular-nums}.gamble-keys{display: grid;grid-template-columns: 1fr 1fr;gap: 10px;width: min(100%,340px)}.key-choice{min-height: 52px;font-size: 1.15rem}.coin-history{display: flex;gap: 4px;min-height: 24px;margin: 0;padding: 0;list-style: none}.coin-history svg{width: 24px;height: 24px}.bigwin{position: absolute;inset: 0;z-index: 4;display: grid;place-content: center;gap: 6px;pointer-events: none;text-align: center;animation: bigwin-in 0.4s cubic-bezier(0.2,1.5,0.4,1) both}.bigwin.is-out{animation: bigwin-out 0.3s ease both}.bigwin-label,.bigwin-amount{font-family: var(--display);font-weight: 700;line-height: 1;paint-order: stroke fill;-webkit-text-stroke: 6px var(--kink);text-transform: uppercase}.bigwin-label{color: #ffd95a;font-size: clamp(1.6rem,1rem + 3vw,3rem);letter-spacing: 0.06em}.bigwin-amount{color: #fff;font-size: clamp(2.2rem,1.2rem + 4.5vw,4.4rem);font-variant-numeric: tabular-nums}@keyframes bigwin-in{from{opacity: 0;transform: scale(0.6)}}@keyframes bigwin-out{to{opacity: 0;transform: scale(1.1)}}@media (prefers-reduced-motion: reduce){.reels.has-win .cell.is-win svg{animation: none}}.pl.peek{opacity: 0.92}.tab{cursor: help}.cab-info{min-height: 28px;padding: 0 12px;border: 2px solid var(--plate);border-radius: 999px;background: transparent;color: var(--plate);font: 700 0.75rem/1 var(--display);letter-spacing: 0.1em;text-transform: uppercase;cursor: pointer}.cab-info:hover,.cab-info[aria-expanded='true']{background: var(--plate);color: var(--kink)}.lines-overlay{z-index: 6;justify-content: flex-start;gap: 14px;padding: 22px 16px 18px;overflow-y: auto;border-radius: inherit;background: rgb(23 20 16 / 0.96)}.lines-overlay .line-list{width: min(100%,600px);grid-template-columns: repeat(auto-fill,minmax(118px,1fr))}.lines-overlay .line-list svg{max-width: 92px}.lines-overlay .line-list rect{fill: rgb(255 255 255 / 0.1)}.lines-overlay .line-list rect.on{fill: var(--c)}.lines-overlay .line-list polyline{stroke: #fff}.lines-note{max-width: 40ch;margin: 0;font-size: 0.92rem;text-align: center}.grid{position: relative;flex: 1;aspect-ratio: 1;overflow: hidden;border-radius: 6px;background: linear-gradient(90deg,rgb(0 0 0 / 0.045) 50%,transparent 0) 0 0 / calc(200% / var(--cols)) 100%,#f7f0de;box-shadow: inset 0 0 0 4px #24201c}.is-free .grid{background: linear-gradient(90deg,rgb(255 255 255 / 0.04) 50%,transparent 0) 0 0 / calc(200% / var(--cols)) 100%,#2c3a4a}.spots,.gems,.labels{position: absolute;inset: 4px}.gem,.spot{position: absolute;left: 0;top: 0;width: calc(100% / var(--cols));height: calc(100% / var(--rows));transform: translate(calc(var(--x) * 100%),calc(var(--y) * 100%))}.gem svg{width: 88%;height: 88%;margin: 6%}.grid.has-win .gem:not(.is-win){opacity: 0.4;transition: opacity 0.15s}.gem.is-win svg{animation: win-pulse 0.6s ease-in-out infinite;filter: drop-shadow(0 0 5px #fff6c2)}.spot{display: grid;place-items: center}.spot.s1{background: radial-gradient(circle at 50% 55%,rgb(150 30 80 / 0.22),rgb(150 30 80 / 0.12) 55%,transparent 72%)}.spot.s2,.spot.s3{background: radial-gradient(circle,rgb(200 40 90 / 0.5),rgb(200 40 90 / 0.25) 60%,transparent 75%)}.spot.s4,.spot.s5{background: radial-gradient(circle,rgb(150 30 160 / 0.6),rgb(150 30 160 / 0.3) 60%,transparent 75%)}.spot.s6,.spot.s7,.spot.s8{background: radial-gradient(circle,rgb(240 160 30 / 0.75),rgb(240 160 30 / 0.35) 60%,transparent 76%)}.spot span{z-index: 1;align-self: end;margin-bottom: 4%;padding: 0 4px;border-radius: 999px;background: #221f1a;color: #fff6d8;font: 700 clamp(0.55rem,0.4rem + 0.6vw,0.8rem)/1.35 var(--display)}.spot span:empty{display: none}.labels{pointer-events: none}.win-label{position: absolute;translate: -50% -50%;padding: 2px 9px;border: 2px solid #221f1a;border-radius: 999px;background: #ffd95a;color: #221f1a;font: 700 clamp(0.85rem,0.7rem + 0.6vw,1.15rem)/1.2 var(--display);white-space: nowrap;animation: label-in 0.25s cubic-bezier(0.2,1.6,0.4,1) both}@keyframes label-in{from{opacity: 0;scale: 0.5}}.fs-overlay .fs-text{max-width: 30ch;margin: 0;text-align: center}.fs-bar{display: flex;justify-content: space-between;gap: 10px;margin-top: 10px;padding: 7px 12px;border-radius: 6px;background: #ffd95a;color: #221f1a;font: 600 0.95rem/1.2 var(--display);letter-spacing: 0.03em}.fs-bar[hidden]{display: none}.reel.is-tease{box-shadow: inset 0 0 0 3px var(--spin);animation: tease 0.5s ease-in-out infinite alternate}@keyframes tease{to{box-shadow: inset 0 0 0 3px var(--spin),inset 0 0 22px var(--spin)}}.board-glass{padding: 6px}.board{width: 100%;height: auto;border-radius: 8px;touch-action: pan-y;cursor: pointer}@media (max-width: 719px){.board{width: min(100%,calc((100svh - 210px) * 320 / 540));margin-inline: auto}.pajatso-side{display: flex;flex-direction: column}.deck-pajatso{order: -1;margin-top: 10px}}.pin{fill: #d4ad4a;stroke: #2a1f0a;stroke-width: 1}.pin.ruby{fill: #b3261e;stroke: #f2c6bd;stroke-width: 0.8}.cup.flash path,.cup.flash rect:first-child{animation: cup-flash 0.7s ease-out}@keyframes cup-flash{30%{fill: #ffd95a;stroke: #fff}}.cup-label{fill: #efe3c4;font: 700 11px var(--display);letter-spacing: 0.04em;text-anchor: middle;text-transform: uppercase}.maker{fill: #2a1f0a;font: 700 11.5px var(--display);letter-spacing: 0.32em;text-anchor: middle;text-transform: uppercase}.ressu ellipse{fill: transparent}.ressu ellipse.on{fill: #d9b24c;stroke: #6e5316;stroke-width: 0.8}.coin-g circle{fill: #d9b24c;stroke: #5e4512;stroke-width: 1.4}.coin-g .coin-in{fill: none;stroke: #f5dc8a;stroke-width: 1}.coin-g.is-caught{animation: caught 0.7s ease-in forwards}@keyframes caught{60%{opacity: 1}to{opacity: 0}}.plunger{fill: #b8902e;stroke: #221f1a;stroke-width: 1.5;transition: transform 0.08s}.power{fill: #ffd95a}.key-strike.is-charging{transform: translateY(3px);background: #ffe68a;box-shadow: 0 1px 0 var(--key-depth),0 2px 0 var(--kink)}.meters-2x2{grid-template-columns: 1.6fr 1fr}.deck-pajatso{flex-direction: column}.deck-pajatso .deck-keys{justify-content: flex-start}.key-strike{width: 100%;min-height: 64px;touch-action: none}@media (min-width: 720px){.m-messinki{display: grid;grid-template-columns: minmax(0,1fr) 230px;grid-template-rows: auto 1fr;column-gap: 14px;max-width: 700px}.m-messinki .cab-head{grid-column: 1 / -1}.m-messinki .pajatso-side{display: flex;flex-direction: column}.m-messinki .meters{margin-top: 0;grid-template-columns: 1fr}.m-messinki .ticker{flex: 1;align-items: flex-start}}.reel.is-expanded{box-shadow: inset 0 0 0 3px var(--plate);background: #fff4cf}.pick{width: clamp(84px,22vw,130px);aspect-ratio: 1}.pick[hidden]{display: none}.pick svg{width: 100%;height: 100%}.pick.is-picked svg{animation: win-pulse 0.7s ease-in-out infinite;filter: drop-shadow(0 0 10px var(--plate))}.fs-special{display: inline-block;width: 22px;height: 22px;margin: -4px 0}.fs-bar span:first-child:not(.fs-special){margin-right: auto}.m-kirjokansi.is-free .reel{background: #f1e7c9}.m-kirjokansi .fs-bar{align-items: center;background: var(--plate)}