.darkness{position:absolute;inset:23% 0 17%;z-index:3;pointer-events:none;background:radial-gradient(circle at var(--light-x,18%) var(--light-y,66%),transparent 0 11%,rgba(1,8,28,.2) 20%,rgba(1,7,25,.72) 50%);transition:background .25s}.piece{top:36%;left:calc(1% + var(--slot)*8%);width:10%;height:27%;transition:left 2.15s linear,top 2.15s ease-in-out,transform .16s}.piece.right{left:calc(73% + var(--col)*9.2%);top:calc(35% + var(--row)*16%)}.piece.selected{z-index:7}.piece.walking{z-index:8;top:48%;animation:walk-hop .28s ease-in-out infinite alternate}.piece.walking.to-right{left:76%}.piece.walking.to-left{left:25%}.piece.walking:nth-child(even){animation-delay:.14s}@keyframes walk-hop{to{transform:translateY(-7%) rotate(1.8deg)}}.sprite.extra{background-image:url(character-five-transparent.png);background-size:contain;background-position:center}.badge{width:36%;font-size:clamp(.8rem,2.2vw,1.35rem)}.flashlight{left:5%;width:22%;height:13%;z-index:9;transition:left 2.15s linear,top 2.15s ease-in-out}.flashlight.right{left:77%;top:64%}.flashlight.crossing-right{left:71%;top:49%}.flashlight.crossing-left{left:22%;top:49%}.lamp-life{position:absolute;z-index:12;left:2.2%;top:25.2%;display:flex;align-items:baseline;gap:.35em;padding:.55% 1.1%;border:2px solid #7bb5ff;border-radius:12px;background:#061d52df;text-shadow:0 2px 0 #000}.lamp-life small{font-size:clamp(.55rem,1.25vw,.85rem);font-weight:900}.lamp-life strong{font-size:clamp(1.15rem,3vw,2rem);color:#ffe235}.lamp-life span{font-size:clamp(.55rem,1.1vw,.75rem);font-weight:900}.lamp-life.danger strong{color:#ff5b35;animation:alarm .55s infinite alternate}@keyframes alarm{to{transform:scale(1.15)}}.sound{position:absolute;z-index:12;right:2.5%;top:25%;width:5.5%;aspect-ratio:1;border:3px solid #fff;border-radius:50%;background:#0b3b83;color:#fff;font-size:clamp(1rem,2.4vw,1.7rem);font-weight:900;cursor:pointer}.sound.muted{opacity:.55}.sound.muted::after{content:"×";position:absolute;inset:0;display:grid;place-items:center;color:#ffdb36;font-size:1.5em}