diff --git a/src/App.vue b/src/App.vue
index a632773..fec2894 100755
--- a/src/App.vue
+++ b/src/App.vue
@@ -90,7 +90,7 @@
 						</tr>
 					</span>
 				</span>
-
+				
 				<div class="vrm" v-if="iframe_status == true">
 					<iframe src="https://vrm.syui.ai" allowfullscreen frameborder="0"></iframe>
 					<table>
@@ -152,8 +152,6 @@
 						<span class="card-fav-su">
 							{{ ii = cards.data.find((v) => v.id == user_fav) }}
 						</span>
-
-
 						<thead v-if="ii.status == 'yui' || ii.status == 'first' || ii.status == 'second' || ii.status == 'second' || ii.status == 'third' || ii.status == 'fourth' || ii.status == 'fifth' || ii.status == 'sixth' || ii.status == 'seven'" class="card-fav">
 							<tr class="card-status-first">
 								<span class="card-wrapper">
@@ -186,12 +184,24 @@
 					</table>
 				</div>
 
+				<div class="card-planet" v-if="planet_status == true">
+					<table class="card-fav">
+						<thead>
+							<span class="card-planet" v-if="planet > 0">
+								<iframe src="https://yui.syui.ai/pkg/planet/?m=t" scrolling="no" frameborder="0" style="width:155px;height:200px;padding-bottom: 14px;"></iframe>
+							</span>
+						</thead>
+						<tbody><tr v-if="planet">M {{ planet }}</tr></tbody>
+					</table>
+				</div>
+
 				<div class="card-button" >
 					<button v-on:click="cardtime">new</button> <button v-on:click="sort">cp</button> <button v-on:click="sortcard" >card</button> <button v-on:click="cardinfo">info</button>
 				</div>
-				<div class="menu-right"><code><strong>ID</strong> {{ id }}</code> <code><span class="icon-power"></span> {{ aiten }}</code> <code><i class="fa-solid fa-cube"></i> {{ cards.data.filter((v) => v.skill == 'lost').length }}</code>
+				<div class="menu-right"><code><strong>ID</strong> {{ id }}</code> <code><span class="icon-power"></span> {{ aiten }}</code> <code><i class="fa-solid fa-cube"></i> {{ cards.data.filter((v) => v.skill == 'lost').length }}</code> 
 					<code class="moji-comp" v-if="26 == (cards.data.filter((v) => v.card >= 96 && v.card <= 121).length)" v-on:click="background_change"><span class="icon-ai"></span> {{ (cards.data.filter((v) => v.card >= 96 && v.card <= 121).length) }}</code>
 					<code v-else><span class="icon-ai"></span> {{ (cards.data.filter((v) => v.card >= 96 && v.card <= 121).length) }}</code>
+					<code><i class="fa-solid fa-earth-americas"></i> {{ planet }}</code> 
 				</div>
 
 				<div class="moji" v-if="moji_status == true">
@@ -922,6 +932,8 @@ export default {
 			bsky_mode: false,
 			did: "",
 			card_origin_status: false,
+			planet_status: false,
+			planet: 0,
 			useragent: window.navigator.userAgent.toLowerCase(),
 			iframe_status: false,
 			term_status: false,
@@ -980,6 +992,7 @@ export default {
 					this.record = response;
 					this.username = this.record.data.find((v) => v.username == loc).username;
 					this.id = this.record.data.find((v) => v.username == loc).id;
+					this.planet = this.record.data.find((v) => v.username == loc).planet;
 					this.model = this.record.data.find((v) => v.username == loc).model;
 					this.did = this.record.data.find((v) => v.username == loc).did;
 					this.aiten = this.record.data.find((v) => v.username == loc).aiten;
@@ -991,6 +1004,10 @@ export default {
 					this.model_critical = this.record.data.find((v) => v.username == loc).model_critical;
 					this.model_critical_d = this.record.data.find((v) => v.username == loc).model_critical_d;
 					this.user_room = this.record.data.find((v) => v.username == loc).room;
+
+					if (this.planet > 0){
+						this.planet_status = true;
+					}
 					let url = this.api_url + "users/" + this.id + "/card?itemsPerPage=4000";
 					axios
 						.get("/json/card.json")
@@ -1504,9 +1521,9 @@ span.reflection:after {
 }
 
 .viewer {
-    background-color: #fff;
-    margin: 10px 0px;
-    padding: 20px;
+	background-color: #fff;
+	margin: 10px 0px;
+	padding: 20px;
 }
 
 span.card-black p {
@@ -1662,7 +1679,11 @@ button.unity i#vrm_button:hover {
 		padding: 50px 0 50px 0;
 		margin: 30px 0 30px 0;
 	}
-	div#app{list-style:none;margin:0px}
+	div#app{
+		list-style:none;
+		margin:0px auto;
+		text-align: center;
+	}
 	.bluesky-avatar img{width:55px}
 	span.time{color:#00f}
 	span.name{background-color:rgba(163,195,255,.10196078431372549);padding:10px}
@@ -1769,4 +1790,17 @@ blockquote.did {
 	text-align: left;
 }
 
+span.card-planet {
+    background-image: url(/card/card_0.webp);
+    background-size: cover;
+    background-position: center;
+    display: inline-block;
+    width: 200px;
+    border-radius: 3px;
+    padding: 23px 0;
+}
+
+.card-planet table thead {
+	background-color: #fff;
+}
 </style>