/* /Pages/Index.cshtml.rz.scp.css */
.emoji[b-r0wceqpgrn] {
    font-family: "Noto Color Emoji", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 40px;
}

.bblack[b-r0wceqpgrn] {
    border: 1px solid black;
}

h1[b-r0wceqpgrn] {
    color: #555;
    font-size: xx-large;
    text-align: center;
}

h2[b-r0wceqpgrn], h3[b-r0wceqpgrn], h4[b-r0wceqpgrn], .home-subtitle[b-r0wceqpgrn] {
    color: #555;
    font-size: large;
    text-align: center;
}


.jumpman-blue[b-r0wceqpgrn] {
    color: #0c7db6; /* darker than the logo blue (#62c4f5) for 4.5:1 contrast on white */
}

.jumpman-red[b-r0wceqpgrn] {
    color: #dc1822;
}

.apple-style-card[b-r0wceqpgrn] {
    border: 1px solid #e0e0e0; /* Light border for a clean look */
    border-radius: 5px; /* Rounded corners */
    /* box-shadow: 0 1px 10px rgba(255, 0, 0, 0.1), 0 3px 20px rgba(255, 0, 0, 0.1);  */
    transition: all 0.3s ease-in-out; /* Smooth transition for hover effect */
    margin-bottom: 15px;
    margin-top: 15px;
}

.apple-style-card:hover[b-r0wceqpgrn] {
    transform: translateY(-2px); /* Lift effect */
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
}

.apple-style-button[b-r0wceqpgrn] {
    border: 1px solid #fcc;
    border-radius: 10px;
    box-shadow: 0 3px 10px rgba(255, 100, 100, 0.3);
    transition: all 0.3s ease-in-out;
    margin: 2px;
}

.home-games[b-r0wceqpgrn] {
    max-width: 960px;
}

/* keeps the Patreon and email cards close together on wide screens */
.home-support[b-r0wceqpgrn] {
    max-width: 800px;
}

