Difference between r1.17 and the current
@@ -1,387 +1,147 @@
{{{#!html
<!-- 멀쩡해졌다고 말해!!! -->
<;!-- 카페 소개 -->
<!-- 낮의 별빛 -->
<;p style="margin: 0; margin-bottom: 5px; letter-spacing: 0.5rem;">CAFE</p>
<;div style="border-top: 1px solid black; padding: 20px 0px; border-bottom: 1px solid black; margin-bottom: 30px;">
<td style="width: 50%; font-weight: bold; text-align: right; letter-spacing: 1px; padding: 0 5px;">OPEN</td>
<td style="padding: 0 5px;">10:00 AM</td>
</tr>
<tr>
<td style="width: 50%; font-weight: bold; text-align: right; letter-spacing: 1px; padding: 0 5px;">CLOSE</td>
<;td style="padding: 0 5px;">05:00 PM</td>
</tr>
<tr style="width: 50%; text-align: center; padding: 0 5px;">
<td colspan="2">✱<;/td>
</tr>
<tr style="width: 50%; text-align: center; padding: 0 5px;">
<td colspan="2"><span style="margin-right: 8px; background: black; border-radius: 1em; padding: 5px 8px; color: white; font-size: 1rem; letter-spacing: 1px;">휴일</span>매주 월요일 및 공휴일, 삭일</td>
</tr>
<;span style="margin-right: 8px; background: tomato; width: 1.5rem; height: 1.5rem; line-height: 1.7em; border-radius: 1em; font-weight: bold; text-align: center; color: white; display: inline-block;">!</span>
<span style="display: table-cell;">마당에 대형견 친구들 여섯 마리가 살고 있어요! 마당으로 나갈 때나, 알레르기가 계신 분들은 유의해주세요.</span>
</div>
<span style="margin-right: 8px; background: tomato; width: 1.5rem; height: 1.5rem; line-height: 1.7em; border-radius: 1em; font-weight: bold; text-align: center; color: white; display: inline-block;">!</span>
<span style="display: table-cell;">영업 시간 외에도 카페 팻말이 OPEN으로 걸려있다면 언제든지 들어오셔도 된답니다!</span>
<details>
<summary style="list-style-type: none; position: absolute; width: 100%; height: 100%; top: 0; z-index: 1; cursor: pointer;"></summary>
<!-- 밤의 별빛 -->
<div style="position: absolute; top: 0; width: 100%; height: 100%; background: white; font-family: serif;">
<div style="width: calc(100% - 20px); height: calc(100% - 20px); background: #00002b; padding: 20px; text-align: center; color: white; outline: 10px dashed #00002b; margin-top: 10px; margin-left: 10px; box-sizing: border-box; position: relative;">
<h1 style="float: left; color: #ffe882; border: none; margin: 0; text-align: left; padding-right: 30px;">茶<sup style="font-size: 1rem;">다</sup><br>房<sup style="font-size: 1rem;">방</sup><br>별<br>빛</h1>
<div style="float: right;">
<div style="padding: 5px 0; float: left; font-weight: bold; width: 35px; border-left: 1px solid white; border-right: 1px solid white;">여<br>는<br> <br>시<br>간</div>
<div style="padding: 5px 0; float: left; font-weight: 100; width: 35px;">일<br>몰</div>
<div style="padding: 5px 0; float: left; font-weight: bold; width: 35px; border-left: 1px solid white;">닫<br>는<br> <br>시<br>간</div>
<div style="padding: 5px 0; float: left; font-weight: 100; width: 35px; border-left: 1px solid white; border-right: 1px solid white;">첫<br> <br>손<br>님<br> <br>가<br>시<br>는<br> <br>때</div>
</div>
<div style="clear: both;"></div>
<div style="position: absolute; bottom: 20px; width: calc(100% - 60px);">
<div style="display: table; margin-bottom: 15px;">
<span style="margin-right: 8px; font-weight: bold; display: inline-block;">✱</span>
<span style="display: table-cell; text-align: left;">마당에 개 여섯 마리를 키우고 있지만 유령을 보고 짖지 않으니 부디 안심해주세요.</span>
</div>
<div style="display: table;">
<span style="margin-right: 8px; font-weight: bold; display: inline-block;">✱</span>
<span style="display: table-cell; text-align: left;">인간 분께서 방문을 원하시면 카페 팻말을 오른쪽으로 열셋, 왼쪽으로 둘 돌려주세요!</span>
</div>
</div>
</div>
</div>
</details>
</div>
<!-- 백이 -->
<details open>
<summary style="cursor: pointer; font-size: 1.3em; font-weight: bold; padding: 20px;"> 점장님</summary>
<div style="text-align: center; padding: 20px; padding-top: 0;">
<div style="filter: contrast(1.1); width: 100%; max-width: 350px; background: rgba(256, 256, 256, 0.3); border-radius: 100px; overflow: hidden; display: inline-block; margin-bottom: 20px;">
<img src="https://cdn.picrew.me/shareImg/org/202502/2181842_nxaLiNoF.png" style="filter: brightness(1.03); width: 100%;">
</div>
<details open>
<summary style="cursor: pointer; font-size: 1.1em; font-weight: bold; padding: 10px;"> 소개</summary>
<div style="background: rgba(256, 256, 256, 0.6); border-radius: 30px; padding: 10px; margin-bottom: 30px;">
<table style="width: 100%; line-height: 1.6em; border-collapse: collapse;">
<tr>
<td style="padding-top: 8px; padding-bottom: 5px; width: 60px; vertical-align: baseline; font-weight: bold; text-align: center;">이름</td>
<td style="padding-top: 8px; padding-bottom: 5px; font-family: auto; text-align: left; font-weight: 100;">공한별! 별이라고 불러주시면 더 반갑게 인사할 자신 있어요 (*´ᗜ`*)!</td>
</tr>
<tr>
<td style="border-top: 1px solid black; padding-top: 8px; padding-bottom: 5px; vertical-align: baseline; font-weight: bold; text-align: center;">나이</td>
<td style="border-top: 1px solid black; padding-top: 8px; padding-bottom: 5px; font-family: auto; text-align: left; font-weight: 100;">스물다섯살</td>
</tr>
<tr>
<td style="border-top: 1px solid black; padding-top: 8px; padding-bottom: 5px; vertical-align: baseline; font-weight: bold; text-align: center;">국적</td>
<td style="border-top: 1px solid black; padding-top: 8px; padding-bottom: 5px; font-family: auto; text-align: left; font-weight: 100;">대한민국</td>
</tr>
<tr>
<td style="border-top: 1px solid black; padding-top: 8px; padding-bottom: 5px; vertical-align: baseline; font-weight: bold; text-align: center;">성별</td>
<td style="border-top: 1px solid black; padding-top: 8px; padding-bottom: 5px; font-family: auto; text-align: left; font-weight: 100;">여성</td>
</tr>
<tr>
<td style="border-top: 1px solid black; padding-top: 8px; padding-bottom: 5px; vertical-align: baseline; font-weight: bold; text-align: center;">종족</td>
<td style="border-top: 1px solid black; padding-top: 8px; padding-bottom: 5px; font-family: auto; text-align: left; font-weight: 100;">지금은 인간이에요! 언젠가는 유령이었지만 옛날 이야기니까요...! 무서워하지 마세요!</td>
</tr>
<tr>
<td style="border-top: 1px solid black; padding-top: 8px; padding-bottom: 5px; vertical-align: baseline; font-weight: bold; text-align: center;">생일</td>
<td style="border-top: 1px solid black; padding-top: 8px; padding-bottom: 5px; font-family: auto; text-align: left; font-weight: 100;">1월 2일! 새해 다음 해는 제 해에요!</td>
</tr>
</table>
<details open>
<summary style="cursor: pointer; font-size: 1.1em; font-weight: bold; padding: 10px;"> 특징</summary>
<div style="background: rgba(0, 0, 0, 0.6); border-radius: 30px; padding: 10px;">
<table style="width: 100%; line-height: 1.6em; border-collapse: collapse;">
<tr>
<;td style="padding-top: 8px; padding-bottom: 5px; width: 60px; vertical-align: baseline; font-weight: bold; text-align: center; color: white;">유령</td>
<td style="padding-top: 8px; padding-bottom: 5px; font-family: auto; text-align: left; font-weight: 100; color: white;">귀신이라고들 하는, 살아있지 않은 것이 보여요. 저 세상의 것들!</td>
</tr>
<tr>
<td style="border-top: 1px solid white; padding-top: 8px; padding-bottom: 5px; vertical-align: baseline; font-weight: bold; text-align: center; color: white;">도깨비</td>
<td style="border-top: 1px solid white; padding-top: 8px; padding-bottom: 5px; font-family: auto; text-align: left; font-weight: 100; color: white;">옛날 이야기 좋아하세요? 꼬리 아홉 달린 여우라던가, 산마다 있는 있는 산군님이라던가... 씨름과 술을 좋아하는 도깨비 말고도 그런 이야기에서 비롯된 모두들이에요. 저는 도깨비도 보인답니다!</td>
</tr>
<tr>
<td style="border-top: 1px solid white; padding-top: 8px; padding-bottom: 5px; vertical-align: baseline; font-weight: bold; text-align: center; color: white;">퇴마</td>
<td style="border-top: 1px solid white; padding-top: 8px; padding-bottom: 5px; font-family: auto; text-align: left; font-weight: 100; color: white;">는 할 줄 몰라요! 저는 저 세상과 같이 지낼 수 있을 뿐이랍니다. 그래도 도깨비 분들은 이야기랑 똑같아서... 혹시 실수하지 않게 조심해야 해요. 코피 흘리거나 손 베이면 큰일나요! 도깨비는 피를 무서워하니까요!</td>
</tr>
<tr>
<td style="border-top: 1px solid white; padding-top: 8px; padding-bottom: 5px; vertical-align: baseline; font-weight: bold; text-align: center; color: white;">정장</td>
<td style="border-top: 1px solid white; padding-top: 8px; padding-bottom: 5px; font-family: auto; text-align: left; font-weight: 100; color: white;">정장...이라고는 해도 흰 셔츠에 검은 하의지만요. 밤에는 유령 분들이랑 도깨비 분들을 손님으로 맞으니까 왠지 예의 차려야할 것 같은 기분...? 낮의 손님 분들께서도 깔끔하니 보기 좋으실테고요! 당연히 일할 때 앞치마는 필수랍니다. 청결유지!</td>
</tr>
<tr>
<td style="border-top: 1px solid white; padding-top: 8px; padding-bottom: 5px; vertical-align: baseline; font-weight: bold; text-align: center; color: white;">삭일</td>
<td style="border-top: 1px solid white; padding-top: 8px; padding-bottom: 5px; font-family: auto; text-align: left; font-weight: 100; color: white;">달이 없는 날은 낮에도 밤에도 가게를 쉬어요. 위험한 손님은 사절입니다!</td>
</tr>
</table>
</div>
</details>
</div>
</details>
</div>
<!-- 내부인 -->
<div style="width: 100%; background: #d9eefd; border-radius: 30px; margin-top: 20px;">
<details open>
<summary style="cursor: pointer; font-size: 1.3em; font-weight: bold; padding: 20px;"> 직원</summary>
<div style="padding: 10px 20px 30px 20px; font-family: serif;">
<div style="width: calc(100% - 20px); margin-left: 10px; background: white; outline: 10px double white;">
<ol style="list-style: korean-hanja-informal; margin: 0;">
<li style="margin: 0;">
<details>
<summary style="font-weight: bold; text-align: left; cursor: pointer; padding: 10px 0;">吠吠吠吠吠吠</summary>
<div style="padding-right: 10px;">
<table>
<tr>
<td style="width: 30%;"><img src="https://cdn.picrew.me/shareImg/org/202502/166020_sD9ZhNE2.png" style="width: 100%;"></td>
<td style="padding: 20px 0;">
<p style="font-weight: bold; margin-bottom: 10px;">우유</p>
<p style="margin: 0;">제일 순한 직원이에요!<br>하지만 덩치도 목소리도 제일 큰 첫째에요.</p>
</td>
</tr>
<tr>
<td><img src="https://cdn.picrew.me/shareImg/org/202502/166020_HDtDtcVN.png" style="width: 100%; filter: grayscale(1);"></td>
<td style="padding: 20px 0;">
<p style="font-weight: bold; margin-bottom: 10px;">모카</p>
<p style="margin: 0;">제일 겁이 많은 직원이에요!<br>초코의 오빠에요.</p>
</td>
</tr>
<tr>
<td style="filter: brightness(1.15);"><img src="https://cdn.picrew.me/shareImg/org/202502/166020_hXuH0uCP.png" style="width: 100%; filter: grayscale(1);"></td>
<td style="padding: 20px 0;">
<p style="font-weight: bold; margin-bottom: 10px;">초코</p>
<p style="margin: 0;">제일 애교가 많은 직원이에요!<br>모카의 동생이에요.</p>
</td>
</tr>
<tr>
<td><img src="https://cdn.picrew.me/shareImg/org/202502/166020_ll0jP1zS.png" style="width: 100%;"></td>
<;td style="padding: 20px 0;">
<p style="font-weight: bold; margin-bottom: 10px;">에스</p>
<p style="margin: 0;">제일 용맹한 직원이에요!<br>에스는 에스프레소에서 따왔어요.</p>
</td>
</tr>
<tr>
<td><img src="https://cdn.picrew.me/shareImg/org/202502/166020_G5HPCbOJ.png" style="width: 100%; filter: brightness(1.15);"></td>
<td style="padding: 20px 0;">
<p style="font-weight: bold; margin-bottom: 10px;">라떼</p>
<p style="margin: 0;">제일 장난꾸러기 직원이에요!<br>늘 제일 먼저 손님을 맞이하고 싶어해요.</p>
</td>
</tr>
<tr>
<td><img src="https://cdn.picrew.me/shareImg/org/202502/166020_IY0QDUxZ.png" style="width: 100%; filter: brightness(1.05);"></td>
<td style="padding: 20px 0;">
<p style="font-weight: bold; margin-bottom: 10px;">카라멜</p>
<p style="margin: 0;">제일 새침떼기 직원이에요!<br>그래도 곧잘 다가온답니다.</p>
</td>
</tr>
</table>
<p style="text-align: right;"><a href="https://picrew.me/en/image_maker/166020">#Picrew #ポメラニアン__Pomeranian</a></p>
</div>
</details>
</li>
<li style="margin: 0;">
<details>
<summary style="font-weight: bold; text-align: left; cursor: pointer; padding: 10px 0;">김서방</summary>
<div style="padding-right: 10px; padding-bottom: 10px;">
<p style="margin: 5px 0;"><b>김서방</b>은 제 동생이에요.</p>
<p style="margin: 5px 0;">유령을 보기만 하는 저와는 달리 퇴마도 할 줄 알아요.</p>
<p style="margin: 5px 0; color: tomato;">그러니까 김서방 앞에서 유령 이야기는 절대 금지!</p>
<p style="margin: 5px 0;">도깨비는 아예 보이지 않는 지 종종 장난에 당하고는 해요.</p>
<p style="margin: 5px 0;">공서방이어야 할텐데 김서방인 이유도 도깨비들 탓이랍니다!</p>
</div>
</details>
</li>
<li style="margin: 0;">
<details>
<summary style="font-weight: bold; text-align: left; cursor: pointer; padding: 10px 0;">선비님</summary>
<div style="padding-right: 10px; padding-bottom: 10px;">
<p style="margin: 5px 0;">별빛의 하나뿐인 소중한 직원!</p>
<p style="margin: 5px 0;">평범한 사람 분이시라서 낮에만 뵐 수 있어요.</p>
<p style="margin: 5px 0;">이상하게 우리 강아지 직원들과 친해지지 못하고 있지만 일은 엄청 잘 하신답니다!</p>
<p style="margin: 5px 0;">노란 머리를 한 직원 분이 선비님이에요.</p>
<p style="margin: 5px 0; color: mediumturquoise;">말수가 적으셔서 말을 잘 하지 않으니 질문에 답을 않더라도 당황하지 마세요!</p>
</div>
</details>
</li>
</ol>
</div>
</details>
</div>
<!-- 외부인 -->
<div style="width: calc(100% - 20px); background: #ffe9e9; margin-top: 30px; outline: 10px dashed #ffe9e9; margin-left: 10px; margin-bottom: 10px;">
<details open>
<summary style="cursor: pointer; font-size: 1.3em; font-weight: bold; padding: 10px 10px;"> 손님</summary>
<div style="padding: 10px; padding-top: 0;">
<p>가게에 온 손님도, 마음에 온 손님도, 모두 손님이에요!</p>
<div style="background: white;">
<ol style="margin: 0;">
<li style="padding: 10px 0;"><a href="/wiki/wiki.php/주나(어딘가의 초차원 오픈 카톡방)" style="color: #00002b; text-decoration: none;">아주 아주 특별한 손님!</a></li>
<p style="margin: 5px 0; color: #00000000;">초콜릿이랑 견과류을 좋아하는, 눈이 예쁜 사라암.</p>
<p style="margin: 5px 0; color: #00000000;">언젠가 가게에 와서 일일 직원을 해주기로 하셨어요!</p>
<p style="margin: 5px 0; color: #00000000;">선물을 왕창 받을 것 같아서 열심히 선물을 준비 중인데 좋아하면 좋겠어요.</p>
<p style="margin: 5px 0; color: #00000000;">생각날 때마다 동생들 사진이나 영상도 왕창 보내주고 있는데, 그것보다 기뻐해주면 좋겠다.</p>
<p style="margin: 5px 0; color: #00000000;">맞다! 조상님으로서의 죄책감 때문에 에코-프렌들리 해보려고 힘내는 중입니다!</p>
<p style="margin: 5px 0;">제비꽃이 아직은 피어있는데.</p>
</details>
<p style="margin: 5px 0; color: #00000000;">어엄청 오랜만에 다시 만났어요. 당신한테는 더 오랜만인 거 같구.</p>
<p style="margin: 5px 0; color: #00000000;">푸른 나비와 사진, 그리고 응, 교통사고랑 어딘가의 나쁜 사람 둘정도는 기억나요.</p>
<p style="margin: 5px 0; color: #00000000;">친구라는 핑계 대고서 잔소리하려고 고집부렸는데 괜찮은가 모르겠어요오.</p>
<p style="margin: 5px 0; color: #00000000;">마시멜로우 잔뜩 코코아랑 바스크 치즈 케이크!</p>
<p style="margin: 5px 0;">우리 친구 아닌 거 같지요, 응.</p>
</details>
<p style="margin: 5px 0; color: #00000000;">애들은 쑥쑥 큰다지만, 많이 오랜만이기는 하지만 너무 쑥쑥 컸어요!</p>
<p style="margin: 5px 0; color: #00000000;">근데 보다보면은 크기만 쭉쭉 큰 거 같기도 해요.</p>
<p style="margin: 5px 0; color: #00000000;">어리광 받아주는 건 나로도 충분한걸까 싶고오.</p>
<p style="margin: 5px 0; color: #00000000;">도움이 되는 거면 좋겠는데에.</p>
<p style="margin: 5px 0;">................</p>
</details>
<li style="padding: 10px 0;">
<details>
<summary style="font-weight: bold; text-align: left; cursor: pointer; padding: 10px 0;"><a href="/wiki/wiki.php/Liberius(어딘가의 초차원 오픈 카톡방)" style="color: #00002b; text-decoration: none;">근사한 영웅씨!</a></summary>
<div style="padding-right: 10px; padding-bottom: 10px;">
<p style="margin: 5px 0; color: #00000000;">걱정하는 걸 꺼려하시는 거 같아서 열심히 응원 중이에요!</p>
<p style="margin: 5px 0; color: #00000000;">저를 많이 걱정해주어서 어쩌면 좋을 지 모르겠어요.</p>
<p style="margin: 5px 0; color: #00000000;">내 걱정할 시간에 스스로부터 챙기셔야할 거 같은데!</p>
<p style="margin: 5px 0; color: #00000000;">날 너무 약하게만 보고 있지 않느냐구요오.</p>
<p style="margin: 5px 0;">미안해요.</p>
</div>
</details>
<li style="padding: 10px 0;">
<details>
<summary style="font-weight: bold; text-align: left; cursor: pointer; padding: 10px 0;"><;a href="/wiki/wiki.php/랑(어딘가의 초차원 오픈 카톡방)" style="color: #00002b; text-decoration: none;">우리 막내 랑이!</a></summary>
<div style="padding-right: 10px; padding-bottom: 10px;">
<p style="margin: 5px 0; color: #00000000;">동생이 또 늘었답니다. 우리집 명예 막내에요!</p>
<p style="margin: 5px 0; color: #00000000;">리베리우스씨네 차원 가기 전에 잠시 우리집에 와있답니다.</p>
<p style="margin: 5px 0; color: #00000000;">라떼가 유달리 졸졸 쫓아다니는데, 둘이 색이 닮아보여서 정말 귀여워요.</p>
<p style="margin: 5px 0; color: #00000000;">많이 먹이고 많이 예쁨받게 해줄 생각이에요. 예쁜 아이인걸.</p>
<p style="margin: 5px 0;">사과하러 가야하는데 만나주려나 모르겠다아.</p>
</div>
</details>
</details>
</div>
<!-- 기타 설정 -->
<div style="width: calc(100% - 20px); background: #eee2f8; margin-top: 40px; outline: 10px dashed #eee2f8; margin-left: 10px; margin-bottom: 10px; font-family: serif;">
<details open>
<summary style="cursor: pointer; font-size: 1.3em; font-weight: bold; padding: 10px 10px;"> 창고</summary>
<div style="padding: 10px; padding-top: 0; font-family: serif;">
<!-- 기타 -->
<details>
<summary style="cursor: pointer; font-size: 1.1em; font-weight: bold; padding: 10px;"> 기타</summary>
<div style="background: rgba(256, 256, 256, 0.6); border-radius: 30px; padding: 10px; margin-bottom: 30px;">
<table style="width: 100%; line-height: 1.6em; border-collapse: collapse;">
<tr>
<td style="padding-top: 8px; padding-bottom: 5px; width: 10px; vertical-align: baseline; font-weight: bold; text-align: center;">•</td>
<td style="padding-top: 8px; padding-bottom: 5px; font-family: auto; text-align: left; font-weight: 100;">카페들이라고 불리는 강아지 6마리를 키우고 있다. 파양당하거나 유기견이였던 아이들을 데려온 것으로 밤의 가게에서는 가배들이라고 부른다.</td>
</tr>
<tr>
<td style="border-top: 1px solid black; padding-top: 8px; padding-bottom: 5px; width: 10px; vertical-align: baseline; font-weight: bold; text-align: center;">•</td>
<td style="border-top: 1px solid black; padding-top: 8px; padding-bottom: 5px; font-family: auto; text-align: left; font-weight: 100;">(*`︶´*) (*`^´*) (*´^`*) (っ•°´^`°•.) (っ•°´︶`°•.) (*°ㅁ°*) (mm`*)<br>카톡방 내에서 자주 사용하는 이모티콘. 눈이 올라간 표정들은 나름 기운차게 힘 준 느낌이다.</td>
</tr>
<tr>
<td style="border-top: 1px solid black; padding-top: 8px; padding-bottom: 5px; width: 10px; vertical-align: baseline; font-weight: bold; text-align: center;">•</td>
<td style="border-top: 1px solid black; padding-top: 8px; padding-bottom: 5px; font-family: auto; text-align: left; font-weight: 100;">공은 아버지의 성, 한은 어머니의 성. 이를 모르는 사람은 한별이라고 부르고, 알고 있는 사람은 별이라고 부른다. 의미상 성이 두개인 것뿐, 법적으로 성씨는 공이 맞다. 동생의 이름은 공한빛.</td>
</tr>
<tr>
<td style="border-top: 1px solid black; padding-top: 8px; padding-bottom: 5px; width: 10px; vertical-align: baseline; font-weight: bold; text-align: center;">•</td>
<td style="border-top: 1px solid black; padding-top: 8px; padding-bottom: 5px; font-family: auto; text-align: left; font-weight: 100;">부모님이 하던 카페를 물려받았다. 낮에는 종종 도와주시러 오시지만 역시 밤의 가게는 비밀리 영업으로, 동생만 눈치채고 있다. 카페 이름의 뜻은 부모님이 자신의 딸·아들 이름으로 지은 별빛.</td>
</tr>
<td style="border-top: 1px solid black; padding-top: 8px; padding-bottom: 5px; width: 10px; vertical-align: baseline; font-weight: bold; text-align: center;">•</td>
<td style="border-top: 1px solid black; padding-top: 8px; padding-bottom: 5px; font-family: auto; text-align: left; font-weight: 100;">귀신은 유령, 이매망량은 도깨비라고 부른다. 귀엽게 부르면 다른 사람들이 덜 무서워하려나 싶어서.</td>
</tr>
</table>
</div>
</details>
<!-- 세계관 -->
<details>
<summary style="cursor: pointer; font-size: 1.1em; font-weight: bold; padding: 10px;"> 세계관</summary>
<div style="background: rgba(0, 0, 0, 0.6); border-radius: 30px; padding: 10px; color: white;">
<details>
<summary style="width: 100%; border: 1px solid white; border-radius: 30px; padding: 20px; box-sizing: border-box; cursor: pointer;">
<p style="margin: 0; font-size: 1.1em;"><b>鬼神</b> 귀신 <sup>명사</sup></p>
<ol style="margin: 0; margin-top: 5px; font-family: auto; font-weight: 100;">
<li><b>사람이 죽은 뒤에 남는다는 넋.</b></li>
<li>사람에게 禍화와 福복을 내려 준다는 神靈신령.</li>
<li>어떤 일에 남보다 뛰어난 재주가 있는 사람을 비유적으로 이르는 말.</li>
</ol>
</summary>
<div style="padding: 10px;">
<p style="font-family: auto; font-weight: 100;">다음 생을 기다리고 있는 죽은 자들을 말한다. 다음 생을 시작할 준비가 된 귀신들은 말랑말랑해보이는 젤리 형태를 띄고 있다. 둥둥 떠다니기도 하며, 나뭇가지에 널어져 있기도 하다. 선한 사람을 좋아하여 간혹 그런 사람에게 덕지덕지 붙어있다거나 쫓아다니는 모습을 볼 수도 있다. 귀신을 볼 수 있다면.</p>
<p style="font-family: auto; font-weight: 100;">삶에 미련이 너무 많이 남아, 다음 생을 바라보지 못 하고 있는 귀신은 그 삶에서의 모습을 그대로 띈다. 제일 미련이 많았던 모습으로. 조선시대, 어린 나이에 굶어죽은 어린 아이 귀신들이 '왕이었더라면 굶어 죽을 일은 없었을테야.'라는 미련으로 왕의 복식을 따라, 곤룡포를 입은 모습이라거나.</p>
<p style="font-family: auto; font-weight: 100;">귀신은 서로를 잡아먹을 수 있으며, 잡아먹힌 귀신은 바로 이전의 삶을 마지막으로 세상에서 사라진 것이다. 귀신이 귀신을 잡아먹는 이유는 딱 한 가지, 살아있는 사람의 몸을 차지하기 위해서이다.</p>
<p style="font-family: auto; font-weight: 100;">미련이 쌓이고 쌓인, 한이 강한 귀신은 산 사람에게 보인다. 산 사람의 세계와 죽은 사 람의 세계는 겹쳐져 있으니삶에 대한 집착이 산 사람에게까지 드러나보이는 것이다. 그 한이 강할수록 사람과 구분하기 힘들며, 좋은 의도를 가진 귀신은 아닌 경우가 많다. 산 사람들 사이에 녹아 지내다가 어느새 누군가의 몸을 차치할 계획을 갖고 있는 경우가 대부분이다. 산 사람의 세계에 영향을 미치기에는 역시 육신이 필요하기 때문이다.</p>
<p style="font-family: auto; font-weight: 100;">귀신을 볼 수 있는 경우는 총 3가지이다.</p>
<ol style="margin: 0; font-family: auto; font-weight: 100; margin-bottom: 10px;">
<li>귀신을 볼 수 있도록 태어난 경우.</li>
<li>죽음을 넘나들었을 경우.</li>
<li>이번 생이 첫 생으로, 전생이 없는 깨끗한 첫 생을 살아가는 경우.</li>
</ol>
<p style="font-family: auto; font-weight: 100;">2번의 경우에 백이가 해당한다. (백이의 남동생은 3번의 경우).</p>
<p style="font-family: auto; font-weight: 100;">미련이 쌓이고 쌓인, 한이 강한 귀신은 산 사람에게 보인다. 산 사람의 세계와 죽은 사람의 세계는 겹쳐져 있으니 삶에 대한 집착이 산 사람에게까지 드러나보이는 것이다. 그 한이 강할수록 사람과 구분하기 힘들며, 좋은 의도를 가진 귀신은 아닌 경우가 많다. 산 사람들 사이에 녹아 지내다가 어느새 누군가의 몸을 차치할 계획을 갖고 있는 경우가 대부분이다. 산 사람의 세계에 영향을 미치기에는 역시 육신이 필요하기 때문이다.</p>
<p style="font-family: auto; font-weight: 100;">성불이 아닌 이유로 귀신이 사라지는 경우는 3가지이다.</p>
<ol style="margin: 0; font-family: auto; font-weight: 100; margin-bottom: 10px;">
<li>다른 귀신이 잡아먹을 경우.</li>
<li>죽은 사람의 세계에 영향을 끼칠 수 있는 산 사람의 의해 퇴마되는 경우.</li>
<li style="opacity: 0;">혼이 닳아 자연 소멸. 이 경우에는 마지막 죽음과 함께 이루어진다.</li>
</ol>
<p style="font-family: auto; font-weight: 100;">2번의 경우는 성불을 시도했으나 실패하였을 때 마지막의 방법으로 쓰인다. 성불은 귀신이 이번 삶에 대한 집착을 버리고 다음 생으로 떠나갈 수 있도록 도와주는 것을 뜻한다. 보통의 귀신은 위 2가지 경우로 사라지지 않는 이상, 생을 반복하며 깍여나가 자연스레 사라지게 된다.</p>
<p style="font-family: auto; font-weight: 100;">귀신이 사라지기만 한다면 언젠가는 아무도 살아있지 않게 되기에, 새로운 귀신, 즉 새로운 삶을 살아갈 자는 이 세계의 관리자가 만들어야만 한다. 가끔 만드는 것 같기는 하다.</p>
<p style="font-family: auto; font-weight: 100;">• 수많은 삶 속에서 늘 같은 외모를 지니고 있지는 않다. 다만 변하지 않는 부분이 딱 한군데 있다면 눈이다. 먼저 떠나보낸 누군가와 눈이 닮은, 똑같은 사람을 만난다면 그 누군가의 다음 생을 만난 것이다.</p>
</div>
</details>
<details style="margin-top: 10px;">
<summary style="width: 100%; border: 1px solid white; border-radius: 30px; padding: 20px; box-sizing: border-box; cursor: pointer;">
<p style="margin: 0; font-size: 1.1em;"><b>魑魅魍魎</b> 이매망량 <sup>명사</sup></p>
<ol style="margin: 0; margin-top: 5px; font-family: auto; font-weight: 100;">
<li><b>온갖 도깨비. 산천, 목석의 정령에서 생겨난다고 한다.</b></li>
</ol>
</summary>
<div style="padding: 10px;">
<p style="font-family: auto; font-weight: 100;">이야기에서 태어난 도깨비들을 뜻한다. 예로부터 전해져 내려오는 각종 이야기에서 태어나는 존재들로, 신화, 전설 등 그 이야기를 지어내고, 이야기를 옮겨주는 사람들의 믿음을 기반으로 생겨난다. 그렇기 때문에 믿음이 줄어들면 사라지게 된다.</p>
<p style="font-family: auto; font-weight: 100;">이매망량의 개체수는 현대에 들어서 급격히 감소한 편이며, 알아보는 자들도 별로 없다. 이매망량은 믿어야만 보이는 존재들로, 당신의 옆에 구미호가 꼬리 아홉을 살랑이며 앉아있어도 당신이 믿지 않는다면 보이지 않는다.</p>
<p style="font-family: auto; font-weight: 100;">이야기에 따라 다양한 외형을 갖고 있으며, 그 이야기 속에서 그들이 어떻게 지내느냐에 따라 그 모습도 천차만별이다. 사람으로 둔갑하는 요괴의 이야기라면 사람의 모습과 요괴의 모습을 둘 다 가지고 있으며, 메밀묵을 좋아한다면 메밀묵을 우적우적 먹는 모습을 보이기도 한다.</p>
<p style="font-family: auto; font-weight: 100;">귀신과 이매망량의 차이는 단순하다. 살아있던 자가 죽은 것인가, 이야기에서 태어난 존재인가. 그렇기에 불 귀신의 이야기에서 태어난 불 귀신은 귀신일지 언정 이매망량이다.</p>
</div>
</details>
</div>
</details>
</div>
</details>
</div>
}}}
<div style="width: 100%; max-width: 880px;">
<div style="width: 100%; background: #ffe882; position: relative; border-radius: 30px;">
<div style="padding: 30px;">
<h1 style="margin: 0; letter-spacing: 0.1em; border: none; margin-bottom: 20px;">별빛<;/h1>
<table style="width: 100%; font-size: 1.1em;">
<tr>
</table>
</div>
<div style="display: table; margin-bottom: 15px;">
<div style="display: table;">
</div>
<div style="width: 100%; height: 100vh; background: black; position: relative; overflow: hidden; max-width: 860px;">
<div style="width: 100%; height: 80px; background-image: url(https://i.ibb.co/DgKbvQQR/dca.png); background-size: contain; position: absolute; z-index: 1; box-shadow: 0 0px 80px 110px black;">
<div style="width: calc(160px + 80px); position: absolute; left: calc(50% - (160px + 80px) / 2); padding-top: 100px; display: flex; justify-content: space-between;">
<a href="#1" style="display: block; cursor: pointer; width: 40px; height: 40px; background-image: url(https://i.ibb.co/1fJ0kVXq/dc2.png); background-size: cover; color: white; text-decoration: none; font-weight: 900; background-color: white; border-radius: 50%;">
<p style="margin: 0; width: 40px; text-align: center; font-family: 한글재민체30; position: absolute; padding-top: 50px; line-height: 1.4em;">
소<br>개
<small style="position: absolute; top: 47px; font-size: 75%; padding-left: 1px; color: #ffffffdd; line-height: 1.2em;">紹<br>介</small>
</p>
</a>
<a href="#2" style="display: block; cursor: pointer; width: 40px; height: 40px; background-image: url(https://i.ibb.co/DPMjr7c6/dc4.png); background-size: cover; color: white; text-decoration: none; font-weight: 900;">
<p style="margin: 0; width: 40px; text-align: center; font-family: 한글재민체30; position: absolute; padding-top: 50px; line-height: 1.4em;">
인<br>연
<small style="position: absolute; top: 47px; font-size: 75%; padding-left: 1px; color: #ffffffdd; line-height: 1.2em;">因<br>緣</small>
</p>
</a>
<a href="#3" style="display: block; cursor: pointer; width: 40px; height: 40px; background-image: url(https://i.ibb.co/1tBK4hkh/dc3.png); background-size: cover; color: white; text-decoration: none; font-weight: 900; background-color: white; border-radius: 50%;">
<p style="margin: 0; width: 40px; text-align: center; font-family: 한글재민체30; position: absolute; padding-top: 50px; line-height: 1.4em;">
운<br>명
<small style="position: absolute; top: 47px; font-size: 75%; padding-left: 1px; color: #ffffffdd; line-height: 1.2em;">運<br>命</small>
</p>
</a>
<a href="#4" style="display: block; cursor: pointer; width: 40px; height: 40px; background-image: url(https://i.ibb.co/kg461Qyz/dc1.png); background-size: cover; color: white; text-decoration: none; font-weight: 900;">
<p style="margin: 0; width: 40px; text-align: center; font-family: 한글재민체30; position: absolute; padding-top: 50px; line-height: 1.4em;">
비<br>화
<small style="position: absolute; top: 47px; font-size: 75%; padding-left: 1px; color: #ffffffdd; line-height: 1.2em;">祕<br>話</small>
</p>
</a>
</div> <div style="width: 100%; background: #a0d2fa; border-radius: 30px; margin-top: 20px; font-family: serif;">
<div style="width: 100%; height: 100%; overflow-x: hidden; overflow-y: scroll; border: 3px solid #80bda4; box-sizing: border-box;">
<div style="width: 100%; height: 300%;"></div>
<div id="1" style="width: 100%; min-height: 100%; padding: 10px; padding-top: 250px; box-sizing: border-box;">
<h1 style="border: none; font-family: 한글재민체30; margin: 0; color: white; text-align: center; padding-bottom: 60px; box-sizing: border-box;">
<ruby>소개 <rt style="margin-bottom: 3px; text-align: center;">紹介</rt></ruby>
</h1>
<details style="position: relative; margin-bottom: 30px;">
<summary style="list-style-type: none;">
<div style="max-width: 280px; display: flex; margin: 0 auto; cursor: pointer;">
<img style="width: 50%;" src="https://i.ibb.co/yc0vwxrZ/ch.png">
<img style="width: 50%;" src="https://i.ibb.co/yc0vwxrZ/ch.png">
</div> </details>
</summary>
<div style="max-width: 251px; display: flex; position: absolute; top: 0; justify-self: anchor-center;">
<img style="max-width: 100%; box-sizing: border-box; border: 10px solid #e0b586; background: #ffffffdd;" src="https://cdn.picrew.me/shareImg/org/202502/2181842_nxaLiNoF.png">
<img style="position: absolute; top: 0; left: -50%; height: 100%;" src="https://i.ibb.co/yc0vwxrZ/ch.png">
<img style="position: absolute; top: 0; right: -50%; height: 100%;" src="https://i.ibb.co/yc0vwxrZ/ch.png">
</div> <li style="padding: 10px 0;">
</details>
<div style="display: flex; width: 100%; justify-content: center;">
<table style="width: 100%; max-width: 500px; color: white; font-family: 한글재민체30; border-collapse: collapse;">
<tr>
<th style="text-align: right; width: 50%; padding-right: 10px; vertical-align: baseline;">이름</th>
<td style="padding-left: 10px;">
<details> <summary style="font-weight: bold; text-align: left; cursor: pointer; padding: 10px 0;"><a href="/wiki/wiki.php/어딘가의 초차원 오픈 카톡방/HiO" style="color: #00002b; text-decoration: none;">똑똑이 다람쥐씨!</a></summary>
<div style="padding-right: 10px; padding-bottom: 10px;">
<summary>孔韓별</summary>
<div style="font-family: 어비마이센체;">
공한별! 이랍니다아.<br>
별이라고 불러주시면 더 반갑게 인사할 자신 있어요!
</div></details>
</li>
<li style="padding: 10px 0;">
</td>
</tr>
<tr>
<td colspan="2" style="text-align: center; padding: 15px 0; font-size: 75%;">✱</td>
</tr>
<tr>
<th style="text-align: right; padding-right: 10px; font-family: 와글와글체;">생몰년도</th>
<td style="padding-left: 10px; font-family: 와글와글체;">2001-2019</td>
</tr>
<tr>
<td colspan="2" style="text-align: center; padding: 15px 0; font-size: 75%;">✱</td>
</tr>
<tr>
<th style="text-align: right; padding-right: 10px;">생일</th>
<td style="padding-left: 10px;">1월 2일</td>
</tr>
<tr>
<td colspan="2" style="text-align: center; padding: 15px 0; font-size: 75%;">✱</td>
</tr>
<tr>
<th style="text-align: right; padding-right: 10px;">성별</th>
<td style="padding-left: 10px;">여성</td>
</tr>
<tr>
<td colspan="2" style="text-align: center; padding: 15px 0; font-size: 75%;">✱</td>
</tr>
<tr>
<th style="text-align: right; padding-right: 10px;">국적</th>
<td style="padding-left: 10px;">대한민국</td>
</tr>
<tr>
<td colspan="2" style="text-align: center; padding: 15px 0; font-size: 75%;">✱</td>
</tr>
<tr>
<th style="text-align: right; padding-right: 10px;">종족</th>
<td style="padding-left: 10px; font-family: 와글와글체;">인간</td>
</tr>
<tr>
<td colspan="2" style="text-align: center; padding: 15px 0; font-size: 75%;">✱</td>
</tr>
<tr>
<th style="text-align: right; padding-right: 10px; vertical-align: baseline;">신체</th>
<td style="padding-left: 10px;">
<details> <summary style="font-weight: bold; text-align: left; cursor: pointer; padding: 10px 0;"><a href="/wiki/wiki.php/어딘가의 초차원 오픈 카톡방/데이브" style="color: #00002b; text-decoration: none;"><sub>내 멋대로</sub> 파아란 친구!</a></summary>
<div style="padding-right: 10px; padding-bottom: 10px;">
<summary>162cm · 49kg · A형</summary>
<div style="font-family: 어비마이센체;">
잘 자고 잘 먹으려고 힘내고 있어요!<br>
튼튼해지는 중이랍니다아.
</div></details>
</li>
<li style="padding: 10px 0;">
</td>
</tr>
<tr>
<td colspan="2" style="text-align: center; padding: 15px 0; font-size: 75%;">✱</td>
</tr>
<tr>
<th style="text-align: right; padding-right: 10px; vertical-align: baseline;">직업</th>
<td style="padding-left: 10px;">
<details> <summary style="font-weight: bold; text-align: left; cursor: pointer; padding: 10px 0;"><a href="/wiki/wiki.php/어딘가의 초차원 오픈 카톡방/Cassandra" style="color: #00002b; text-decoration: none;">여전히 꼬마 달님!</a></summary>
<div style="padding-right: 10px; padding-bottom: 10px;">
<summary style="font-family: 와글와글체;">고등학생</summary>
<div style="font-family: 어비마이센체;">
카페 혹은 찻집 별빛의 점장님이랍니다.
</div></details>
</li>
</li>
</li>
</ol>
</div>
</td>
</tr>
<tr>
<td colspan="2" style="text-align: center; padding: 15px 0; font-size: 75%;">✱</td>
</tr>
<tr>
<th style="text-align: right; padding-right: 10px; vertical-align: baseline;">가족</th>
<td style="padding-left: 10px;">
아빠, 엄마, <span style="font-family: 와글와글체;">동생</span> <br>
<span style="font-family: 어비마이센체;">우유, 모카, 초코, 에스<small>프레소</small>, 라떼, 카라멜</span>
</td>
</tr>
</table>
</div> </div>
<div id="2" style="width: 100%; min-height: 100%; padding: 10px; padding-top: 250px; box-sizing: border-box;"></div>
<div id="3" style="width: 100%; min-height: 100%; padding: 10px; padding-top: 250px; box-sizing: border-box;"></div>
<div id="4" style="width: 100%; min-height: 100%; padding: 10px; padding-top: 250px; box-sizing: border-box;"></div>
</div></div>
}}}
