*{box-sizing:border-box}:root{--poop-brown: #7a4a23;--poop-brown-dark: #3f2712;--poop-brown-light: #a9713b;--toilet-porcelain: #eef3f0;--porcelain-blue: #8fd3e8;--gross-green: #7cb342;--flush-gold: #ffd54f;--splat-shadow: rgba(0, 0, 0, .5)}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--poop-brown-dark);font-family:"Baloo 2",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent}#root{height:100%}.screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:24px;text-align:center;position:relative;color:#fff}.gate-screen{background:radial-gradient(circle at 15% 20%,rgba(124,179,66,.25),transparent 40%),radial-gradient(circle at 85% 80%,rgba(124,179,66,.2),transparent 45%),linear-gradient(160deg,var(--poop-brown),var(--poop-brown-dark) 70%)}.placeholder-image{width:70vw;max-width:320px;aspect-ratio:1;border:4px dashed var(--gross-green);border-radius:50% 50% 46% 46%/55% 55% 45% 45%;display:flex;align-items:center;justify-content:center;color:var(--toilet-porcelain);font-family:Bangers,"Baloo 2",sans-serif;font-size:20px;letter-spacing:.04em;background:radial-gradient(circle at 50% 40%,var(--porcelain-blue) 0%,#3a7a8c 65%,var(--poop-brown-dark) 100%);box-shadow:inset 0 0 30px #0006,0 10px 24px #0006;text-shadow:2px 2px 0 var(--poop-brown-dark)}.placeholder-photo{object-fit:cover;display:block}.gate-instructions{color:var(--toilet-porcelain);max-width:320px;font-weight:500}.placeholder-button{padding:20px 40px;font-family:Bangers,"Baloo 2",sans-serif;font-size:26px;letter-spacing:.06em;border:3px solid var(--poop-brown-dark);border-radius:48% 52% 55% 45%/60% 55% 45% 40%;background:radial-gradient(circle at 35% 30%,var(--poop-brown-light),var(--poop-brown) 60%,var(--poop-brown-dark) 100%);color:var(--flush-gold);text-shadow:2px 2px 0 var(--poop-brown-dark);box-shadow:0 10px 0 var(--poop-brown-dark),0 14px 20px #00000080}.placeholder-button:active{transform:translateY(4px);box-shadow:0 6px 0 var(--poop-brown-dark),0 8px 14px #00000080}.prank-screen{background:radial-gradient(circle at 20% 15%,rgba(124,179,66,.3),transparent 40%),radial-gradient(circle at 80% 85%,rgba(255,213,79,.15),transparent 45%),radial-gradient(circle at 50% 20%,var(--poop-brown),var(--poop-brown-dark) 70%);overflow:hidden}.bday-text{font-family:Bangers,"Baloo 2",sans-serif;font-size:12vw;line-height:1.1;margin:0;color:var(--flush-gold);-webkit-text-stroke:2px var(--poop-brown-dark);text-shadow:0 0 16px rgba(255,213,79,.7),4px 4px 0 var(--poop-brown-dark);animation:wiggle .6s ease-in-out infinite alternate;z-index:1}@keyframes wiggle{0%{transform:rotate(-3deg) scale(1)}to{transform:rotate(3deg) scale(1.05)}}.reset-instructions{color:var(--toilet-porcelain);max-width:320px;font-size:14px;font-weight:700;z-index:1}.bubble-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.bubble{position:absolute;bottom:-10%;animation-name:float-pop;animation-timing-function:ease-out;animation-fill-mode:forwards}.bubble-poop{display:block;filter:drop-shadow(2px 3px 2px rgba(0,0,0,.5))}@keyframes float-pop{0%{transform:translateY(0) scale(.6);opacity:0}15%{opacity:1}80%{opacity:1}to{transform:translateY(-100vh) scale(1.2);opacity:0}}.burst-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:2}.comic-burst{position:absolute;font-family:Bangers,"Baloo 2",sans-serif;font-size:clamp(22px,6vw,40px);color:var(--flush-gold);-webkit-text-stroke:1.5px var(--poop-brown-dark);text-shadow:3px 3px 0 var(--poop-brown-dark),0 0 14px rgba(0,0,0,.6);transform:translate(-50%,-50%) rotate(var(--rotate)) scale(0);animation-name:burst-pop;animation-timing-function:cubic-bezier(.34,1.56,.64,1);animation-fill-mode:forwards}@keyframes burst-pop{0%{transform:translate(-50%,-50%) rotate(var(--rotate)) scale(0);opacity:0}25%{transform:translate(-50%,-50%) rotate(var(--rotate)) scale(1.15);opacity:1}75%{transform:translate(-50%,-50%) rotate(var(--rotate)) scale(1);opacity:1}to{transform:translate(-50%,-50%) rotate(var(--rotate)) scale(.8);opacity:0}}.tap-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:30;color:var(--flush-gold);font-family:Bangers,"Baloo 2",sans-serif;font-size:24px;letter-spacing:.04em;padding:24px;text-align:center}