.home-game-title[b-r0wceqpgrn] {
    color: #555;
    min-height: 2.4em; /* reserve two lines so the boxes line up when a title wraps */
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.home-game-box[b-r0wceqpgrn] {
    max-height: 340px;
}

.home-game-button[b-r0wceqpgrn] {
    display: inline-block;
    padding: 0.3rem 1.5rem;
    border-radius: 999px;
}

.home-game-button-disabled[b-r0wceqpgrn] {
    color: #999;
    cursor: not-allowed;
}

.home-game-stats[b-r0wceqpgrn] {
    line-height: 1.6;
}

/* ::deep because the form and img are tag helpers, which don't get the scope attribute */
.home-support[b-r0wceqpgrn]  .home-support-card {
    max-width: 360px;
}

.home-support[b-r0wceqpgrn]  .home-patreon-logo {
    height: 22px;
}

.home-about[b-r0wceqpgrn] {
    color: #555;
    font-size: 0.875rem; /* 14px at the default size */
}

@media (max-width: 767px) {
    .home-about[b-r0wceqpgrn] {
        font-size: 1rem; /* the root is smaller on mobile, so this is 14px too */
    }

    .home-game-title[b-r0wceqpgrn] {
        font-size: 0.9rem;
    }

    .home-game-button[b-r0wceqpgrn] {
        padding: 0.2rem 0.6rem;
        font-size: 0.8rem;
    }

    .home-game-stats[b-r0wceqpgrn] {
        font-size: 0.875rem; /* about 12px, smaller is hard to read */
    }
}
/* /Pages/Regions/Regions.cshtml.rz.scp.css */
/* Scoped to Regions.cshtml */

.emoji[b-1y03muwobw] {
	font-family: "Noto Color Emoji", serif;
	font-weight: 400;
	font-style: normal;
	font-size: 15px;
}

h1[b-1y03muwobw] {
	color: #555;
	font-size: xx-large;
	text-align: center;
}

h2[b-1y03muwobw] {
	color: #555;
	font-size: 14px;
	text-align: center;
}

h3[b-1y03muwobw] {
	color: #555;
}

.countries[b-1y03muwobw] {
	height: 100px;
}
/* /Pages/RegionVariants/_FlapTimeline.cshtml.rz.scp.css */
/* Scoped to _FlapTimeline.cshtml */

.timeline-scroll-left[b-n574w3o1ah],
.timeline-scroll-right[b-n574w3o1ah] {
    z-index: 1;
    /* full height of the scroll area; JS toggles display between flex and none */
    display: flex;
    align-items: center;
    opacity: 0.7; /* let the content show through a little */
}

.timeline-scroll-left:hover[b-n574w3o1ah],
.timeline-scroll-left:focus-visible[b-n574w3o1ah],
.timeline-scroll-right:hover[b-n574w3o1ah],
.timeline-scroll-right:focus-visible[b-n574w3o1ah] {
    opacity: 1;
}

/* Scrolls by touch/trackpad (overflow-x-auto); the arrow buttons replace the scrollbar */
.timeline-container[b-n574w3o1ah] {
    overscroll-behavior-x: contain; /* a swipe at the end doesn't trigger browser back/forward */
    scrollbar-width: none;
    border-radius: 10px; /* clips the scrolling image, so the visible window is always rounded */
}

.timeline-container[b-n574w3o1ah]::-webkit-scrollbar {
    display: none;
}

/*
 * ::deep because the <img> is rendered by a tag helper (its ~/ src), and tag-helper
 * elements don't get the b-xxxx scope attribute, so a plain class selector never matches.
 */
.timeline-container[b-n574w3o1ah]  .timeline-image {
    display: block; /* no inline baseline gap under the image, so the overlay lines up */
    height: 200px; /* the scale in _FlapTimeline.cshtml assumes this height */
    border-radius: 10px; /* for timelines narrower than the container */
}

/* The current variant isn't clickable, so gray it out like the selected card in the variant list */
.timeline-current[b-n574w3o1ah] {
    position: absolute;
    background-color: rgba(var(--bs-body-bg-rgb), 0.5);
    backdrop-filter: grayscale(60%);
    cursor: not-allowed;
}

/*
 * The frame is a separate box so only it gets rounded corners; rounding the overlay
 * itself would leave the flap's square corners un-grayed. inset = -(gap + border width)
 */
.timeline-current[b-n574w3o1ah]::after {
    content: "";
    position: absolute;
    inset: -3px; /* 1px gap + 2px border */
    border: 2px solid rgba(255, 0, 0, 0.5);
    border-radius: 10px;
    pointer-events: none;
}
/* /Pages/RegionVariants/_InterestPointMap.cshtml.rz.scp.css */
/* The map reuses the 3D box texture, crop it from the top when the model sets an aspect-ratio */
.box-map[b-9nqq6zepfj] {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: top;
}
/* /Pages/RegionVariants/_SideInfo.cshtml.rz.scp.css */
/* Scoped to _SideInfo.cshtml */

.side-info[b-1gvd8qdrts] {
    width: 200px;
}

.distributor[b-1gvd8qdrts] {
    list-style: circle;
}

.flap-image-col[b-1gvd8qdrts] {
    width: 40%;
}

.flap-text-col[b-1gvd8qdrts] {
    width: 60%;
}

/*
 * ::deep because the <img>s are rendered by a tag helper (their ~/ src), and tag-helper
 * elements don't get the b-xxxx scope attribute, so a plain class selector never matches.
 */
.side-info[b-1gvd8qdrts]  .flap-image {
    height: 72px;
}

.side-info[b-1gvd8qdrts]  .printrun-flap {
    height: 20px;
}

.side-info dt[b-1gvd8qdrts] {
    font-weight: normal;
}

.side-info dd[b-1gvd8qdrts] {
    margin-bottom: 0;
}

.inline-pairs dt[b-1gvd8qdrts],
.inline-pairs dd[b-1gvd8qdrts] {
    display: inline;
}
/* /Pages/RegionVariants/_VariantThumbnailList.cshtml.rz.scp.css */
/* Scoped to _VariantThumbnailList.cshtml */

/*
 * Every part of a card has a fixed size except the image, which gets whatever
 * is left of --list-height. Change --list-height and everything follows.
 */
.thumbnail-list[b-41jn972jbp] {
    --list-height: 200px;
    --card-margin-y: 15px;  /* room above/below each card for the lift + glow */
    --card-padding: 16px;
    --text-line: 20px;      /* one line of title / region code */
    --title-gap: 6px;

    height: var(--list-height);
}

.scroll-left[b-41jn972jbp],
.scroll-right[b-41jn972jbp] {
    z-index: 1;
    /* full height of the scroll area; JS toggles display between flex and none */
    display: flex;
    align-items: center;
    opacity: 0.7; /* let the content show through a little */
}

.scroll-left:hover[b-41jn972jbp],
.scroll-left:focus-visible[b-41jn972jbp],
.scroll-right:hover[b-41jn972jbp],
.scroll-right:focus-visible[b-41jn972jbp] {
    opacity: 1;
}

/* Scrolls by touch/trackpad (overflow-x-auto); the arrow buttons replace the scrollbar */
.scroll-container[b-41jn972jbp] {
    height: 100%;
    scroll-behavior: smooth;
    white-space: nowrap;
    overscroll-behavior-x: contain; /* a swipe at the end doesn't trigger browser back/forward */
    scrollbar-width: none;
}

.scroll-container[b-41jn972jbp]::-webkit-scrollbar {
    display: none;
}

/* Card look (border, glow, hover) is shared with _InterestPointMap and lives in site.css */
.apple-style-card[b-41jn972jbp] {
    margin-top: var(--card-margin-y);
    margin-bottom: var(--card-margin-y);
    flex-shrink: 0; /* keep natural width so the row scrolls instead of squashing */
}

/* The current variant isn't clickable, so make it look disabled */
.apple-style-card.selected[b-41jn972jbp] {
    cursor: not-allowed;
    opacity: 0.5;
    filter: grayscale(60%);
}

.apple-style-card.selected:hover[b-41jn972jbp] {
    transform: none;
    box-shadow: none;
}

.card-body[b-41jn972jbp] {
    padding: var(--card-padding); /* px, not Bootstrap's rem, so it doesn't change with the root font size */
}

.card-title[b-41jn972jbp] {
    line-height: var(--text-line);
    margin-bottom: var(--title-gap);
}

.region-code[b-41jn972jbp] {
    line-height: var(--text-line);
}

/*
 * ::deep because the <img> is rendered by a tag helper (its ~/ src), and tag-helper
 * elements don't get the b-xxxx scope attribute, so a plain .thumbnail never matches.
 */
.card-body[b-41jn972jbp]  .thumbnail {
    /* list height minus card margins, borders, padding and title
       (add "- var(--text-line)" back if the region code span is re-enabled) */
    height: calc(var(--list-height)
        - 2 * var(--card-margin-y)
        - 2px
        - 2 * var(--card-padding)
        - var(--text-line) - var(--title-gap));
    width: auto; /* width follows the image's aspect ratio */
    align-self: center;
}
/* /Pages/Shared/_Layout.cshtml.rz.scp.css */
/* Please see documentation at https://learn.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a[b-tq8coeo1re] {
  color: #0077cc;
}

.btn-primary[b-tq8coeo1re] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active[b-tq8coeo1re], .nav-pills .show > .nav-link[b-tq8coeo1re] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.border-top[b-tq8coeo1re] {
  border-top: 1px solid #e5e5e5;
}

.box-shadow[b-tq8coeo1re] {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy[b-tq8coeo1re] {
  font-size: 1rem;
  line-height: inherit;
}

.footer[b-tq8coeo1re] {
  margin-top: auto; /* pushes the footer to the bottom on short pages */
  padding: 1rem 0;
}
/* /Pages/Shared/_Navbar.cshtml.rz.scp.css */
a.navbar-brand[b-yp99v8fe21] {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

a[b-yp99v8fe21] {
  color: #0077cc;
}

.border-bottom[b-yp99v8fe21] {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow[b-yp99v8fe21] {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}
/* /Pages/Wishlist/Wishlist.cshtml.rz.scp.css */
/* Scoped to Wishlist.cshtml */

h1[b-mh1dlhv4b0] {
	color: #555;
	font-size: xx-large;
	text-align: center;
}

.font-mini[b-mh1dlhv4b0] {
	font-size: 12px;
}

.emoji[b-mh1dlhv4b0] {
	font-family: "Noto Color Emoji", serif;
	font-weight: 400;
	font-style: normal;
	font-size: 15px;
}