@import url('https://fonts.cdnfonts.com/css/clear-sans');*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgba(0,0,0,0);--un-ring-shadow:0 0 rgba(0,0,0,0);--un-shadow-inset: ;--un-shadow:0 0 rgba(0,0,0,0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgba(0,0,0,0);--un-ring-shadow:0 0 rgba(0,0,0,0);--un-shadow-inset: ;--un-shadow:0 0 rgba(0,0,0,0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}.visible{visibility:visible;}.absolute{position:absolute;}.relative{position:relative;}.m-8{margin:2rem;}.my,.my-4{margin-top:1rem;margin-bottom:1rem;}.mt-2{margin-top:0.5rem;}.mt-4{margin-top:1rem;}.mt-5{margin-top:1.25rem;}.h-full{height:100%;}.h-screen{height:100vh;}.w-screen{width:100vw;}.flex{display:flex;}.flex-1{flex:1 1 0%;}.flex-col{flex-direction:column;}.transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.items-center{align-items:center;}.justify-end{justify-content:flex-end;}.justify-center{justify-content:center;}.gap-2{grid-gap:0.5rem;gap:0.5rem;}.gap-4{grid-gap:1rem;gap:1rem;}.gap-5{grid-gap:1.25rem;gap:1.25rem;}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}

:root {
    --unknown: #87898a;
    --unknown-light: #57698c;
    --almost: #b8a346;
    --almost-light: #d1b94f;
    --bingo: #5b9257;
    --bingo-light: #70b36b;
    --nope: #444447;
    --nope-light: #5d5d61;
    --outline: #444447;
    --primary: #5b9257;
    --primary-hover: #70b36b;
    --primary-active: #70b36b;
    --dead: #de5353;
    --text-color: #fefefe;
    --background: #212122;
}

[data-contrast="high"] {
    --almost: #8bc1f9;
    --almost-light: #9bc9fa;
    --bingo: #ef7d43;
    --bingo-light: #ff8547;
    --primary: #ef7d43;
    --primary-hover: #ff8547;
    --primary-active: #ff8547;
    --dead: #999999;
}

html, body, * {
    color: #fefefe;
    margin: 0;
    padding: 0;
    font-size: min(min(2.3vh, 3vw), 125%);
}

body {
    font-family: "Clear Sans", "Helvetica Neue", Geneva, sans-serif;
    background: var(--background);
    touch-action: manipulation;
    font-size: min(min(2.3vh, 3vw), 125%);
}

.center {
    display: flex;
    flex-direction: column;
    align-items: center;
}

a, b, span {
    font-size: inherit;
}
._sampleSize_2b8he_1 {
    width: 100px;
    height: 100px;
}

._flipCard_2b8he_6 {
    background-color: transparent;
    perspective: 1000px;
}

