.item,body,html{font-family:monospace}#gameStart,.item,.title,h1{text-align:center}#app,#gameStart{max-width:368px;max-height:664px;bottom:0;right:0}body,html{margin:0;overflow:hidden;background:#4b4b4b;height:100%;width:100%;font-size:16px;user-select:none;-moz-user-select:none;-webkit-user-select:none;image-rendering:optimizespeed;image-rendering:pixelated}body.dead{filter:saturate(0) brightness(.6);transition:filter 2s;transition-timing-function:steps(5)}body::after,body::before{content:" ";opacity:0;top:0;position:absolute;width:100%;font-size:13vw;font-weight:700;background:#fff;text-align:center;transition:top 2s,opacity 2s;transition-timing-function:ease,ease;transition-timing-function:steps(5);box-shadow:0 2vw 3vw -3px #000}.dead::after{content:"GAME OVER";opacity:1;top:50%}.dead::before{content:attr(data-dead-text);font-size:4vw;opacity:1;top:50%;margin-top:16vw;z-index:1}#app,.ball-toy,.duck-toy{position:absolute;top:0;left:0}#app{background:url(background.png) center bottom #fff;background-size:cover;margin:auto;box-shadow:0 1vw 2vw 1vw #2b2b2b}#actionPad{position:absolute;bottom:0;width:100%;height:10%;display:flex}#actionPad .button{background:#fff;border:2px solid gray!important;margin:2px}.item{border:none;font-size:16px;flex:1;outline:0}div.item{padding:3% 1%}.item.disabled{color:#fff}.item::before{content:"";height:24px;width:24px;margin:auto;display:block;background:url(items.png) no-repeat;background-size:200%;vertical-align:middle}h1,p{margin:0}.item.disabled::before{background:0 0}#ball::before{background-position:0 0}#duck::before{background-position:0 50%}#bed::before{background-position:0 100%}#feed::before{background-position:100% 100%}#money::before{background-position:100% 50%}#food::before{background-position:100% 0}.ball-toy,.duck-toy{height:64px;width:64px;background-size:contain;background-repeat:no-repeat}.hidden{display:none}#signal #meter,#sound #meter{content:"";display:inline-block;width:100%;left:0}.duck-toy{background-image:url(duck.png)}.ball-toy{background-image:url(ball.png)}#signal,#sound{height:9%;margin:5px;background:#fff;width:4%;border:2px solid #4b4b4b;position:absolute;top:0}[disabled]{opacity:.5}#sound #meter{background:linear-gradient(90deg,#65c79f 50%,#35936c 50%);border-top:2px solid #4b4b4b;height:50%;position:absolute;bottom:0}#signal{left:6%}#signal #meter{background:linear-gradient(90deg,#6593c7 50%,#356193 50%);border-top:2px solid #4b4b4b;height:100%;position:absolute;bottom:0;transition:height 3s;transition-timing-function:steps(5)}h1{font-size:40px;color:#4b4b4b}p{line-height:1.5}.big{font-size:2em}#gameStart{background:url(background.png) center bottom #fff;background-size:cover;font-size:15px;position:absolute;top:0;left:0;margin:auto;display:flex;flex-direction:column;justify-content:space-around;padding:5px;box-sizing:border-box}#gameStart button{border:2px solid #933535;font-size:1.5em;width:75%;margin:15px auto;background:#c86464;color:#fff}.title{padding:5px;width:40%}.section{display:flex;background:#fff;border:2px solid #4b4b4b}.items{display:flex;justify-content:space-around;flex-grow:1;align-items:center;padding:5px 25px}.ball,.buzzard,.duck,.food,.sleep,.wifly{height:32px;width:32px;display:inline-block}.buzzard{background:url(buzzard.png) no-repeat;background-size:100%}.ball{background:url(ball.png) no-repeat;background-size:100%}.duck{background:url(duck.png) no-repeat;background-size:100%}.wifly{background:url(wiflies.png) no-repeat;background-size:200%}.food{background:url(reactions.png) no-repeat;background-size:100%;background-position-y:-224px}.sleep{background:url(reactions.png) no-repeat;background-size:100%;background-position-y:-96px}.f2{background-position-y:100%}.hl{background:#35936c;color:#fff;padding:1px 3px;border:1px solid #444}