/* corrida do Trick or Treat */
.arena.rn{padding:0;overflow:hidden;touch-action:none}
.arena.rn canvas{position:absolute;inset:0;display:block}
.rnhud{position:absolute;left:12px;right:12px;top:10px;display:flex;justify-content:space-between;z-index:3;pointer-events:none}
.rnc,.rnx{font-family:var(--f-comic);font-size:24px;letter-spacing:.04em;color:#FFD23F;text-shadow:2px 2px 0 #0B0910,-1px -1px 0 #0B0910}
.rnx{color:#9BE84A}
.rnmsg{position:absolute;left:10px;right:10px;top:22%;text-align:center;font-family:var(--f-comic);font-size:34px;letter-spacing:.03em;text-shadow:3px 3px 0 #0B0910,-1px -1px 0 #0B0910;opacity:0;pointer-events:none;z-index:4}
.rnmsg.on{animation:ctmsg 1.3s ease-out forwards}
.rngoo{position:absolute;inset:0;pointer-events:none;z-index:3;opacity:0;background:radial-gradient(circle at 30% 30%,rgba(155,232,74,.85) 0 12%,transparent 13%),radial-gradient(circle at 70% 45%,rgba(155,232,74,.8) 0 15%,transparent 16%),radial-gradient(circle at 45% 70%,rgba(155,232,74,.75) 0 10%,transparent 11%)}
.rngoo.on{animation:goo 2.4s ease-out forwards}@keyframes goo{0%{opacity:1}75%{opacity:.9}100%{opacity:0}}
.rnhelp{position:absolute;left:16px;right:16px;bottom:calc(20px + var(--sab));text-align:center;font-weight:900;font-size:14px;color:#fff;background:rgba(0,0,0,.55);border-radius:14px;padding:10px;z-index:4;transition:opacity .4s;pointer-events:none}
.rnhelp.off{opacity:0}