/* color palette from <https://github.com/vuejs/theme> */
:root {
    --dot-padding: 5px;
    --dice-size: 52px;
    --dot-size: calc(var(--dice-size) * 0.23);
    --dot-middle: calc(calc(var(--dice-size) / 2) - calc(var(--dot-size) / 2));
    --bg-color: rgba(162, 63, 21, .95);
    --pattern-color:  rgba(162, 63, 21, 1);
    --pattern-color-2: rgba(162, 63, 21, .8);

    /* Black */
    --theme-black-bg: #000;
    --theme-black-border: #E0DCCA;
    --theme-black-fg: #E0DCCA;

    /* Dark */
    --theme-dark-bg: #000;
    --theme-dark-border: #000;
    --theme-dark-fg: #E0DCCA;

    /* White */
    --theme-white-bg: #E0DCCA;
    --theme-white-border: #000;
    --theme-white-fg: #000;

    /* Bright */
    --theme-bright-bg: #E0DCCA;
    --theme-bright-border: #E0DCCA;
    --theme-bright-fg: #000;

    /* Blue */
    --theme-blue-bg: #8AADB8;
    --theme-blue-border: #495d63;
    --theme-blue-fg: #c4f1ff;

    /* Green */
    --theme-green-bg: #79A17B;
    --theme-green-border: #E0DCCA;
    --theme-green-fg: #E0DCCA;

    /* Yellow */
    --theme-yellow-bg: #BA7E1E;
    --theme-yellow-border: #583906;
    --theme-yellow-fg:#E0DCCA;

    /* Pink */
    --theme-pink-bg: rgba(150, 42, 150, .7);
    --theme-pink-border: #E0DCCA;
    --theme-pink-fg: #E0DCCA;
    --color-background: var(--vt-c-white);
    --color-background-soft: var(--vt-c-white-soft);
    --color-background-mute: var(--vt-c-white-mute);

    --color-border: var(--vt-c-divider-light-2);
    --color-border-hover: var(--vt-c-divider-light-1);

    --color-heading: var(--vt-c-text-light-1);
    --color-text: var(--vt-c-text-light-1);

    --section-gap: 160px;

    --vt-c-white: #ffffff;
    --vt-c-white-soft: #f8f8f8;
    --vt-c-white-mute: #f2f2f2;

    --vt-c-black: #181818;
    --vt-c-black-soft: #222222;
    --vt-c-black-mute: #282828;

    --vt-c-indigo: #2c3e50;

    --vt-c-divider-light-1: rgba(60, 60, 60, 0.29);
    --vt-c-divider-light-2: rgba(60, 60, 60, 0.12);
    --vt-c-divider-dark-1: rgba(84, 84, 84, 0.65);
    --vt-c-divider-dark-2: rgba(84, 84, 84, 0.48);

    --vt-c-text-light-1: var(--vt-c-indigo);
    --vt-c-text-light-2: rgba(60, 60, 60, 0.66);
    --vt-c-text-dark-1: var(--vt-c-white);
    --vt-c-text-dark-2: rgba(235, 235, 235, 0.64);
}


/* @media (prefers-color-scheme: dark) {
    :root {
        --color-background: var(--vt-c-black);
        --color-background-soft: var(--vt-c-black-soft);
        --color-background-mute: var(--vt-c-black-mute);

        --color-border: var(--vt-c-divider-dark-2);
        --color-border-hover: var(--vt-c-divider-dark-1);

        --color-heading: var(--vt-c-text-dark-1);
        --color-text: var(--vt-c-text-dark-2);
    }
} */


#bg.dicematch {
    color: var(--color-text);
    /* background: var(--color-background); */
    transition: color 0.5s, background-color 0.5s;
    line-height: 1.6;
    font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,
        Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    font-size: 15px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

div, label, input {
    text-rendering: optimizelegibility;
}


