/* Spot the Difference (all year) only. Everything else comes from ../shared/game.css. */
#screen{touch-action:manipulation;user-select:none;-webkit-user-select:none}
canvas#world{cursor:crosshair}
canvas#world:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
/* the clock bar: soft honey to sage; coral in the last ten seconds */
.progress-fill{background:linear-gradient(90deg,#f0b860,#f6d77a,#a8d88a);transition:width .2s linear}
.progress-fill.low{background:linear-gradient(90deg,#ef6f5f,#f59a8a)}
.spot-tools{grid-template-columns:1fr;max-width:360px;width:100%;margin:0 auto}
.spot-tools .tool{color:#f6dca8;border-color:#7a6448;padding:11px 6px}
.spot-tools .tool.wait{opacity:.55}
@media (max-height:500px){.spot-tools .tool{padding:6px}}