._flipCardInner_2b8he_11 {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

._flipCardFront_2b8he_21, ._flipCardBack_2b8he_21 {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

._flipCardFront_2b8he_21 {
}

._flipCardBack_2b8he_21 {
    transform: rotateX(-180deg);
}

._flipped_2b8he_36 {
    transform: rotateX(-180deg);
}
._letterCard_15p5l_1 {
    width: 3.2rem;
    height: 3.2rem;
    margin: 0.25rem;
}

._letter_15p5l_1 {
    width: 100%;
    height: 100%;
    border-radius: 0;
    font-size: 2rem;
    text-align: center;
    font-weight: 700;
    border: 2px solid var(--outline);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Clear Sans, sans-serif;
}

._almost_15p5l_21 {
    background: var(--almost);
    border-color: var(--almost);
}
._bingo_15p5l_25 {
    background: var(--bingo);
    border-color: var(--bingo);
}
._nope_15p5l_29 {
    background: var(--nope);
    border-color: var(--nope);
}

._wordCount_15p5l_34 {
    width: 2rem;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    font-size: 0.6rem;
    padding-bottom: 0.4em;
}



._key_i7ihz_1 {
    padding: 0;
    margin: 2px;
    width: 2.75rem;
    height: 4rem;
    background-color: var(--unknown);
    border: none;
    border-radius: 4px;
    text-align: center;
    font-size: 1rem;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    user-select: none;
    touch-action: manipulation;
    font-family: Clear Sans, sans-serif;
}

._key_i7ihz_1:hover, ._key_i7ihz_1:active {
    cursor: pointer;
    background-color: var(--unknown-light);
}

._bigKey_i7ihz_25 {
    font-size: 0.8rem;
    width: 5.5rem;
}
._keyboard_i7ihz_29 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

._almost_i7ihz_35 {
    background-color: var(--almost);
}
._almost_i7ihz_35:hover, ._almost_i7ihz_35:active {
    background-color: var(--almost-light);
}
._bingo_i7ihz_41 {
    background-color: var(--bingo);
}
._bingo_i7ihz_41:hover, ._bingo_i7ihz_41:active {
    background-color: var(--bingo-light);
}
._nope_i7ihz_47 {
    background-color: var(--nope);
}
._nope_i7ihz_47:hover, ._nope_i7ihz_47:active {
    background-color: var(--nope-light);
}

._almost_i7ihz_35, ._bingo_i7ihz_41, ._nope_i7ihz_47 {
    transition-property: background-color;
    transition-delay: 2s;
}
._container_ae4p6_1 {
    margin: 1em;
    padding: 1.5em;
    background-color: var(--nope);
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 0.5em;
    width: 45ch;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

._closeButton_ae4p6_14 {
    position: absolute;
    right: 1em;
    top: 1em;
    cursor: pointer;
}
._overlay_13seh_1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(2px);
    z-index: 4000;
}

._container_13seh_14 {
    margin: 1em;
    padding: 1.5em;
    background-color: var(--nope);
    box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
    border-radius: 0.5em;
    width: 45ch;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 4000;
}

._closeButton_13seh_28 {
    position: absolute;
    right: 1em;
    top: 1em;
    cursor: pointer;
}
._switch_24w5w_1 {
    --base-size: 0.7rem;
    --width: calc(3 * var(--base-size));
    --height: calc(1.7 * var(--base-size));
    --radius: calc(1.3 * var(--base-size));
    position: relative;
    display: inline-block;
    width: var(--width);
    height: var(--height);
    vertical-align: bottom;
}

._switch_24w5w_1 input {
    opacity: 0;
    width: 0;
    height: 0;
}

._slider_24w5w_19 {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #aaaaaa;
    -webkit-transition: .4s;
    transition: .4s;
}

._slider_24w5w_19:before {
    position: absolute;
    content: "";
    height: var(--radius);
    width: var(--radius);
    left: calc(0.2 * var(--base-size));
    bottom: calc(0.2 * var(--base-size));
    background-color: #fefefe;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + ._slider_24w5w_19 {
    background-color: var(--bingo);
}

input:focus + ._slider_24w5w_19 {
    box-shadow: 0 0 1px var(--bingo);
}

input:checked + ._slider_24w5w_19:before {
    -webkit-transform: translateX(var(--radius));
    -ms-transform: translateX(var(--radius));
    transform: translateX(var(--radius));
}

/* Rounded sliders */
._slider_24w5w_19._round_24w5w_58 {
    border-radius: var(--height);
}

._slider_24w5w_19._round_24w5w_58:before {
    border-radius: 50%;
}
._banner_1s8g4_1 {
    display: flex;
    gap: 1em;
    margin-bottom: 1em;
    width: 100%;
}

._statBlock_1s8g4_8 {
    text-align: center;
    flex: 1;
}

._distributions_1s8g4_13 {
    text-align: left
}

._chartBackground_1s8g4_17 {
    padding: 0.3em 0.2em;
    borderRadius: 0.25em;
    background-color: var(--background)
}
._container_2yusa_1 {
    display: flex;
    flex-direction: column;
}

._chartRow_2yusa_6 {
    display: flex;
    align-items: center;
}

._label_2yusa_11 {
    min-width: 1em;
    text-align: right;
    padding-right: 0.25em
}

._barContainer_2yusa_17 {
    flex: 1;
    padding: 0.1em 0;
}

._bar_2yusa_17 {
    background-color: var(--bingo);
    text-align: right;
    padding: 0.1em 0;
}

._dead_2yusa_28 {
    font-size: 0.8em;
}
._button_1ghu1_1 {
    padding: 0.5em 0.75em;
    border: none;
    border-radius: 0.25em;
    background-color: var(--primary);
    cursor: pointer;
    font-size: 0.8em;
}
._button_1ghu1_1:hover {
    background-color: var(--primary-hover);
}
._button_1ghu1_1:active {
    background-color: var(--primary-active);
}