#bg.dicematch:before {
    content: "";
    position: absolute;
    width: 300%;
    height: 300%;
    top: -100%;
    left: -100%;
    z-index: -1;
    background-color: #a23f15;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='126' height='84' viewBox='0 0 126 84'%3E%3Cg fill-rule='evenodd' %3E%3Cg fill='%23b14b20' fill-opacity='0.4' %3E%3Cpath d='M126 83v1H0v-2h40V42H0v-2h40V0h2v40h40V0h2v40h40V0h2v83zm-2-1V42H84v40h40zM82 42H42v40h40V42zm-50-6a4 4 0 1 1 0-8 4 4 0 0 1 0 8zM8 12a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm96 12a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm-42 0a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm30-12a4 4 0 1 1 0-8 4 4 0 0 1 0 8zM20 54a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm12 24a4 4 0 1 1 0-8 4 4 0 0 1 0 8zM8 54a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm24 0a4 4 0 1 1 0-8 4 4 0 0 1 0 8zM8 78a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm12 0a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm54 0a4 4 0 1 1 0-8 4 4 0 0 1 0 8zM50 54a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm24 0a4 4 0 1 1 0-8 4 4 0 0 1 0 8zM50 78a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm54-12a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm12 12a4 4 0 1 1 0-8 4 4 0 0 1 0 8zM92 54a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm24 0a4 4 0 1 1 0-8 4 4 0 0 1 0 8zM92 78a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm24-42a4 4 0 1 1 0-8 4 4 0 0 1 0 8z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    animation: rotate 4000s linear infinite;
    overflow: hidden;
}

@keyframes rotate {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }


#bg.dicematch input {
    background-color: #E0DCCA;
}


#bg.dicematch input::selection {
    background-color: #000;
    color: #E0DCCA;
}


#bg.dicematch .dice {
    --dot-padding: 4px;
    --dot-size: calc(var(--dice-size) * 0.20);
    background-color: #E0DCCA;
    width: var(--dice-size);
    height: var(--dice-size);
    border-radius: 10%;
    border: 1px solid #E0DCCA;
    box-shadow: 0px 0px 0px 2px #000;
}


#bg.dicematch .dice.selected {
    transform: rotate(5deg) translateY(-5px);
}


#bg.dicematch .dice.yellow {
    background-color: var(--theme-yellow-bg);
    /* box-shadow: 0px 0px 0px 2px var(--theme-yellow-border); */
    fill: var(--theme-yellow-fg);
    box-shadow: none;
}


#bg.dicematch .dice.pink {
    background-color: var(--theme-pink-bg);
    fill: var(--theme-pink-fg);
    box-shadow: none;
}


#bg.dicematch .dice.blue {
    background-color: var(--theme-blue-bg);
    border: 0;
    box-shadow: 0px 0px 0px 1px var(--theme-blue-fg);
    fill: var(--theme-blue-fg);
}


#bg.dicematch .dice.pink {
    background-color: var(--theme-pink-bg);
    fill: var(--theme-pink-fg);
}


#bg.dicematch .dice.green {
    background-color: var(--theme-green-bg);
    border: 0;
    box-shadow: 0px 0px 0px 1px var(--theme-green-fg);
    fill: var(--theme-green-fg);
}


#bg.dicematch .dice.black {
    background-color: var(--theme-black-bg);
    border: 0;
    box-shadow: 0px 0px 0px 1px var(--theme-black-border);
    fill: var(--theme-black-fg);
}


#bg.dicematch .dice.dark {
    background-color: var(--theme-dark-bg);
    border: 0;
    box-shadow: 0px 0px 0px 1px var(--theme-dark-border);
    fill: var(--theme-dark-fg);
}


#bg.dicematch .dice.white {
    background-color: var(--theme-white-bg);
    /* border: 2px solid var(--theme-white-border); */
    box-shadow: 0px 0px 0px 2px var(--theme-white-border);
    /* box-shadow: none; */
    fill: var(--theme-white-fg);
}


#bg.dicematch .dice.bright {
    background-color: var(--theme-bright-bg);
    /* border: 2px solid var(--theme-bright-border); */
    /* box-shadow: 0px 0px 0px 2px var(--theme-bright-border); */
    box-shadow: none;
    fill: var(--theme-bright-fg);
}


