.pn-skin-pixel .pn-card,
.pn-skin-pixel .pn-stat {
    border-radius: 2px;
    border-width: 2px;
    box-shadow: inset 0 3px 0 rgba(255, 255, 255, .04), inset 0 -3px 0 rgba(0, 0, 0, .35);
}

.pn-skin-pixel .pn-card-title,
.pn-skin-pixel .pn-stat-value {
    font-family: "VT323", ui-monospace, monospace;
    letter-spacing: .05em;
}

.pn-skin-pixel .pn-card-title {
    font-size: 1.15rem;
    text-transform: uppercase;
}

.pn-skin-pixel .pn-stat-value {
    font-size: 1.5rem;
}

.pn-skin-pixel .pn-badge {
    border-radius: 2px;
    text-transform: uppercase;
}

.pn-skin-pixel .pn-btn {
    border-radius: 2px;
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, .15), inset 0 -2px 0 rgba(0, 0, 0, .3);
}

.pn-skin-pixel .pn-thumb {
    border-radius: 0;
}

.pn-skin-pixel .pn-game-icon {
    background: linear-gradient(var(--game-primary) 0 42%, var(--game-secondary) 42% 100%);
    image-rendering: pixelated;
    border-color: rgba(0, 0, 0, .55);
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, .22),
    inset 0 -2px 0 rgba(0, 0, 0, .35),
    inset 2px 0 0 rgba(255, 255, 255, .08),
    inset -2px 0 0 rgba(0, 0, 0, .18);
}

.pn-skin-pixel .pn-game-icon::after {
    content: "";
}

.pn-skin-page.pn-skin-pixel {
    position: relative;
    isolation: isolate;
    padding-bottom: 26px;
}

.pn-skin-page.pn-skin-pixel::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: -1;
    background: repeating-linear-gradient(90deg, color-mix(in srgb, var(--game-primary) 13%, transparent) 0 1px, transparent 1px 36px),
    repeating-linear-gradient(0deg, color-mix(in srgb, var(--game-primary) 13%, transparent) 0 1px, transparent 1px 36px);
    -webkit-mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, .35) 100%);
    mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, .35) 100%);
}

.pn-skin-page.pn-skin-pixel::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 12px;
    image-rendering: pixelated;
    background: repeating-linear-gradient(90deg, var(--game-primary) 0 18px, color-mix(in srgb, var(--game-primary) 72%, #000) 18px 36px);
    box-shadow: inset 0 3px 0 rgba(255, 255, 255, .18);
}

.pn-skin-pixel .pn-stat-label::before {
    content: "\25A0 ";
    color: var(--game-primary);
    font-size: .6rem;
    vertical-align: 2px;
}

.pn-skin-military .pn-game-icon {
    background: linear-gradient(var(--game-primary) 0 0) center / 2px 68% no-repeat,
    linear-gradient(var(--game-primary) 0 0) center / 68% 2px no-repeat,
    var(--game-tint);
}

.pn-skin-military .pn-game-icon::after {
    content: "";
    width: 52%;
    height: 52%;
    border: 2px solid var(--game-primary);
    border-radius: 50%;
}

.pn-skin-nordic .pn-game-icon {
    background: var(--game-tint);
}

.pn-skin-nordic .pn-game-icon::after {
    content: "";
    width: 55%;
    height: 62%;
    background: linear-gradient(90deg, var(--game-primary) 0 50%, var(--game-secondary) 50% 100%);
    border-radius: 50% 50% 50% 50% / 18% 18% 82% 82%;
}

.pn-skin-pixel .font-mono {
    font-family: "VT323", ui-monospace, monospace;
    font-size: 1.1em;
    letter-spacing: .03em;
}

.pn-skin-military .pn-card,
.pn-skin-military .pn-stat,
.pn-skin-military .pn-badge,
.pn-skin-military .pn-btn {
    border-radius: 0;
}

.pn-skin-military .pn-card-title {
    text-transform: uppercase;
    letter-spacing: .14em;
    font-size: .85rem;
}

.pn-skin-military .pn-badge {
    text-transform: uppercase;
    letter-spacing: .08em;
}

.pn-skin-military .pn-card {
    border-left-width: 3px;
    border-left-color: var(--game-primary, var(--pn-border-strong));
}

.pn-skin-nordic .pn-card,
.pn-skin-nordic .pn-stat {
    border-radius: .875rem;
    border-color: color-mix(in srgb, var(--game-secondary, var(--pn-border)) 40%, var(--pn-border));
}

.pn-skin-nordic .pn-card-title {
    letter-spacing: .1em;
    font-variant: small-caps;
    font-size: 1.05rem;
}

.pn-skin-nordic .pn-badge {
    border-radius: 999px;
}