.ccbs-card{background-image:url(https://fe-1255520126.file.myqcloud.com/game/static/media/ccbs-cards.3ab1ec7a35a83adc99a1.webp);background-size:500% 600%;height:160px;-webkit-transform:scale(.45);transform:scale(.45);-webkit-transform:scale(var(--ccbs-scale));transform:scale(var(--ccbs-scale));width:120px}:root{--ccbs-scale:0.45}.ccbs-card-wrapper{height:72px;height:calc(160px*var(--ccbs-scale));width:54px;width:calc(120px*var(--ccbs-scale))}@media (min-width:350px){:root{--ccbs-scale:0.5}}@media (min-width:380px){:root{--ccbs-scale:0.55}}@media (min-width:410px){:root{--ccbs-scale:0.6}}@media (min-width:440px){:root{--ccbs-scale:0.65}}@media (min-width:470px){:root{--ccbs-scale:0.7}}@media (min-width:640px){:root{--ccbs-scale:1}}.ccbs-small{--ccbs-scale:0.3}.ccbs-noble{background-image:url(https://fe-1255520126.file.myqcloud.com/game/static/media/ccbs-nobles.e34ea1f78cc251ec6122.webp);background-size:500% 200%;height:110px;-webkit-transform:scale(.45);transform:scale(.45);-webkit-transform:scale(var(--ccbs-scale));transform:scale(var(--ccbs-scale));width:110px}.ccbs-noble-wrapper{height:49.5px;height:calc(110px*var(--ccbs-scale));width:49.5px;width:calc(110px*var(--ccbs-scale))}.ccbs-card,.ccbs-noble{box-sizing:initial;-webkit-transform-origin:top left;transform-origin:top left}.ccbs-empty{background:none;border:2px solid transparent}.ccbs-card:not(.ccbs-empty),.ccbs-noble:not(.ccbs-empty){border:2px solid #fff;border-radius:8px;box-shadow:4px 4px 8px rgba(30,30,30,.7);position:relative}.ccbs-noble-left{border-radius:6px 0 0 6px;height:100%;width:40px}.ccbs-card-top,.ccbs-noble-left{background-color:hsla(0,0%,67%,.5);position:absolute}.ccbs-card-top{border-radius:6px 6px 0 0;height:40px;width:100%}.ccbs-score{color:#fff;font-size:28px;font-style:italic;font-weight:700;height:40px;line-height:40px;position:absolute;text-align:center;text-shadow:0 0 .15em #000,0 0 .15em #000,0 0 .15em #000;width:30px}.ccbs-circle{border:1px solid #fff;border-radius:20px;height:30px;line-height:30px;width:30px}.ccbs-left-count{background:#fff;color:#000;text-align:center}.ccbs-left-count,.ccbs-rect{border-radius:4px;height:28px;line-height:28px;width:22px}.ccbs-rect{border:1px solid #fff}.ccbs-circle,.ccbs-rect{box-shadow:0 0 3px 1px rgba(0,0,0,.2);box-sizing:initial;color:#fff;font-weight:700;text-align:center;text-shadow:0 0 .1em #000,0 0 .1em #000,0 0 .1em #000}.ccbs-color-0{background-image:radial-gradient(#fff 0,#fefefe 40%,#ccc 100%);text-shadow:0 0 .15em #000,0 0 .15em #000,0 0 .15em #000}.ccbs-color-1{background-image:radial-gradient(#4ec5f6 0,#349ad2 80%,#a6aac0 100%)}.ccbs-color-2{background-image:radial-gradient(#73ba3c 0,#2d983e 80%,#1c693d 100%)}.ccbs-color-3{background-image:radial-gradient(#f1793b 0,#d23223 80%,#a0191c 100%)}.ccbs-color-4{background-image:radial-gradient(#555 0,#292526 80%,#060000 100%)}.ccbs-color-5{background-image:radial-gradient(#e3cf38 0,#eeb30a 80%,#726e04 100%)}.ccbs-type-0{background-position-y:-400.04%}.ccbs-type-1{background-position-y:0}.ccbs-type-2{background-position-y:-300%}.ccbs-type-3{background-position-y:-200%}.ccbs-type-4{background-position-y:-100%}.ccbs-type-5{background-position-y:-500%}.ccbs-img-0{background-position-x:0}.ccbs-img-1{background-position-x:-100.09%}.ccbs-img-2{background-position-x:-200%}.ccbs-img-3{background-position-x:-300%}.ccbs-img-4{background-position-x:-400%}.ccbs-noble-0{background-position:0 0}.ccbs-noble-1{background-position:-100% 0}.ccbs-noble-2{background-position:-200% 0}.ccbs-noble-3{background-position:-300% 0}.ccbs-noble-4{background-position:-400% 0}.ccbs-noble-5{background-position:0 -100%}.ccbs-noble-6{background-position:-100% -100%}.ccbs-noble-7{background-position:-200% -100%}.ccbs-noble-8{background-position:-300% -100%}.ccbs-noble-9{background-position:-400% -100%}