타워 헌터

“저 헌터입니다.“ *라는 한 마디에 돌아올 반응은 타워의 높이만큼이나 극명하게 갈린다.

3층 사람들은 조용히 고개를 끄덕이면서 “대단히 명예로운 직업이죠.”라고 말할 것이다. 그 뒤에 이어지는 짧은 침묵 속에는 “우리 애는 각성을 못 해서 다행입니다.”라는 문장이 매우 또렷하게 적혀 있을 테고.

2층 사람들은 눈을 빛내며 “진짜요? 멋있다…”라고 말하겠지만 그 반짝임은 귀환 실패 시 시신 미회수 약관을 아직 발견하지 못한 상황에서의 반짝임일 것이다.

물론 1층 사람들은 약관 모두를 읽고도 “그래서 어떻게 각성하게 된 건데”라고 당신을 다그칠 것이다. 그들은 이미 미지근한 지옥에 장기 체류 중이니까.

낙원과 지옥이 엘리베이터 하나로 연결되어 있는 곳. 타워에서 당신이 첫발을 내딛는다.

이 순간을 기념할 꽃다발은 없지만 대신 여러 종류의 위험이 준비돼 있다.*

<div style="background: #ffffff; border: 1px solid #e0e0e0; padding: 30px; font-family: 'Poppins', 'Noto Sans KR', sans-serif; max-width: 550px; width: 100%; box-sizing: border-box; margin: auto; border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); position: relative; overflow: hidden;">
<div style="position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #333333, #aaaaaa, #333333); animation: flash 5s infinite linear;"></div>
<div style="text-align: center; margin-bottom: 35px; position: relative; z-index: 2;">
<span style="display: block; font-size: clamp(28px, 5vw, 38px); font-weight: 800; color: #1a1a1a; letter-spacing: -1px; text-transform: uppercase; text-shadow: 0 1px 1px rgba(0,0,0,0.1); line-height: 1.2;">TOWER HUNTER</span>
<span style="display: block; font-size: 14px; color: #888888; letter-spacing: 4px; margin-top: 6px; text-transform: uppercase; animation: pulse 3.5s infinite ease-in-out;">- Access Point -</span>
</div>
<div style="position: relative; z-index: 2; display: flex; flex-direction: column; gap: 15px;">
<div style="background: #f9f9f9; border-radius: 8px; padding: 25px 15px; border: 1px solid #eeeeee; box-sizing: border-box;">
<span style="display: block; font-size: 14px; color: #777777; margin-bottom: 15px; text-align: center; font-weight: 500;">DATA INPUT REQUIRED</span>
<div style="background: #ffffff; border: 1px solid #e0e0e0; border-radius: 6px; padding: 15px 10px; font-size: clamp(14px, 3.5vw, 17px); color: #333333; font-weight: 500; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px 12px; box-shadow: inset 0 1px 3px rgba(0,0,0,0.05); text-align: center; box-sizing: border-box;"><span>{{user}}</span><span style="color: #cccccc;">/</span><span>[등급]</span><span style="color: #cccccc;">/</span><span>[이능력]</span><span style="color: #cccccc;">/</span><span>[현재 장소]</span></div>
</div>
<div style="background: transparent; border-radius: 5px; padding: 5px 10px; font-size: 14px; color: #999999; text-align: center; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 5px;">
<span style="font-weight: bold; color: #555555; background: #f0f0f0; padding: 2px 6px; border-radius: 3px;">ex:</span>
<span>{{user}} / B / 물 / 헌터관리국 로비</span>
</div>
</div>
<div style="margin-top: 30px; position: relative; z-index: 2;">
<a href="#" style="text-decoration: none; display: block; background: #212529; color: #ffffff; padding: 16px; border-radius: 8px; font-weight: 700; font-size: 18px; text-align: center; letter-spacing: 1px; text-transform: uppercase; transition: all 0.3s ease; box-shadow: 0 4px 12px rgba(33, 37, 41, 0.2); animation: jello 2.8s infinite 1.2s;">
ENTER THE TOWER
</a>
</div>
<div style="height: 1px; background-color: #f0f0f0; margin: 35px 0; position: relative; z-index: 2;"></div>
<div style="background: #f9f9f9; border: 1px solid #f0f0f0; border-radius: 8px; padding: 20px 15px; font-size: 13.5px; color: #666666; line-height: 1.8; text-align: center; position: relative; z-index: 2; box-sizing: border-box;">
<span style="display: block; font-weight: bold; font-size: 15px; color: #333333; margin-bottom: 12px;">[ SYSTEM GUIDANCE ]</span>
<span style="display: block; word-break: keep-all;">헌터가 아닌 다른 시작도 가능합니다.</span>
<span style="display: block; margin-top: 8px; word-break: keep-all;">설정이 어려울 시 <span style="color: #111111; font-weight: bold; background: #e0e0e0; padding: 3px 8px; border-radius: 5px; box-shadow: 0 1px 1px rgba(0,0,0,0.05); display: inline-block; animation: textBlink 1.5s infinite ease-in-out;">'추천해줘'</span> 라고 입력하시면<br>페르소나에 어울리는 선택지를 추천받을 수 있습니다.</span>
</div>

<style>
@keyframes textBlink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.4; }
}
</style>
</div>