/* PoopThrow cosmetic PATCH, not a corporate rebrand. Original disco background stays. */
:root { --ink: #20120e; --bubblegum: #fb4188; --custard: #ffe05d; --snot: #a5e54b; }
html { scroll-behavior: smooth; }
body { font-family: 'Trebuchet MS', Arial, sans-serif; color: var(--ink); padding: 0 10px 30px !important; text-align: center; }
body::before { content: ''; position: fixed; inset: 0; pointer-events: none; opacity: .16; z-index: -1; background-image: radial-gradient(#ad278f 1.5px, transparent 1.5px); background-size: 23px 23px; }
#news { min-height: 11px; margin: 0 -10px; background: repeating-linear-gradient(-45deg,#ffe343 0 13px,#ff4ea1 13px 26px); border-bottom: 3px solid #161313; color: #101010; font-weight: 900; }
.news-text { font-size: 13px; letter-spacing: .2px; }
.pt-masthead { padding: 12px 5px 9px; max-width: 770px; margin: 3px auto 13px; }
.pt-title { font: 900 clamp(32px,6.5vw,68px)/1.1 Impact, 'Arial Black', sans-serif; letter-spacing: 1px; transform: rotate(-1.2deg); color: #ffef4d; -webkit-text-stroke: 2px #21130f; text-shadow: 3px 4px 0 #ff448f, 6px 8px 0 #16100e; }
.pt-subtitle { display: inline-block; margin-top: 13px; padding: 6px 12px; font-size: clamp(11px, 2.4vw, 15px); font-weight: 900; letter-spacing: .9px; background: var(--custard); border: 3px solid var(--ink); box-shadow: 4px 4px 0 var(--ink); transform: rotate(.7deg); }
.image-box { display: block !important; position: relative; width: min(100%, 730px) !important; margin: 0 auto; overflow: hidden; border: 5px solid var(--ink); border-radius: 13px; background: #fff4cf; box-shadow: 9px 10px 0 rgba(24,15,12,.9); }
#userImage { max-width: 100%; max-height: 75vh; height: auto; object-fit: contain; cursor: crosshair; user-select: none; -webkit-user-drag: none; box-sizing: border-box; }
.container { position: absolute; width: 0; height: 0; pointer-events: none; }
.container img { position: absolute; top: 0; left: 0; max-width: none; transform-origin: center center; pointer-events: none; }
.top-box { width: min(100%, 580px) !important; margin: 16px auto 12px; font-size: 17px; font-weight: 900; padding: 12px 12px 16px !important; box-sizing: border-box; border: 4px solid var(--ink); border-radius: 13px; background: #fff7b1; box-shadow: 6px 6px 0 var(--ink); }
#layerCount { display: inline-block; min-width: 42px; padding: 4px 8px; margin-right: 3px; font-size: 23px; color: #fff; background: #d81944; border: 3px solid var(--ink); border-radius: 9px; transform: rotate(-4deg); }
button, label[for="imageUpload"], .wig, .nose { font-family: inherit; font-weight: 900; cursor: pointer; border: 3px solid var(--ink) !important; border-radius: 9px; box-shadow: 4px 4px 0 var(--ink); text-shadow: none !important; transition: transform .12s ease, box-shadow .12s ease; }
button:hover, label[for="imageUpload"]:hover, .wig:hover, .nose:hover { transform: translate(-1px,-2px) rotate(-1deg); box-shadow: 5px 6px 0 var(--ink); }
button:active, label[for="imageUpload"]:active, .wig:active, .nose:active { transform: translate(3px,3px); box-shadow: 1px 1px 0 var(--ink); }
button:focus-visible, [role="button"]:focus-visible, input:focus-visible, li:focus-visible { outline: 3px dashed #ed127c; outline-offset: 3px; }
button:disabled { opacity: .7; cursor: wait; }
.top-box button, .top-box label[for="imageUpload"] { display: inline-flex; align-items: center; justify-content: center; min-height: 37px; box-sizing: border-box; padding: 7px 10px !important; font-size: 13px !important; margin: 4px; }
#clearAllButton { background: #f54a58 !important; } #undoButton { background: #fa9c3f !important; } #saveButton { background: #52bb70 !important; }
label[for="imageUpload"] { background: #42bcec !important; }
#searchInput { display: block; width: min(88%, 355px); max-width: 100%; padding: 10px 12px; margin: 3px auto 12px !important; box-sizing: border-box; background: #fff; border: 3px solid var(--ink); border-radius: 12px; box-shadow: 4px 4px 0 var(--ink); font: 900 15px 'Trebuchet MS', sans-serif; }
#imageList { width: min(94%, 450px) !important; max-width: 450px !important; min-height: 64px; max-height: 220px !important; margin: 0 auto !important; padding: 7px !important; box-sizing: border-box; background: #fff8df; border: 3px solid var(--ink); border-radius: 12px; box-shadow: 5px 5px 0 var(--ink); scrollbar-color: #ff62ad #fff8df; }
#imageList li.visible { width: 100% !important; margin: 0 0 5px !important; max-height: none !important; min-height: 49px; box-sizing: border-box; display: flex; align-items: center; gap: 9px; text-align: left; padding: 4px 7px !important; border: 1px solid #b08e88; background: #fff; border-radius: 7px; font-weight: 900; }
#imageList li:hover, #imageList li:focus-visible { background: #ffdc63 !important; }
#imageList li > img { width: 41px; height: 41px; object-fit: cover; margin: 0; flex: none; }
.costume-controls { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; width: min(97%,580px); padding: 10px 7px; margin: 15px auto 10px; box-sizing: border-box; border: 3px dashed var(--ink); background: #ffb5d7; border-radius: 10px; }
.costume-controls strong { font: 900 14px Impact, 'Arial Black', sans-serif; letter-spacing: 1px; }
.wig, .nose { display: inline-flex; justify-content: center; align-items: center; user-select: none; padding: 8px 12px; font-size: 13px; background: #ffe640; }
.nose { background: #ff83ad; }
.wig.active, .nose.active { background: var(--snot); transform: rotate(-2deg); box-shadow: 2px 2px 0 var(--ink); }
.overlay { pointer-events: none; position: absolute; box-sizing: border-box; height: auto !important; transform: translate(-50%, -50%); display: none !important; z-index: 9500; touch-action: none; cursor: grab; user-select: none; }
.overlay.show-costume { display: block !important; }
.overlay.editing-costume { pointer-events: auto; }
.overlay:not(.editing-costume) { cursor: crosshair; }
.overlay:active { cursor: grabbing; }
.overlay img { display: block; width: 100%; height: auto; pointer-events: none; }
.resizer { display: none; position: absolute; width: 21px; height: 21px; right: -11px; bottom: -11px; z-index: 2; cursor: nwse-resize; border: 3px solid #fff; border-radius: 50%; background: #f52141; box-shadow: 0 0 0 2px var(--ink); touch-action: none; }
.overlay.editing-costume .resizer { display: block; }
.costume-close { display: none !important; position: absolute; z-index: 3; top: -16px; right: -13px; width: 27px; height: 27px; font-size: 20px; line-height: 18px; background: #ffe65c; padding: 0; border-radius: 50%; box-shadow: 2px 2px 0 var(--ink); }
.selectpoomain,.selectsoundmain,.randomsoundmain { box-sizing: border-box; margin: 17px auto 0; width: min(96%, 430px) !important; padding: 6px 11px 15px; border: 3px solid var(--ink); border-radius: 13px; background: #ffeed4; box-shadow: 5px 5px 0 var(--ink); }
.selectsoundmain { background: #c4efff; }
.randomsoundmain { background: #d4ffba; }
.selectpoomain b.leftb,.selectsoundmain b.leftb,.randomsoundmain > b { display: block; text-align: center !important; font: 900 20px Impact, 'Arial Black', sans-serif; letter-spacing: .5px; margin: 0 0 9px; }
.selectpoosecond, .selectsoundsecond, .randomsoundsecond { display: flex; justify-content: center; gap: 10px; clear: both; flex-wrap: wrap; }
.selectpoosecond div#selectpoo { float: none; margin: 0 !important; width: 52px; height: 52px; box-sizing: border-box; border: 3px solid var(--ink); border-radius: 10px; }
.selectpoo { display: block; width: 100%; height: 100%; }
.selectpoo.selected { outline: 4px solid #ff197a; outline-offset: 4px; border-bottom: 0; }
.selectsound { float: none; display: inline-flex; width: 43px; height: 43px; align-items: center; justify-content: center; background: #fff; border: 3px solid var(--ink); border-radius: 10px; box-shadow: 2px 2px 0 var(--ink); font-weight: 900; }
.selectsound.selected, .randomsound.selected { background: #ffe45f; border-bottom: 3px solid var(--ink); transform: rotate(-4deg); }
.randomsound { display: inline-flex; justify-content: center; align-items: center; width: 85px; min-height: 41px; background: #fff; border: 3px solid var(--ink); border-radius: 9px; font-weight: 900; cursor: pointer; }
#audioContainer { max-width: 500px; margin: 0 auto; padding: 8px 12px 22px; box-sizing: border-box; background: #fff8c9; border: 4px solid var(--ink); border-radius: 13px; box-shadow: 7px 7px 0 var(--ink); }
#audioContainer ul { display: block; margin: 18px 0 7px; padding: 7px; background: #fb85ad; border: 2px solid var(--ink); border-radius: 6px; text-transform: uppercase; font-size: 14px; font-weight: 900; transform: rotate(-.5deg); }
.audio-option { text-align: left; padding: 7px 10px; margin: 5px 0; border: 2px solid #7d534e; border-radius: 7px; background: #fff; overflow-wrap: anywhere; font-size: 13px; font-weight: 800; }
.audio-option.selected { border: 2px solid var(--ink); border-left: 8px solid #ee2776; background: #f5ffa3; }
.audio-option:hover { background: #ffdf71; }
#playButton { min-height: 41px; padding: 8px 18px; background: #e25bb5; color: #fff; font-size: 17px; }
#volumeSlider { width: min(82%,280px); accent-color: #f41e7c; cursor: pointer; vertical-align: middle; }
#addLayersButton { display: block; margin: 24px auto; max-width: 95%; padding: 11px 20px; font: 900 20px Impact, 'Arial Black', sans-serif; color: #fff; background: #ec256b; transform: rotate(1.5deg); letter-spacing: .7px; }
#addLayersButton:hover { transform: rotate(-1.5deg) translateY(-2px); }
.bonus { display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap; gap: 10px; margin: 14px auto; max-width: 720px; }
.bonus > div { position: relative; flex-direction: column; width: 115px; padding: 6px; box-sizing: border-box; border: 3px solid var(--ink); border-radius: 10px; background: #fff; box-shadow: 4px 4px 0 var(--ink); cursor: pointer; }
.bonus img { display: block; width: 100%; height: auto; }
.bonus > div::after { content: '💩 POWER-UP!'; font-size: 10px; font-weight: 900; text-align: center; }
.bonus .fairy::after { content: '💩 x2'; } .bonus .addon-b::after { content: '💩 x4'; } .bonus .addon-c::after { content: '💩 x8'; } .bonus .addon-d::after { content: '💩 x16'; } .bonus .addon-e::after { content: '💩 x32'; }
.bonus > div.power-active { outline: 5px dashed #f3287b; outline-offset: 3px; }
.bonus > div.clicked { filter: saturate(.75); }
.text-overlay { pointer-events: none; font-size: clamp(22px, 6vw, 52px); background: #ff60acdb; padding: 14px; border: 5px dashed #111; border-radius: 16px; max-width: min(90%,570px); box-sizing: border-box; z-index: 9800; }
.text-overlay h1 { margin: 0; font: 900 clamp(23px, 5vw, 45px) Impact, 'Arial Black', sans-serif; color: #ffe83b; text-shadow: 3px 3px #000; }
.counter.plusOne { z-index: 9900; font: 900 24px Impact, 'Arial Black', sans-serif; color: #fff; text-shadow: 2px 2px #000; pointer-events: none; }
@media(max-width:540px) {
  body { padding-left: 5px !important; padding-right: 5px !important; }
  .pt-masthead { padding: 8px 2px 7px; margin-bottom: 10px; }
  .pt-title { -webkit-text-stroke: 1px #21130f; text-shadow: 2px 3px #ff448f, 4px 5px #16100e; }
  .image-box { border-width: 3px; border-radius: 7px; box-shadow: 4px 5px 0 var(--ink); }
  #userImage { max-height: 60vh; }
  .top-box { padding: 9px 6px 12px !important; font-size: 15px; }
  .top-box button, .top-box label[for="imageUpload"] { font-size: 12px !important; min-height: 40px; margin: 3px 1px; }
  .costume-controls { gap: 6px; }
  .wig, .nose { font-size: 12px; padding: 7px; }
  #imageList { max-height: 173px !important; }
  .text-overlay { padding: 8px; }
}
@media(prefers-reduced-motion:reduce) {
  body { animation: none !important; }
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; }
}

/* A goofy poop actually FLIES through the air before splattering. */
.poop-projectile {
  position:absolute; display:block; width:0; height:0; font-size: clamp(31px, 5vw, 48px);
  line-height:1; pointer-events:none; text-shadow:2px 3px 0 #251510;
  will-change: transform; transform-origin: center; user-select:none;
}
.poop-just-landed img { animation: poop-impact-pop 170ms ease-out; }
@keyframes poop-impact-pop {
  from { opacity:.6; filter:brightness(1.6); }
  to { opacity:1; filter:brightness(1); }
}
@media(prefers-reduced-motion: reduce) { .poop-just-landed img { animation:none; } }


/* Fix the scrolling/rotating joke headlines, without removing the stupid stripes.
   Old inline styles fixed the banner height to 50px and cropped long jokes. */
#news {
  height: auto !important;
  min-height: 43px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 10px !important;
  box-sizing: border-box;
  overflow: visible !important;
  line-height: 1.35;
}
#news .news-text {
  display: inline-block;
  max-width: min(100%, 850px);
  width: max-content;
  box-sizing: border-box;
  padding: 7px 16px !important;
  margin: 0 auto;
  background: #ffeb5d;
  color: #18100b;
  border: 3px solid #1c1010;
  box-shadow: 3px 3px 0 #1c1010;
  border-radius: 5px;
  font: 900 clamp(14px, 2.4vw, 18px)/1.4 'Trebuchet MS', Arial, sans-serif;
  text-align: center;
  white-space: normal !important;
  overflow-wrap: anywhere;
  text-shadow: none !important;
  letter-spacing: .05px;
}
#news .news-text:empty { display: none; }
#news marquee { max-width: 100%; }
#pooperoidsReturn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 10px auto 0;
  padding: 9px 14px;
  font-size: 15px;
  color: #fff;
  background: #9b14c7;
  transform: rotate(-2deg);
}
#pooperoidsReturn[hidden] { display: none !important; }
@media (max-width:540px) {
  #news { padding: 5px 8px !important; }
  #news .news-text { padding: 6px 9px !important; font-size: 13px; }
}

/* GROG PATCH: original pink/yellow news remains beneath dramatic brief reports. */
#news.grog-breaking {position:relative;background:#e22b37 !important;min-height:66px!important;}
#news.grog-breaking[data-grog-news="brown"] {background:#784124!important;}
#news.grog-breaking[data-grog-news="space"] {background:#151135!important;}
#grogBreakingNews {display:none;position:absolute;inset:3px;z-index:6;box-sizing:border-box;
 align-items:center;justify-content:center;padding:8px 14px;background:#ed313f;color:#fff;
 border:3px solid #1b0a0a;box-shadow:inset 0 0 0 2px #ffe063;
 font:900 clamp(14px,2.9vw,21px)/1.35 Impact,'Arial Black',sans-serif;letter-spacing:.5px;text-align:center;}
#grogBreakingNews:not([hidden]) {display:flex;animation:grog-blast .3s ease-out;}
#news[data-grog-news="brown"] #grogBreakingNews {background:#784124;color:#ffef63;}
#news[data-grog-news="space"] #grogBreakingNews {background:#151135;color:#ffe25d;}
@keyframes grog-blast {from{filter:brightness(2.5)}to{filter:brightness(1)}}
.grog-save-panel {width:min(96%,540px);box-sizing:border-box;margin:9px auto 17px;padding:9px;
 background:#e1f9a4;border:3px solid #21120e;border-radius:11px;box-shadow:4px 4px 0 #21120e;font-weight:900;}
.grog-save-panel button {margin:6px 5px 0;padding:7px 10px;background:#fff078;font-size:12px;color:#21120e;}
#grog777Prize {position:fixed;inset:0;z-index:2147483000;background:rgba(0,0,0,.96);padding:15px;
 display:grid;place-items:center;box-sizing:border-box;color:#fff;text-align:center;}
#grog777Prize[hidden]{display:none!important;}
.grog-prize-card {max-width:560px;width:100%;padding:clamp(12px,4vw,28px);box-sizing:border-box;
 border:8px double #e4bb51;background:#17110e;box-shadow:0 0 0 5px #090909;}
.grog-prize-card h2 {color:#ffe978;font:900 clamp(22px,6vw,42px)/1.1 Impact,system-ui,sans-serif;margin:9px 0 18px;}
.grog-prize-card p{font-size:clamp(13px,3vw,18px);font-weight:900;}
.grog-prize-card strong{font-size:clamp(22px,5vw,32px);color:#fee667;}
.grog-prize-medal{font-size:clamp(44px,12vw,80px);}
.grog-prize-small{font-size:12px!important;color:#ebc975;letter-spacing:1px;}
#grogPrizeClose{padding:10px 18px;margin-top:14px;background:#ffe25d;color:#20110e;}
.grog-stupid-moment {position:fixed;z-index:2147482000;top:14%;left:50%;transform:translateX(-50%) rotate(-3deg);
 max-width:95vw;padding:13px;background:#ffdb45;border:5px solid #20110e;box-shadow:5px 5px 0 #ff4599;
 font:900 clamp(19px,4vw,32px)/1.2 Impact,system-ui,sans-serif;color:#15100e;pointer-events:none;}

/* GROG: new jokes, old website. No new homepage. */
#ptShareVictim {background:#5429b8!important;color:#fff!important;text-shadow:1px 1px #1c063a!important;}
#ptPoliceReport {background:#ffb93e!important;color:#20110f!important;text-shadow:none!important;}
.pt-human-complaint {position:absolute;right:12px;top:13%;z-index:999999;max-width:min(260px,54%);padding:13px 16px;
 color:#1b1512;background:#fff;border:4px solid #281516;border-radius:23px 23px 23px 2px;
 box-shadow:5px 6px 0 #171014;font:900 clamp(15px,3vw,23px)/1.2 'Arial Black',Impact,system-ui,sans-serif;
 text-align:center;pointer-events:none;animation:pt-bubble-pop .24s cubic-bezier(.17,1.4,.4,1);overflow-wrap:anywhere;}
.pt-human-complaint[hidden] {display:none!important;}
@keyframes pt-bubble-pop {from{opacity:0;transform:scale(.55) rotate(-7deg)}to{opacity:1;transform:scale(1) rotate(1deg)}}
.pt-return-sender {position:fixed;inset:0;z-index:2147482998;pointer-events:none;display:flex;align-items:center;justify-content:center;
 flex-direction:column;text-align:center;background:radial-gradient(ellipse at center,#6f3716e8,#2c1209ed);color:#fff09f;
 text-shadow:4px 5px #1a0c06;font:900 clamp(23px,6vw,65px)/1.1 Impact,'Arial Black',sans-serif;}
.pt-return-sender[hidden] {display:none!important;}
.pt-return-blob {font-size:clamp(110px,38vw,380px);line-height:1.03;filter:drop-shadow(9px 18px 0 #1e0b05);}
.pt-return-sender span {font-size:clamp(13px,3vw,30px);margin-top:9px;}
.pt-return-sender.pt-return-animate .pt-return-blob {animation:pt-blob-attack 1.85s cubic-bezier(.17,.93,.2,1) both;}
@keyframes pt-blob-attack {0%{transform:translate(var(--pt-bounce-x,0px),var(--pt-bounce-y,-35vh)) scale(.1) rotate(-95deg)}35%{transform:translateY(5vh) scale(1.4) rotate(30deg)}55%{transform:translateY(0) scale(1.2) rotate(-12deg)}100%{transform:translateY(0) scale(1) rotate(0)}}
.pt-surrender-flag {position:absolute;width:120px;height:110px;pointer-events:none;transform:rotate(-7deg);transform-origin:bottom left;filter:drop-shadow(2px 3px 1px #20150f);animation:pt-wave-flag 2.5s ease-in-out infinite alternate;}
.pt-surrender-flag[hidden] {display:none!important;}
.pt-flag-pole {position:absolute;left:5px;top:0;height:108px;border-left:5px solid #332419;}
.pt-flag-cloth {position:absolute;left:10px;top:0;width:101px;height:59px;background:#fff;border:3px solid #2b221b;clip-path:polygon(0 0,100% 6%,90% 100%,0 87%);
 font:900 17px/1.1 Impact,Arial,sans-serif;color:#16110e;text-align:center;box-sizing:border-box;padding:7px 2px;}
@keyframes pt-wave-flag {from{transform:rotate(-7deg)}to{transform:rotate(5deg)}}

.pt-target-name {width:min(92%,340px);box-sizing:border-box;margin:10px auto 8px;padding:8px 12px;text-align:center;
 background:#fff7b3;border:4px solid #24140f;border-radius:10px;box-shadow:4px 4px 0 #ff4ea1;
 color:#20110d;font:900 clamp(16px,3vw,24px)/1.1 Impact,'Arial Black',sans-serif;}
.pt-share-card {width:min(92%,320px);box-sizing:border-box;margin:10px auto 14px;padding:11px 12px;text-align:center;
 background:#fff2ff;border:4px solid #24140f;border-radius:12px;box-shadow:4px 4px 0 #5f18b5;color:#22110f;
 font:900 13px/1.25 'Trebuchet MS',Arial,sans-serif;}
.pt-share-card strong {display:block;font:900 clamp(17px,3.2vw,22px)/1.05 Impact,'Arial Black',sans-serif;margin-bottom:5px;}
.pt-share-copy {margin-bottom:8px;}
.pt-share-card.pt-share-disabled {opacity:.78;box-shadow:4px 4px 0 #8b7ba2;}
#ptShareVictim {display:block;margin:7px auto 0;min-width:220px;background:#5429b8!important;color:#fff!important;text-shadow:1px 1px #1c063a!important;}
#ptShareVictim:disabled {cursor:not-allowed;filter:grayscale(.22);opacity:.7;}
#ptPoliceReport {display:block;margin:12px auto 0;max-width:320px;background:#ffb93e!important;color:#20110f!important;text-shadow:none!important;}
.pt-fly {position:absolute;left:0;top:0;z-index:999996;transform:translate(-50%,-50%);pointer-events:none;font-size:clamp(16px,3vw,26px);filter:drop-shadow(2px 3px 0 rgba(0,0,0,.35));}
.pt-fly[hidden] {display:none!important;}
.pt-fly-body {display:block;animation:pt-fly-buzz .18s linear infinite alternate;}
.pt-fly-arrive .pt-fly-body {animation-duration:.14s;}
.pt-fly-escape .pt-fly-body {animation:pt-fly-buzz .12s linear infinite alternate;}
.pt-fly-squashed .pt-fly-body {animation:none;transform:scale(.72) rotate(88deg);opacity:.22;}
@keyframes pt-fly-buzz {from{transform:translate(-2px,-1px) rotate(-11deg)}to{transform:translate(2px,1px) rotate(9deg)}}
@keyframes pt-fly-away {0%{transform:translate(0,0) scale(1) rotate(0)}100%{transform:translate(95px,-110px) scale(.3) rotate(25deg);opacity:0}}

#ptPoliceOverlay {position:fixed;inset:0;z-index:2147482999;background:#1b0c0ce9;display:flex;align-items:center;justify-content:center;overflow:auto;padding:12px;box-sizing:border-box;}
#ptPoliceOverlay[hidden] {display:none!important;}
.pt-police-panel {background:#ffed84;color:#170f0b;border:6px solid #170f0b;box-shadow:8px 8px #e52d55;border-radius:8px;text-align:center;padding:12px;width:min(95vw,690px);max-height:96dvh;overflow:auto;box-sizing:border-box;}
.pt-police-panel h2 {font:900 clamp(20px,3.6vw,38px)/1 Impact,Arial Black,sans-serif;margin:12px;}
.pt-police-panel img {display:block;margin:10px auto;max-width:100%;height:auto;max-height:65dvh;border:4px solid #281714;background:#fff6ce;object-fit:contain;}
.pt-police-panel button {cursor:pointer;display:inline-block;border:3px solid #190c11;background:#ff53a2;color:#191016;font:900 16px Impact,Arial,sans-serif;letter-spacing:.3px;padding:10px 15px;margin:6px;box-shadow:3px 3px #21110a;}
.pt-police-panel #ptPoliceDownload {background:#b3ff54;}
@media(max-width:540px) {
 .pt-human-complaint {top:8%;right:5px;padding:8px 10px;max-width:52%;}
 .pt-surrender-flag {transform:scale(.75) rotate(-7deg);transform-origin:top left;}
 .pt-police-panel {padding:7px;border-width:4px;}
}
@media(prefers-reduced-motion:reduce) {
 .pt-return-blob,.pt-surrender-flag,.pt-human-complaint {animation:none!important;}
}

#news[data-grog-news="person"] #grogBreakingNews {background:#5f18b5;color:#fffc84;}

/* Size knob: keep the original loud and crude design. */
.pt-size-slider {width:min(94%,370px);box-sizing:border-box;margin:6px auto 22px;padding:11px 14px 8px;
 background:#ffe76a;color:#21110d;border:4px solid #24130f;border-radius:10px;
 box-shadow:5px 5px 0 #ff4594; font:900 15px 'Trebuchet MS',Arial,sans-serif;}
.pt-size-slider label {display:block;margin-bottom:8px;}
.pt-size-slider output {background:#24130f;color:#fff;padding:4px 7px;border-radius:5px;}
.pt-size-slider input {width:100%;accent-color:#e62b84;cursor:pointer;min-height:24px;touch-action:pan-x;}
.pt-size-notes {display:flex;justify-content:space-between;font-size:10px;letter-spacing:.2px;}
#poopSiegeReturn {background:#784421!important;color:#ffec7d!important;transform:rotate(1deg);}
#poopSiegeReturn[hidden] {display:none!important;}
body.poopsiege-playing #imageBox {visibility:hidden!important;}


/* GROG POWER UPDATE: original site kept. Logo dances once per minute. */
.pt-logo-word,.pt-logo-poo { display:inline-block;vertical-align:baseline;white-space:nowrap; }
.pt-title { white-space:nowrap; }
.pt-logo-letter { display:inline-block;transform-origin:center 87%; }
.pt-logo-dance .pt-logo-letter {
  animation:pt-logo-wululu 440ms cubic-bezier(.25,.75,.25,1.4) both;
  animation-delay:calc(var(--pt-letter-index)*120ms);
}
.pt-logo-reverse .pt-logo-letter {
  animation:pt-logo-wululu 880ms cubic-bezier(.25,.75,.25,1.2) both;
  animation-delay:calc(var(--pt-letter-rev-index)*175ms);
}
@keyframes pt-logo-wululu {
  0%,100% { transform:translateY(0) rotate(0); }
  43% { transform:translateY(-18px) rotate(-9deg) scale(1.09); }
  68% { transform:translateY(4px) rotate(3deg) scale(.95); }
}
@media(max-width:400px) { .pt-title {font-size:clamp(27px,8vw,37px)!important;} }
@media(prefers-reduced-motion:reduce) { .pt-logo-dance .pt-logo-letter,.pt-logo-reverse .pt-logo-letter {animation:none!important;} }

/* Make bonus buttons look like stupid collectible POWER-UPS, not placeholder letters. */
.bonus {max-width:790px;gap:12px;padding:0 9px;box-sizing:border-box;}
.bonus > div {
  width:140px;min-height:190px;justify-content:space-between;align-items:center;
  gap:5px;padding:7px 7px 9px; background:linear-gradient(#fffef1,#fbeaa9);
  transform:rotate(-1deg);transition:transform .13s ease;
}
.bonus > div:nth-child(even) {transform:rotate(1.2deg);background:linear-gradient(#fceaff,#ffc6ed);}
.bonus > div:hover {transform:rotate(2deg) translateY(-4px);}
.bonus > div img {height:105px;width:100%;object-fit:contain;flex:0 0 auto;image-rendering:auto;}
.bonus > div::after {font:900 15px/1 Impact,'Arial Black',sans-serif;order:1;background:#f9fc4b;border:2px solid #1c1111;border-radius:5px;padding:3px 12px;}
.bonus .fairy::after {content:'💩 2×';}
.bonus .addon-b::after {content:'💩 4×';}
.bonus .addon-c::after {content:'💩 8×';}
.bonus .addon-d::after {content:'💩 16×';}
.bonus .addon-e::after {content:'💩 32×';}
.pt-upgrade-name {order:2;color:#1b1110;font:900 14px/1.05 Impact,'Arial Black',sans-serif;letter-spacing:.3px;text-align:center;}
.pt-upgrade-price {order:3;display:block;font:900 10px/1.2 'Trebuchet MS',Arial,sans-serif;color:#25140d;text-align:center;}
.bonus > div.pt-not-affordable {filter:saturate(.68);}
.bonus > div.clicked {filter:saturate(.8);}
.bonus > div.power-active {outline-color:#ec2b87;box-shadow:6px 6px 0 #f02c83;}
.pt-power-toast {position:fixed;z-index:2147482001;top:13%;left:50%;width:max-content;max-width:min(91vw,620px);
 transform:translateX(-50%) rotate(-2deg);box-sizing:border-box;padding:16px 20px;text-align:center;
 color:#20110b;background:#fff176;border:5px solid #20110b;box-shadow:7px 7px 0 #fb3993;
 font:900 clamp(17px,3.1vw,27px)/1.18 Impact,'Arial Black',sans-serif;pointer-events:none;}
.pt-power-toast[hidden]{display:none!important;}
.pt-power-toast.pt-toast-animate {animation:pt-toast-bam 340ms cubic-bezier(.15,1.8,.3,1) both;}
@keyframes pt-toast-bam {from{opacity:0;scale:.55;rotate:-7deg;}to{opacity:1;scale:1;rotate:0deg;}}
@media(max-width:430px){.bonus > div{width:130px;min-height:180px;}.bonus > div img{height:96px;}}
@media(prefers-reduced-motion:reduce){.pt-power-toast.pt-toast-animate{animation:none!important;}}

/* Longest power-up name should stay legible on narrow phones. */
.bonus .addon-e .pt-upgrade-name {font-size:12px;letter-spacing:0;}

/* LOCKED SECRET GAMES STAY INVISIBLE. They show only when their save flags are won. */
#pooperoidsReturn[hidden],#battleTurdsReturn[hidden],#poopDoomReturn[hidden]{display:none!important;visibility:hidden!important;}

/* Dead fly is part of the picture; its own killing poop covers it. */
.pt-dead-fly{position:absolute;transform:translate(-50%,-50%) rotate(20deg);pointer-events:none;
  font:22px/1 sans-serif;opacity:.86;filter:grayscale(.7) drop-shadow(1px 1px 0 #19100e);}


/* GROG SMALL CLEANUP: still loud and stupid, but easy to read. */
.pt-target-name{margin:18px auto 4px;max-width:calc(100% - 16px);}
#searchInput{margin-top:6px!important;margin-bottom:12px!important;}
#ptPoliceReport{display:inline-flex;align-items:center;justify-content:center;margin:4px!important;
 min-height:37px;padding:7px 10px!important;font-size:13px!important;
 background:#ffca51!important;color:#20110f!important;white-space:nowrap;}
#pooperoidsReturn{background:#a928dd!important;color:#fff8d9!important;}
#battleTurdsReturn{background:#43c66e!important;color:#171510!important;}
#poopDoomReturn{background:#e4404e!important;color:#fff7da!important;}
#battleTurdsReturn,#poopDoomReturn{display:inline-flex;align-items:center;justify-content:center;
 min-height:40px;padding:8px 13px!important;margin:9px 5px 0;
 font:900 14px 'Trebuchet MS',Arial,sans-serif!important;}
.selectpoomain,.selectsoundmain,.randomsoundmain{padding:11px 12px 12px!important;margin-top:13px!important;}
.selectpoomain b.leftb,.selectsoundmain b.leftb,.randomsoundmain>b,.costume-controls strong{
 font-family:'Trebuchet MS',Arial,sans-serif!important;font-weight:800!important;
 letter-spacing:0!important;line-height:1.2!important;text-shadow:none!important;
 font-size:17px!important;margin-bottom:9px!important;}
.selectpoomain{margin-top:10px!important;}
.selectpoosecond,.selectsoundsecond,.randomsoundsecond{margin-top:3px;}
.costume-controls strong{margin:0!important;font-size:15px!important;}
.pt-share-card{margin-top:12px;}
@media(max-width:450px){.pt-target-name{margin-top:16px;margin-bottom:2px;}
 .top-box button,.top-box label[for="imageUpload"]{margin:3px!important;padding:7px!important;font-size:12px!important;}}

#superPoopBrosReturn{background:#90f451!important;color:#31151f!important;border:3px solid #1d171a!important}#superPoopBrosReturn[hidden]{display:none!important}
/* Secret fifth game: hidden until Super Poop Bros is beaten. */
#pooptraReturn{display:inline-flex;align-items:center;justify-content:center;background:#ca38a4!important;color:#fff6b1!important;border:3px solid #281421!important;box-shadow:3px 3px 0 #261127!important;font-weight:900!important}
#pooptraReturn[hidden]{display:none!important;visibility:hidden!important}