/* Halloween Hidden Object 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: pumpkin orange to moon gold; red-pink in the last ten seconds */
.progress-fill{background:linear-gradient(90deg,#ff7a1a,#ffb347,#ffd60a);transition:width .2s linear}
.progress-fill.low{background:linear-gradient(90deg,#ff2e63,#ff6f8f)}
.ho-tools{grid-template-columns:1fr;max-width:360px;width:100%;margin:0 auto}
.ho-tools .tool{color:#ffd27a;border-color:#6a4a9a;padding:11px 6px}
.ho-tools .tool.wait{opacity:.55}
@media (max-height:500px){.ho-tools .tool{padding:6px}}