#bg.dicematch .card {
    border: 4px solid #000000;
    width: 15rem;
    height: 15rem;
    padding: .5rem;
    border-radius: .5rem;
    background-color: #E0DCCA;
    transition: transform .1s;
    transition-timing-function: ease-in-out;
    cursor: pointer;
    user-select: none;
}


#bg.dicematch .card.selected {
    transform: rotate(3deg);
}


#bg.dicematch .card .bg {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: .5rem;
    padding: 0.5rem;
}


#bg.dicematch .card-2 .bg {
    background-color: #8AADB8;
    background-color: #8AADB8;
    background-image:  repeating-linear-gradient(45deg, #90aeb7 25%, transparent 25%, transparent 75%, #90aeb7 75%, #90aeb7), repeating-linear-gradient(45deg, #90aeb7 25%, #8AADB8 25%, #8AADB8 75%, #90aeb7 75%, #90aeb7);
    background-position: 0 0, 10px 10px;
    background-size: 20px 20px;
}


#bg.dicematch .card-5 .bg {
    background-color: #BA7E1E;
    background-image:  linear-gradient(135deg, #b77c1c 25%, transparent 25%), linear-gradient(225deg, #b77c1c 25%, transparent 25%), linear-gradient(45deg, #b77c1c 25%, transparent 25%), linear-gradient(315deg, #b77c1c 25%, #BA7E1E 25%);
    background-position:  10px 0, 10px 0, 0 0, 0 0;
    background-size: 20px 20px;
    background-repeat: repeat;
}


#bg.dicematch .card-10 .bg {
    background-color: #74a576;
    background-image:  linear-gradient(135deg, #79A17B 25%, transparent 25%), linear-gradient(225deg, #79A17B 25%, transparent 25%), linear-gradient(45deg, #79A17B 25%, transparent 25%), linear-gradient(315deg, #79A17B 25%, #74a576 25%);
    background-position:  10px 0, 10px 0, 0 0, 0 0;
    background-size: 10px 10px;
    background-repeat: repeat;
}


#bg.dicematch .card-15 .bg {
    background-color: #99306F;
    opacity: 1;
    background-image:  linear-gradient(30deg, #9f3273 12%, transparent 12.5%, transparent 87%, #9f3273 87.5%, #9f3273), linear-gradient(150deg, #9f3273 12%, transparent 12.5%, transparent 87%, #9f3273 87.5%, #9f3273), linear-gradient(30deg, #9f3273 12%, transparent 12.5%, transparent 87%, #9f3273 87.5%, #9f3273), linear-gradient(150deg, #9f3273 12%, transparent 12.5%, transparent 87%, #9f3273 87.5%, #9f3273), linear-gradient(60deg, #9f327377 25%, transparent 25.5%, transparent 75%, #9f327377 75%, #9f327377), linear-gradient(60deg, #9f327377 25%, transparent 25.5%, transparent 75%, #9f327377 75%, #9f327377);
    background-size: 20px 35px;
    background-position: 0 0, 0 0, 10px 18px, 10px 18px, 0 0, 10px 18px;
}


#bg.dicematch .card .dice {
    box-shadow: 0px 0px 0px 1px #000;
}



#bg.dicematch .card .points {
    color: #E0DCCA;
    font-size: 3rem;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #333;
}


#bg.dicematch .pu {
    cursor: not-allowed;
}


#bg.dicematch .dice-tray {
    background-color: rgba(255,255,255,0.1);
}


#bg.dicematch .player-points {
    font-weight: 900;
}


#bg.dicematch button {
    font-weight: 900;
    font-size: 1rem;
    color: #000;
    background-color: #E0DCCA;
    box-shadow: 4px 4px 0px 1px #000;
}


#bg.dicematch button:disabled {
    opacity: .5;
}


#bg.dicematch button:active:enabled {
    box-shadow: none;
    transform: translateX(2px) translateY(2px);
}


#bg.dicematch .bt-blue {
    background-color: var(--theme-blue-bg);
    color: white;
}


#bg.dicematch .bt-black {
    background-color: var(--theme-black-bg);
    color: var(--theme-black-fg);
}


