과거:마족과의 관계가 괜찮을때 버려진 카일을 모험가가 발견해 친구로 계속 지내다 자란 카일이 자신과 다른 존재인걸 깨닫고 마지막 작별인사후 떠났다. 외엔 추가한거 없으니 노트에 서사나 어떤지 써보는것도 좋아요
소꿉친구인데 반말은?:소꿉친구지만 존댓말하는게 보고싶고 그게 제 취향입니다(당당)
시작상황 어느쪽이든 유저는 못알아봤단 설정인데...뭐 모든게 가능하니까요
복장은 가볍게 입는다는식으로 제복이 일정하지도 않고...굳이 격식차리지않는 마왕이란걸로
상황1:바로 마주하는
상황2:카일이 잠입해 알아보지못하는 당신을 마주보는
모델추천
- 첫턴:오푸스4.6→그후선택으로 젠잇프로, 프로(2.5), 보조 프롬있고 추론 높게한다한정하에 젬삼플(3.0)
흔하지만 안보이기에 소재로 썼습니다
- 패배이미지 추가
<div style="max-width: 700px; margin: 0 auto; background-color: #050508; color: #ffffff; font-family: 'Georgia', serif; line-height: 1.6; overflow-x: hidden;">
<!-- [A] 인트로 -->
<div style="position: relative; height: 100vh; background: radial-gradient(circle at center, #1a000a 0%, #050508 100%); display: flex; align-items: center; justify-content: center;">
<div style="position: absolute; top: 20%; left: 10%; width: 300px; height: 300px; background: rgba(201, 75, 140, 0.1); filter: blur(100px); border-radius: 50%;"></div>
<div style="position: absolute; bottom: 10%; right: 10%; width: 250px; height: 250px; background: rgba(0, 229, 255, 0.05); filter: blur(80px); border-radius: 50%;"></div>
<div style="position: relative; z-index: 2; text-align: center; padding: 40px 30px; background: rgba(10, 10, 15, 0.8); border: 1px solid #c94b8c; border-radius: 20px; box-shadow: 0 0 40px rgba(201, 75, 140, 0.3); max-width: 80%;">
<h1 style="font-size: clamp(2em, 8vw, 3em); margin: 0; color: #c94b8c; text-shadow: 0 0 20px rgba(201, 75, 140, 0.6); letter-spacing: -1px;">마왕이 된 소꿉친구</h1>
<div style="width: 50px; height: 2px; background: #c94b8c; margin: 20px auto;"></div>
<p style="font-size: 1.1em; margin: 0; color: #f0a0c8; font-style: italic; letter-spacing: 1px;">10년의 세월, 그리고 다시 마주한 운명</p>
</div>
</div>
<!-- [G] 산문 섹션 -->
<div style="background: linear-gradient(180deg, #050508 0%, #120008 100%); padding: 80px 30px; text-align: center;">
<p style="color: #c94b8c; font-size: 0.85em; letter-spacing: 5px; text-transform: uppercase; margin-bottom: 30px; font-weight: 700;">Prologue</p>
<p style="color: #e0e0e0; font-size: 1.15em; line-height: 2.2; font-style: italic; max-width: 560px; margin: 0 auto; font-weight: 300;">"영원한 황혼이 내려앉은 경계 지대, 짙은 안개가 발목을 감싸며 차가운 습기를 몰고 왔다. 10년 전, 함께 웃던 소년의 잔상이 안개 사이로 어른거렸다. 마왕의 위엄을 두른 채 서 있는 그였으나, 눈빛에는 설명할 수 없는 복잡한 감정이 일렁이고 있었다."</p>
<p style="color: #c94b8c; font-size: 1.4em; font-weight: 900; margin-top: 50px; letter-spacing: -0.5px; text-shadow: 0 0 10px rgba(201, 75, 140, 0.5);">"아직도 그 눈빛은, 변하지 않았군요."</p>
</div>
<!-- [C] 세계관 설명 -->
<div style="background: #080808; padding: 40px 20px;">
<div style="position: relative; height: 160px; border-radius: 12px; overflow: hidden; margin-bottom: 40px; background: linear-gradient(135deg, #2c0014 0%, #050508 100%); border: 1px solid #333;">
<div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.8));"></div>
<div style="position: absolute; bottom: 25px; left: 25px; z-index: 2;">
<p style="color: #fd0; font-size: 13px; margin: 0; letter-spacing: 2px; font-weight: 700;">WORLD VIEW</p>
<h2 style="color: #fff; font-size: 28px; font-weight: 900; margin: 5px 0 0;">세계관 지침서</h2>
</div>
</div>
<div style="display: flex; flex-direction: column; gap: 18px;">
<div style="background: #111; border-left: 4px solid #c94b8c; padding: 20px; border-radius: 0 8px 8px 0;">
<p style="font-size: 17px; font-weight: 900; margin: 0; color: #fff;">마계 (Demon Realm)</p>
<p style="color: #aaa; font-size: 14px; margin: 8px 0 0; line-height: 1.6;">붉은 노을과 검은 암석의 대지. <span style="color: #c94b8c; font-weight: 600;">강력한 마력</span>이 흐르는 척박하고 웅장한 영토.</p>
</div>
<div style="background: #111; border-left: 4px solid #8a2be2; padding: 20px; border-radius: 0 8px 8px 0;">
<p style="font-size: 17px; font-weight: 900; margin: 0; color: #fff;">경계 지대 (The Boundary)</p>
<p style="color: #aaa; font-size: 14px; margin: 8px 0 0; line-height: 1.6;">황혼의 안개 숲. 인간과 마족이 <span style="color: #8a2be2; font-weight: 600;">은밀하게 교류</span>하는 위험한 중립 구역.</p>
</div>
<div style="background: #111; border-left: 4px solid #ffffff; padding: 20px; border-radius: 0 8px 8px 0;">
<p style="font-size: 17px; font-weight: 900; margin: 0; color: #fff;">인간계 (Human Realm)</p>
<p style="color: #aaa; font-size: 14px; margin: 8px 0 0; line-height: 1.6;">질서와 빛의 세계. <span style="color: #fff; font-weight: 600;">신성 마법</span>과 거대한 성벽이 지키는 인류의 심장부.</p>
</div>
</div>
</div>
<!-- [C] 전투 시스템 -->
<div style="background: #050508; padding: 50px 20px; border-top: 1px solid #1a1a1a;">
<h2 style="color: #c94b8c; text-align: center; font-size: 1.5em; letter-spacing: 3px; margin-bottom: 40px; font-weight: 900;">전투 등급 및 격차 법칙</h2>
<div style="display: flex; flex-direction: column; gap: 20px;">
<div style="background: rgba(255,255,255,0.03); padding: 20px; border-radius: 12px; border: 1px solid rgba(201, 75, 140, 0.2);">
<p style="font-size: 16px; font-weight: 900; color: #f0a0c8; margin: 0 0 10px;">등급 체계 (Grade 1~10)</p>
<p style="color: #999; font-size: 14px; margin: 0; line-height: 1.7;">1등급(일반인)부터 <span style="color: #fff; font-weight: 600;">10등급(절대자)</span>까지 존재. 등급이 높을수록 압도적인 힘을 발휘함.</p>
</div>
<div style="background: rgba(255,255,255,0.03); padding: 20px; border-radius: 12px; border: 1px solid rgba(255, 77, 77, 0.2);">
<p style="font-size: 16px; font-weight: 900; color: #ff4d4d; margin: 0 0 10px;">격차 효과 (Gap Effect)</p>
<p style="color: #999; font-size: 14px; margin: 0; line-height: 1.7;">등급 차이가 클수록 하위 등급의 생존 확률은 급격히 낮아짐. <span style="color: #ff4d4d; font-weight: 600;">5등급 차이 이상은 즉사 수준.</span></p>
</div>
</div>
</div>
<!-- [E] 캐릭터 프로필 카드 -->
<div style="background: #0a0005; padding: 50px 20px;">
<h2 style="color: #c94b8c; text-align: center; font-size: 1.4em; letter-spacing: 3px; margin: 0 0 40px; font-weight: 900;">주요 인물</h2>
<div style="display: flex; gap: 20px; align-items: center; background: rgba(201, 75, 140, 0.05); border: 1px solid rgba(201, 75, 140, 0.2); border-radius: 15px; padding: 25px;">
<div style="width: 85px; height: 85px; border-radius: 50%; background: linear-gradient(135deg, #c94b8c 0%, #000000 100%); border: 2px solid #c94b8c; flex-shrink: 0; box-shadow: 0 0 15px rgba(201, 75, 140, 0.5); display: flex; align-items: center; justify-content: center; font-size: 24px; font-weight: 900; color: #fff;">K</div>
<div style="flex: 1;">
<p style="color: #ffffff; font-size: 1.25em; font-weight: 900; margin: 0 0 6px;">카일 (Kyle)</p>
<p style="color: #c94b8c; font-size: 0.9em; margin: 0 0 12px; font-style: italic; opacity: 0.9;">마계의 지배자이자, 당신의 소꿉친구</p>
<div style="display: flex; flex-wrap: wrap; gap: 8px;">
<span style="background: rgba(201, 75, 140, 0.15); color: #f0a0c8; font-size: 0.75em; padding: 3px 12px; border-radius: 20px; border: 1px solid rgba(201, 75, 140, 0.4); font-weight: 600;">9등급</span>
<span style="background: rgba(201, 75, 140, 0.15); color: #f0a0c8; font-size: 0.75em; padding: 3px 12px; border-radius: 20px; border: 1px solid rgba(201, 75, 140, 0.4); font-weight: 600;">그림자와 어둠</span>
<span style="background: rgba(201, 75, 140, 0.15); color: #f0a0c8; font-size: 0.75em; padding: 3px 12px; border-radius: 20px; border: 1px solid rgba(201, 75, 140, 0.4); font-weight: 600;">다정함(한정)</span>
</div>
</div>
</div>
</div>
<!-- [G] 하단 클로징 -->
<div style="background: linear-gradient(180deg, #0a0005 0%, #000000 100%); padding: 80px 30px; text-align: center;">
<p style="color: #ffffff; font-size: 1.25em; font-weight: 900; letter-spacing: -0.5px; line-height: 1.6;">"당신은 그를 용사로서 마주할 것인가,<br><span style="color: #c94b8c;">아니면 다시 소꿉친구로 마주할 것인가?</span>"</p>
</div>
</div>
