.card-list{width:100%;margin-bottom:10px;padding:10px;border-radius:5px;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.2);box-shadow:0 0 5px 0 rgba(0,0,0,.2)}.card-list.selectable{cursor:pointer;-webkit-transition:all .1s linear;transition:all .1s linear}.card-list.selectable:hover{-webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,.3);box-shadow:0 5px 10px 0 rgba(0,0,0,.3);-webkit-transform:scale(1.01);transform:scale(1.01)}.card-icon{background-image:url("/images/espada sagrada oro.png");background-size:contain;background-repeat:no-repeat;background-position:50%;width:30px;height:30px;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}.card-icon span{color:#000;font-size:20px}.card-effect{padding:10px;background-color:#f8f8ff;font-size:11px;border-radius:5px;margin-top:5px}.card-race{font-size:11px;color:#666}.card-icon.oro span{color:#a56500}.card-icon.aliado span{color:#831401;margin-top:4px}select{height:35px}.row-filter{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important;gap:4px}.row-filter>*{height:100%}.row-filter .found-cards{display:none!important}.row-filter input{width:100px}.row-filter.sm input,.row-filter.sm select{font-size:12px!important;max-width:70px}div{-webkit-box-sizing:border-box;box-sizing:border-box}input,select{padding:10px;margin-bottom:5px;background-color:#f8f8ff;border:1px solid rgba(0,0,0,.1);border-radius:5px}.content{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;padding:10px;overflow-y:auto;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:4px;-ms-flex-line-pack:baseline;align-content:baseline}.content,.search-menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.search-menu{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;padding:5px 10px;background-color:#fff;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.2);box-shadow:0 2px 5px 0 rgba(0,0,0,.2);-webkit-transition:top .2s;transition:top .2s;height:100%}.search-menu *{-ms-flex-negative:0;flex-shrink:0}.search-menu b{font-size:10px;text-transform:uppercase;margin:7px 0}.card-list.mini{margin-bottom:1px;padding:4px}.card-list.mini .card-icon span{font-size:15px;font-weight:bolder}.card-list.mini b{text-transform:none;line-height:0}.card-list.mini .card-race{text-transform:uppercase;font-size:7px;line-height:8px}.code{padding:5px;background-color:#f5f5f5;color:#666;overflow-wrap:break-word;font-size:10px;border-radius:3px;margin-bottom:5px;border:none}.btn-round{border:none;background-color:#fff;height:30px;border-radius:20px;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.1);box-shadow:0 0 5px 0 rgba(0,0,0,.1);margin:4px 0;font-size:8px;text-transform:uppercase}.btn-round:hover{background-color:#e0fcff;cursor:pointer}.grid{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.card-selection{cursor:pointer;-webkit-transition:-webkit-transform .05s linear;transition:-webkit-transform .05s linear;transition:transform .05s linear;transition:transform .05s linear,-webkit-transform .05s linear;border-radius:.3vw}.card-selection:hover{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-box-shadow:4px 4px 10px 0 rgba(0,0,0,.5);box-shadow:4px 4px 10px 0 rgba(0,0,0,.5)}.header{position:absolute;left:0;top:0;width:100%;padding:10px;display:-webkit-box;display:-ms-flexbox;display:flex;background:#000;color:#fff;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.row-zone{height:100%;width:100%;background:red}.field-card{position:absolute;-webkit-transition:all .15s linear;transition:all .15s linear}.field-card img{border-radius:.3vw}.flipped{-webkit-transform:scale(-1);transform:scale(-1)}.targeted{outline:3px dashed red}.img-container{-webkit-transition:all .1s linear;transition:all .1s linear;position:relative;width:100%;height:100%;pointer-events:none}.card-dragged{-webkit-transform:scale(1.3) rotate(-5deg);transform:scale(1.3) rotate(-5deg);-webkit-box-shadow:10px 10px 10px rgba(0,0,0,.3);box-shadow:10px 10px 10px rgba(0,0,0,.3)}.no-transition{-webkit-transition:none!important;transition:none!important}.show{-webkit-box-shadow:0 0 10px 1px #0f0;box-shadow:0 0 10px 1px #0f0}.pile-marker{position:absolute;height:100%;width:100%;background-size:100% 100%;opacity:.4;-webkit-transform:scale(1.2,1.1);transform:scale(1.2,1.1)}.pile-counter{height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:hsla(0,0%,100%,.6);font-size:2.5vw;pointer-events:none;text-shadow:0 0 10px #000}.pile-actions,.pile-counter{position:absolute;z-index:10000;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.pile-actions{bottom:0}.pile-actions button{width:100%}.btn-action{border:none;padding:0;margin:0;font-size:1.2vw;background-color:rgba(0,0,0,.5);color:#fff}.pile-shake{-webkit-animation:tilt-n-move-shaking .3s ease-in-out 0s 3;animation:tilt-n-move-shaking .3s ease-in-out 0s 3}@-webkit-keyframes tilt-n-move-shaking{0%{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(5px);transform:translateX(5px)}50%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}75%{-webkit-transform:translateX(5px);transform:translateX(5px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes tilt-n-move-shaking{0%{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(5px);transform:translateX(5px)}50%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}75%{-webkit-transform:translateX(5px);transform:translateX(5px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.pile-counter-drag{position:absolute;z-index:10000;width:100%;height:100%;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;color:hsla(0,0%,100%,.6);font-size:3vw;pointer-events:none;background:rgba(0,0,0,.7);-webkit-transform:translate(-50%,-50%) scale(.8);transform:translate(-50%,-50%) scale(.8);border-radius:20px}.h-zone{position:relative;background-color:rgba(0,0,0,.5);width:100%;height:100%}.h-zone-counter{color:hsla(0,0%,100%,.5);font-size:1.5vw;text-shadow:0 0 10px #000;position:absolute;padding:.5vw}#arena-backdrop{width:100%;height:100%;background-color:#000;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;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.arena{-ms-flex-negative:0;flex-shrink:0;background-color:grey;overflow:hidden;position:relative;background-size:100%;cursor:none!important}.arena,.player-zone{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.player-zone{height:50%}.zone-row{height:25%;display:-webkit-box;display:-ms-flexbox;display:flex}.cursor{width:20px;height:20px;z-index:999998}.cursor,.preview{position:absolute;pointer-events:none}.preview{z-index:999999}.zone-hand{position:absolute;left:0;width:100%}.zone-hand.p1{bottom:0}.zone-hand.p2{top:0}.p1-destierro{left:1%}.p1-destierro,.p1-reserva{position:absolute;bottom:11%}.p1-reserva{left:7%}.p1-cementerio{left:1%}.p1-cementerio,.p1-mazo{position:absolute;bottom:25%}.p1-mazo{left:7%}.p1-pagados{position:absolute;left:7%;bottom:39%}.p2-destierro{position:absolute;right:1%;top:11%}.p2-reserva{position:absolute;right:7%;top:11%}.p2-cementerio{right:1%}.p2-cementerio,.p2-mazo{position:absolute;top:25%}.p2-mazo{right:7%}.p2-pagados{position:absolute;right:7%;top:39%}#app,.html,body{overflow:hidden;width:100%;height:100%;margin:0;padding:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}#app,body,html{width:100%;height:100%;margin:0;padding:0}*{-webkit-box-sizing:border-box;box-sizing:border-box}