/* Mahjong Connect only. The HINT / SHUFFLE buttons (.tools) and everything else come from ../shared/game.css. */
#screen{touch-action:manipulation;user-select:none;-webkit-user-select:none}
canvas#world{cursor:pointer}
canvas#world:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
/* the clock bar: bamboo green to lantern gold; red-pink in the last ten seconds */
.progress-fill{background:linear-gradient(90deg,#2fae5a,#8fd65a,#ffd23a);transition:width .2s linear}
.progress-fill.low{background:linear-gradient(90deg,#ff2e63,#ff6f8f)}
.mc-tools .tool{color:#bff0a8;border-color:#3f7a4a}
.mc-tools .tool.wait{opacity:.55}
@media (max-height:500px){.mc-tools .tool{padding:6px}}