@charset "UTF-8";
#menu p,
#menu:not(:empty){
	display:inline-block;
	font-size:clamp(1.5rem, 4vw, 2.5rem);
	line-height:1.25;
	margin:1rem 0 .5rem;
	padding:.75rem 1.25rem;
	border:2px solid rgba(216,38,38,.18);
	border-radius:8px;
	background:rgba(255,255,255,.94);
	box-shadow:0 8px 24px rgba(0,0,0,.1);
	color:#c51f1a;
}
#gacha.gacha-rolling{
	animation:gacha-roll-shake .65s ease-in-out both;
	transform-origin:50% 72%;
}
@keyframes gacha-roll-shake{
	0%{transform:translateY(0) rotate(0deg) scale(1);}
	12%{transform:translate(-7px,-3px) rotate(-9deg) scale(1.03);}
	25%{transform:translate(8px,2px) rotate(8deg) scale(1.04);}
	38%{transform:translate(-6px,1px) rotate(-7deg) scale(1.03);}
	52%{transform:translate(6px,-2px) rotate(7deg) scale(1.04);}
	68%{transform:translate(-4px,1px) rotate(-4deg) scale(1.02);}
	82%{transform:translate(3px,0) rotate(3deg) scale(1.01);}
	100%{transform:translateY(0) rotate(0deg) scale(1);}
}
@media (prefers-reduced-motion: reduce){
	#gacha.gacha-rolling{
		animation:none;
		filter:brightness(1.08);
	}
}
#wiki p{
	margin:.5rem 0 1rem;
}
#wiki a{
	display:inline-block;
	padding:.55rem .9rem;
	border-radius:8px;
	background:rgba(255,255,255,.9);
	box-shadow:0 4px 14px rgba(0,0,0,.08);
}
#div1{
	max-width:260px;
	padding:1rem;
	border:1px solid rgba(0,0,0,.08);
	border-radius:8px;
	background:rgba(255,255,255,.86);
	box-shadow:0 8px 24px rgba(0,0,0,.1);
}
#gacha{
	display:block;
	width:min(190px, 100%);
	height:auto;
	margin:0 auto;
}
.google-auto-placed{
	display:block;
	position:relative;
	z-index:0;
	clear:both;
	margin:1rem auto;
}
.google-auto-placed:has(iframe),
.google-auto-placed:has([id^="aswift"]){
	min-height:min(390px, 100vw);
}
#div1,
#menu,
#coin,
#under,
#back{
	position:relative;
	z-index:2;
}
#coin{
	min-width:10rem;
	border-radius:8px;
	box-shadow:0 6px 16px rgba(0,0,0,.12);
	font-weight:bold;
}
#under .button,
#back .button{
	border-radius:8px;
}
#back{
	margin-bottom:1.5rem;
}
#back p{
	padding:.75rem 1rem;
	border-radius:8px;
	background:rgba(255,255,255,.78);
}
@media screen and (max-width: 39.9375em){
	#div1{
		max-width:220px;
	}
	#coin{
		width:100%;
		max-width:18rem;
	}
	#menu p{
		word-break:keep-all;
		overflow-wrap:anywhere;
	}
}