/* cards.poplextcg.com stylesheet (2026-10-28). Same paper-and-ink binder look as poplextcg.com (v3): tokens, base, top bar and buttons are copied from that stylesheet; the set and card components are new. System fonts only; no inline styles; no external resources; no scripts. Per-set spine colours (.tint-*) are appended by build_cards.py. */

/* 1. Tokens */
:root {
  color-scheme: light;
  --paper: #f3ecdc; --paper-2: #eadfc6; --white: #fffdf6; --ink: #1b1712; --ink-2: #463e33; --ink-3: #5f5546;
  --line: rgba(27,23,18,.18); --line-2: rgba(27,23,18,.45);
  --gold: #f3be33; --gold-2: #ffd75e; --red: #b5301a; --blue: #2236b8; --green: #1b6b42;
  --serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;
  --sans: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --mono: ui-monospace, "SF Mono", Menlo, Consolas, "Courier New", monospace;
  --gutter: 18px; --max: 1180px; --r: 6px;
  --hard: 5px 5px 0 var(--ink); --hard-sm: 3px 3px 0 var(--ink);
  --ease: cubic-bezier(.2,.8,.2,1);
}
@media (min-width: 720px) { :root { --gutter: 28px; } }
@media (min-width: 1100px) { :root { --gutter: 36px; } }

/* 2. Base */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: 88px; background: var(--paper); }
body { margin: 0; background: var(--paper); color: var(--ink); font: 400 1.0625rem/1.62 var(--serif); overflow-wrap: break-word; min-height: 100vh; display: flex; flex-direction: column; }
main { flex: 1 0 auto; }
img { max-width: 100%; height: auto; display: block; }
a { color: var(--blue); text-underline-offset: 3px; text-decoration-thickness: 1.5px; }
a:hover { color: var(--red); }
:focus-visible { outline: 3px solid var(--blue); outline-offset: 3px; }
::selection { background: var(--gold); color: var(--ink); }
h1, h2, h3 { font-family: var(--serif); line-height: 1.08; letter-spacing: -.015em; margin: 0 0 .5em; font-weight: 800; }
p { margin: 0 0 1em; }
code, pre, kbd { font-family: var(--mono); }
.sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.skip-link { position: absolute; left: 12px; top: -64px; z-index: 100; background: var(--gold); color: var(--ink); padding: 10px 16px; border: 2px solid var(--ink); font: 700 .95rem var(--sans); text-decoration: none; transition: top .2s; }
.skip-link:focus { top: 12px; }
.mark { background: linear-gradient(transparent 58%, var(--gold) 58%, var(--gold) 92%, transparent 92%); padding: 0 .08em; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.center { text-align: center; }
.fine { color: var(--ink-3); font: 400 .86rem/1.5 var(--sans); margin-top: 14px; }

/* 3. Top bar */
.topbar { position: sticky; top: 0; z-index: 50; background: var(--paper); border-bottom: 2px solid var(--ink); }
.topbar__in { max-width: var(--max); margin: 0 auto; padding: 10px var(--gutter); display: flex; align-items: center; gap: 18px; }
.brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: var(--ink); }
.brand svg { width: 24px; height: 30px; transition: transform .35s var(--ease); }
.brand svg path:last-child, .footer__brand svg path:last-child { fill: var(--ink); }
.footer__brand svg path:last-child { fill: var(--paper); }
.brand:hover svg { transform: rotate(-10deg) scale(1.08); }
.brand__name { font: 800 1.35rem var(--serif); letter-spacing: -.02em; }
.brand__tag { font: 700 .66rem/1 var(--mono); padding: 4px 6px; background: var(--ink); color: var(--gold-2); letter-spacing: .06em; }
.mainnav { margin-left: auto; }
.mainnav ul { display: flex; gap: 0; list-style: none; margin: 0; padding: 0; flex-wrap: wrap; }
.mainnav a { display: block; padding: 8px 11px; color: var(--ink); text-decoration: none; font: 700 .78rem var(--sans); text-transform: uppercase; letter-spacing: .09em; border-bottom: 3px solid transparent; transition: border-color .2s, color .2s; }
.mainnav a:hover { color: var(--ink); border-bottom-color: var(--gold); }
.mainnav a[aria-current="page"] { border-bottom-color: var(--ink); }
.topbar__cta { display: flex; align-items: center; gap: 12px; }
.topbar__link { color: var(--ink); font: 700 .78rem var(--sans); text-transform: uppercase; letter-spacing: .09em; text-decoration: none; padding: 8px 6px; }
.navtoggle { display: none; margin-left: auto; width: 44px; height: 44px; border: 2px solid var(--ink); background: var(--white); color: var(--ink); cursor: pointer; align-items: center; justify-content: center; box-shadow: var(--hard-sm); }
.navtoggle__bars, .navtoggle__bars::before, .navtoggle__bars::after { display: block; width: 18px; height: 2px; background: currentColor; position: relative; transition: transform .25s, opacity .25s; }
.navtoggle__bars::before, .navtoggle__bars::after { content: ""; position: absolute; left: 0; }
.navtoggle__bars::before { top: -6px; } .navtoggle__bars::after { top: 6px; }
.navtoggle[aria-expanded="true"] .navtoggle__bars { background: transparent; }
.navtoggle[aria-expanded="true"] .navtoggle__bars::before { transform: translateY(6px) rotate(45deg); }
.navtoggle[aria-expanded="true"] .navtoggle__bars::after { transform: translateY(-6px) rotate(-45deg); }
@media (max-width: 1020px) {
  .js .navtoggle { display: inline-flex; }
  .js .mainnav { position: absolute; left: 0; right: 0; top: 100%; margin: 0; background: var(--paper); border-bottom: 2px solid var(--ink); padding: 6px var(--gutter) 16px; display: none; }
  .js .mainnav.is-open { display: block; }
  .js .mainnav ul { flex-direction: column; }
  .js .mainnav a { padding: 14px 4px; font-size: .9rem; border-bottom: 1px solid var(--line); }
  .js .topbar__cta { margin-left: 0; }
  .js .topbar__cta .btn { display: none; }
  .topbar__in { flex-wrap: wrap; }
  html:not(.js) .mainnav { margin-left: 0; width: 100%; order: 3; }
  html:not(.js) .topbar__cta { margin-left: auto; }
}
.status { background: var(--gold); border-bottom: 2px solid var(--ink); }
.status__in { max-width: var(--max); margin: 0 auto; padding: 8px var(--gutter); display: flex; gap: 12px; align-items: center; font: 400 .86rem/1.4 var(--sans); color: var(--ink); margin-bottom: 0; }
.status__chip { font: 800 .64rem/1 var(--sans); text-transform: uppercase; letter-spacing: .14em; padding: 5px 8px; background: var(--ink); color: var(--gold-2); flex: none; }

