*{-webkit-touch-callout:none;-webkit-user-select:none}body{margin:0;background:#00f;font-family:sans-serif;color:#ff0;text-transform:uppercase;text-shadow:2px 2px 0 #000}.score-popup{position:absolute;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:5;font-size:14px}.score-popup div{text-align:center;position:absolute;width:40%;height:20%;background:red;left:30%;top:30%;z-index:1}.footer{display:none}.howto{display:none}.score-holder{position:relative}.scoring{border-bottom:2px solid #ff0;font-size:12px}.column{border-left:2px solid #ff0;text-align:center;width:calc(14% - 2px);float:left}.hand{text-align:left;width:30%;float:left;border-width:0}.column>div:first-child{border-bottom:2px solid #ff0}.column>div:nth-child(even){background:#00009a}.column>div:nth-child(odd){background:navy}.text-right{float:right}.clearfix:after,.clearfix:before{display:table;content:" "}.clearfix:after{clear:both}.score-holder{position:relative}.tab{background:navy;border:2px solid #ff0;position:absolute;font-size:16px;text-align:center;padding:3px 4px;cursor:pointer}.tab-scoring{bottom:-26px;border-radius:0 0 5px 5px;border-top:0;right:25%}.tab-options{top:-26px;border-radius:5px 5px 0 0;border-bottom:0;right:34%}.options{border-top:2px solid #ff0;background:navy;padding:10px}.options-holder{position:absolute;bottom:0;width:100%}.message{text-transform:uppercase;font-size:14px;width:98%;margin:0;padding:1%}.message.bottom{clear:both;position:fixed;bottom:0}.credits{float:right;text-align:right;width:30%}.buttons,.cards{clear:both;margin:0 auto}.cards{margin-bottom:10px}.card_unit{float:left;width:20%;position:relative;perspective:600;-webkit-perspective:600}.card_unit button.hold{background:#e5e600;border-color:red}.option-container{position:relative}.checkbox{display:inline-block;border-radius:5px;box-shadow:inset 0 0 4px #999;width:20px;height:20px;background:#fff;border:1px solid #ff0;line-height:1.4}.checkbox.checked{background:#333;box-shadow:inset 0 0 4px #fff}.checkmark{display:none;text-align:center;width:20px;position:absolute}.checkbox.checked .checkmark{display:block}.checkbox input{display:none}.checkbox input:checked{background:#333}.card{width:98%;background-color:#fff;border-radius:5px;margin:1%;position:relative;padding-bottom:135%;transition:transform .6s;-webkit-transition:-webkit-transform .6s;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform:rotateY(180deg);-webkit-transform:rotateY(180deg);backface-visibility:hidden;-webkit-backface-visibility:hidden}.card .card-inner{box-shadow:inset 0 0 2px 0 #222;background:#fff;position:absolute;border-radius:5px;height:97%;width:96%;top:1.5%;left:2%}.card .suit{width:73%;height:68%;background-size:100% 100%;background-repeat:no-repeat;position:absolute;left:13.5%;top:20%}.card .value{position:absolute;font-size:30px;text-shadow:none;font-weight:700}.card .value.top{top:0;left:10px}.card.undefined .value{display:none}.card.clubs,.card.diamonds,.card.hearts,.card.spades{transform:rotateY(0);-webkit-transform:rotateY(0)}.card.hold{background:red}.card.back{backface-visibility:visible;-webkit-backface-visibility:visible;position:absolute;margin:0 1%;z-index:-1}.card.back .card-inner{background:navy}button{width:100%;background:#ff0;padding:15px;border:2px solid #00f;font-weight:700}button:hover{background:#f0f000}.buttons button{float:right;width:45%}.undefined .card-inner{background:navy}.diamonds .suit{background-image:url(../img/diamond.svg)}.clubs .suit{background-image:url(../img/club.svg)}.hearts .suit{background-image:url(../img/heart.svg)}.spades .suit{background-image:url(../img/spade.svg)}.diamonds .value,.hearts .value{color:red}.clubs .value,.spades .value{color:#000}@media (min-width:568px){.cards{margin-bottom:0}button{padding:12px}}@media (min-width:480px){.card .value{font-size:35px}.message,.options,.score-popup,.scoring,.tab,button{font-size:16px}}@media (min-width:760px){.card .value{font-size:50px}.message,.options,.score-popup,.scoring,.tab,button{font-size:22px}.tab-scoring{padding:4px 12px;bottom:-35px}.tab-options{padding:4px 12px;top:-35px}.card{border-radius:15px}.card .card-inner{border-radius:15px}}@media (min-width:980px){.card .value{font-size:70px}.message,.options,.score-popup,.scoring,.tab,button{font-size:32px}.tab-scoring{bottom:-47px}.tab-options{top:-47px}}@media (min-width:1200px){.card .value{font-size:80px}.message,.options,.score-popup,.scoring,.tab,button{font-size:40px}.tab-scoring{bottom:-56px}.tab-options{top:-56px}}@media (min-width:1400px){.card .value{font-size:90px}}