/* ----------------------------------------------------
 * 2014 IN-GAME CURSORS
 * cursor.css
 *
 * White arrow  = idle
 * Black arrow  = click (hovering a button, or any mouse
 *                button held down)
 *
 * The arrows themselves are drawn by cursor.js and handed
 * to this file through two CSS variables, so there are no
 * image files to lose:
 *
 *   --gb-cursor-idle
 *   --gb-cursor-click
 *
 * Every rule needs html.gb-game, which cursor.js only adds
 * on play.html. The website keeps its normal cursors.
 * ---------------------------------------------------- */

/* Idle: everywhere in the game. */
html.gb-game,
html.gb-game * {
    cursor: var(--gb-cursor-idle, default) !important;
}

/* Hovering something clickable. */
html.gb-game button,
html.gb-game a,
html.gb-game [role="button"],
html.gb-game .toolbarSlot,
html.gb-game #menuButton,
html.gb-game #gameMenu button,
html.gb-game #gbLoadingClose {
    cursor: var(--gb-cursor-click, pointer) !important;
}

/* Mouse button held down anywhere. */
html.gb-game.gb-down,
html.gb-game.gb-down * {
    cursor: var(--gb-cursor-click, pointer) !important;
}