💃
```html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>漏れそうな女の子ゲーム</title>
<style>
@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}
@keyframes pop {
0% { transform: scale(1); }
50% { transform: scale(1.2); }
100% { transform: scale(1); }
}
</style>
</head>
<body>
<div style="width: 400px; height: 400px; border: 2px solid #000; display: flex; align-items: center; justify-content: center; flex-direction: column; overflow: hidden; position: relative;">
<div id="girl" style="font-size: 100px; animation: pop 0.5s infinite alternate;">💃</div>
<div id="buttonContainer" style="position: absolute; bottom: 10px; display: flex; gap: 10px;">
<button style="font-size: 24px; padding: 10px;" onclick="shakeGirl()">💥</button>
<button style="font-size: 24px; padding: 10px;" onclick="say()">🗯️</button>
</div>
</div>
<script>
const messages = ["いやん💦", "あっ💦", "ちょっと待って💦", "も、もう無理💦"];
let messageIndex = 0;
function say() {
const girl = document.getElementById('girl');
girl.innerText = messages[messageIndex];
messageIndex = (messageIndex + 1) % messages.length;
girl.style.animation = 'shake 0.5s';
setTimeout(() => girl.style.animation = '', 500);
}
function shakeGirl() {
const girl = document.getElementById('girl');
girl.style.animation = 'shake 0.5s';
setTimeout(() => girl.style.animation = '', 500);
}
setInterval(say, 2000);
</script>
</body>
</html>
```