/************************************************************************
   This file contains CSS which is common to both small- and large-format cards.

************************************************************************/

.dd-card div.align-text {
    margin: 0;
    padding: 0;
}
.dd-card .align-text.center,
.dd-card .align-text-center{
    text-align: center;
}
.dd-card .align-text.left,
.dd-card .align-text-left{
    text-align: left;
}
.dd-card .align-text.right,
.dd-card .align-text-right{
    /* None of the game's cards align right, but we provide
       it because its lack in the markup irritates me :/. */
    text-align: right;
}

.dd-card .uppercase {
    /* Uppercased elements can almost always have their
       padding-bottom set to 0, as that padding is almost
       always only there for the sake of lower-case qjpyg.
       However, that needs to be set on better-matching CSS
       rules to have any effect on most elements.
   */
    text-transform: uppercase;
}    

/**
   Immediately-adjacent glyphs need a bit of a gap between them.
*/
.dd-card img.card-glyph + img.card-glyph,
.dd-font-icon + .dd-font-icon{
  padding-left: 0.15em;
}

.dd-card span.bullet-operator {
    font-size: 1.3em;
}
/* i have no clue whatsoever why .bullet-operator vertical-align looks different
   on mini and large cards if i set them to the same value. */
.dd-card-size-mini span.bullet-operator { vertical-align: bottom }
.dd-card-size-standard span.bullet-operator {
    vertical-align: bottom
     /* which value works best here is extremely dependent on the parent element's
        font size. 7.8pt ==> middle, 7.4pt ==> bottom. *Sigh.* */
}

.dd-card .monster-target-priority.lowest,
.dd-card .monster-target-priority.highest {
    /* These two glyphs have HUGE gaps on either side. */
    margin-left: -0.2em;
    margin-right: -0.2em;
}
.dd-card .monster-target-priority-with-attr.lowest,
.dd-card .monster-target-priority-with-attr.highest {
/** The variant of monster-target-priority used when the arrow is
    immediately followed by an attribute name, to keep the attribute
    from having the negative right margin. */
    margin-left: -0.2em;
}

/* We use longer-than-strictly-necessary selectors to "outvote" (.dd-body div) and friends... */
/*.dd-card .encounter-sector .lair,*/
.dd-card .lair{
    display: inline-block;
    box-sizing: border-box;
    min-width: 0.9em;
    max-width: 0.9em;
    min-height: 0.9em;
    max-height: 0.9em;
    border-radius: 0.2em;
    border-width: 0.75mm;
    border-style: outset /* seems to improve contrast a bit. We set
                            .lair.law differently below to try to
                            increase the contrast between it and
                            .lair.badlands. */;
    vertical-align: top /* noting that none of the vertical alignment
                           options are all that great for this case.
                           top is the least not great, though. */;
    position: relative /* needed for placement of "X" child */;
    line-height: 0.95em /* needed for crossed-out to behave */;
    /*margin: 0 0.15em; this seems to cause more grief than it solves */
    text-align: center /* for use with .dd-font-icon */;
}
.dd-card.dd-card-size-mini .lair {
    /* In mini-card bodies the lairs need to be a tick smaller to avoid
       too much overlap from dangling letters on the line above them. They
       still might touch, but the box won't overlap a significant portion of
       such letters. */
    min-width: 0.825em;
    max-width: 0.825em;
    min-height: 0.825em;
    max-height: 0.825em;
    border-width: 1.5mm;
    border-radius: 0.2em;
}
.dd-card .encounter-sector header div .lair{
    min-width: 1em;
    max-width: 1em;
    min-height: 1em;
    max-height: 1em;
    line-height: 1em /* needed for crossed-out to behave */;
    vertical-align: text-top /* no idea why this one works better here. */;
}