/* 4. Buttons, labels */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 11px 20px; font: 800 .85rem var(--sans); text-transform: uppercase; letter-spacing: .08em; text-decoration: none; border: 2px solid var(--ink); background: var(--white); color: var(--ink); cursor: pointer; box-shadow: var(--hard-sm); transition: transform .15s var(--ease), box-shadow .15s var(--ease), background .15s; }
.btn:hover { color: var(--ink); transform: translate(-2px, -2px); box-shadow: 5px 5px 0 var(--ink); }
.btn:active { transform: translate(2px, 2px); box-shadow: 0 0 0 var(--ink); }
.btn--lg { padding: 15px 26px; font-size: .92rem; box-shadow: var(--hard); }
.btn--lg:hover { box-shadow: 7px 7px 0 var(--ink); }
.btn--small { padding: 8px 14px; font-size: .74rem; }
.btn--primary { background: var(--gold); }
.btn--primary:hover { background: var(--gold-2); }
.btn--ghost { background: var(--white); }
.btn--ghost:hover { background: var(--paper-2); }
.pill { display: inline-block; font: 700 .74rem/1.3 var(--mono); text-transform: uppercase; letter-spacing: .12em; color: var(--ink); border: 2px solid var(--ink); background: var(--white); padding: 6px 10px; margin: 0 0 24px; }
.eyebrow { display: block; font: 700 .76rem/1 var(--mono); text-transform: uppercase; letter-spacing: .14em; color: var(--red); margin-bottom: 16px; }
.home { counter-reset: sec; }
.home .block .eyebrow::before { counter-increment: sec; content: "No. " counter(sec, decimal-leading-zero) "  /  "; color: var(--ink); }
.lead { color: var(--ink-2); font-size: 1.2rem; line-height: 1.55; max-width: 60ch; }
.chips, .trust { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0; padding: 0; }
.trust { margin-top: 30px; }
.trust li, .chips li { padding: 5px 11px; font: 700 .76rem var(--sans); text-transform: uppercase; letter-spacing: .06em; color: var(--ink); border: 1.5px solid var(--ink); background: transparent; }
.chipbtn { padding: 8px 14px; border: 2px solid var(--ink); background: var(--white); color: var(--ink); font: 800 .76rem var(--sans); text-transform: uppercase; letter-spacing: .08em; cursor: pointer; transition: background .15s, transform .15s; }
.chipbtn:hover { background: var(--paper-2); }
.chipbtn.is-active { background: var(--ink); color: var(--gold-2); }


