*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;background-color:#000;color:#fff;--button-size: min(calc((100vw - 2rem) / 3), calc((750px - 2rem) / 3), calc((100vh - 6rem) / 3))}.game{max-width:750px;margin:0 auto;color:#fff}.game-meta{width:100%;height:4rem;display:flex;justify-content:space-between;align-items:center;font-size:2rem;font-weight:700;padding:0 1rem}.start-screen{padding:1rem;text-align:center;max-height:calc(100vh - 4rem);overflow:auto}.start-screen h1,.start-screen p,.start-screen button{margin-bottom:1rem}.start-screen ul{margin-left:2rem;text-align:left}.start-screen a{color:#ff0}.start-screen .score{font-size:2rem}.start-screen .score strong{color:#ff0}.start-screen .warning{color:red;border:solid 2px #ff0000;background:#fff;padding:.5rem;font-weight:700}.start-screen button{display:block;width:100%;font-size:1rem;padding:.5rem}.game-board{display:grid;grid-template-columns:repeat(3,var(--button-size));grid-template-rows:repeat(3,var(--button-size));gap:.5rem;padding:.5rem;width:calc(var(--button-size) * 3 + 2rem);margin:auto;margin-top:calc((100vh - 4rem - (var(--button-size) * 3 + 2rem)) / 2)}.game-board>article{border:solid 1px #ffffff}.penis{display:block;overflow:hidden;border:solid 1px #ffffff}.penis img{width:calc(var(--button-size) - 2px);height:calc(var(--button-size) - 2px);object-fit:cover}.penis.upside-down img{transform:rotate(180deg)}.penis.clicked{background:#0a0;animation-name:fade-out,shrink;animation-duration:.5s;animation-delay:.5s;animation-fill-mode:both;animation-timing-function:linear}.penis.clicked img{animation-name:fade-out;animation-duration:1s;animation-fill-mode:both;animation-timing-function:linear}.penis.upside-down.clicked{background:#a00}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes shrink{0%{scale:1}to{scale:.5}}