.dd-card .lair + .lair,
.dd-card img.card-glyph + .lair,
.dd-card .lair + img.card-glyph {
    /**
       Add small gaps between adjacent .lair/.card-glyph elements.
       This CSS is not *quite* right, but it will do for most cases.
       One interesting outlier is:

      (<span class="lair wetlands"></span> ∙ <span class="lair badlands"></span>)

      In that case, the badlands lair (right) matches this CSS because
      the text node(s) between the wetlands (leftmost) lair and itself
      do not count for purposes of the CSS '+' combinator. Fixing
      that, such that this CSS will not match those two lairs,
      requires we wrap each text node in in its own SPAN. (While that
      would be tedious to do everywhere text nodes are generated by
      this framework, we have since found a way to traverse the DOM
      and replace all "bare" text nodes with SPAN element containing
      the text.)
   */
    margin-left: 0.15em;
}
/**
  .lair colors need to be in sync with those from
  morbad-card-tools.css (dd-fg-XXX and friends).

  Lair graphics are found on pg. 23 of the rulebook
*/
.dd-card .lair.badlands {
    border-color: #b146af;
    background-color: #ef3b2d;
}
.dd-card .lair.highlands {
    border-color: #f7ab1d;
    background-color: #ffef00;
}
.dd-card .lair.lowlands {
    border-color: #233f8f;
    background-color: #67d6fd;
}
.dd-card .lair.wetlands {
    border-color: #61b347;
    background-color: #c3d82d;
}
.dd-card .lair.law {
    /** It turns out that the rulebook and core cards are inconsistent on
        Law lair border colors. Screw it - we're sticking with one color
        so that it's consistently possible to see (by squinting mightily)
        the difference between Badlands and Law lairs.
   */
    border-color: #f7ab1d;
    background-color: #eb008a;
    /*border-style: inset;*/
}
.dd-card .encounter-sector .lair img.card-glyph,
.dd-card .dd-body .lair img.card-glyph,
.dd-card .banner .lair img.card-glyph{
    max-height: 100%;
    border: none;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    position: absolute;
    top: 0;
    left: 0;
}
.dd-card .encounter-sector .lair .dd-font-icon,
.dd-card .dd-body .lair .dd-font-icon,
.dd-card .banner .lair .dd-font-icon{
    border: none;
    margin: 0;
    padding: 0;
    vertical-align: top;
    line-height: 1.1em;
    font-size: 68% /* FF likes 75%, Chrome wants max. 68%. Sigh.
                      The culprit icon here is "perilous", which is
                      unusually wide.*/;
}

.dd-card .lair .crossed-out{
    display: inline;
    z-index: 10;
    position: absolute;
    margin: 0;
    padding: 0;
    top: 0.05em;
    left: 0.05em;
    font-size: 0.75em /* FF is fine with 1.0. Chrome is (again), the exception */;
    line-height: 0.9em /* FF wants 1em, Chrome wants 0.9em. sigh. */;
    min-width: 90%;
    max-width: 90%;
    min-height: 90%;
    max-height: 90%;
}
.dd-card .encounter-sector header .lair .crossed-out{
    line-height: 1.05em /* sigh */;
    /*left: 0.015em*/ /* double sigh. */
}
.dd-card .lair .crossed-out::before {
    /*content: "✕";*/ /* https://en.wikipedia.org/wiki/X_mark */
    content: "";
}
.dd-card .lair.highlands .crossed-out,
.dd-card .lair.lowlands .crossed-out,
.dd-card .lair.wetlands .crossed-out {
    color: #ef3b2d;
}

.dd-card .lair.badlands .crossed-out,
.dd-card .lair.law .crossed-out {
    color: #ffef00;
}

.dd-card img.card-glyph {
    height: 0.75em;
    border: none;
    margin: 0 0 -0.5mm 0
     /* my whole life i've bemoaned web designers for bothering with this
        level of element placement precision, and now i have become my
        enemy, destroyer of relative element placement. */;
    padding: 0;
    vertical-align: initial;
}
.dd-card .dd-keyword-ref {
    white-space: nowrap;
}
.dd-card .dd-keyword-ref > img.card-glyph {
    margin: 0 0 -0.5mm 0;
    padding: 0 0 0 0.15em;
}
.dd-card .dd-keyword-ref > .dd-font-icon {
    padding: 0 0 0 0.15em;
}

.dd-card .dd-card-type img.card-glyph,
.dd-card .dd-card-type .dd-keyword-ref > img.card-glyph {
    margin: 0 0 -0.25mm 0;
    padding: 0 0 0 0.15em;
}