/* inner pages (from the main site) */
.page { padding-bottom: 40px; }
.wrap { max-width: var(--max); margin: 0 auto; padding: 0 var(--gutter); }
.page-head { padding: 54px 0 20px; max-width: 880px; }
.page-head h1 { font-size: clamp(2.2rem, 5vw, 3.6rem); letter-spacing: -.03em; margin-bottom: .3em; }
.page-head p { color: var(--ink-2); font-size: 1.12rem; max-width: 62ch; }
.prose { max-width: 760px; padding-bottom: 20px; } .prose h2 { font-size: clamp(1.4rem, 2.6vw, 1.9rem); margin: 1.6em 0 .5em; padding-top: 18px; border-top: 3px solid var(--ink); } .prose p { max-width: 70ch; color: var(--ink-2); }

/* 17. Footer: ink */
.footer { background: var(--ink); color: var(--paper); margin-top: 24px; border-top: 2px solid var(--ink); }
.footer__in { max-width: var(--max); margin: 0 auto; padding: 52px var(--gutter) 28px; }
.footer__top { display: grid; grid-template-columns: 1.4fr repeat(3, 1fr); gap: 32px; }
.footer__brand { display: inline-flex; align-items: center; gap: 10px; font: 800 1.5rem var(--serif); color: var(--paper); } .footer__brand svg { width: 24px; height: 30px; }
.footer__about p { color: #cfc6b2; font: 400 .95rem/1.5 var(--sans); max-width: 34ch; margin-top: 12px; }
.footer__h { font: 800 .7rem var(--sans); text-transform: uppercase; letter-spacing: .14em; color: var(--gold-2); margin: 0 0 14px; }
.footer__col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 9px; }
.footer__col a { color: var(--paper); text-decoration: none; font: 400 .94rem var(--sans); } .footer__col a:hover { color: var(--gold-2); text-decoration: underline; }
.footer__status { color: #cfc6b2; font: 400 .82rem var(--sans); margin: 34px 0 4px; padding-top: 18px; border-top: 1px solid rgba(243,236,220,.3); } .footer__note { color: #cfc6b2; font: 400 .8rem var(--sans); margin: 0; }
@media (max-width: 800px) { .footer__top { grid-template-columns: 1fr 1fr; } .footer__about { grid-column: 1 / -1; } }
.toast { position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%); background: var(--ink); color: var(--gold-2); padding: 10px 18px; border: 2px solid var(--gold); font: 800 .84rem var(--sans); text-transform: uppercase; letter-spacing: .06em; z-index: 90; }


