.plinko-stage{position:relative;aspect-ratio:1.15;border:1px solid #8770ae;border-radius:14px;overflow:hidden;background:radial-gradient(ellipse at 50% 25%,#63378066,transparent 70%),linear-gradient(#181329,#241632)}
.plinko-table-label{position:absolute;left:5%;top:3%;font-size:8px;letter-spacing:1px;color:#c8a7dc}
.plinko-pins{position:absolute;inset:0}
.plinko-pin{position:absolute;width:7px;height:7px;margin:-3.5px;background:#dfc4ff;border-radius:50%;box-shadow:0 0 7px #c791ff44}
.plinko-pin.plinko-traced{background:#ffe7a1;box-shadow:0 0 9px #ffd66b77}
.plinko-ball{position:absolute;left:50%;top:5%;width:15px;height:15px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 32% 25%,#fffbe9,#ffdd79 40%,#f59e3b);border:1px solid #fff2bd;box-shadow:0 0 13px #ffcc6388;z-index:2;will-change:left,top}
.plinko-pockets{position:absolute;left:5%;right:5%;top:87%;bottom:3%;display:grid;grid-template-columns:repeat(9,minmax(0,1fr))}
.plinko-pocket{display:grid;place-items:center;background:#50305e;border:1px solid #bf83cc66;border-bottom:3px solid #291732;border-radius:5px;color:#f5d9ff;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums;min-width:0;margin:0 1.5px}
.plinko-pocket:nth-child(1),.plinko-pocket:nth-child(9){background:#a83f6c;color:#fff0d2;border-color:#efb07d}
.plinko-pocket:nth-child(2),.plinko-pocket:nth-child(8){background:#814263}
.plinko-pocket.plinko-landed{background:#ffe18a;color:#392141;border-color:#fff6c8;box-shadow:0 0 16px #ffcd6977;transform:translateY(-3px)}
.plinko-outcome{text-align:center;font:700 18px var(--display);color:#f5d993;min-height:24px;margin:12px 0 0}

.blackjack-stage{padding:19px;border:1px solid #5d9d8588;border-radius:14px;background:radial-gradient(ellipse at 50% 40%,#245444,#18372f 58%,#122921);box-shadow:inset 0 0 0 5px #e6c5880c}
.blackjack-hand-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:1px;color:#b6d7c1;min-height:25px}
.blackjack-hand-heading strong{font:700 16px var(--display);color:#ffe3a1;letter-spacing:0}
.blackjack-hand{display:flex;align-items:center;flex-wrap:wrap;gap:7px;min-height:98px;padding:7px 0}
.blackjack-empty{font-size:12px;color:#96b9a5;width:100%;text-align:center;border:1px dashed #8fbd9d44;border-radius:8px;padding:30px 10px}
.blackjack-card{position:relative;display:inline-block;width:62px;height:88px;flex:0 0 62px;border-radius:6px;background:linear-gradient(135deg,#fffbef,#e7e4d8);color:#231e2c;box-shadow:0 3px 7px #06171166;border:1px solid #fff9df;transform-origin:center;overflow:hidden}
.blackjack-card.blackjack-red{color:#af2942}
.blackjack-corner{position:absolute;left:5px;top:4px;font:800 15px/1 var(--body);text-align:center}
.blackjack-corner small{display:block;font-size:12px;margin-top:2px}
.blackjack-corner.blackjack-bottom{left:auto;top:auto;right:5px;bottom:4px;transform:rotate(180deg)}
.blackjack-suit{position:absolute;inset:0;display:grid;place-items:center;font-size:32px}
.blackjack-card.blackjack-back{display:grid;place-items:center;border:3px solid #e8dfc1;background:repeating-linear-gradient(45deg,#6e498a 0 3px,#523561 3px 6px)}
.blackjack-back b{display:grid;place-items:center;background:#382747cc;border:1px solid #dec284;border-radius:50%;width:38px;height:38px;font-size:24px}
.blackjack-table-mark{text-align:center;color:#afc2a977;font:800 18px var(--display);letter-spacing:4px;padding:5px 0 12px}
.blackjack-table-mark>span{color:#e5c987aa;font-size:27px;letter-spacing:0}
.blackjack-table-mark small{display:block;font:9px var(--body);letter-spacing:1.3px;margin-top:4px}
.blackjack-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}
.blackjack-actions button{min-height:43px;padding:9px 5px;background:#d6b573;color:#241d1d;border:1px solid #f5d89c;border-bottom:3px solid #8d784c;border-radius:7px;font:800 12px var(--body)}
.blackjack-actions button:last-child{background:#2f5849;color:#e4efd7;border-color:#7eab8d}
.blackjack-actions button:hover:not(:disabled){filter:brightness(1.12)}
.blackjack-actions button:disabled{opacity:.4;cursor:not-allowed}
.blackjack-actions button:focus-visible{outline:3px solid #fff1b9;outline-offset:3px}
.blackjack-turn{min-height:33px;margin:12px 0 0;text-align:center;font-size:12px;line-height:1.5;color:#d3e6d5}

.roulette-stage{border:1px solid #b48a5b77;border-radius:14px;padding:10px 12px 16px;background:radial-gradient(ellipse at 50% 40%,#623e5066,#1b1228 72%)}
.roulette-wheel-wrap{position:relative;width:min(100%,350px);aspect-ratio:1;margin:0 auto}
.roulette-wheel{display:block;width:100%;height:100%;transform-origin:50% 50%;will-change:transform;filter:drop-shadow(0 6px 9px #09061099)}
.roulette-wheel text{font:700 12px var(--body);fill:#fff4e0;text-anchor:middle;dominant-baseline:middle}
.roulette-sector{stroke:#c69b5b66;stroke-width:.7}
.roulette-sector.roulette-red{fill:#a53450}.roulette-sector.roulette-black{fill:#282033}.roulette-sector.roulette-green{fill:#237957}
.roulette-rim{fill:#342337;stroke:#c8a36a;stroke-width:9}
.roulette-inner-ring{fill:#ae8349;stroke:#efce8b;stroke-width:2}
.roulette-center{fill:#37263e;stroke:#7c573a;stroke-width:6}
.roulette-spokes{stroke:#b08b5688;stroke-width:7;stroke-linecap:round;fill:none;transform:rotate(45deg);transform-origin:200px 200px}
.roulette-center-disc{fill:#22172b;stroke:#c9a66c;stroke-width:3}
.roulette-hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:37px;line-height:1;filter:drop-shadow(0 3px 4px #0007)}
.roulette-pointer{position:absolute;left:50%;top:-2px;transform:translateX(-50%);font-size:clamp(20px,5vw,30px);line-height:1;color:#ffe093;text-shadow:0 2px 2px #382111,0 0 10px #f8d99144;z-index:2}
.roulette-outcome{font:700 20px var(--display);color:#f3d598;text-align:center;margin:8px 0 0;min-height:25px}
.roulette-picker{padding:0;border:0;margin:0 0 17px;min-width:0}
.roulette-picker legend{font-size:13px;color:#cbb7db;margin-bottom:9px}
.roulette-picker>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.roulette-choice{font-size:12px;background:#47304e;color:#eadcf1;min-height:55px}
.roulette-choice.roulette-red{background:#97354d}.roulette-choice.roulette-black{background:#201a2b;border-color:#614e6b}
.roulette-choice.roulette-zero{background:#226346;grid-column:1/-1;min-height:43px;display:flex;align-items:center;justify-content:center;gap:10px}
.roulette-choice.roulette-zero b{margin:0}
.roulette-choice.selected{border-color:#ffec9d}
.roulette-choice:focus-visible{outline:3px solid #fff1b9;outline-offset:3px}

@media(max-width:650px){.plinko-stage{aspect-ratio:1.1}.plinko-pocket{font-size:11px}.plinko-table-label{font-size:8px;letter-spacing:1px}.plinko-outcome{font-size:16px}.blackjack-stage{padding:15px}.blackjack-card{width:57px;height:80px;flex-basis:57px}.blackjack-hand{min-height:90px;gap:6px}.blackjack-hand-heading strong{font-size:15px}.blackjack-actions button{min-height:46px}.roulette-wheel-wrap{max-width:300px}.roulette-outcome{font-size:19px}.roulette-picker>div{grid-template-columns:repeat(4,minmax(0,1fr))}.roulette-choice{font-size:11px;min-height:57px}.roulette-choice.roulette-zero{grid-column:1/-1}.roulette-hub{font-size:33px}}
@media(max-width:390px){.plinko-pocket{font-size:10px;margin:0 1px}.blackjack-card{width:52px;height:76px;flex-basis:52px}.blackjack-hand{gap:5px}.blackjack-hand-heading{font-size:9px}.blackjack-table-mark small{font-size:8px}.roulette-outcome{font-size:17px}}