.flippers-page .mini-panel { background: radial-gradient(circle at 50% 0, #59412288, transparent 55%), linear-gradient(145deg, #273b2b, #0c1d15); }
.flippers-page .mini-stage { min-height: 0; }
.flippers-page .mini-canvas { width: auto; max-width: 100%; height: 100%; max-height: 100%; border: 2px solid #d8b660; background: #122019; box-shadow: 0 0 24px #dfbd6133, 0 12px 28px #0007; }
.flippers-controls { flex-wrap: nowrap; gap: 8px; }
.flippers-controls button { min-width: 0; min-height: 54px; padding: 8px 12px; border: 1px solid #d8b660; border-radius: 14px; background: #25442d; color: #f2d98f; font-size: 12px; font-weight: 800; touch-action: none; user-select: none; }
.flippers-controls button:active, .flippers-controls button.is-down { background: #6c542b; color: #fff3bf; box-shadow: inset 0 2px 8px #0006; }
.flippers-controls #launchBall { background: #b88a38; color: #122019; }
.flippers-controls #launchBall:disabled { opacity: .5; }
@media (max-width: 420px) { .flippers-controls button { min-height: 50px; padding: 7px 9px; font-size: 10px; } .flippers-page .mini-feedback { font-size: 12px; } }