/* Cards site components */
.segs ul, .jump ul, .facts, .crumbs ol { list-style: none; margin: 0; padding: 0; }
.segs { margin: 22px 0 6px; }
.segs ul { display: inline-flex; border: 2px solid var(--ink); background: var(--white); box-shadow: var(--hard-sm); }
.seg { display: block; padding: 10px 18px; color: var(--ink); text-decoration: none; font: 800 .82rem var(--sans); text-transform: uppercase; letter-spacing: .08em; }
.segs li + li .seg { border-left: 2px solid var(--ink); }
.seg:hover { background: var(--paper-2); color: var(--ink); }
.seg.is-on { background: var(--ink); color: var(--gold-2); }
.seg__n { font-family: var(--mono); font-weight: 700; opacity: .8; margin-left: 4px; }
.jump { margin: 8px 0 8px; padding: 14px 0; border-top: 2px solid var(--ink); border-bottom: 2px solid var(--ink); }
.jump ul { display: flex; flex-wrap: wrap; gap: 8px; }
.jump a { display: inline-block; padding: 6px 12px; border: 1.5px solid var(--ink); background: var(--white); color: var(--ink); text-decoration: none; font: 700 .78rem var(--sans); text-transform: uppercase; letter-spacing: .06em; }
.jump a:hover { background: var(--gold); }
.series { padding-top: 34px; }
.series h2 { font-size: clamp(1.5rem, 2.8vw, 2.2rem); display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap; margin-bottom: .7em; }
.series__n { font: 700 .74rem var(--mono); text-transform: uppercase; letter-spacing: .12em; color: var(--ink-3); }
.setgrid { list-style: none; margin: 0; padding: 0; display: grid; gap: 16px; grid-template-columns: repeat(auto-fill, minmax(215px, 1fr)); }
.setgrid > li { min-width: 0; }
.settile { position: relative; display: flex; flex-direction: column; gap: 6px; height: 100%; padding: 14px 16px 14px 18px; background: var(--white); border: 2px solid var(--ink); border-left: 12px solid var(--tint, var(--paper-2)); color: var(--ink); text-decoration: none; box-shadow: var(--hard-sm); transition: transform .15s var(--ease), box-shadow .15s var(--ease); }
.settile:hover { color: var(--ink); transform: translate(-2px, -2px); box-shadow: 5px 5px 0 var(--ink); }
.settile__code { font: 700 .72rem var(--mono); text-transform: uppercase; letter-spacing: .12em; color: var(--red); overflow-wrap: anywhere; }
.settile__name { font: 800 1.12rem/1.2 var(--serif); letter-spacing: -.01em; }
.settile__meta { font: 400 .84rem var(--sans); color: var(--ink-3); margin-top: auto; }
.tag { position: absolute; right: 10px; top: 10px; font: 800 .6rem/1 var(--sans); text-transform: uppercase; letter-spacing: .14em; padding: 4px 6px; border: 1.5px solid var(--red); color: var(--red); transform: rotate(3deg); }
.crumbs { padding: 26px 0 0; font: 400 .86rem var(--sans); }
.crumbs ol { display: flex; flex-wrap: wrap; gap: 4px 0; }
.crumbs li + li::before { content: "/"; margin: 0 9px; color: var(--ink-3); }
.crumbs [aria-current] { color: var(--ink-2); }
.set-head { padding-top: 22px; }
.facts { display: flex; flex-wrap: wrap; gap: 8px 10px; margin: 10px 0 18px; }
.facts li { font: 400 .86rem var(--sans); color: var(--ink-2); border: 1.5px solid var(--ink); background: var(--white); padding: 6px 11px; }
.facts li span { color: var(--ink-3); margin-right: 4px; } .facts li b { color: var(--ink); font-weight: 800; }
.affil { margin: 4px 0 0; padding: 11px 14px; font: 400 .88rem/1.5 var(--sans); color: var(--ink-2); background: var(--white); border: 2px solid var(--ink); border-left: 8px solid var(--gold); max-width: 62ch; }
.affil--page { margin-top: 44px; max-width: none; }
.cardgrid { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 26px 18px; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); }
.card { min-width: 0; display: flex; flex-direction: column; }
.card__fig { margin: 0; background: var(--paper-2); border: 2px solid var(--ink); border-radius: 8px; box-shadow: var(--hard-sm); overflow: hidden; aspect-ratio: 240 / 330; }
.card__img { width: 100%; height: 100%; object-fit: contain; }
.card__blank { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; padding: 10px; background-color: var(--paper-2); background-image: radial-gradient(rgba(27,23,18,.2) 1.2px, transparent 1.5px); background-size: 12px 12px; }
.card__blank span { font: 700 .72rem var(--mono); text-transform: uppercase; letter-spacing: .1em; color: var(--ink-3); background: var(--paper); padding: 4px 8px; border: 1px solid var(--line-2); }
.card__no { margin: 12px 0 2px; font: 700 .74rem var(--mono); letter-spacing: .08em; color: var(--red); }
.card__name { margin: 0 0 2px; font: 800 1.02rem/1.2 var(--serif); letter-spacing: -.005em; }
.card__rar { margin: 0 0 10px; font: 400 .8rem var(--sans); color: var(--ink-3); }
.card__links { margin: auto 0 0; padding-top: 8px; display: grid; gap: 8px; }
.card__links .btn { width: 100%; padding: 8px 10px; font-size: .7rem; }
@media (max-width: 520px) { .cardgrid { grid-template-columns: repeat(2, 1fr); gap: 22px 12px; } .setgrid { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .001ms !important; animation-duration: .001ms !important; }
}

