*{box-sizing:border-box;margin:0;padding:0}#root{width:100%}body{display:flex;overflow:hidden}.app{margin:0;padding:0;height:100vh;width:100%;overflow:hidden;outline:none;position:relative;display:flex;align-items:center}header{position:sticky;top:0;background-color:#f8f9fa;padding:1rem 2rem;box-shadow:0 2px 8px #0000001a;z-index:1000;width:100%}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header-title{font-size:1.25rem;color:#333;font-weight:500}.header-buttons{display:flex;gap:1rem}.header-buttons button{padding:.5rem 1.25rem;border:none;border-radius:4px;background-color:#007bff;color:#fff;font-size:1rem;cursor:pointer;transition:background-color .2s ease}.header-buttons button:hover{background-color:#0056b3}.butt{position:absolute;right:-20px;bottom:-20px;top:-20px;width:100vw;height:110vh;animation:wiggle 2s infinite ease-in-out;transform-origin:right center}.male .butt{background:url(/assets/male-Ty4hE4Xj.webp) no-repeat;background-position:left}@media (min-width: 585px){.male .butt{background-position:right}}@keyframes wiggle{0%,to{transform:rotate(0) translateY(0)}25%{transform:rotate(-1deg) translateY(-1px)}50%{transform:rotate(1deg) translateY(1px)}75%{transform:rotate(-1deg) translateY(0)}}.fart{position:absolute;left:280px;bottom:35vh;width:60px;height:60px;background:radial-gradient(circle,#0f0,#8f8);border-radius:50%;opacity:0;animation:fartAnim 1s ease-out forwards;z-index:10}@media (min-width: 585px){.fart{left:auto;right:230px}}@keyframes fartAnim{0%{transform:scale(.5) translateY(0);opacity:1}to{transform:scale(2.5) translateY(-100px);opacity:0}}.keyboard-hint,.counter{font-size:1.2rem;color:#333;font-family:Segoe UI,sans-serif;text-align:center}.keyboard-hint.desktop{display:none}@media (min-width: 1025px){.keyboard-hint.desktop{display:initial}.keyboard-hint.mobile{display:none}}.key{display:inline-block;background-color:#f1f1f1;border:1px solid #ccc;border-radius:4px;padding:.2em .6em;margin:0 .2em;font-family:monospace;font-size:1rem;box-shadow:inset 0 -2px #ccc;vertical-align:middle}.sidebar{width:300px;height:100vh;display:block}.counter{margin:20px;font-size:3rem;position:relative;z-index:1;text-shadow:2px 2px 0px #40e740,-2px -2px 0px #40e740,2px -2px 0px #40e740,-2px 2px 0px #40e740}