/************************************************************************
Action blocks...
These rules intertwine carefully with some overrides in mini-cards.css
and encounter-cards.css.
************************************************************************/
.dd-card section .dd-action-block {
    display: block;
    text-align: left /* not all blocks are left-aligned, but most are. */;
    /*border-radius: 1mm; */ /* the originals have hard corners */
    box-sizing: content-box /* border-box breaks some layouts unless we increase min-height */;
}
.dd-card section .dd-action-block.rest {
    border-width: 0.25mm;
    border-style: solid;
    border-color: transparent /* see the border-COLOR tags below. */;
}
.dd-card section .dd-action-block.rest.dd-bg-default/*:not(.dd-bg-override)*/ {
    /* {{rest ...}}...{{/rest}} */
    background-color: #67d6fd;
}
.dd-card section .dd-action-block.dd-bg-default:not(.rest)/*:not(.dd-bg-override)*/ {
    /* "inside", "river-port", etc. */
    background-color: #f9139b;
}
.dd-card section .dd-action-block.assault.dd-bg-default {
    /* {{assult ...}}...{{/assult}} */
    background-color: #f7ab1d;
}
.dd-card section .dd-action-block.guard.dd-bg-default {
    /* {{guard ...}}...{{/guard}} */
    background-color: #c3d82d;
}

