/* Halloween Maze only. Everything else comes from ../shared/game.css. */
#screen{touch-action:none;user-select:none;-webkit-user-select:none}          /* swipes steer, never scroll */
canvas#world:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
/* the clock bar: pumpkin orange to moon gold; red-pink in the last five seconds */
.progress-fill{background:linear-gradient(90deg,#ff7a1a,#ffb347,#ffd60a);transition:width .2s linear}
.progress-fill.low{background:linear-gradient(90deg,#ff2e63,#ff6f8f)}
/* the on-screen pad shows on touch screens and narrow windows; with a mouse you can click the maze instead */
.dpad{display:none}
@media (pointer:coarse),(max-width:700px){.dpad{display:grid}.dir{padding:13px 6px}}