#bg.dicematch .player-theme-white {
    border-color: var(--theme-white-border);
    background-color: var(--theme-white-bg);
    color: var(--theme-white-fg);
}


#bg.dicematch .player-theme-bright {
    border-color: var(--theme-bright-border);
    background-color: var(--theme-bright-bg);
    color: var(--theme-bright-fg);
}


#bg.dicematch .player-theme-black {
    border-color: var(--theme-black-border);
    background-color: var(--theme-black-bg);
    color: var(--theme-black-fg);
    /* border-color: white;
    background-color: black;
    color: white; */
}


#bg.dicematch .player-theme-black::selection {
    background-color: var(--theme-black-border);
    color: var(--theme-black-bg);
}


#bg.dicematch .player-theme-dark {
    border-color: var(--theme-dark-border);
    background-color: var(--theme-dark-bg);
    color: var(--theme-dark-fg);
}


#bg.dicematch .player-theme-pink {
    border-color: var(--theme-pink-border);
    background-color: var(--theme-pink-bg);
    color: var(--theme-pink-fg);
}


#bg.dicematch .player-theme-yellow {
    border-color: var(--theme-yellow-border);
    background-color: var(--theme-yellow-bg);
    color: var(--theme-yellow-fg);
}


#bg.dicematch .player-theme-green {
    border-color: var(--theme-green-border);
    background-color: var(--theme-green-bg);
    color: var(--theme-green-fg);
}


#bg.dicematch .player-theme-blue {
    border-color: var(--theme-blue-border);
    background-color: var(--theme-blue-bg);
    color: var(--theme-blue-fg);
}


#bg.dicematch .no-shadow {
    box-shadow: none;
}


#bg.dicematch .bg-clean {
    background-color: #E0DCCA;
}


#bg.dicematch .text-clean {
    color: #E0DCCA;
}


#bg.dicematch .bg-green {
    background-color: var(--theme-green-bg);
}


#bg.dicematch .bg-main {
    background-color: var(--bg-color);
}


#bg.dicematch .bg-ia {
    background-color: #b8785d;
}


#bg.dicematch .arrow-up {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid black;
}


#bg.dicematch .arrow-left {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid black;
}


#bg.dicematch .fade-enter-active,
#bg.dicematch .fade-leave-active {
  transition: opacity 0.5s ease;
}


#bg.dicematch .fade-enter-from,
#bg.dicematch .fade-leave-to {
  opacity: 0;
}


#bg.dicematch .bg-help {
    overflow: hidden;
}


#bg.dicematch .bg-help:before {
    content: "";
    position: absolute;
    width: 300%;
    height: 400%;
    top: -150%;
    left: -100%;
    z-index: -1;
    background-color: #e6e4dd;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%0A%20%20%20%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20%0A%20%20%20%20style%3D%22fill%3A%20%23eaeaea%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M10.06%201C13%201%2015%202.89%2015%205.53a4.59%204.59%200%200%201-2.29%204.08c-1.42.92-1.82%201.53-1.82%202.71V13H8.38v-.81a3.84%203.84%200%200%201%202-3.84c1.34-.9%201.79-1.53%201.79-2.71a2.1%202.1%200%200%200-2.08-2.14h-.17a2.3%202.3%200%200%200-2.38%202.22v.17H5A4.71%204.71%200%200%201%209.51%201a5%205%200%200%201%20.55%200zM8%2017a1.89%201.89%200%200%201%201.77-2H10a1.87%201.87%200%200%201%202%201.73%201.22%201.22%200%200%201%200%20.27%201.87%201.87%200%200%201-1.73%202%201.22%201.22%200%200%201-.27%200%201.88%201.88%200%200%201-2-1.75A1%201%200%200%201%208%2017z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    transform: rotate(-28deg);
    overflow: hidden;
}