/* Grid / list switch (no scripts): the radios sit before .viewbar and .viewbody, so sibling selectors can restyle the content */
.viewradio { position: absolute; width: 1px; height: 1px; opacity: 0; margin: 0; }
.viewbar { display: flex; align-items: center; margin: 14px 0 6px; }
.viewbar__h { font: 700 .72rem var(--mono); text-transform: uppercase; letter-spacing: .12em; color: var(--ink-3); margin-right: 10px; }
.viewbar label { padding: 7px 14px; border: 2px solid var(--ink); background: var(--white); color: var(--ink); font: 800 .76rem var(--sans); text-transform: uppercase; letter-spacing: .08em; cursor: pointer; }
.viewbar label + label { border-left: 0; }
.viewbar label:hover { background: var(--paper-2); }
#v-grid:checked ~ .viewbar label[for="v-grid"], #v-list:checked ~ .viewbar label[for="v-list"] { background: var(--ink); color: var(--gold-2); }
#v-grid:focus-visible ~ .viewbar label[for="v-grid"], #v-list:focus-visible ~ .viewbar label[for="v-list"] { outline: 3px solid var(--blue); outline-offset: 3px; }
/* list of sets */
#v-list:checked ~ .viewbody .setgrid { grid-template-columns: 1fr; gap: 8px; }
#v-list:checked ~ .viewbody .settile { display: grid; grid-template-columns: 7rem 1fr auto auto; align-items: baseline; gap: 4px 14px; height: auto; padding: 10px 14px 10px 16px; border-left-width: 10px; }
#v-list:checked ~ .viewbody .settile__meta { margin-top: 0; text-align: right; }
#v-list:checked ~ .viewbody .tag { position: static; transform: none; align-self: center; }
@media (max-width: 560px) { #v-list:checked ~ .viewbody .settile { grid-template-columns: 5.5rem 1fr; } #v-list:checked ~ .viewbody .settile__meta { grid-column: 2; text-align: left; } #v-list:checked ~ .viewbody .tag { grid-column: 2; justify-self: start; } }
/* list of cards */
#v-list:checked ~ .viewbody .cardgrid { grid-template-columns: 1fr; gap: 0; border-top: 2px solid var(--ink); }
#v-list:checked ~ .viewbody .card { display: grid; grid-template-columns: 56px 6rem 1fr auto; grid-template-areas: "fig no name links" "fig no rar links"; column-gap: 14px; align-items: center; padding: 8px 4px; border-bottom: 1px solid var(--line-2); }
#v-list:checked ~ .viewbody .card__fig { grid-area: fig; width: 56px; border-width: 1.5px; border-radius: 4px; box-shadow: none; }
#v-list:checked ~ .viewbody .card__no { grid-area: no; margin: 0; }
#v-list:checked ~ .viewbody .card__name { grid-area: name; margin: 0; align-self: end; }
#v-list:checked ~ .viewbody .card__rar { grid-area: rar; margin: 0; align-self: start; }
#v-list:checked ~ .viewbody .card__links { grid-area: links; margin: 0; padding: 0; display: flex; gap: 8px; }
#v-list:checked ~ .viewbody .card__links .btn { width: auto; padding: 8px 12px; }
@media (max-width: 640px) {
  #v-list:checked ~ .viewbody .card { grid-template-columns: 56px 1fr auto; grid-template-areas: "fig no links" "fig name links" "fig rar links"; }
  #v-list:checked ~ .viewbody .card__links { flex-direction: column; }
}

/* Per-set spine colours (from the first picture of each set) */
.tint-30th { --tint: #aec075; }
.tint-30th-c { --tint: #d19d68; }
.tint-base1 { --tint: #8b7f8b; }
.tint-base2 { --tint: #a19e8b; }
.tint-base3 { --tint: #b29872; }
.tint-base4 { --tint: #9f8177; }
.tint-base5 { --tint: #8c7765; }
.tint-basep { --tint: #bea253; }
.tint-bw1 { --tint: #acc26e; }
.tint-bw10 { --tint: #a3b877; }
.tint-bw11 { --tint: #a3bb63; }
.tint-bw2 { --tint: #9ab161; }
.tint-bw3 { --tint: #c1cb73; }
.tint-bw4 { --tint: #9aa75d; }
.tint-bw5 { --tint: #a7b869; }
.tint-bw6 { --tint: #b4bf71; }
.tint-bw7 { --tint: #9ab161; }
.tint-bw8 { --tint: #adbb71; }
.tint-bw9 { --tint: #adc070; }
.tint-bwp { --tint: #a4c15f; }
.tint-cel25 { --tint: #d98b57; }
.tint-cel25cc { --tint: #8fb7a6; }
.tint-col1 { --tint: #c7b89d; }
.tint-cp1 { --tint: #b77e60; }
.tint-cp2 { --tint: #9ebb6b; }
.tint-dc1 { --tint: #bc7f56; }
.tint-det1 { --tint: #9faf5a; }
.tint-dp1 { --tint: #9aa7a3; }
.tint-dp2 { --tint: #afbbbc; }
.tint-dp3 { --tint: #b8b787; }
.tint-dp4 { --tint: #c9957d; }
.tint-dp5 { --tint: #7ba3b0; }
.tint-dp6 { --tint: #847985; }
.tint-dp7 { --tint: #928a97; }
.tint-dpp { --tint: #87b070; }
.tint-dv1 { --tint: #868557; }
.tint-e1 { --tint: #b3b461; }
.tint-e2 { --tint: #a3bf72; }
.tint-e3 { --tint: #94b966; }
.tint-e4 { --tint: #9cad60; }
.tint-e5 { --tint: #b9cb7d; }
.tint-ecard1 { --tint: #a68871; }
.tint-ecard2 { --tint: #cbc245; }
.tint-ecard3 { --tint: #a8923e; }
.tint-ex1 { --tint: #9d997f; }
.tint-ex10 { --tint: #a4a36c; }
.tint-ex11 { --tint: #989e83; }
.tint-ex12 { --tint: #8d8b86; }
.tint-ex13 { --tint: #a29b85; }
.tint-ex14 { --tint: #8b7580; }
.tint-ex15 { --tint: #aba98c; }
.tint-ex16 { --tint: #938b81; }
.tint-ex2 { --tint: #aca17e; }
.tint-ex3 { --tint: #848372; }
.tint-ex4 { --tint: #8e9672; }
.tint-ex5 { --tint: #998281; }
.tint-ex6 { --tint: #889a74; }
.tint-ex7 { --tint: #779696; }
.tint-ex8 { --tint: #a2ada1; }
.tint-ex9 { --tint: #b97c59; }
.tint-fut2020 { --tint: #cfc45d; }
.tint-g1 { --tint: #879669; }
.tint-gym1 { --tint: #ad8368; }
.tint-gym2 { --tint: #c49961; }
.tint-hgss1 { --tint: #d79a70; }
.tint-hgss2 { --tint: #ac898e; }
.tint-hgss3 { --tint: #9db672; }
.tint-hgss4 { --tint: #aeaca2; }
.tint-hgssp { --tint: #b16651; }
.tint-l1-bhg { --tint: #b7c589; }
.tint-l1-bss { --tint: #b4c369; }
.tint-l2-b { --tint: #8aa26b; }
.tint-l3-b { --tint: #9ea36d; }
.tint-lc { --tint: #9a7b6d; }
.tint-m-p { --tint: #b3bc67; }
.tint-m1l { --tint: #afc072; }
.tint-m1s { --tint: #a0b26b; }
.tint-m2 { --tint: #97ae66; }
.tint-m2a { --tint: #bfb965; }
.tint-m3 { --tint: #9fb35f; }
.tint-m4 { --tint: #acae6b; }
.tint-m5 { --tint: #95b45c; }
.tint-m6 { --tint: #a1b367; }
.tint-mc { --tint: #b3c070; }
.tint-me01 { --tint: #a9bd7b; }
.tint-me02 { --tint: #94ac6e; }
.tint-me02-5 { --tint: #adbd77; }
.tint-me03 { --tint: #9bb169; }
.tint-me04 { --tint: #a8ac74; }
.tint-me05 { --tint: #92b266; }
.tint-mep { --tint: #aab874; }
.tint-mfb { --tint: #bbce60; }
.tint-neo1 { --tint: #a19b63; }
.tint-neo1 { --tint: #bdaa71; }
.tint-neo2 { --tint: #87ae6e; }
.tint-neo2 { --tint: #b3a296; }
.tint-neo3 { --tint: #8fac84; }
.tint-neo3 { --tint: #aba661; }
.tint-neo4 { --tint: #a0bc77; }
.tint-neo4 { --tint: #a39f72; }
.tint-np { --tint: #869ea2; }
.tint-pcg1 { --tint: #a5c599; }
.tint-pcg2 { --tint: #9faf96; }
.tint-pcg3 { --tint: #b9caa6; }
.tint-pcg4 { --tint: #a3bd9e; }
.tint-pcg5 { --tint: #9eb684; }
.tint-pcg6 { --tint: #b4c49a; }
.tint-pcg7 { --tint: #b3ba90; }
.tint-pcg8 { --tint: #a5bf9d; }
.tint-pcg9 { --tint: #a9be9e; }
.tint-pl1 { --tint: #aeb372; }
.tint-pl2 { --tint: #a7856a; }
.tint-pl3 { --tint: #485963; }
.tint-pl4 { --tint: #be8d73; }
.tint-pmcg1 { --tint: #9dbc7d; }
.tint-pmcg2 { --tint: #9bb080; }
.tint-pmcg3 { --tint: #9ba56a; }
.tint-pmcg4 { --tint: #a7b176; }
.tint-pmcg5 { --tint: #aea082; }
.tint-pmcg6 { --tint: #b69884; }
.tint-pop1 { --tint: #e8a571; }
.tint-pop2 { --tint: #d5a079; }
.tint-pop3 { --tint: #a6b7b6; }
.tint-pop4 { --tint: #aaa180; }
.tint-pop5 { --tint: #dd9e72; }
.tint-pop6 { --tint: #999ba4; }
.tint-pop7 { --tint: #d3c885; }
.tint-pop8 { --tint: #ba7e5f; }
.tint-pop9 { --tint: #afa3a5; }
.tint-ru1 { --tint: #85a479; }
.tint-s10a { --tint: #8daa75; }
.tint-s10p { --tint: #7c8d70; }
.tint-s11 { --tint: #b9bf78; }
.tint-s11a { --tint: #9db76e; }
.tint-s12 { --tint: #91b075; }
.tint-s12a { --tint: #9bb072; }
.tint-s5i { --tint: #abb564; }
.tint-s6h { --tint: #a9c07f; }
.tint-s6k { --tint: #bbc77c; }
.tint-s7d { --tint: #5b7684; }
.tint-s8 { --tint: #a1b85f; }
.tint-s8b { --tint: #b0b462; }
.tint-s9 { --tint: #adc475; }
.tint-s9a { --tint: #93b175; }
.tint-si1 { --tint: #786a63; }
.tint-sm1 { --tint: #94b266; }
.tint-sm10 { --tint: #8db06a; }
.tint-sm10 { --tint: #908576; }
.tint-sm10a { --tint: #a5ba63; }
.tint-sm10b { --tint: #91a176; }
.tint-sm11 { --tint: #939c7c; }
.tint-sm11 { --tint: #a2c083; }
.tint-sm115 { --tint: #96a956; }
.tint-sm11a { --tint: #8da979; }
.tint-sm11b { --tint: #a7c77e; }
.tint-sm12 { --tint: #8aa77e; }
.tint-sm12 { --tint: #b3c76e; }
.tint-sm12a { --tint: #8d8573; }
.tint-sm1m { --tint: #a2ad64; }
.tint-sm1p { --tint: #7ea364; }
.tint-sm1s { --tint: #99b56c; }
.tint-sm2 { --tint: #8dad54; }
.tint-sm2k { --tint: #91b065; }
.tint-sm2l { --tint: #98a26b; }
.tint-sm2p { --tint: #77a65e; }
.tint-sm3 { --tint: #a8c465; }
.tint-sm3-5 { --tint: #afc86a; }
.tint-sm3h { --tint: #afc86b; }
.tint-sm3n { --tint: #adc768; }
.tint-sm3p { --tint: #abc67c; }
.tint-sm4 { --tint: #b5bb69; }
.tint-sm4a { --tint: #bac06e; }
.tint-sm4p { --tint: #88a567; }
.tint-sm4s { --tint: #adc274; }
.tint-sm5 { --tint: #a9b939; }
.tint-sm5m { --tint: #8cbed5; }
.tint-sm5p { --tint: #84ad6d; }
.tint-sm5s { --tint: #b0c37d; }
.tint-sm6 { --tint: #9bb360; }
.tint-sm6 { --tint: #a0b765; }
.tint-sm6a { --tint: #ba8b5d; }
.tint-sm6b { --tint: #afc560; }
.tint-sm7 { --tint: #a9c25c; }
.tint-sm7 { --tint: #bac969; }
.tint-sm7-5 { --tint: #c28c56; }
.tint-sm7a { --tint: #a2b566; }
.tint-sm7b { --tint: #b8bd76; }
.tint-sm8 { --tint: #a4b761; }
.tint-sm8 { --tint: #b8bd71; }
.tint-sm8a { --tint: #b9866b; }
.tint-sm8b { --tint: #abc77c; }
.tint-sm9 { --tint: #7b9989; }
.tint-sm9 { --tint: #7f9c86; }
.tint-sm9a { --tint: #aab069; }
.tint-sm9b { --tint: #8d8674; }
.tint-sma { --tint: #c4d285; }
.tint-smp { --tint: #9aae63; }
.tint-sv-p { --tint: #b1b99a; }
.tint-sv01 { --tint: #93a166; }
.tint-sv02 { --tint: #aebe70; }
.tint-sv03 { --tint: #acb872; }
.tint-sv03-5 { --tint: #abc582; }
.tint-sv04 { --tint: #afc682; }
.tint-sv04-5 { --tint: #9eae67; }
.tint-sv05 { --tint: #9fb872; }
.tint-sv06 { --tint: #a4bb7e; }
.tint-sv06-5 { --tint: #abbb6e; }
.tint-sv07 { --tint: #899c6b; }
.tint-sv08 { --tint: #b2b77b; }
.tint-sv08-5 { --tint: #b6c680; }
.tint-sv09 { --tint: #9ab066; }
.tint-sv10 { --tint: #b0af59; }
.tint-sv10 { --tint: #b8b56e; }
.tint-sv10-5b { --tint: #98b36b; }
.tint-sv10-5w { --tint: #b1bd70; }
.tint-sv11b { --tint: #9bb561; }
.tint-sv11w { --tint: #b7c067; }
.tint-sv1a { --tint: #b5c578; }
.tint-sv1s { --tint: #adbb67; }
.tint-sv1v { --tint: #97a35e; }
.tint-sv2a { --tint: #afc587; }
.tint-sv2d { --tint: #b3c066; }
.tint-sv2p { --tint: #b2c579; }
.tint-sv3 { --tint: #b2bc69; }
.tint-sv3a { --tint: #a6b78b; }
.tint-sv4a { --tint: #c0c769; }
.tint-sv4k { --tint: #a1b25e; }
.tint-sv4m { --tint: #b4c87a; }
.tint-sv5a { --tint: #a9be76; }
.tint-sv5k { --tint: #b2c46e; }
.tint-sv5m { --tint: #a4ba6a; }
.tint-sv6 { --tint: #a1c16c; }
.tint-sv6a { --tint: #b1be63; }
.tint-sv7 { --tint: #adc472; }
.tint-sv7a { --tint: #b8ba73; }
.tint-sv8 { --tint: #a4ab5e; }
.tint-sv8a { --tint: #b5bf8b; }
.tint-sv9 { --tint: #9db25d; }
.tint-sv9a { --tint: #bfb965; }
.tint-svk { --tint: #be9482; }
.tint-svln { --tint: #a0c4d1; }
.tint-svls { --tint: #dea976; }
.tint-svp { --tint: #a4c178; }
.tint-swsh1 { --tint: #829272; }
.tint-swsh10 { --tint: #829179; }
.tint-swsh10-5 { --tint: #aabb6b; }
.tint-swsh10tg { --tint: #babebc; }
.tint-swsh11 { --tint: #a9bd69; }
.tint-swsh11tg { --tint: #b1a585; }
.tint-swsh12 { --tint: #bcbf73; }
.tint-swsh12-5 { --tint: #94b270; }
.tint-swsh12-5gg { --tint: #8a9661; }
.tint-swsh12tg { --tint: #a0917c; }
.tint-swsh2 { --tint: #91ae68; }
.tint-swsh3 { --tint: #7e9189; }
.tint-swsh3-5 { --tint: #61745e; }
.tint-swsh4 { --tint: #adb75b; }
.tint-swsh4-5 { --tint: #adbf76; }
.tint-swsh4-5sv { --tint: #baca7f; }
.tint-swsh5 { --tint: #b4c86d; }
.tint-swsh6 { --tint: #b1b45e; }
.tint-swsh7 { --tint: #a9b167; }
.tint-swsh8 { --tint: #a4b95d; }
.tint-swsh9 { --tint: #b0c470; }
.tint-swsh9tg { --tint: #b49d74; }
.tint-swshp { --tint: #acc271; }
.tint-vs1 { --tint: #ccc688; }
.tint-wcp { --tint: #9aa884; }
.tint-web1 { --tint: #a0b065; }
.tint-xy0 { --tint: #a4b460; }
.tint-xy1 { --tint: #8c975d; }
.tint-xy1-bx { --tint: #899356; }
.tint-xy1-by { --tint: #9db469; }
.tint-xy10 { --tint: #abbe73; }
.tint-xy10-b { --tint: #9fb677; }
.tint-xy11 { --tint: #9cb16a; }
.tint-xy11-bb { --tint: #a8b46c; }
.tint-xy11-br { --tint: #90a96d; }
.tint-xy12 { --tint: #899a75; }
.tint-xy2 { --tint: #a4c169; }
.tint-xy3 { --tint: #9cae5b; }
.tint-xy4 { --tint: #98af66; }
.tint-xy5 { --tint: #b2b967; }
.tint-xy5-bg { --tint: #92ac70; }
.tint-xy5-bt { --tint: #a7b26a; }
.tint-xy6 { --tint: #b0bd71; }
.tint-xy6-b { --tint: #a5b574; }
.tint-xy7 { --tint: #a6c163; }
.tint-xy7-b { --tint: #9bba67; }
.tint-xy8 { --tint: #b9bf6f; }
.tint-xy8-bb { --tint: #95a863; }
.tint-xy8-br { --tint: #a9b374; }
.tint-xy9 { --tint: #a9b870; }
.tint-xy9-b { --tint: #a0b16a; }
.tint-xya { --tint: #c8b9a2; }
.tint-xyp { --tint: #9dbd62; }