/* Plinko: give the board the stage, keep controls directly beneath it. */
.game-page:has(#board[aria-label*="Plinko"]) .split{max-width:1060px;margin:auto;display:flex;flex-direction:column;gap:12px}
.game-page:has(#board[aria-label*="Plinko"]) .split>aside.card:has(canvas){order:1;padding:18px;border-color:#38453b;background:radial-gradient(ellipse at 50% 28%,#24372c,#101615 72%)}
.game-page:has(#board[aria-label*="Plinko"]) #board{width:min(100%,700px);max-height:620px;margin:8px auto;border:1px solid #425440;border-radius:12px;background:radial-gradient(ellipse at 50% 25%,#17251e,#090e0c);box-shadow:inset 0 0 36px #0008,0 18px 34px #0008}
.game-page:has(#board[aria-label*="Plinko"]) .split>section.card{order:2;display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px 14px;padding:14px;border-color:#354138;background:linear-gradient(145deg,#141c17,#0c110f)}
.game-page:has(#board[aria-label*="Plinko"]) .split>section.card>.notice,.game-page:has(#board[aria-label*="Plinko"]) .split>section.card>form{grid-column:1/-1}
.game-page:has(#board[aria-label*="Plinko"]) .split>section.card>form{grid-template-columns:180px minmax(0,1fr);padding:12px;background:#0a100d}
.game-page:has(#board[aria-label*="Plinko"]) .split>section.card>form .actions{display:flex;gap:8px;align-items:center}
@media(max-width:600px){.game-page:has(#board[aria-label*="Plinko"]) #board{max-height:none}.game-page:has(#board[aria-label*="Plinko"]) .split>section.card>form{grid-template-columns:1fr}.game-page:has(#board[aria-label*="Plinko"]) .split>section.card>form .actions{grid-column:1;flex-wrap:wrap}}