.goldot-rover-spin { max-width:600px; margin:0 auto; color:#222; font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.goldot-rover-spin * { box-sizing:border-box; }
.goldot-rover-spin__stage { width:100%; aspect-ratio:1; border:1px solid #e5e5e5; border-radius:8px; background:#fff; cursor:grab; touch-action:pan-y; }
.goldot-rover-spin__stage:active { cursor:grabbing; }
.goldot-rover-spin__stage img { display:block; width:100%; height:100%; max-width:100%; object-fit:contain; border-radius:inherit; user-select:none; }
.goldot-rover-spin__controls { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:12px; margin-top:16px; }
.goldot-rover-spin__controls[hidden] { display:none; }
.goldot-rover-spin__controls button { min-height:48px; padding:10px 18px; border:1px solid #845000; border-radius:6px; background:#f39c12; color:#111 !important; font:700 16px/1.4 system-ui,sans-serif; cursor:pointer; }
.goldot-rover-spin__controls button:hover { background:#ffc66c; }
.goldot-rover-spin__controls button:focus-visible,.goldot-rover-spin__stage:focus-visible { outline:3px solid #1263ad; outline-offset:4px; }
.goldot-rover-spin__count { min-width:64px; color:#222; text-align:center; }
.goldot-rover-spin__status { min-height:1.6em; margin:10px 0 0; color:#505050; font-size:15px; line-height:1.6; }