:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg-color:#3e2a1d;--bg-accent:#8b5e3c;--bg-deep:#100b09;--tilt:-2deg;--scale:1.08;--glow-hue:0deg;--shake-amount:1.5deg;--duration:.4s}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{background:radial-gradient(circle at 50% 50%, var(--bg-accent), var(--bg-color) 32%, var(--bg-deep));perspective:1000px;justify-content:center;align-items:center;min-height:100vh;margin:0;transition:background .8s;display:flex;overflow:hidden}.hit-board{z-index:5;color:#101010;background:#fffbe8;border:3px solid #101010;border-radius:6px;width:min(280px,100vw - 32px);max-height:min(48vh,380px);font-family:Comic Sans MS,Marker Felt,cursive,sans-serif;position:fixed;top:16px;right:16px;overflow:auto;box-shadow:5px 5px #101010}.hit-board__heading{background:#ff4f66;border-bottom:3px solid #101010;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 12px;font-weight:900;display:flex}.hit-board__heading strong{white-space:nowrap}.hit-board table{border-collapse:collapse;width:100%;font-size:15px}.hit-board th,.hit-board td{text-align:left;padding:6px 12px}.hit-board th{text-transform:uppercase;background:#fff0a8;font-size:12px;position:sticky;top:0}.hit-board th:last-child,.hit-board td:last-child{text-align:right;font-variant-numeric:tabular-nums;width:52px}.hit-board tbody tr+tr td{border-top:1px solid #d4cda8}.hit-board__empty td{color:#665f44;text-align:center;padding:14px 12px;font-style:italic}.fight-scene{aspect-ratio:1573/1000;cursor:pointer;touch-action:none;perspective:1000px;background:#d7c39a;border:6px solid #64492f;width:min(90vw,141.57vh);position:relative;overflow:hidden;box-shadow:0 18px 28px #0f0a0773}.fight-scene__background,.monkey{-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute}.fight-scene__background{object-fit:fill;width:100%;height:100%;inset:0}.monkey{object-fit:fill;filter:drop-shadow(0 0 #ff3c3c00);will-change:transform, filter;height:auto;transition:filter .35s}.monkey.is-hovering{filter:drop-shadow(0 0 30px hsla(var(--glow-hue), 90%, 60%, .6)) drop-shadow(0 0 55px hsla(calc(var(--glow-hue) + 40), 90%, 55%, .3));animation:boing var(--duration) cubic-bezier(.34, 1.56, .64, 1) 1}.fight-scene__background{z-index:0}.monkey{z-index:1}.fight-scene__instruction{z-index:2;color:#101010;text-align:center;background:#fffbe8;border:3px solid #101010;width:min(80%,680px);margin:0;padding:8px 14px;font-family:Comic Sans MS,Marker Felt,cursive,sans-serif;font-size:clamp(12px,1.4vw,18px);font-weight:900;line-height:1.2;position:absolute;bottom:3%;left:50%;transform:translate(-50%)rotate(-1deg);box-shadow:4px 4px #101010}.monkey-left{transform-origin:50%;width:55.4355%;top:14.7%;left:8.3287%}.monkey-right{transform-origin:50%;width:45.5823%;top:31.2%;left:45.6453%}.kitten{z-index:4;pointer-events:none;-webkit-user-select:none;user-select:none;width:clamp(80px,14vw,180px);height:auto;position:fixed;bottom:16px;left:16px}.kitten-speech{z-index:5;color:#101010;opacity:0;pointer-events:none;background:#fffbe8;border:3px solid #101010;max-width:min(220px,48vw);margin:0;padding:8px 10px;font-family:Comic Sans MS,Marker Felt,cursive,sans-serif;font-size:clamp(13px,1.3vw,16px);font-weight:900;line-height:1.15;position:fixed;bottom:clamp(92px,15vw,184px);left:clamp(84px,15vw,196px);transform:rotate(-3deg)scale(.8);box-shadow:3px 3px #101010}.kitten-speech:after{content:"";background:#fffbe8;border-bottom:3px solid #101010;border-right:3px solid #101010;width:16px;height:16px;position:absolute;bottom:-13px;left:18px;transform:rotate(45deg)}.kitten-speech.is-speaking{animation:5.4s ease-in-out forwards kitten-speaks}@keyframes boing{0%{transform:scale(1)rotate(0)}40%{transform:scale(var(--scale)) rotateZ(var(--tilt))}70%{transform:scale(calc(var(--scale) * .97)) rotateZ(calc(var(--tilt) * -.4))}to{transform:scale(var(--scale)) rotateZ(calc(var(--tilt) * .3))}}.comic-pop{z-index:10;pointer-events:none;color:var(--pop-color,#fff200);-webkit-text-stroke:2px #101010;text-shadow:3px 3px #101010;transform:translate(-50%, -50%) rotate(var(--pop-rotate,0deg)) scale(0);font-family:Comic Sans MS,Marker Felt,cursive,sans-serif;font-size:clamp(28px,6vw,64px);font-weight:900;animation:.7s ease-out forwards pop;position:fixed}.comic-pop--spin{animation-name:pop-spin}.comic-pop--drift{animation-name:pop-drift}.comic-pop--burst{animation-name:pop-burst}.comic-spark{z-index:9;pointer-events:none;background:var(--spark-color,#fff200);width:5px;height:18px;transform:translate(-50%, -50%) rotate(var(--spark-rotate,0deg)) scale(0);animation:.55s cubic-bezier(.2,.8,.3,1) forwards spark-burst;position:fixed;box-shadow:2px 2px #101010}.pirate-sprite{z-index:3;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(4px 5px #1010108c);height:auto;transform:translate(-50%, -50%) rotate(var(--sprite-rotate));animation:1.15s cubic-bezier(.2,.8,.3,1) forwards pirate-chaos;position:absolute}@keyframes pop{0%{transform:translate(-50%, -50%) rotate(var(--pop-rotate,0deg)) scale(0);opacity:0}30%{transform:translate(-50%, -50%) rotate(var(--pop-rotate,0deg)) scale(calc(var(--pop-scale,1) * 1.2));opacity:1}60%{transform:translate(-50%, -50%) rotate(var(--pop-rotate,0deg)) scale(var(--pop-scale,1));opacity:1}to{transform:translate(-50%, -50%) rotate(var(--pop-rotate,0deg)) scale(var(--pop-scale,1));opacity:0}}@keyframes pop-spin{0%{transform:translate(-50%, -50%) rotate(var(--pop-rotate,0deg)) scale(0);opacity:0}30%{transform:translate(-50%, -50%) rotate(var(--pop-rotate,0deg)) scale(calc(var(--pop-scale,1) * 1.2));opacity:1}62%{transform:translate(-50%, -50%) rotate(calc(var(--pop-rotate,0deg) + 8deg)) scale(var(--pop-scale,1));opacity:1}to{transform:translate(-50%, -50%) rotate(calc(var(--pop-rotate,0deg) + 180deg)) scale(.15);opacity:0}}@keyframes pop-drift{0%{transform:translate(-50%, -50%) rotate(var(--pop-rotate,0deg)) scale(0);opacity:0}30%{transform:translate(-50%, -50%) rotate(var(--pop-rotate,0deg)) scale(calc(var(--pop-scale,1) * 1.2));opacity:1}60%{transform:translate(-50%, -50%) rotate(var(--pop-rotate,0deg)) scale(var(--pop-scale,1));opacity:1}to{transform:translate(-50%, calc(-50% - 34px)) rotate(calc(var(--pop-rotate,0deg) - 12deg)) scale(.7);opacity:0}}@keyframes pop-burst{0%{transform:translate(-50%, -50%) rotate(var(--pop-rotate,0deg)) scale(0);opacity:0}30%{transform:translate(-50%, -50%) rotate(var(--pop-rotate,0deg)) scale(calc(var(--pop-scale,1) * 1.2));opacity:1}62%{transform:translate(-50%, -50%) rotate(var(--pop-rotate,0deg)) scale(var(--pop-scale,1));opacity:1}to{transform:translate(-50%, -50%) rotate(var(--pop-rotate,0deg)) scale(calc(var(--pop-scale,1) * 1.45));opacity:0;filter:blur(5px)}}@keyframes spark-burst{0%{opacity:1;transform:translate(-50%, -50%) rotate(var(--spark-rotate,0deg)) scale(0)}22%{opacity:1;transform:translate(-50%, -50%) rotate(var(--spark-rotate,0deg)) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--spark-x)), calc(-50% + var(--spark-y))) rotate(var(--spark-rotate,0deg)) scale(.35)}}@keyframes pirate-chaos{0%{opacity:0;transform:translate(-50%, -50%) rotate(var(--sprite-rotate)) scale(.2)}18%{opacity:1;transform:translate(-50%, -50%) rotate(calc(var(--sprite-rotate) * -.5)) scale(1.2)}60%{opacity:1;transform:translate(-50%, -50%) rotate(calc(var(--sprite-rotate) + 18deg)) scale(.95)}to{opacity:0;transform:translate(calc(-50% + var(--sprite-x)), calc(-50% + var(--sprite-y))) rotate(calc(var(--sprite-rotate) + 120deg)) scale(.4)}}@keyframes kitten-speaks{0%,to{opacity:0;transform:rotate(-3deg)scale(.8)}12%,82%{opacity:1;transform:rotate(-3deg)scale(1)}}@media (width<=600px){.comic-pop{-webkit-text-stroke-width:3px;text-shadow:4px 4px #101010;font-size:clamp(36px,12vw,64px)}.hit-board{width:min(260px,100vw - 24px);max-height:30vh;top:auto;bottom:12px;right:12px}}