#bg.dicematch .dice.d1::before {
    content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20enable-background%3D%22new%200%200%2064%2064%22%3E%3Cpath%20d%3D%22m47%2018.875c-.044%200-.086.008-.13.008.076-.619.13-1.244.13-1.883%200-8.283-6.716-15-15-15-8.286%200-15%206.717-15%2015%200%20.639.053%201.264.13%201.883-.044%200-.086-.008-.13-.008-8.286%200-15%206.717-15%2015s6.714%2015%2015%2015c4.807%200%209.075-2.271%2011.819-5.788l-.569%204.851c-.505%203.589-2.994%206.872-6.563%207.5l-4.687.937v5.625h30v-5.625l-4.688-.938c-3.57-.628-6.06-3.909-6.563-7.5l-.571-4.851c2.744%203.518%207.013%205.788%2011.821%205.788%208.284%200%2015-6.717%2015-15s-6.715-14.999-14.999-14.999%22%2F%3E%3C%2Fsvg%3E");
}


#bg.dicematch .dice.d2::before {
    content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20enable-background%3D%22new%200%200%2064%2064%22%3E%3Cpath%20d%3D%22M62%2C32.938C62%2C18.471%2C32%2C2%2C32%2C2S2%2C18.471%2C2%2C32.938c0%2C8.576%2C7.226%2C15.938%2C15.938%2C15.938c4.193%2C0%2C7.925-1.617%2C10.702-4.242%20l-0.39%2C3.305c-0.504%2C3.589-2.992%2C6.872-6.563%2C7.5L17%2C56.375V62h30v-5.625l-4.688-0.938c-3.569-0.628-6.058-3.909-6.563-7.5%20l-0.388-3.305c2.775%2C2.627%2C6.507%2C4.242%2C10.7%2C4.242C54.774%2C48.875%2C62%2C41.514%2C62%2C32.938z%22%2F%3E%3C%2Fsvg%3E%20%20%20%20");
}


#bg.dicematch .dice.d3::before {
    content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20enable-background%3D%22new%200%200%2064%2064%22%3E%3Cpath%20d%3D%22M46.063%2C2c-6.268%2C0-11.515%2C3.598-14.062%2C8.81C29.452%2C5.598%2C24.206%2C2%2C17.938%2C2C9.227%2C2%2C2%2C9.361%2C2%2C17.938%20C2%2C32.406%2C32.001%2C62%2C32.001%2C62S62%2C32.406%2C62%2C17.938C62%2C9.361%2C54.775%2C2%2C46.063%2C2z%22%2F%3E%3C%2Fsvg%3E");
}


#bg.dicematch .dice.d4::before {
    content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20enable-background%3D%22new%200%200%2064%2064%22%3E%3Cpath%20transform%3D%22matrix%28-.7071.7071-.7071-.7071%2077.2548%2032%29%22%20d%3D%22m10.787%2010.787h42.426v42.426h-42.426z%22%2F%3E%3C%2Fsvg%3E");
}


#bg.dicematch .dice.d5::before {
    content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20enable-background%3D%22new%200%200%2064%2064%22%3E%3Cpath%20d%3D%22M50.96%2C2H13.039C10.812%2C2%2C9%2C3.724%2C9%2C5.843v52.313C9%2C60.275%2C10.812%2C62%2C13.039%2C62H50.96c2.229%2C0%2C4.04-1.725%2C4.04-3.844V5.843%20C55%2C3.724%2C53.188%2C2%2C50.96%2C2z%20M10.84%2C7.435c0-1.988%2C1.296-3.56%2C3.384-3.56h35.553c2.088%2C0%2C3.384%2C1.762%2C3.384%2C3.75v45.846%20c-2.933-11.4-22.021-19.416-42.226-19.545l-0.095-0.051V7.435z%22%2F%3E%3Cellipse%20cx%3D%2225.519%22%20cy%3D%2219.771%22%20rx%3D%2212.002%22%20ry%3D%2212.229%22%2F%3E%3C%2Fsvg%3E");
}


