.plinko-page {max-width:960px;margin:0 auto;padding:24px 16px 52px;}
.plinko-page h1 {margin:0 0 24px;color:white;font-size:clamp(36px,6vw,76px);line-height:1.1;letter-spacing:-.045em;}
.plinko-game {display:grid;grid-template-columns:minmax(200px,1fr) minmax(0,3fr);gap:20px;}
.plinko-controls,.plinko-board {box-sizing:border-box;border:1px solid var(--garam-c-bbdef5,#bbdef5);border-radius:22px;padding:20px;background:var(--garam-c-f0f9ff,#f0f9ff);color:var(--garam-c-123c5c,#123c5c);}
.plinko-controls {display:flex;flex-direction:column;gap:12px;}
.plinko-controls p {margin:0;line-height:1.5;}
.plinko-controls input,.plinko-controls button {box-sizing:border-box;width:100%;padding:12px;border:1px solid var(--garam-c-bbdef5,#bbdef5);border-radius:10px;font:inherit;}
.plinko-controls button {background:var(--garam-theme-ui-accent,#087cce);color:white;font-weight:700;cursor:pointer;}
.plinko-controls button:disabled {opacity:.55;cursor:default;}
.plinko-board canvas {display:block;width:100%;height:auto;}
.plinko-slots {display:grid;grid-template-columns:repeat(var(--slot-count,17),minmax(0,1fr));gap:3px;text-align:center;font-size:clamp(7px,1.1vw,14px);font-weight:700;}
.plinko-slots span {padding:6px 0;border-radius:6px;background:var(--garam-c-bbdef5,#bbdef5);}
.plinko-slots .is-hit {background:var(--garam-theme-ui-accent,#087cce);color:white;}
@media(max-width:740px) {.plinko-game {grid-template-columns:1fr;}.plinko-page {padding:12px 9px 32px;}.plinko-board {padding:8px;}}
.plinko-controls input[type="checkbox"] {width:auto;}
.plinko-slots {margin-inline:calc(50% / (var(--slot-count,17) + 1));}

.plinko-currency {width:20px;height:20px;object-fit:contain;vertical-align:middle;}
.plinko-slots span,.plinko-history li {background:var(--payout-color);color:#241407;}
.plinko-slots .is-hit {background:var(--payout-color);color:#241407;box-shadow:inset 0 0 0 2px #241407;}
.plinko-history {display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:14px 0 0;padding:0;list-style:none;}
.plinko-history:empty {display:none;}
.plinko-history li {min-width:32px;padding:6px 8px;border-radius:5px;text-align:center;font-size:13px;font-weight:700;}

.plinko-mobile-history,.plinko-mobile-settings {display:none;}
@media(max-width:740px) {
    .plinko-mobile-history,.plinko-mobile-settings {display:block;}
    .plinko-mobile-history .plinko-history {
        display:grid;grid-template-columns:repeat(6,minmax(0,1fr));
        grid-template-rows:repeat(2,30px);margin:0;
    }
    .plinko-mobile-history .plinko-history li {box-sizing:border-box;min-width:0;}
}

.plinko-controls input[type="range"] {padding:0;accent-color:var(--garam-theme-ui-accent,#087cce);cursor:pointer;}
.plinko-controls input[type="range"]:disabled {cursor:default;}
.plinko-controls output {float:right;font-weight:700;}

.plinko-settings {display:grid;gap:12px;}
.plinko-mobile-settings input[type="range"] {width:100%;margin:0;accent-color:var(--garam-theme-ui-accent,#087cce);}
.plinko-settings output {float:right;font-weight:700;}