body{max-width:100%;margin:0;padding:0}.app{display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;width:100%;padding:30px 10px}.app h1{margin-bottom:2rem}.app label select{display:inline-block;margin-left:1rem}.app .list{display:flex;flex-direction:column;margin-top:2rem}.app .list .row{display:flex;flex-direction:row;justify-content:space-between}.app .list .row:not(.header):nth-child(odd){background-color:#161f27}.app .list .row .cell{display:flex;justify-content:center;align-self:center;padding:5px 10px;width:100%}.app .list .row.header{border-bottom:1px solid #CCC;font-weight:900}.app .info{display:flex;justify-content:space-between}.app .info .col{display:flex;flex-direction:column;width:50%}.app .info .col:last-child{text-align:right}.app .info__title{text-align:center;font-weight:900}.app .info__counter{text-align:center;font-size:2rem}.app .actions{display:flex}.app .d4_3,.app .d6_4,.app .d10_5{width:100%}@media (min-width: 400px){.app .d4_3{width:390px}}@media (min-width: 600px){.app .d6_4{width:570px}}@media (min-width: 950px){.app .d10_5{width:930px}}.cards{display:flex;justify-content:center;box-sizing:border-box;width:100%;gap:15px;flex-wrap:wrap;margin:1.5rem 0;padding:20px;background-color:#353535}.cards .card-item{position:relative;box-sizing:border-box;width:75px;height:100px;perspective:1000px;cursor:pointer}.cards .card-item .card-item__inner{box-sizing:border-box;border:3px solid #FFF;border-radius:5px;position:relative;display:inline-block;width:100%;height:100%;text-align:center;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.75,0,.85,1)}.card-item__reverse{background-image:url(../assets/reverse-pattern-red.png);background-size:75px 75px;font-size:2rem;color:#000;color:transparent}.card-item__front,.card-item__reverse{display:flex;position:absolute;align-items:center;width:100%;height:100%;backface-visibility:hidden;justify-content:center}.card-item__front{transform:rotateY(180deg);background-color:#fff}.card-item__front img{box-sizing:border-box;height:75%}.card-item.turned .card-item__inner{transform:rotateY(180deg)}.popup-content{margin:auto;background:#fff;width:50%;padding:5px;border:1px solid #d7d7d7}[role=tooltip].popup-content{width:200px;box-shadow:0 0 3px #00000029;border-radius:5px}.popup-overlay{background:#00000080}.popup-arrow{-webkit-filter:drop-shadow(0 -3px 3px rgba(0,0,0,.16));filter:drop-shadow(0 -3px 3px rgba(0,0,0,.16));color:#fff;stroke-width:2px;stroke:#d7d7d7;stroke-dasharray:30px;stroke-dashoffset:-54px;left:0;right:0;top:0;bottom:0}.popup-content{margin:auto;background:#fff;width:50%;padding:5px;color:#000;text-align:center}.popup-arrow{color:#fff}[role=tooltip].popup-content{width:200px;box-shadow:#00000029 0 0 3px}.popup-overlay{background:#000c}[data-popup=tooltip].popup-overlay{background:transparent}.modal>.close{background-color:#fff;border:1px solid #cfcece;border-radius:20px;cursor:pointer;display:block;font-size:21px;padding:0 5px;position:absolute;right:-10px;top:-10px;color:#000}.modal>.header{border-bottom:1px solid gray;font-size:18px;padding:5px;text-align:center;width:100%}.modal>.content{padding:20px 15px}