#bg.dicematch .dice.d6::before {
    fill: red !important;
    content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20enable-background%3D%22new%200%200%2064%2064%22%3E%3Cpath%20d%3D%22M49.538%2C2H14.462C10.899%2C2%2C8%2C4.944%2C8%2C8.563v46.875C8%2C59.056%2C10.899%2C62%2C14.462%2C62h35.076C53.101%2C62%2C56%2C59.056%2C56%2C55.438%20V8.563C56%2C4.944%2C53.101%2C2%2C49.538%2C2z%20M53.23%2C55.438c0%2C2.07-1.652%2C3.75-3.692%2C3.75H14.462c-2.04%2C0-3.692-1.68-3.692-3.75V8.563%20c0-2.072%2C1.652-3.75%2C3.692-3.75h35.076c2.04%2C0%2C3.692%2C1.678%2C3.692%2C3.75V55.438z%22%2F%3E%3Cpath%20d%3D%22m34.706%2039.591c-.13.082-.276.172-.434.26-.319.179-.684.352-1.069.469-.195.06-.394.104-.596.133-.051.005-.101.016-.151.021-.051.002-.106.012-.151.014l-.067.004-.031.002h-.019l-.025.002-.173.004c-.433%200-.842-.058-1.229-.17-.384-.111-.75-.281-1.063-.461-.315-.177-.578-.359-.764-.495-.188-.137-.298-.224-.298-.224s-.004.033%200%20.094c.006.063.016.154.04.266.05.228.159.547.396.895.115.174.265.352.448.527.188.17.409.334.664.475.258.137.548.253.854.326.308.074.627.114.948.116h.006.029l.013-.002h.024.049l.1-.005h.026l.032-.004.066-.005.131-.015c.167-.018.321-.047.476-.086.31-.077.596-.195.851-.338.256-.141.475-.307.658-.477.182-.172.332-.352.449-.523.117-.17.203-.337.27-.488.065-.148.109-.285.138-.396.054-.225.05-.359.05-.359s-.113.084-.308.213c-.093.065-.207.144-.34.227%22%2F%3E%3Cpath%20d%3D%22m29.644%2033.483c0-.146-.04-.282-.106-.405.013.005.021.01.034.014.051.014.094.036.139.055.047.018.092.035.133.057.087.037.171.072.24.111.074.031.141.063.191.088.055.025.102.045.131.062.03.013.046.02.046.02s-.004-.017-.016-.045c-.01-.029-.024-.073-.049-.124-.022-.058-.055-.117-.1-.187-.021-.036-.045-.072-.071-.11-.028-.036-.061-.074-.093-.113-.032-.041-.07-.078-.111-.119-.042-.041-.085-.083-.136-.121-.048-.035-.098-.077-.158-.113-.053-.033-.114-.069-.177-.104-.131-.061-.272-.117-.43-.152-.037-.006-.076-.015-.115-.023-.039-.005-.079-.011-.12-.014-.08-.013-.162-.009-.244-.011-.158.009-.32.026-.469.069-.149.039-.29.095-.414.16-.125.061-.234.137-.331.208-.097.077-.18.153-.248.228-.142.153-.23.299-.284.402-.026.051-.043.094-.053.124-.013.027-.017.045-.017.045s.065-.028.177-.076.264-.114.438-.187c.091-.033.182-.07.28-.104-.055.112-.086.236-.086.366%200%20.503.451.913%201.01.913.556-.001%201.009-.411%201.009-.914%22%2F%3E%3Cpath%20d%3D%22m37.105%2033.314c-.021-.058-.053-.117-.095-.187-.022-.036-.047-.072-.074-.11-.027-.036-.06-.074-.092-.113-.033-.041-.072-.078-.11-.119-.043-.041-.085-.083-.138-.121-.048-.035-.097-.077-.156-.113-.054-.033-.115-.069-.178-.104-.133-.061-.273-.117-.428-.152-.038-.006-.076-.015-.117-.023-.04-.005-.078-.011-.121-.014-.081-.013-.16-.009-.242-.011-.159.009-.322.026-.468.069-.152.039-.29.095-.415.16-.127.061-.234.137-.332.208-.096.077-.18.153-.248.228-.143.153-.231.299-.285.402-.025.051-.042.094-.055.124-.009.027-.013.045-.013.045s.063-.028.175-.076c.112-.048.264-.114.441-.187.088-.033.182-.07.278-.104-.054.112-.085.236-.085.366%200%20.503.451.913%201.006.913.558%200%201.008-.41%201.008-.913%200-.146-.037-.282-.102-.405.009.005.021.01.031.014.051.014.095.036.142.055.044.018.091.035.131.057.087.037.17.072.24.111.072.031.141.063.19.088.053.025.102.045.129.062.033.013.048.02.048.02s-.004-.017-.015-.045c-.008-.03-.022-.074-.05-.125%22%2F%3E%3Cpath%20d%3D%22m49.659%2017.927c-.466%200-.887.164-1.205.425-.813-.754-1.949-1.7-3.127-2.34-3.992-2.163-7.24-.24-9.604%202.515-.776-1.685-1.718-3.472-2.851-5.229.537-.28.902-.798.902-1.398%200-.895-.801-1.619-1.793-1.619-.989%200-1.792.724-1.792%201.619%200%20.589.351%201.099.872%201.382-1.125%201.743-2.061%203.515-2.836%205.188-2.359-2.724-5.589-4.604-9.553-2.457-1.186.643-2.325%201.595-3.139%202.352-.318-.257-.732-.418-1.191-.418-.992%200-1.796.724-1.796%201.621%200%20.895.804%201.619%201.796%201.619.989%200%201.792-.725%201.792-1.619%200-.005-.001-.009-.002-.014%202.517.201%206.934%201.389%208.243%207.049-.6%201.765-1.752%207.134%202.631%2015.042.178.32.352.61.525.898l-6.321%2011.176%207.996-6.873-.822%206.873%203.641-7.223%203.558%207.223-.747-6.884%207.918%206.884-6.262-11.23c.162-.271.326-.543.492-.844%204.361-7.875%203.238-13.234%202.639-15.021%201.244-5.826%205.709-6.954%208.245-7.107-.001.01-.004.02-.004.03%200%20.895.804%201.62%201.796%201.62.99%200%201.794-.725%201.794-1.62-.001-.896-.805-1.62-1.795-1.62m-13.881%2023.028c-1.843%203.324-3.072%204.057-3.784%204.08-.71-.023-1.938-.756-3.782-4.08-2.98-5.38-3.213-9.49-2.934-11.908.631-.891%201.669-1.837%203.254-1.837%202.982%200%203.462%203.373%203.462%203.373s.478-3.373%203.466-3.373c1.583%200%202.622.948%203.25%201.839.28%202.42.045%206.528-2.932%2011.906%22%2F%3E%3C%2Fsvg%3E");
}


