:root {
	--bg: color(display-p3 0.00 0.15 0.20);
	--yellow: color(display-p3 1 0.878 0);
}
body {
	color: white;
	background: color(display-p3 0.675 0.75 0.75);
	font-family: ui-sans-serif;
	font-weight: 650;
	margin: 1rem;
}
/* body::before {
	content: "";
	background: linear-gradient(color(display-p3 0.675 0.75 0.75 / 0.25), color(display-p3 0.675 0.75 0.75 / 0));
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
	pointer-events: none;
} */
main {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
	max-width: calc(64rem + 2px);
	margin: 1rem auto;
	gap: 1px;
}
section {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	background: var(--bg);
	color: white;
	padding: 1.5rem 1rem;
	margin: 1px;
}
a {
	text-decoration: none;
	color: currentcolor;
}
.poi {
	text-wrap: nowrap;
	display: flex;
	align-items: center;
}
.icon {
	font-size: 1.75rem;
	font-weight: 800;
	display: flex;
	align-items: center;
	justify-content: center;
	background: none;
	color: var(--bg);
	width: 3rem;
	height: 3rem;
	padding-bottom: 0.0625rem;
	margin-right: 0.5rem;
	border-radius: 0.375rem;
	box-sizing: border-box;
}
.icon svg {
	fill: currentColor;
	display: inline-block;
	width: 1.25em;
	height: 1.25em;
	vertical-align: -0.28125em;
}
.exit .icon {
	color: var(--bg);
}
.arrow {
	font-size: 3rem;
	font-weight: 250;
	color: white;
	background: none;
}
.north::before {
	-webkit-mask: url("/wayfinding/north.svg") center / contain no-repeat;
	mask: url("/wayfinding/north.svg") center / contain no-repeat;
}
.north-east::before {
	-webkit-mask: url("/wayfinding/north-east.svg") center / contain no-repeat;
	mask: url("/wayfinding/north-east.svg") center / contain no-repeat;
}
.north-west::before {
	-webkit-mask: url("/wayfinding/north-west.svg") center / contain no-repeat;
	mask: url("/wayfinding/north-west.svg") center / contain no-repeat;
}
.east::before {
	-webkit-mask: url("/wayfinding/east.svg") center / contain no-repeat;
	mask: url("/wayfinding/east.svg") center / contain no-repeat;
}
.west::before {
	-webkit-mask: url("/wayfinding/west.svg") center / contain no-repeat;
	mask: url("/wayfinding/west.svg") center / contain no-repeat;
}
.south::before {
	-webkit-mask: url("/wayfinding/south.svg") center / contain no-repeat;
	mask: url("/wayfinding/south.svg") center / contain no-repeat;
}
.arrow::before {
	content: "";
	display: block;
	background-color: white;
	width: 100%;
	height: 100%;
}
.exit .arrow::before {
	background-color: var(--bg);
}
.exit {
	background: var(--yellow);
	color: var(--bg);
}
.exit .icon {
	background: var(--bg);
	color: white;
}
.exit .arrow {
	background: none;
	color: var(--bg);
}
.line {
	color: var(--bg) !important;
	background: white !important;
	border: solid 7px var(--bg);
}
.line.circle {
	font-size: 1.5rem;
	font-weight: 900;
	border: solid 11px var(--bg);
	border-radius: 4rem;
}
.line, .initial {
	box-shadow: 0 0 0 1px white;
	outline: solid 2px white;
}
section:not(.exit) .icon:not(.arrow) {
	background: white;
}
a[href="https://parakeet.co/"] .line {
	border-color: color(display-p3 0.5 0.75 0);
}
a[href="https://lmnt.me/"] .line {
	border-color: var(--yellow);
}
a[href="https://crowntype.com/"] .line {
	border-color: color(display-p3 0.65 0.418 0.227);
}
a[href="https://junior.cards/"] .line {
	border-color: color(display-p3 0.85 0.128 0.128);
}
a[href="https://kadomaru.app/"] .line {
	border-color: color(display-p3 0.56 0.32 0.8);
}
a[href="https://mantia.me/"] .line {
	border-color: color(display-p3 0 0.293 0.88);
}
a[href="https://burgerdigest.com/"] .initial {
	background: color(display-p3 0.85 0.128 0.128);
}
a[href="https://nandakke.jp/"] .initial {
	background: color(display-p3 0 0.75 0.563);
}
.poi:not(:has(> .icon + .icon)) > .icon {
	margin-left: 3.5rem;
}
.english {
	font-size: 1.375em;
	padding-bottom: 0.125rem;
}
.japanese {
	font-size: 0.875rem;
	padding-bottom: 0.125rem;
}