diff --git a/public/break_escape/css/person-chat-minigame.css b/public/break_escape/css/person-chat-minigame.css
index 71d73c6c..279fadf0 100644
--- a/public/break_escape/css/person-chat-minigame.css
+++ b/public/break_escape/css/person-chat-minigame.css
@@ -249,11 +249,21 @@
font-size: 18px;
font-weight: bold;
cursor: pointer;
- text-align: center;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ gap: 4px;
transition: all 0.1s ease;
flex: 0 0 auto;
}
+.person-chat-continue-hint {
+ font-size: 11px;
+ font-weight: normal;
+ color: rgba(78, 255, 74, 0.6);
+ letter-spacing: 0.05em;
+}
+
.person-chat-continue-button:hover {
background-color: rgba(58, 90, 58, 0.95);
border-color: #4eff4a;
diff --git a/public/break_escape/js/minigames/person-chat/person-chat-ui.js b/public/break_escape/js/minigames/person-chat/person-chat-ui.js
index 302e3d43..3f2b0e3b 100644
--- a/public/break_escape/js/minigames/person-chat/person-chat-ui.js
+++ b/public/break_escape/js/minigames/person-chat/person-chat-ui.js
@@ -144,7 +144,10 @@ export default class PersonChatUI {
// Continue button
const continueButton = document.createElement('button');
continueButton.className = 'person-chat-continue-button';
- continueButton.textContent = 'Skip';
+ continueButton.innerHTML = `
+ Skip
+ [SPACE]
+ `;
continueButton.id = 'continue-button';
continueButton.style.display = 'inline-block'; // Always visible (hidden only when choices shown)