#bg.dicematch .dice.d1 .dot.x2.y2 {
    display: none;
}


#bg.dicematch .dice.d2 .dot.x1.y1,
#bg.dicematch .dice.d2 .dot.x3.y3 {
    display: none;
}


#bg.dicematch .dice.d3 .dot.x1.y1,
#bg.dicematch .dice.d3 .dot.x2.y2,
#bg.dicematch .dice.d3 .dot.x3.y3 {
    display: none;
}

#bg.dicematch .dice.d4 .dot.x1.y1,
#bg.dicematch .dice.d4 .dot.x3.y1,
#bg.dicematch .dice.d4 .dot.x1.y3,
#bg.dicematch .dice.d4 .dot.x3.y3 {
    display: none;
}


#bg.dicematch .dice.d5 .dot.x1.y1,
#bg.dicematch .dice.d5 .dot.x3.y1,
#bg.dicematch .dice.d5 .dot.x2.y2,
#bg.dicematch .dice.d5 .dot.x1.y3,
#bg.dicematch .dice.d5 .dot.x3.y3 {
    display: none;
}


#bg.dicematch .dice.d6 .dot {
    display: none;
}

#bg.dicematch .dice.d6 .dot.y2 {
    display: none;
}


#bg.dicematch .dice.colored.black {
    background-color: #E0DCCA;
    border-width: 2;
}

#bg.dicematch {
    overflow: hidden;
}


#bg.dicematch .dice.matched {
    opacity: 0.2;
}