@charset "UTF-8";.card{margin-top:10vw;margin-bottom:5vw;margin-left:-.5vw;margin-right:-.5vw;font-family:"Source Serif Pro",serif}@media (max-width:767.98px){.card{margin-left:-1vw;margin-right:-1vw}}.card-containt{float:left;position:relative;top:0;width:calc(16.667% - 1vw);margin:.5vw;cursor:pointer;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:.3s;transition:.3s}@media (max-width:1365.98px){.card-containt{width:calc(20% - 1vw)}}@media (max-width:1023.98px){.card-containt{width:calc(25% - 1vw)}}@media (max-width:666.98px){.card-containt{width:calc(50% - 2vw);margin:1vw}}.card-containt.card-containt--active .card-face__front{-webkit-transform:rotateY(0);transform:rotateY(0)}.card-containt.card-containt--active .card-face__back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.card-containt.card-containt--active:hover{top:0}.card-containt:hover{top:-.5vw}.card-face{position:relative;padding-bottom:133%}.card-face__back,.card-face__front{background-color:#efefef;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transition:.5s;transition:.5s;padding:8px;border-radius:6px;-webkit-box-shadow:0 10px 20px rgba(0,0,0,.2);box-shadow:0 10px 20px rgba(0,0,0,.2)}@media (max-width:767.98px){.card-face__back,.card-face__front{padding:6px}}.card-face__back .card-face__wrap,.card-face__front .card-face__wrap{position:relative;width:100%;height:100%}.card-face__front{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.card-face__wrap--red{color:#ed4747}.card-face__wrap--spades .card-face__corner:after,.card-face__wrap--spades .card-face__symbol:after{content:"\2660"}.card-face__wrap--hearts .card-face__corner:after,.card-face__wrap--hearts .card-face__symbol:after{content:"\2665"}.card-face__wrap--diamonds .card-face__corner:after,.card-face__wrap--diamonds .card-face__symbol:after{content:"\2663"}.card-face__wrap--clubs .card-face__corner:after,.card-face__wrap--clubs .card-face__symbol:after{content:"\2666"}.card-face__back .card-face__wrap{border:2px solid #ed4747;background-image:linear-gradient(-60deg,transparent 40%,#ed4747 0,#ed4747 60%,transparent 0),linear-gradient(60deg,transparent 40%,#ed4747 0,#ed4747 60%,transparent 0);background-size:8px 8px}.card-face__corner{position:absolute;font-weight:700;text-align:center}.card-face__corner--top{top:10px;left:10px}.card-face__corner--bottom{bottom:10px;right:10px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.card-face__symbol{position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.card-face__symbol--flip{-webkit-transform:translate(-50%,-50%) rotate(180deg);transform:translate(-50%,-50%) rotate(180deg)}.card-face__text{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-weight:700}.card-clear{clear:both}.shuffle-move{-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.counter{margin:1rem 0;color:hsla(0,0%,100%,.75)}@media (max-width:767.89px){.controller,.counter{text-align:center}}.controller-content--enable{-webkit-transition:opacity .5s;transition:opacity .5s;opacity:.5}.controller-content--enable .controller__button{cursor:not-allowed}.controller-content+.controller-content{margin-top:16px}.controller__button+.controller__button{margin-left:.5vw}@media (max-width:767.89px){.controller__button+.controller__button{margin-left:1.5vw}}.controller__button{background-color:rgba(0,0,0,.5);border:2px solid;font:inherit;cursor:pointer;font-weight:700;outline:none;padding:12.5px 20px;border-radius:50px;opacity:.75;color:#fff;-webkit-box-shadow:0 0 10px rgba(0,0,0,.5);box-shadow:0 0 10px rgba(0,0,0,.5)}@media (max-width:419.89px){.controller__button{padding:10px 15px}}.controller__button--start{border-color:orange;background-color:orange}.controller__button--stop{border-color:#ed4747;background-color:#ed4747}.controller__button--reset{border-color:#000;background-color:#000}.controller__button--active{color:#000;background-color:#fff;border-color:#fff;opacity:1}.controller__button:hover{opacity:1}#scoreboard,#scoreboard .scoreboard,#scoreboard>.containt,.scoreboard-cover{width:100%;height:100vh}#scoreboard{position:fixed;top:0;left:0;z-index:9}.scoreboard{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (max-width:666.98px){.scoreboard{display:block}}.scoreboard-cover{position:absolute;top:0;left:0;background-color:rgba(16,36,56,.8);z-index:-1}.scoreboard-containt{width:95%;min-height:85%;max-width:768px;padding:3vw;color:#fff;background-color:rgba(0,0,0,.8);-webkit-box-shadow:0 0 20px rgba(0,0,0,.8);box-shadow:0 0 20px rgba(0,0,0,.8);overflow:auto}@media (max-width:767.98px){.scoreboard-containt{padding:6vw;min-height:95%}}@media (max-width:666.98px){.scoreboard-containt{width:100%;height:100%}}.scoreboard-title,.scoreboard-userTime{font-weight:700}.scoreboard-leavle,.scoreboard-userTime{margin-top:16px}.scoreboard-group{margin-top:2.5vw}@media (max-width:767.98px){.scoreboard-group{margin-top:5vw}}.scoreboard-group__item{display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:1px solid hsla(0,0%,100%,.25);padding:10px}.scoreboard-group__item--active{background-color:rgba(255,165,0,.5)}.scoreboard-group__score{margin-left:5vw}.scoreboard-group__timestamp{color:hsla(0,0%,100%,.25);-ms-flex-item-align:end;align-self:flex-end;margin-left:auto}.scoreboard-close{margin-top:5vw;text-align:center}.scoreboard-close__button{padding:5px;cursor:pointer;background-color:transparent;-webkit-transition:.5s;transition:.5s}.scoreboard-close__button:hover{background-color:hsla(0,0%,100%,.25)}.slide-bottom-enter,.slide-bottom-leave-to{opacity:0;-webkit-transform:translateY(5vw);transform:translateY(5vw)}.slide-bottom-enter-active,.slide-bottom-leave-active{-webkit-transition:1s .5s,-webkit-transform .5s;transition:1s .5s,-webkit-transform .5s;transition:1s .5s,transform .5s;transition:1s .5s,transform .5s,-webkit-transform .5s}.slide-top-enter,.slide-top-leave-to{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.slide-top-enter-active{-webkit-transition:opacity 1s,-webkit-transform .5s;transition:opacity 1s,-webkit-transform .5s;transition:opacity 1s,transform .5s;transition:opacity 1s,transform .5s,-webkit-transform .5s;-webkit-transition-delay:1s;transition-delay:1s}.slide-top-leave-active{-webkit-transition:opacity .5s,-webkit-transform 1s;transition:opacity .5s,-webkit-transform 1s;transition:opacity .5s,transform 1s;transition:opacity .5s,transform 1s,-webkit-transform 1s}.tips{position:fixed;bottom:2vw;right:2vw;z-index:9}@media (max-width:767.98px){.tips{position:relative;bottom:auto;right:auto;margin:1rem 0}}.tips-group__item{border:1px solid transparent;border-radius:.25rem}.tips-group__item--success{color:#155724;background-color:rgba(212,237,218,.8);padding:.75rem 1.25rem;border-color:#c3e6cb}.fade-enter,.fade-leave-to{opacity:0}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity 1s .5s;transition:opacity 1s .5s}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}html{font-family:微軟正黑體;height:100%;background-color:#102438;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fz-72{font-size:4.5rem}.fz-52{font-size:3.25rem}.fz-36{font-size:2.25rem}.fz-24{font-size:1.5rem}.fz-14{font-size:.875rem}.fz-12{font-size:.75rem}@media (max-width:767.98px){.fz-mm-72{font-size:4.5rem}.fz-mm-52{font-size:3.25rem}.fz-mm-36{font-size:2.25rem}.fz-mm-24{font-size:1.5rem}.fz-mm-16{font-size:1rem}.fz-mm-14{font-size:.875rem}.fz-mm-12{font-size:.75rem}}@media (max-width:666.98px){.fz-ms-52{font-size:3.25rem}.fz-ms-36{font-size:2.25rem}.fz-ms-24{font-size:1.5rem}.fz-ms-18{font-size:1.125rem}}#game>.containt{max-width:1366px;width:80%;margin:0 auto}.tool{position:fixed;top:1vw;left:1vw;z-index:9}@media (max-width:767.89px){.tool{position:relative;top:0;left:0}}