/* Plinko styles picked on the parent page, all built on the Classic layout (controls | board | recent hits):
   1 Classic, 2 Tall, 3 Wide. Presentation only; the server path decides every result. */
.plinko-session{display:none}
.game-plinko #arena{position:relative}
.game-plinko .plinko-stage{padding-right:84px}
.game-plinko .history-strip{display:none}

/* Recent hits on the right, newest on top */
.plinko-hits{display:flex;flex-direction:column;gap:5px;position:absolute;z-index:4;top:14px;right:12px;bottom:14px;width:66px;overflow:hidden;mask-image:linear-gradient(#000 82%,transparent)}
.plinko-hits em{color:#7c7085;font-size:10px;font-weight:600;font-style:normal;text-align:center}
.plinko-hits .hit{flex:none;display:grid;place-items:center;height:30px;border-radius:8px;font:850 11px var(--font-geist-mono,ui-monospace),monospace;border:1px solid transparent}
.plinko-hits .hit-big{background:linear-gradient(135deg,#ffcf6b,#c58aff);color:#1b0f22;box-shadow:0 0 14px #c58aff55}
.plinko-hits .hit-good{background:#123526;border-color:#2f8f62;color:#57efa1}
.plinko-hits .hit-win{background:#102119;border-color:#25563f;color:#9ff0c6}
.plinko-hits .hit-loss{background:#1d1219;border-color:#3d2230;color:#e98aa0}
.plinko-hits .hit-new{animation:hit-in .35s cubic-bezier(.2,1.3,.4,1) both}
@keyframes hit-in{from{opacity:0;transform:translateY(-10px) scale(.8)}}

/* The ball: shaded, with a soft contact shadow; no trail */
.game-plinko .plinko-ball .ball-shadow{fill:#000;opacity:.28}
.game-plinko .plinko-ball .ball-shine{fill:#fffbe8;opacity:.85}

/* 1 Classic: clean square multiplier slots like Stake, coloured by payout in DonutRoyal purple to gold */
html[data-skin="1"] .game-plinko .plinko-ball .ball-core{filter:drop-shadow(0 0 4px #ffc85b88)}
html[data-skin="1"] .game-plinko #pegs circle{fill:#e7e1ef;stroke:none;r:2.6px}
html[data-skin="1"] .game-plinko #slots{gap:4px}
html[data-skin="1"] .game-plinko #slots>div{height:28px;flex-direction:row;gap:0;border-radius:4px;background:color-mix(in oklch,#ffcf4d calc(var(--heat) * 100%),#6a35d4);color:#fff;text-shadow:0 1px 1px #0006;font:900 clamp(8px,.85vw,11px)/1 var(--font-geist-mono,ui-monospace),monospace;box-shadow:0 3px 0 color-mix(in oklch,#a8742a calc(var(--heat) * 100%),#33197a)}
html[data-skin="1"] .game-plinko #slots small{font-size:inherit;line-height:1}

/* 2 Wide: a short, wide board with bold pegs, a violet ball and one joined bar of slots */
html[data-skin="2"] .game-plinko .plinko-stage{max-width:680px;padding-right:100px}
html[data-skin="2"] .game-plinko #pegs circle{fill:#b9a6d6;stroke:none;r:3.6px}
html[data-skin="2"] .game-plinko .plinko-ball .ball-core{fill:#b67cff;filter:drop-shadow(0 0 6px #b67cffaa)}
html[data-skin="2"] .game-plinko #slots{gap:0;border-radius:8px;overflow:hidden}
html[data-skin="2"] .game-plinko #slots>div{height:30px;border-radius:0;border-right:1px solid #0b0910;background:color-mix(in srgb,#f5c451 calc(var(--heat) * 100%),#2a2238);color:color-mix(in srgb,#1b1206 calc(var(--heat) * 100%),#d8cfe6);box-shadow:none}
html[data-skin="2"] .game-plinko #slots>div:last-child{border-right:0}
html[data-skin="2"] .game-plinko .plinko-hits{width:84px}
html[data-skin="2"] .game-plinko .plinko-hits .hit{height:38px;grid-template-rows:auto auto;gap:1px}
html[data-skin="2"] .game-plinko .plinko-hits .hit small{font-size:9px;opacity:.85}

/* 3 Original: today's live board, for comparison */
html[data-skin="3"] .game-plinko .plinko-ball .ball-core{filter:drop-shadow(0 0 4px #ffc85b88)}

/* Panel styles from the parent page (Classic / Soft / Sharp): one button style for everything in the panel */
.game-panel .controls :is([data-factor],[data-setting],[data-mode]){height:36px;min-height:36px;border-radius:9px;font-weight:800;font-size:12px}
html[data-game-chrome="2"] body .game-panel .controls{border-radius:22px!important;background:linear-gradient(180deg,#19121f,#100b15)!important;border-color:#33263f!important}
html[data-game-chrome="2"] body .game-panel .controls :is([data-factor],[data-setting],[data-mode]){border-radius:999px!important;border-color:transparent!important;background:#1b1424!important}
html[data-game-chrome="2"] .game-panel .controls #play{border-radius:14px;box-shadow:0 10px 26px #8b45e655}
html[data-game-chrome="3"] body .game-panel .controls{border-radius:6px!important;background:#0c0a0f!important;border-color:#26202c!important}
html[data-game-chrome="3"] body .game-panel .controls :is([data-factor],[data-setting],[data-mode]){border-radius:4px!important}
html[data-game-chrome="3"] .game-panel .controls #play{border-radius:4px;background:#7b3fe4}
html[data-game-chrome="3"] .game-panel #arena{border-radius:6px}
html[data-game-chrome="2"] .game-panel #arena{border-radius:22px}

/* Every original: one button style, a soft entrance and responsive tiles */
.game-panel .controls{border-radius:16px;background:#100c15;border:1px solid #2a2033}
.game-panel .controls #play{border-radius:12px;transition:transform .15s,filter .15s,box-shadow .2s}
.game-panel .controls #play:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 10px 26px #8b45e644}
.game-panel .controls #play:active:not(:disabled){transform:translateY(1px) scale(.99)}
.game-panel #arena{animation:orig-rise .35s ease-out both}
@keyframes orig-rise{from{opacity:0;transform:translateY(6px)}}
.game-panel :is([data-tile],[data-bet]){transition:transform .15s,filter .15s,box-shadow .2s}
.game-panel :is([data-tile],[data-bet]):hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.12);box-shadow:0 8px 20px #0008}
@media(prefers-reduced-motion:reduce){.game-panel #arena{animation:none}}
@media(max-width:760px){.game-plinko .plinko-stage,html[data-skin="2"] .game-plinko .plinko-stage{padding-right:10px}.plinko-hits{position:static;flex-direction:row;width:auto;padding:10px 10px 0;mask-image:linear-gradient(90deg,#000 82%,transparent)}.plinko-hits .hit{min-width:60px}}
@media(prefers-reduced-motion:reduce){.plinko-hits .hit-new{animation:none}}
/* Slot text is always crisp: white on the purple and pink slots, dark on the bright gold ones */
html[data-skin="1"] .game-plinko #slots>div.slot-hot{color:#1b1024;text-shadow:none}
html[data-skin="2"] .game-plinko #slots>div.slot-cool{color:#efe8f7}
html[data-skin="2"] .game-plinko #slots>div.slot-hot{color:#1b1206}