.dd-card section .dd-action-block.border-black {border-color: black;}
.dd-card section .dd-action-block.border-blue {border-color: #67d6fd}
.dd-card section .dd-action-block.border-default {border-color: inherit}
.dd-card section .dd-action-block.border-green {border-color: #c3d82d}
.dd-card section .dd-action-block.border-green-se {border-color: #bce1ad}
.dd-card section .dd-action-block.border-grey {border-color: #dadada}
.dd-card section .dd-action-block.border-magenta {
    /* Wailing Ghost Child (Lowlands Encounter) */
    border-color: #f9139b;
}
.dd-card section .dd-action-block.border-orange {border-color: #f7ab1d}
.dd-card section .dd-action-block.border-purple {border-color: #b146af}
.dd-card section .dd-action-block.border-red {border-color: #ef3b2d}
.dd-card section .dd-action-block.border-white {border-color: white}
.dd-card section .dd-action-block.border-yellow {border-color: #ffef00}

.dd-card section .dd-action-glyph {
    display: inline-block;
    text-align: center;
    float: left;
    overflow: hidden;
    /*border-radius: 1mm; */ /* the originals have hard corners */
}


/* For the {{bold settlement}}-style actions */
.dd-card section .dd-action-glyph.two-and {
    overflow: hidden;
}
.dd-card-size-mini section .dd-action-block.two-and {
}
.dd-card section .dd-action-block .dd-action-glyph{
    background-color: #f9139b;
}
.dd-card section .dd-action-block:not(.rest) .dd-action-glyph{
    background-color: #b146af;
}
.dd-card section .dd-action-block.guard .dd-action-glyph,
.dd-card section .dd-action-block.assault .dd-action-glyph{
    background-color: #f9139b;
}

/**
  A dd-colorbox inside a dd-action-block needs a bit of side margin
  adjustment.
*/
.dd-card section .dd-action-block .dd-colorbox {
    margin-left: 0;
    margin-right: 0;
}

.dd-card section .dd-action-glyph img {
    margin: 0;
    padding: 0;
    vertical-align: middle;
    height: 12mm;
}
.dd-card section .dd-action-glyph:not(.two-and) img {
    margin-top: -0.5mm;
}
.dd-card section .dd-action-glyph img.ampersand {
    /* For the "&" icon between vertically-aligned action symbols,
       e.g. for Streetwise or Black Market. */
    height: 6mm;
}

/**
  word-wrap: initial differs in FF and Chrome,
  and Chrome would rather (by default) truncate
  a long URL than wrap it. Sigh...
*/
.dd-card .dd-body .word-wrap-break-word {
    word-wrap: break-word;
}
.dd-card .dd-body .word-wrap-normal {
    word-wrap: normal;
}

.dd-card .dd-body section.white-space-normal {
    white-space: normal;
}
.dd-card .dd-body section.white-space-pre-line {
    white-space: pre-line;
}

.dd-card a.style-like-text {
    /** For use by the {{url theUrl}} markup tag. */
    color: inherit;
    background-color: inherit;
    text-decoration: none;
}

.dd-card a {
    /* Chrome, by default, will truncate a really long word rather than wrap it */
    word-wrap: break-word;
}

.dd-card .dd-body > section.uppercase {
    text-transform: uppercase;
    padding-bottom: 0;
}
.dd-card .dd-body > section div.dd-colorbox.uppercase {
    padding-bottom: 0;
}

/************************************************************************
ITEM sections...
************************************************************************/
.dd-card .dd-body > section > .item {
    display: flex;
    flex-direction: column;
    padding: 0 0.75mm 0 0.75mm;
    flex: 0 10 auto;
}
.dd-card .dd-body > section > .item > header,
.dd-card .dd-body > section > .item > footer{
    /* Item header & footer */
    flex: 0 10 auto;
    text-align: left;
    margin: 0;
    line-height: 1em;
}
.dd-card .dd-body > section > .item > header,
.dd-card .dd-body > section > .item > footer{
    padding: 0.25mm 1mm 0.25mm 1mm;
}
.dd-card .dd-body > section > .item > header{
    text-transform: uppercase;
}
.dd-card .dd-body > section > .item > header > span,
.dd-card .dd-body > section > .item > footer > span{
    display: inline-block;
    vertical-align: middle;
}
.dd-card .dd-body > section > .item > div {
    /* Item body text */
    flex: 0 1 auto;
    padding: 0.5mm 1mm 0.15em 1mm;
    margin: 0;
    line-height: 0.95em;
}

.dd-card .dd-body > section > .item > header > .separator,
.dd-card .dd-body > section > .item > footer > .separator{
    margin: 0;/* 0.15em 0 -0.25em;*/
    padding: 0;
}
/*.dd-card .dd-body > section > .item > header .separator::before,
.dd-card .dd-body > section > .item > footer .separator::before{
    content: "|";
}*/
.dd-card .dd-body > section > .item.dd-fg-default{
    color: #ffef00;
}
.dd-card .dd-body > section > .item.dd-bg-default{
    background-color: black;
}
.dd-card .dd-body > section > .item > div.dd-fg-default {
    color: black;
}
.dd-card .dd-body > section > .item > div.dd-bg-default {
    background-color: #ef3b2d;
}
/************************************************************************
end ITEM sections
************************************************************************/

/* .no-margin-top/bottom: intended primarily for squeezing
   sometimes-extranous margins from colorboxes and similar elements.
   The overly-long selector is necessary to override lower-level
   margin definitions.
*/
.dd-card .dd-body > section .no-margin-top {margin-top: 0}
.dd-card .dd-body > section .no-margin-bottom {margin-bottom: 0}

.dd-card .rotate-180 {
    transform-origin: center;
    transform: rotate(180deg);
}

.dd-card .filter-grayscale-0 {filter:grayscale(0%)}
.dd-card .filter-grayscale-5 {filter:grayscale(5%)} .dd-card .filter-grayscale-10 {filter:grayscale(10%)}
.dd-card .filter-grayscale-15 {filter:grayscale(15%)} .dd-card .filter-grayscale-20 {filter:grayscale(20%)}
.dd-card .filter-grayscale-25 {filter:grayscale(25%)} .dd-card .filter-grayscale-30 {filter:grayscale(30%)}
.dd-card .filter-grayscale-35 {filter:grayscale(35%)} .dd-card .filter-grayscale-40 {filter:grayscale(40%)}
.dd-card .filter-grayscale-45 {filter:grayscale(45%)} .dd-card .filter-grayscale-50 {filter:grayscale(50%)}
.dd-card .filter-grayscale-55 {filter:grayscale(55%)} .dd-card .filter-grayscale-60 {filter:grayscale(60%)}
.dd-card .filter-grayscale-65 {filter:grayscale(65%)} .dd-card .filter-grayscale-70 {filter:grayscale(70%)}
.dd-card .filter-grayscale-75 {filter:grayscale(75%)} .dd-card .filter-grayscale-80 {filter:grayscale(80%)}
.dd-card .filter-grayscale-85 {filter:grayscale(85%)} .dd-card .filter-grayscale-90 {filter:grayscale(90%)}
.dd-card .filter-grayscale-95 {filter:grayscale(95%)} .dd-card .filter-grayscale-100 {filter:grayscale(100%)}

.dd-card .filter-invert-0 {filter:invert(0%)}
.dd-card .filter-invert-5 {filter:invert(5%)} .dd-card .filter-invert-10 {filter:invert(10%)}
.dd-card .filter-invert-15 {filter:invert(15%)} .dd-card .filter-invert-20 {filter:invert(20%)}
.dd-card .filter-invert-25 {filter:invert(25%)} .dd-card .filter-invert-30 {filter:invert(30%)}
.dd-card .filter-invert-35 {filter:invert(35%)} .dd-card .filter-invert-40 {filter:invert(40%)}
.dd-card .filter-invert-45 {filter:invert(45%)} .dd-card .filter-invert-50 {filter:invert(50%)}
.dd-card .filter-invert-55 {filter:invert(55%)} .dd-card .filter-invert-60 {filter:invert(60%)}
.dd-card .filter-invert-65 {filter:invert(65%)} .dd-card .filter-invert-70 {filter:invert(70%)}
.dd-card .filter-invert-75 {filter:invert(75%)} .dd-card .filter-invert-80 {filter:invert(80%)}
.dd-card .filter-invert-85 {filter:invert(85%)} .dd-card .filter-invert-90 {filter:invert(90%)}
.dd-card .filter-invert-95 {filter:invert(95%)} .dd-card .filter-invert-100 {filter:invert(100%)}

.dd-card .filter-sepia-0 {filter:sepia(0%)}
.dd-card .filter-sepia-5 {filter:sepia(5%)} .dd-card .filter-sepia-10 {filter:sepia(10%)}
.dd-card .filter-sepia-15 {filter:sepia(15%)} .dd-card .filter-sepia-20 {filter:sepia(20%)}
.dd-card .filter-sepia-25 {filter:sepia(25%)} .dd-card .filter-sepia-30 {filter:sepia(30%)}
.dd-card .filter-sepia-35 {filter:sepia(35%)} .dd-card .filter-sepia-40 {filter:sepia(40%)}
.dd-card .filter-sepia-45 {filter:sepia(45%)} .dd-card .filter-sepia-50 {filter:sepia(50%)}
.dd-card .filter-sepia-55 {filter:sepia(55%)} .dd-card .filter-sepia-60 {filter:sepia(60%)}
.dd-card .filter-sepia-65 {filter:sepia(65%)} .dd-card .filter-sepia-70 {filter:sepia(70%)}
.dd-card .filter-sepia-75 {filter:sepia(75%)} .dd-card .filter-sepia-80 {filter:sepia(80%)}
.dd-card .filter-sepia-85 {filter:sepia(85%)} .dd-card .filter-sepia-90 {filter:sepia(90%)}
.dd-card .filter-sepia-95 {filter:sepia(95%)} .dd-card .filter-sepia-100 {filter:sepia(100%)}

.dd-card .filter-saturate-0 {filter:saturate(0%)}
.dd-card .filter-saturate-5 {filter:saturate(5%)} .dd-card .filter-saturate-10 {filter:saturate(10%)}
.dd-card .filter-saturate-15 {filter:saturate(15%)} .dd-card .filter-saturate-20 {filter:saturate(20%)}
.dd-card .filter-saturate-25 {filter:saturate(25%)} .dd-card .filter-saturate-30 {filter:saturate(30%)}
.dd-card .filter-saturate-35 {filter:saturate(35%)} .dd-card .filter-saturate-40 {filter:saturate(40%)}
.dd-card .filter-saturate-45 {filter:saturate(45%)} .dd-card .filter-saturate-50 {filter:saturate(50%)}
.dd-card .filter-saturate-55 {filter:saturate(55%)} .dd-card .filter-saturate-60 {filter:saturate(60%)}
.dd-card .filter-saturate-65 {filter:saturate(65%)} .dd-card .filter-saturate-70 {filter:saturate(70%)}
.dd-card .filter-saturate-75 {filter:saturate(75%)} .dd-card .filter-saturate-80 {filter:saturate(80%)}
.dd-card .filter-saturate-85 {filter:saturate(85%)} .dd-card .filter-saturate-90 {filter:saturate(90%)}
.dd-card .filter-saturate-95 {filter:saturate(95%)} .dd-card .filter-saturate-100 {filter:saturate(100%)}

.dd-card .filter-hue-rotate-0 {filter:hue-rotate(0deg)}
.dd-card .filter-hue-rotate-10 {filter:hue-rotate(10deg)} .dd-card .filter-hue-rotate-20 {filter:hue-rotate(20deg)}
.dd-card .filter-hue-rotate-30 {filter:hue-rotate(30deg)} .dd-card .filter-hue-rotate-40 {filter:hue-rotate(40deg)}
.dd-card .filter-hue-rotate-50 {filter:hue-rotate(50deg)} .dd-card .filter-hue-rotate-60 {filter:hue-rotate(60deg)}
.dd-card .filter-hue-rotate-70 {filter:hue-rotate(70deg)} .dd-card .filter-hue-rotate-80 {filter:hue-rotate(80deg)}
.dd-card .filter-hue-rotate-90 {filter:hue-rotate(90deg)} .dd-card .filter-hue-rotate-100 {filter:hue-rotate(100deg)}
.dd-card .filter-hue-rotate-110 {filter:hue-rotate(110deg)} .dd-card .filter-hue-rotate-120 {filter:hue-rotate(120deg)}
.dd-card .filter-hue-rotate-130 {filter:hue-rotate(130deg)} .dd-card .filter-hue-rotate-140 {filter:hue-rotate(140deg)}
.dd-card .filter-hue-rotate-150 {filter:hue-rotate(150deg)} .dd-card .filter-hue-rotate-160 {filter:hue-rotate(160deg)}
.dd-card .filter-hue-rotate-170 {filter:hue-rotate(170deg)} .dd-card .filter-hue-rotate-180 {filter:hue-rotate(180deg)}
.dd-card .filter-hue-rotate-190 {filter:hue-rotate(190deg)} .dd-card .filter-hue-rotate-200 {filter:hue-rotate(200deg)}
.dd-card .filter-hue-rotate-210 {filter:hue-rotate(210deg)} .dd-card .filter-hue-rotate-220 {filter:hue-rotate(220deg)}
.dd-card .filter-hue-rotate-230 {filter:hue-rotate(230deg)} .dd-card .filter-hue-rotate-240 {filter:hue-rotate(240deg)}
.dd-card .filter-hue-rotate-250 {filter:hue-rotate(250deg)} .dd-card .filter-hue-rotate-260 {filter:hue-rotate(260deg)}
.dd-card .filter-hue-rotate-270 {filter:hue-rotate(270deg)} .dd-card .filter-hue-rotate-280 {filter:hue-rotate(280deg)}
.dd-card .filter-hue-rotate-290 {filter:hue-rotate(290deg)} .dd-card .filter-hue-rotate-300 {filter:hue-rotate(300deg)}
.dd-card .filter-hue-rotate-310 {filter:hue-rotate(310deg)} .dd-card .filter-hue-rotate-320 {filter:hue-rotate(320deg)}
.dd-card .filter-hue-rotate-330 {filter:hue-rotate(330deg)} .dd-card .filter-hue-rotate-340 {filter:hue-rotate(340deg)}
.dd-card .filter-hue-rotate-350 {filter:hue-rotate(350deg)} 

/***
    To tinker with someday... Rough border outline:
    https://stackoverflow.com/a/47085434

    Applying this in a manner reasonably consistent with the official
    cards will require an overhaul of HTML structures and their CSS
    layouts, and would be painfully, perhaps unusuably, slow in apps
    which render many cards (the card printer).
*/
/************************************************************************
.dd-card .rough-border {
    clip-path: polygon(
        3% 0, 7% 1%, 11% 0%, 16% 2%, 20% 0, 23% 2%, 28% 2%,
        32% 1%, 35% 1%, 39% 3%, 41% 1%, 45% 0%, 47% 2%, 50% 2%, 53% 0, 58% 2%,
        60% 2%, 63% 1%, 65% 0%, 67% 2%, 69% 2%, 73% 1%, 76% 1%, 79% 0, 82% 1%,
        85% 0, 87% 1%, 89% 0, 92% 1%, 96% 0, 98% 3%, 99% 3%, 99% 6%, 100% 11%,
        98% 15%, 100% 21%, 99% 28%, 100% 32%, 99% 35%, 99% 40%, 100% 43%,
        99% 48%, 100% 53%, 100% 57%, 99% 60%, 100% 64%, 100% 68%, 99% 72%,
        100% 75%, 100% 79%, 99% 83%, 100% 86%, 100% 90%, 99% 94%, 99% 98%, 95% 99%,
        92% 99%, 89% 100%, 86% 99%, 83% 100%, 77% 99%, 72% 100%, 66% 98%,
        62% 100%, 59% 99%, 54% 99%, 49% 100%, 46% 98%, 43% 100%, 40% 98%,
        38% 100%, 35% 99%, 31% 100%, 28% 99%, 25% 99%, 22% 100%, 19% 99%,
        16% 100%, 13% 99%, 10% 99%, 7% 100%, 4% 99%, 2% 97%, 1% 97%, 0% 94%,
        1% 89%, 0% 84%, 1% 81%, 0 76%, 0 71%, 1% 66%, 0% 64%, 0% 61%, 0% 59%,
        1% 54%, 0% 49%, 1% 45%, 0% 40%, 1% 37%, 0% 34%, 1% 29%, 0% 23%, 2% 20%,
        1% 17%, 1% 13%, 0 10%, 1% 6%, 1% 3%
    );
}
************************************************************************/